/* Rate a Stay · geniş ekran düzeni (2026-10-14 f).
   Kural: 960 px altında bu dosya HİÇBİR şey değiştirmez (sadece masaüstü üst çubuğunu ve masaüstü-only parçaları gizler).
   Renkler sayfanın kendi :root token'larından gelir (açık + koyu tema aynen). Kap genişliği 1200 px, kenar 32 px. */
.wnav,.wonly,.whero{display:none}

@media (min-width:960px){
  :root{--wmax:1200px;--wgut:32px;--wnav:68px;--wshadow:0 14px 34px -18px rgb(15 23 42 / .28)}
  html{scrollbar-gutter:stable}
  body{min-height:100vh}

  /* Üst çubuk: logo · arama · bağlantılar · ana eylem */
  .wnav{display:block;position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}
  .wnav-in{max-width:var(--wmax);margin:0 auto;padding:0 var(--wgut);height:var(--wnav);display:flex;align-items:center;gap:28px}
  .wlogo{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:700 18px var(--font);color:var(--text);text-decoration:none;letter-spacing:-.01em;flex:none}
  .wlogo svg{width:32px;height:32px;color:var(--primary)}
  .wsearch{position:relative;flex:1;max-width:440px;margin:0}
  .wsearch svg{position:absolute;left:14px;top:50%;translate:0 -50%;width:18px;height:18px;color:var(--muted);pointer-events:none}
  .wsearch input{width:100%;min-height:44px;padding:0 16px 0 42px;border:2px solid var(--line);border-radius:999px;background:var(--bg);color:var(--text);font:16px var(--font)}
  .wsearch input::placeholder{color:var(--muted)}
  .wsearch input:focus{outline:3px solid var(--accent,var(--primary));outline-offset:2px;border-color:var(--primary)}
  .wsr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .wnav.home .wsearch{visibility:hidden}
  .wlinks{display:flex;gap:4px;margin-left:auto}
  .wlinks a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;color:var(--text);font:600 16px var(--font);text-decoration:none;transition:background-color .15s}
  .wlinks a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:10px;text-decoration-color:var(--primary)}
  .wcta{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:12px;background:var(--primary);color:var(--on-primary);font:700 16px var(--font);text-decoration:none;flex:none;transition:filter .15s}
  .wcta svg{width:18px;height:18px}
  .wlogo:focus-visible,.wlinks a:focus-visible,.wcta:focus-visible{outline:3px solid var(--accent,var(--primary));outline-offset:2px}
  @media (hover:hover){.wlinks a:hover{background:var(--soft)}.wcta:hover{filter:brightness(1.08)}}

  /* Kendi logosu üst çubukta: sayfa içindeki "Rate a Stay" bağlantısı tekrar etmesin */
  main>a.brand[href="/"]{display:none!important}

  /* Ortak alt bilgi: tüm sayfalarda aynı çizgi + sola dayalı bağlantılar */
  nav.foot{justify-content:flex-start;gap:4px 24px;margin-top:56px;padding-top:16px;border-top:1px solid var(--line);font-size:15px}

  /* ===== Ana sayfa (index): başlangıç ekranı açıkken geniş platform düzeni ===== */
  main.viewport:has(#s-start.show){max-width:var(--wmax);padding:32px var(--wgut) 48px;min-height:0}
  #s-start{display:grid;grid-template-columns:48px minmax(0,1fr) 48px minmax(360px,400px) 48px;grid-template-rows:48px auto auto auto auto auto 1fr 48px;column-gap:0}
  #s-start::before{content:"";grid-column:1/-1;grid-row:1/9;border-radius:28px;background:var(--soft)}
  .whero{display:block;grid-column:2;grid-row:2;align-self:end}
  .whero h1{font-size:clamp(40px,3.6vw,52px);line-height:1.08;letter-spacing:-.025em;margin:0 0 16px;max-width:15ch;text-wrap:balance}
  .whero p{color:var(--muted);font-size:19px;line-height:1.5;max-width:52ch}
  #s-start>.field.hsearch{grid-column:2;grid-row:3;margin:28px 0 8px;min-height:64px;font-size:19px;padding:0 22px;border-radius:18px;max-width:640px}
  #hs-st{grid-column:2;grid-row:4;margin:0!important}
  #hs-res{grid-column:2;grid-row:5;max-width:640px;margin:0!important}
  #s-start>p.note:not(#hs-st){grid-column:2;grid-row:6;text-align:left;margin:16px 0 0}
  #s-start>.cta-card{grid-column:4;grid-row:2/8;align-self:center;margin:0;padding:28px;border-width:1px;border-radius:22px;box-shadow:var(--wshadow)}
  #s-start>.cta-card h2{font-size:26px}
  #admin{grid-column:1/-1;grid-row:9;margin-top:24px}
  #top{grid-column:1/-1;grid-row:10;margin-top:56px}
  #s-start>nav.foot{grid-column:1/-1;grid-row:11}
  #top>h2{font-size:32px;letter-spacing:-.015em}
  #top .chips{margin:20px 0 24px}

  /* Otel kartları: 3 sütun, HolidayCheck tarzı puan kutusu sağ üstte */
  #toplist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
  #toplist>.note{grid-column:1/-1}
  .topcard{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto 1fr;align-items:start;gap:14px;margin:0;padding:20px;border-width:1px;border-radius:18px;transition:border-color .18s,box-shadow .18s,translate .18s}
  .topcard .rk{grid-column:1;grid-row:1;min-width:36px;height:36px;padding:0 8px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:15px;color:var(--text)}
  .topcard>div:not(.sc){grid-column:1/-1;grid-row:2;display:grid;gap:2px}
  .topcard>div:not(.sc) b{font-size:19px;line-height:1.25;margin-bottom:2px}
  .topcard .sc{grid-column:3;grid-row:1;display:flex;align-items:baseline;gap:2px;padding:8px 12px;border-radius:12px 12px 12px 4px;background:var(--primary);color:var(--on-primary);font-size:24px}
  .topcard .sc small{color:var(--on-primary);opacity:.85;font-size:13px}
  .topcard .wonly{display:block;margin-top:0}
  .topcard small.gh{display:none}
  .topcard span.wonly:first-of-type{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
  @media (hover:hover){.face:hover,.hotel:hover,.chip2:hover{border-color:var(--primary)}}
  @media (hover:hover){.topcard:hover{border-color:var(--primary);box-shadow:var(--wshadow);translate:0 -2px}}

  /* Puanlama akışı: masaüstünde ortada kompakt kart, arka plan sakin */
  main.viewport:not(:has(#s-start.show)){max-width:600px;min-height:0;margin:48px auto 72px;padding:36px 48px 44px;background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--wshadow)}

  /* ===== /results ===== */
  main.rlist{max-width:var(--wmax);padding:40px var(--wgut) 48px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:end}
  main.rlist>h1{grid-column:1;font-size:44px;letter-spacing:-.02em;margin:0 0 6px}
  main.rlist>p.sub{grid-column:1;margin:0;max-width:60ch;font-size:18px}
  main.rlist>a.btn{grid-column:2;grid-row:1/3;margin:0;padding:0 28px;align-self:center}
  main.rlist>#list{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:20px;margin-top:32px;align-items:start}
  main.rlist .card{margin:0;padding:24px;border-width:1px;border-radius:18px}
  main.rlist>nav.foot{grid-column:1/-1}

  /* ===== /hotel: solda galeri + açıklama, sağda yapışkan puan kartı ===== */
  main.hpage{max-width:var(--wmax);padding:24px var(--wgut) 56px}
  main.hpage .hgrid{display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:48px;align-items:start}
  main.hpage .htop,main.hpage .hrest{display:block;min-width:0}
  main.hpage .htop{grid-column:1;grid-row:1}
  main.hpage .hside{grid-column:2;grid-row:1/3;position:sticky;top:calc(var(--wnav) + 24px);display:grid;gap:12px}
  main.hpage .hrest{grid-column:1;grid-row:2}
  main.hpage .gal,main.hpage .sk{margin:8px 0 0;border-radius:20px}
  main.hpage .track img{aspect-ratio:16/9}
  main.hpage h1{font-size:44px;margin-top:28px}
  main.hpage .ours{margin:0;padding:28px;border-radius:22px;box-shadow:var(--wshadow);text-align:left}
  main.hpage .ours h2{font-size:18px;color:var(--muted)}
  main.hpage .ours .score{font-size:60px}
  main.hpage #official{margin-top:0}
  /* platformlar: HC/TA tarzı karşılaştırma satırı (ad · puan · yorum · bağlantı) */
  main.hpage .plat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 20px;padding:16px 20px}
  main.hpage .plat .ph{flex-wrap:wrap;row-gap:0}
  main.hpage .plat .ph time{flex-basis:100%;margin-left:46px}
  main.hpage .plat .sub{grid-column:1}
  main.hpage .plat .nums,main.hpage .plat .na{margin:0}
  main.hpage .plat .nums{gap:16px}
  main.hpage .plat .open{grid-column:2;grid-row:2/4;margin:0;padding:0 16px;white-space:nowrap}
  main.hpage #map{height:380px}
  main.hpage .hrest>.foot{text-align:left;max-width:none;margin-inline:0}
  main.hpage .hrest>.foot:last-child{margin-top:12px;padding-top:16px;border-top:1px solid var(--line)}
  main.hpage .hrest>.foot:nth-last-child(2){margin-top:56px}

  /* ===== Otel paneli (/hotel-panel, 2026-10-14 h): solda yorumlar geniş, sağda yapışkan özet sütunu ===== */
  main.panel{max-width:var(--wmax);padding:36px var(--wgut) 56px}
  main.panel>h1{font-size:40px;letter-spacing:-.02em;margin-top:0}
  main.panel .pgrid{grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start;margin-top:28px}
  main.panel .pside{grid-column:2;grid-row:1}
  main.panel .prv{grid-column:1;grid-row:1;padding:24px 28px}
  main.panel .pan{padding:22px 24px}
  main.panel .rv form.rf{max-width:640px}

  /* ===== Okuma sayfaları: /u, /feedback, /privacy, /terms ===== */
  main.read{max-width:760px;padding:48px var(--wgut) 56px}
  main.read>h1{font-size:44px;letter-spacing:-.02em;margin-top:0}
}
@media (min-width:960px) and (max-width:1199px){
  #s-start{grid-template-columns:40px minmax(0,1fr) 32px 340px 40px;grid-template-rows:40px auto auto auto auto auto 1fr 40px}
  main.hpage .hgrid{grid-template-columns:minmax(0,1fr) 320px;column-gap:32px}
  main.rlist>#list{grid-template-columns:1fr 1fr}
}
@media (min-width:960px) and (prefers-reduced-motion:reduce){.topcard,.wlinks a,.wcta{transition:none}.topcard:hover{translate:none}}