/* /musteri.css */
@font-face{font-family:'Bricolage Grotesque';font-weight:200 800;font-display:swap;src:url(/marka/fonts/bricolage-grotesque-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-weight:200 800;font-display:swap;src:url(/marka/fonts/bricolage-grotesque-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-weight:200 800;font-display:swap;src:url(/marka/fonts/manrope-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-weight:200 800;font-display:swap;src:url(/marka/fonts/manrope-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/marka/fonts/poppins-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/marka/fonts/poppins-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(/marka/fonts/poppins-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(/marka/fonts/poppins-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(/marka/fonts/poppins-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(/marka/fonts/poppins-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(/marka/fonts/poppins-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(/marka/fonts/poppins-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--navy:#203764;--blue:#244e83;--ink:#39352f;--muted:#6b7c93;--orange:#f59a3f;--orange-d:#cf741f;--peach:#fdf1e0;--bg:#f8fafd;--line:#e3eaf3;--foot:#172a43;--dk:#1b3a63;--link:#2f5c97;--txt:#33445c;--gold:#f2b84b;--line2:#d5deea;--soft:#eef2f9;--rk:1;--fh:inherit}
h1,h2,h3,h4{font-family:var(--fh)}
*{box-sizing:border-box}
body{margin:0;font:15px/1.6 Manrope,Poppins,system-ui,sans-serif;font-feature-settings:'ss01';color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding:0 1.2rem}
a{color:var(--blue)}:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.strip{background:var(--blue);color:#fff;font-size:12.5px}
.strip .wrap{display:flex;justify-content:flex-end;gap:1.4rem;padding-top:.55rem;padding-bottom:.55rem;flex-wrap:wrap}
.strip a{color:#fff;text-decoration:none;font-weight:500}.strip a:hover{text-decoration:underline}
.top{position:sticky;top:0;z-index:5;background:#fff;box-shadow:0 1px 6px -2px rgba(23,42,67,.45);border-top:2px solid var(--gold)}
.bar{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:1rem}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.25rem;color:var(--navy);text-decoration:none;letter-spacing:-.01em}
.brand img{max-height:44px;max-width:170px}
.top nav{display:flex;gap:1.6rem;align-items:center}.top nav a{text-decoration:none;color:var(--txt);font-weight:600;font-size:11.5px;letter-spacing:.03em;text-transform:uppercase}.top nav a:hover{color:var(--orange-d)}
.callbox{border-left:1px solid var(--line);padding-left:1.2rem;text-align:left;line-height:1.25}.callbox small{display:block;color:var(--muted);font-size:11px}.callbox a{font-weight:700;color:var(--navy);text-decoration:none;font-size:15px}
.hero{background:linear-gradient(115deg,var(--foot) 0%,var(--navy) 55%,var(--link) 100%);color:#fff;padding:5.2rem 0 5rem;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 85% 10%,color-mix(in srgb,var(--orange) 35%,transparent),transparent 60%)}
.hero .wrap{position:relative;z-index:1}
.hero h1{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.1;margin:0 0 .9rem;letter-spacing:-.02em;font-weight:700;max-width:18ch}
.lead{font-size:1.1rem;max-width:44ch;color:var(--line2);margin:0 0 1.8rem;font-weight:400}
.cta{display:flex;gap:.8rem;flex-wrap:wrap}
.btn{display:inline-block;background:var(--orange);color:var(--onacc);padding:.75rem 1.5rem;border-radius:calc(8px*var(--rk));font-weight:700;text-decoration:none;box-shadow:0 8px 18px -10px rgba(245,154,63,.9)}
.btn:hover{filter:brightness(1.06)}.btn.alt{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55);box-shadow:none}
.sec{padding:3.4rem 1.2rem}
h2{font-size:1.9rem;margin:0 0 .3rem;letter-spacing:-.01em;color:var(--navy);font-weight:700}
.sub{color:var(--muted);margin:0 0 1.6rem;font-size:13px}
h3{font-size:1.15rem;margin:2.2rem 0 .9rem;color:var(--navy);font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.3rem}
.card{border:1px solid var(--line);border-radius:calc(14px*var(--rk));overflow:hidden;display:flex;flex-direction:column;background:#fff;box-shadow:0 6px 20px -14px rgba(23,42,67,.4);transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:0 16px 32px -16px rgba(23,42,67,.5);transform:translateY(-2px)}
.card .cover{height:96px;background:linear-gradient(120deg,var(--navy),var(--link));position:relative;display:flex;align-items:flex-end;padding:.7rem 1rem}
.card .cover:after{content:"";position:absolute;right:-30px;top:-40px;width:130px;height:130px;border-radius:50%;background:rgba(245,154,63,.55)}
.card .in{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.45rem;flex:1}
.card .k{font-size:11px;font-weight:500;color:var(--orange-d);background:var(--peach);border-radius:calc(20px*var(--rk));padding:.12rem .75rem;align-self:flex-start;position:relative;z-index:1}
.card .cover .k{background:#fff;color:var(--blue)}
.card h4{margin:.1rem 0 0;font-size:1.2rem;line-height:1.3;color:var(--navy);font-weight:700}
.card p{margin:0;color:var(--muted);font-size:12.5px;flex:1}
.card .fiyat{font-weight:700;font-size:1.6rem;color:var(--orange-d);margin-top:.5rem;line-height:1.2}.card .fiyat small{display:block;font-weight:400;color:var(--muted);font-size:11.5px;margin-top:.15rem}
.card .foot2{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:.7rem;margin-top:.5rem}
.card a.ara{font-weight:600;text-decoration:none;color:var(--navy);font-size:13px}
.card .go{width:26px;height:26px;border-radius:50%;background:var(--peach);color:var(--orange-d);display:grid;place-items:center;font-size:13px;text-decoration:none;font-weight:700}
.bos{padding:2rem;border:1px dashed var(--line);border-radius:calc(14px*var(--rk));color:var(--muted);background:var(--bg)}
.band{background:var(--bg);padding:3.2rem 0;border-top:1px solid var(--line)}
.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}
.contact div{background:#fff;border:1px solid var(--line);border-radius:calc(12px*var(--rk));padding:1rem 1.2rem}
.contact b{display:block;font-size:11.5px;color:var(--muted);font-weight:600;margin-bottom:.2rem}
.contact a,.contact span{font-weight:600;font-size:1rem;color:var(--navy);text-decoration:none;word-break:break-word}
.about{padding:3.2rem 0;background:#fff;border-top:1px solid var(--line)}.about h2{margin:0 0 .8rem;color:var(--navy)}.about .pre{max-width:70ch;line-height:1.7;color:var(--txt);margin:0}
.foot{background:var(--foot);color:var(--line2);padding:2.4rem 1.2rem 1.6rem;font-size:13px}
.fgrid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.6rem}
.fgrid b{display:block;color:#fff;font-size:14px;margin-bottom:.5rem}.fgrid a,.fgrid span{display:block;color:var(--line2);text-decoration:none;line-height:1.7}.fgrid a:hover{color:#fff;text-decoration:underline}
.fcopy{max-width:1180px;margin:1.6rem auto 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.14);font-size:12px}
@media (max-width:760px){.callbox{display:none}.top nav{gap:1rem}.hero{padding:3.4rem 0}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
[hidden]{display:none!important}
.pre{white-space:pre-line}
.geri{display:inline-block;margin-bottom:1rem;font-weight:600;text-decoration:none}
.dates{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.dates li{border:1px solid var(--line);border-radius:calc(8px*var(--rk));padding:.45rem .85rem;background:#fff}
.dates li.son{border-color:var(--orange);background:var(--peach)}.dates li.dolu{color:#8a97a4;text-decoration:line-through}
.ftab{border-collapse:collapse;width:100%;max-width:560px}.ftab td{padding:.55rem .4rem;border-bottom:1px solid var(--line)}.ftab .num{text-align:right;font-weight:600;color:var(--orange-d)}
.gun{margin:.7rem 0;padding-left:.9rem;border-left:3px solid var(--orange)}
.lead2{font-size:1.1rem;color:var(--navy)}
#detay .k{display:inline-block;font-size:12px;color:var(--orange-d);background:var(--peach);border-radius:calc(20px*var(--rk));padding:.12rem .8rem}
#detay .fiyat{font-size:1.5rem;font-weight:700;color:var(--orange-d);margin:.8rem 0}
#detay a.ara{display:inline-block;margin-top:1.6rem;background:var(--orange);color:var(--onacc);padding:.75rem 1.5rem;border-radius:calc(8px*var(--rk));font-weight:700;text-decoration:none}
.card .cover.foto{height:170px;background-size:cover;background-position:center}.card .cover.foto:after{display:none}
#detay img.kapak{width:100%;max-height:420px;object-fit:cover;border-radius:calc(14px*var(--rk));margin:0 0 1.2rem;display:block}
.lead{display:block}
form.lead{display:grid;gap:.2rem;max-width:560px;background:#fff;border:1px solid var(--line);border-radius:calc(14px*var(--rk));padding:1.2rem 1.3rem;box-shadow:0 6px 20px -14px rgba(23,42,67,.4)}
form.lead label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:.6rem}
form.lead input,form.lead textarea{display:block;width:100%;margin-top:.25rem;padding:.6rem .75rem;border:1px solid var(--line2);border-radius:calc(8px*var(--rk));font:inherit;color:var(--ink)}
form.lead input:focus,form.lead textarea:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px rgba(245,154,63,.25)}
form.lead .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
form.lead .btn{border:0;cursor:pointer;font:inherit;font-weight:700;justify-self:start}
form.lead .btn:disabled{opacity:.6;cursor:default}
.lmsg{min-height:1.4rem;font-size:13px;margin-top:.5rem}.lmsg.ok{color:#1c7a45;font-weight:600}.lmsg.bad{color:#b42318;font-weight:600}
.dates li[role=button]{cursor:pointer}.dates li.sel{border-color:var(--orange);background:var(--peach);box-shadow:0 0 0 2px var(--orange) inset;font-weight:600}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.filt{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 1rem}.chip{border:1px solid var(--line);background:#fff;color:var(--navy);padding:.4rem .95rem;border-radius:999px;font:inherit;font-weight:600;cursor:pointer}.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.filt input{margin-left:auto;padding:.45rem .8rem;border:1px solid var(--line2);border-radius:999px;font:inherit;min-width:180px}.card[hidden]{display:none}
.fgrid,.fcopy{padding:0 1.2rem}
@media (min-width:900px){
  #iletisim .wrap{display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,1.3fr);grid-template-rows:auto auto 1fr;column-gap:2.4rem}
  #iletisim h2{grid-column:1/-1}
  #iletisim .contact{grid-column:1;grid-row:2/4;grid-template-columns:1fr;align-content:start}
  #iletisim h3{grid-column:2;grid-row:2;margin-top:0}
  #iletisim .formbox{grid-column:2;grid-row:3}
}

.btn.wa{background:#1fa855;color:#fff;box-shadow:0 8px 18px -10px rgba(31,168,85,.9)}
.mbar{display:none}
@media (max-width:760px){
  .hasbar{padding-bottom:64px}
  .mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:50;box-shadow:0 -6px 18px rgba(0,0,0,.18)}
  .mbar a{padding:.95rem 0;text-align:center;font-weight:700;text-decoration:none;color:#fff}
  .mbar .c1{background:var(--navy)}.mbar .c2{background:#0b6b35}
  .mbar a:only-child{grid-column:1/-1}
}
/* Tilli sohbet düğmesi olan sitelerde alttaki Ara/WhatsApp şeridi gösterilmez (22.10.2026) */
body:has(.tatilly-chat) .mbar{display:none!important}
body.hasbar:has(.tatilly-chat){padding-bottom:0}
.announce{background:var(--orange);color:var(--onacc);text-align:center;font-weight:600;font-size:13px;padding:.5rem 1rem}
.burger{display:none;background:none;border:0;padding:.6rem;cursor:pointer}.burger span{display:block;width:24px;height:2.5px;background:var(--navy);margin:5px 0;border-radius:2px}
.faq{padding:3.2rem 0;background:var(--bg);border-top:1px solid var(--line)}.faq h2{margin:0 0 1rem;color:var(--navy)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:calc(10px*var(--rk));margin:0 0 .6rem;max-width:820px}.faq summary{cursor:pointer;padding:.9rem 1.1rem;font-weight:600;color:var(--navy)}.faq details[open] summary{border-bottom:1px solid var(--line)}.faq details p{margin:0;padding:.9rem 1.1rem;color:var(--txt);line-height:1.7}
.pre.doc{max-width:80ch;line-height:1.75;color:var(--txt)}
.filt select,.filt input[type=search]{border:1px solid var(--line);border-radius:calc(8px*var(--rk));padding:.45rem .7rem;font:inherit;background:#fff;color:var(--ink)}
@media (max-width:760px){
  .burger{display:block;margin-left:auto}
  .top .bar{flex-wrap:wrap}
  .top nav{display:none;order:5;flex-basis:100%;flex-direction:column;align-items:flex-start;gap:0;padding:.2rem 0 .8rem}
  .top nav.open{display:flex}.top nav a{padding:.7rem 0;width:100%;border-top:1px solid var(--line);font-size:13px}
}
form.lead label.chk{display:flex;gap:.55rem;align-items:flex-start;line-height:1.45}
form.lead label.chk input{width:auto;margin:.2rem 0 0;flex:none}
a.ara.wa2{background:#1fa855;color:#fff;border-color:#1fa855;margin-left:.6rem}
.slider{position:relative;background:linear-gradient(115deg,var(--foot) 0%,var(--navy) 60%,var(--link) 100%);height:clamp(380px,42vw,440px);overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease}
.slide.on{opacity:1;visibility:visible}
.slide .sl{height:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:2.4rem;align-items:center;color:#fff;padding-bottom:1.4rem}
.slide .st{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;min-width:0}
.slide .pic{height:min(100%,330px);border-radius:calc(16px*var(--rk));background-size:cover;background-position:center;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.slide h1,.slide h2{color:#fff;margin:0;font-size:clamp(1.45rem,2.9vw,2.15rem);line-height:1.18;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.slide p{margin:0;max-width:44ch;color:var(--line2);font-size:.98rem;line-height:1.45}.slide p.sd{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slide .sp{font-weight:700;color:#ffd9a8;font-size:1.05rem}
.slide .btn{margin-top:.4rem}
.slider .arr{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);background:rgba(14,28,50,.35);color:#fff;font-size:24px;line-height:1;cursor:pointer}.slider .prev{left:14px}.slider .next{right:14px}
.slider .dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px}.dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0}.dots button.on{background:var(--orange);width:26px;border-radius:6px}
@media (prefers-reduced-motion:reduce){.slide{transition:none}}
.finder{background:#fff;border:1px solid var(--line);border-radius:calc(16px*var(--rk));padding:1.2rem 1.4rem;box-shadow:0 14px 30px -22px rgba(23,42,67,.6);margin:0 0 1.6rem}
.finder h3{margin:0 0 .8rem;font-size:1.25rem;color:var(--navy)}
.finder .frow input{width:100%;border:1px solid var(--line);border-radius:calc(10px*var(--rk));padding:.8rem 1rem;font:inherit;background:var(--bg)}
.finder .filt{margin:.8rem 0 0}
.hints{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-top:.9rem;font-size:12px;color:var(--muted)}.chip.sm{padding:.25rem .7rem;font-size:12px}
h3.sech{margin:2rem 0 1rem;font-size:1.35rem;color:var(--navy)}
.btn.alt2{background:#fff;color:var(--navy);border:1.5px solid var(--line);box-shadow:none;margin-top:1rem;cursor:pointer;font:inherit;font-weight:600}
@media (max-width:760px){.slider{height:250px}.slide .sl{display:block;position:relative;padding:0}.slide .pic{position:absolute;inset:0;height:auto;border-radius:0;box-shadow:none}.slide .pic:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,28,50,.05) 0%,rgba(14,28,50,.88) 100%)}.slide .st{position:absolute;left:0;right:0;bottom:0;padding:0 1.1rem 2.2rem;gap:.35rem;z-index:1}.slide p.sd{display:none}.slider .arr{display:none}.slide h1,.slide h2{font-size:1.2rem;-webkit-line-clamp:2}.slide .sp{font-size:.95rem}.slide .btn{margin-top:.2rem;padding:.5rem 1rem;font-size:14px}.slider .dots{bottom:10px}}

.catpill{display:block;background:var(--peach);color:var(--orange-d);font-size:11.5px;font-weight:600;padding:.35rem .7rem;border-radius:6px;margin:0 0 .7rem}
.finder .filt.cats{margin:.9rem 0 0}
/* Çok sayfalı menü */
.top nav a[aria-current=page]{color:var(--orange-d);box-shadow:0 2px 0 var(--orange-d)}
.dd{position:relative}.dd-menu{display:none;position:absolute;left:-1rem;top:100%;min-width:230px;max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:calc(10px*var(--rk));box-shadow:0 12px 28px -12px rgba(23,42,67,.4);padding:.4rem 0;z-index:10}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}.top nav .dd-menu a{display:block;padding:.55rem 1.1rem;text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:600;box-shadow:none}.top nav .dd-menu a:hover{background:var(--peach)}
.ftab.cal{width:100%;max-width:820px}.ftab.cal td{padding:.65rem .5rem}.ftab.cal td a{color:var(--navy);font-weight:600;text-decoration:none}.ftab.cal td a:hover{color:var(--orange-d)}.st2{font-size:.85rem;color:#2e7d4f;font-weight:600}.st2.son{color:var(--orange-d)}.st2.dolu{color:#9aa6b6}
@media (max-width:760px){.dd{width:100%}.dd-menu{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 1rem;max-height:none}.top nav .dd-menu a{border-top:1px solid var(--line);padding:.6rem 0;font-size:13px}}
.ftab.cal{table-layout:fixed}.ftab.cal td:first-child{width:32%}.ftab.cal td.num{width:20%}.ftab.cal td.st2{width:16%}
/* Üyelik ve sadakat */
.promo{display:flex;flex-direction:column;gap:.15rem;background:var(--peach);border:1px solid #f1d7b0;border-radius:calc(12px*var(--rk));padding:.8rem 1.1rem;margin:0 0 1.2rem;text-decoration:none;color:var(--navy)}.promo span{color:#6a5a45;font-size:.92rem}.promo:hover{border-color:var(--orange)}
.uyegrid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin:1rem 0}.ucard{background:#fff;border:1px solid var(--line);border-radius:calc(14px*var(--rk));padding:1.2rem 1.3rem}.ucard h3{margin-top:0}
.puan{background:var(--navy);color:#fff;border-radius:calc(16px*var(--rk));padding:1.3rem 1.5rem;margin:1rem 0 1.4rem;max-width:560px}.puan small{opacity:.8}.puan b{display:block;font-size:2.2rem;margin:.1rem 0 .4rem}.puan a{color:#ffd9a8}.puan .sub{color:var(--line2)}.puan ul{margin:.3rem 0 .6rem;padding-left:1.1rem}
.bar2{height:10px;border-radius:99px;background:rgba(255,255,255,.2);overflow:hidden;margin:.4rem 0}.bar2 i{display:block;height:100%;background:var(--orange)}
.adim{max-width:62ch;line-height:1.7;padding-left:1.2rem}.adim li{margin:.4rem 0}
@media (max-width:760px){.uyegrid{grid-template-columns:1fr}}

.agbar{background:var(--foot);color:#fff}.agbar .wrap{display:flex;justify-content:flex-end;position:relative}
.agbtn{background:none;border:0;color:#fff;text-decoration:none;font:600 12px/1 Manrope,Poppins,sans-serif;letter-spacing:.03em;padding:.55rem .2rem;cursor:pointer}.agbtn:hover,.agbtn[aria-expanded=true]{color:var(--gold)}.agbtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.agbox{position:absolute;right:0;top:100%;z-index:20;width:min(280px,calc(100vw - 32px));background:#fff;color:var(--foot);border-radius:0 0 10px 10px;box-shadow:0 10px 28px -8px rgba(23,42,67,.5);padding:1rem;display:grid;gap:.6rem}
.agbox[hidden]{display:none}.agbox label{display:grid;gap:.2rem;font-size:12px;font-weight:600}.agbox input{font:inherit;padding:.5rem .6rem;border:1px solid var(--line2);border-radius:6px}
.agsub{background:var(--foot);color:#fff;border:0;border-radius:6px;padding:.6rem;font:600 13px inherit;font-family:inherit;cursor:pointer}.agsub:disabled{opacity:.6}.agerr{color:#b3261e;font-size:12px;min-height:1em}

#detay .galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;margin:0 0 1.2rem}#detay .gth{padding:0;border:0;background:none;cursor:zoom-in;border-radius:calc(10px*var(--rk));overflow:hidden}#detay .gth img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .2s}#detay .gth:hover img{transform:scale(1.04)}#detay .gth:focus-visible{outline:2px solid var(--foot);outline-offset:2px}
.lbx{position:fixed;inset:0;z-index:100;background:rgba(10,18,30,.92);display:flex;align-items:center;justify-content:center}.lbx img{max-width:92vw;max-height:88vh;border-radius:6px}.lbx button{position:absolute;background:rgba(255,255,255,.15);color:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:26px;line-height:1;cursor:pointer}.lbx button:hover{background:rgba(255,255,255,.3)}.lbx .lx{top:14px;right:14px}.lbx .lp{left:14px}.lbx .ln{right:14px}

.rich{line-height:1.7;color:var(--txt)}.rich p{margin:.4rem 0}.rich ul,.rich ol{margin:.4rem 0 .4rem 1.2rem}.rich a{color:var(--foot);text-decoration:underline}.rich h3,.rich h4,.rich h5{margin:.8rem 0 .3rem}

#takvim .gthero{background:radial-gradient(120% 140% at 50% 0%,var(--link) 0%,var(--dk) 55%,var(--foot) 100%);color:#fff;text-align:center;border-radius:calc(18px*var(--rk));padding:2.4rem 1rem 3rem;margin:0 0 1.2rem;position:relative}
#takvim .gthero small{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}#takvim .gthero h2{margin:.4rem 0;font-size:2.2rem;color:#fff}#takvim .gthero p{margin:0 auto;color:var(--line2);max-width:46ch}
.gtbc{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);background:#fff;color:var(--txt);border-radius:99px;box-shadow:0 6px 18px -8px rgba(23,42,67,.5);padding:.4rem 1.1rem;font-size:12px;display:flex;gap:1rem;white-space:nowrap}.gtbc a{color:var(--txt);text-decoration:none}.gtbc a:hover{text-decoration:underline}
.gtcard{background:#fff;border:1px solid var(--line);border-radius:calc(18px*var(--rk));padding:1.4rem;margin:2rem 0 1.2rem;box-shadow:0 10px 30px -20px rgba(23,42,67,.4)}.gtcard h3{margin:0 0 .2rem;color:var(--navy);font-size:1.3rem}.gtcard .sub{margin:.1rem 0 1rem;color:var(--muted);font-size:.85rem}.gtcard .gtnote{font-size:.78rem;margin:.6rem 0}
.gtrow{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:flex-end;margin-bottom:.8rem}.gtrow label{display:grid;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--txt);flex:1 1 200px}.gtrow .gtgrow{flex:3 1 280px}
.gtrow input[type=search],.gtrow input[type=date]{font:inherit;font-size:.9rem;padding:.7rem .85rem;border:1px solid var(--line2);background:var(--bg);border-radius:calc(12px*var(--rk));color:var(--foot);width:100%}.gtrow input:focus-visible{outline:2px solid var(--link);outline-offset:1px}
.gtrow .gtchk{display:flex;flex:0 0 auto;align-items:center;gap:.5rem;font-weight:600;padding-bottom:.7rem}.gtclr{flex:0 0 auto;font:600 .85rem Manrope,Poppins,sans-serif;border:1px solid var(--line2);background:#fff;color:var(--dk);border-radius:calc(12px*var(--rk));padding:.7rem 1rem;cursor:pointer}.gtclr:hover{background:var(--bg)}
.gtchips{display:flex;flex-wrap:wrap;gap:.5rem}.gtchip{font:500 .82rem Manrope,Poppins,sans-serif;border:1px solid var(--line2);background:#fff;color:var(--txt);border-radius:calc(10px*var(--rk));padding:.5rem .9rem;cursor:pointer}.gtchip.on{background:var(--dk);border-color:var(--dk);color:#fff}.gtchip:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.gthead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem;margin:1.2rem 0 .8rem;font-size:.85rem;color:var(--txt)}.gthead span{color:var(--muted);font-size:.78rem}
.gtmonth{background:#fff;border:1px solid var(--line);border-radius:calc(18px*var(--rk));margin:0 0 1.2rem;overflow:hidden}.gtmonth header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.gtmonth h3{margin:0;font-size:1.25rem;color:var(--navy);border-left:4px solid var(--gold);padding-left:.6rem}.gtmonth header span{background:var(--soft);color:var(--txt);font-size:.75rem;border-radius:calc(8px*var(--rk));padding:.25rem .6rem}
.gtitem{display:grid;grid-template-columns:1fr auto;grid-template-areas:"n n" "d s" "u p";gap:.35rem 1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.gtitem:last-child{border-bottom:0}.gtname{grid-area:n;color:var(--foot);font-weight:500;text-decoration:none;line-height:1.4}.gtname:hover{color:var(--link);text-decoration:underline}.gtic{color:var(--muted)}
.gtdates{grid-area:d;display:grid;font-size:.85rem;font-weight:500}.gtdates small{color:var(--muted);font-size:.7rem;font-weight:400}.gtdur{grid-area:u;color:var(--muted);font-size:.8rem;align-self:end}
.gtst{grid-area:s;justify-self:end;align-self:start;font-size:.72rem;font-weight:600;border-radius:calc(8px*var(--rk));padding:.3rem .7rem;background:#e7f5ec;color:#1d6b3e}.gtst.son{background:var(--peach);color:#9a5b0b}.gtst.dolu{background:var(--soft);color:var(--txt)}.gtpr{grid-area:p;justify-self:end;color:var(--dk);font-size:1.1rem}
.gtmore{display:block;margin:1rem auto;font:600 .9rem Manrope,Poppins,sans-serif;border:1px solid var(--dk);background:#fff;color:var(--dk);border-radius:calc(12px*var(--rk));padding:.75rem 1.4rem;cursor:pointer}.gtmore:hover{background:var(--dk);color:#fff}
@media(max-width:560px){#takvim .gthero h2{font-size:1.7rem}.gtbc{font-size:11px}}

.ab-hist{max-width:70ch;margin-top:1rem;line-height:1.7}
.ab-founder{margin:1.6rem 0;padding:1.2rem 1.4rem;border-left:4px solid var(--navy);background:#f6f8fb;max-width:70ch}.ab-founder p{margin:0 0 .6rem;line-height:1.7}.ab-founder footer{color:#555}
.ab-h{margin:2rem 0 .8rem;color:var(--navy)}
.ab-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.ab-card{border:1px solid var(--line);border-radius:10px;padding:1.1rem;background:#fff}.ab-card h3{margin:0 0 .4rem;color:var(--navy);font-size:1.05rem}.ab-card p{margin:0 0 .5rem;line-height:1.6}.ab-stars{color:#e6a700;letter-spacing:2px}
.ab-link{display:inline-block;margin-top:.8rem}
.ab-why{margin-top:2rem;padding:1.4rem;border-radius:10px;background:var(--navy);color:#fff}.ab-why h3{margin:0 0 .5rem}.ab-why p{max-width:70ch;line-height:1.7}.ab-btns{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.8rem}.ab-btn{background:#fff;color:var(--navy);padding:.6rem 1.1rem;border-radius:8px;font-weight:600;text-decoration:none}.ab-btn.alt{background:transparent;color:#fff;border:1px solid #fff}
.about .ab-why h3,.about .ab-why .pre{color:#fff}

/* Ana sayfa arama kutusu: tek satır arama + kaydırılabilir hızlı filtreler + açılır ek filtreler */
.finder{padding:.9rem 1rem;margin:0 0 1.2rem}
.finder .frow input{padding:.8rem 1rem .8rem 2.6rem;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7a90' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat .85rem center;font-size:16px}
.finder .filt{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:.7rem 0 0;padding-bottom:2px}.finder .filt::-webkit-scrollbar{display:none}.finder .filt .chip{flex:0 0 auto;white-space:nowrap}
.finder .adv{margin-top:.6rem}.finder .adv summary{cursor:pointer;font-weight:600;color:var(--navy);font-size:14px;padding:.35rem 0;list-style:none}.finder .adv summary::after{content:" ▾"}.finder .adv[open] summary::after{content:" ▴"}
.finder .advin{display:grid;gap:.6rem;margin-top:.4rem}.finder .advin .filt.cats{flex-wrap:wrap;overflow:visible;margin:0}.finder .advin select{width:100%;padding:.65rem .8rem;border:1px solid var(--line);border-radius:calc(10px*var(--rk));font:inherit;background:#fff}
@media(min-width:761px){.finder .advin{grid-template-columns:1fr 1fr;align-items:start}.finder .advin .filt.cats{grid-column:1/-1}}
@media(max-width:760px){.hints{display:none}}

.tsbadge{display:block;max-width:150px;max-height:96px;height:auto;margin-top:.7rem;background:#fff;border-radius:6px;padding:4px}.fgrid a.tsl{display:inline-block;text-decoration:none}

/* Fiyata dahil / dahil olmayan hizmetler: yumuşak yeşil ve kırmızı kartlar */
.incards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.4rem 0}.incards.one{grid-template-columns:1fr}
.incard{border-radius:calc(14px*var(--rk));padding:1rem 1.2rem 1.1rem;border:1px solid}
.incard h4{margin:0 0 .6rem;font-size:1.02rem}
.incard ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.incard li{display:flex;gap:.6rem;align-items:flex-start;line-height:1.4;font-size:.95rem}
.incard li i{flex:0 0 1.35rem;height:1.35rem;border-radius:50%;display:inline-grid;place-items:center;font-style:normal;font-size:.78rem;font-weight:700;margin-top:.05rem;color:#fff}
.incard.yes{background:#eef8f1;border-color:#cfe8d8;color:#1d4a30}.incard.yes h4{color:#1f6b40}.incard.yes li i{background:#3f9d68}
.incard.no{background:#fdf0f0;border-color:#f0d3d3;color:#5c2626}.incard.no h4{color:#a23a3a}.incard.no li i{background:#d27070}
@media(max-width:700px){.incards{grid-template-columns:1fr}}

/* Tur sayfası genel bilgilendirme: hafif sarı kutu */
.notebox{background:#fff8e1;border:1px solid #f1e0a6;border-radius:calc(14px*var(--rk));padding:1rem 1.2rem 1.1rem;margin:1.4rem 0;color:#5b4a14}
.notebox h3{margin:0 0 .5rem;font-size:1.02rem;color:#8a6a0a}
.notebox ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem}.notebox li{line-height:1.45;font-size:.95rem}

/* ===== Tur detay sayfası ===== */
#detay.tp{padding-top:1rem;padding-bottom:3rem;font-size:15px}
.tp h1,.tp h2,.tp h3,.tp h4{font-family:var(--fh)}
.tpbc{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:12.5px;color:var(--muted);margin:0 0 .9rem}.tpbc a{color:var(--link);text-decoration:none}.tpbc a:hover{text-decoration:underline}.tpbc .cur{color:var(--txt);max-width:60ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tphero{position:relative;border-radius:calc(18px*var(--rk));overflow:hidden;background:linear-gradient(115deg,var(--foot),var(--navy) 60%,var(--link));color:#fff;min-height:200px;display:flex;align-items:flex-end}
.tphero.nocov{min-height:0}
.tpcov{position:absolute;inset:0;margin:0}.tpcov img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}.tpcov:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,28,50,0) 30%,rgba(14,28,50,.86) 100%);pointer-events:none}
.tphero:not(.nocov){height:clamp(260px,40vw,440px)}
.tpgal{position:absolute;top:14px;right:14px;z-index:2;background:rgba(255,255,255,.92);color:var(--navy);border:0;border-radius:999px;padding:.45rem .9rem;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.tptitle{position:relative;z-index:1;padding:1.6rem 1.8rem;max-width:62rem}
.tptitle h1{margin:.5rem 0 .4rem;font-size:clamp(1.55rem,3.4vw,2.5rem);line-height:1.15;color:#fff;letter-spacing:-.01em}
.tplead{margin:0;color:#e3eaf3;max-width:60ch;font-size:1rem;line-height:1.5}
.tpchips{display:flex;flex-wrap:wrap;gap:.4rem}.tpchips span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(4px);border-radius:999px;padding:.2rem .7rem;font-size:12.5px;font-weight:500}
.tpthumbs{display:flex;gap:.5rem;overflow-x:auto;margin:.7rem 0 0;padding-bottom:4px;scrollbar-width:thin}.tpthumbs button{flex:0 0 auto;width:108px;height:74px;padding:0;border:0;border-radius:calc(10px*var(--rk));overflow:hidden;cursor:zoom-in;background:var(--soft)}.tpthumbs img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.tpthumbs button:hover img{transform:scale(1.06)}
.tpgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:2rem;margin-top:1.6rem;align-items:start}
.tpside{position:sticky;top:90px}
.tpfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 0 1.2rem;border:1px solid var(--line);border-radius:calc(14px*var(--rk));overflow:hidden;background:#fff}
.tpfacts div{padding:.85rem 1rem;border-right:1px solid var(--line)}.tpfacts div:last-child{border-right:0}
.tpfacts dt{font-size:12px;color:var(--muted);margin:0 0 .15rem}.tpfacts dd{margin:0;font-weight:600;color:var(--navy);line-height:1.35}
.tpnav{position:sticky;top:70px;z-index:5;display:flex;gap:.3rem;overflow-x:auto;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);margin:0 0 .4rem;padding:.55rem 0;scrollbar-width:none}.tpnav::-webkit-scrollbar{display:none}
.tpnav a{flex:0 0 auto;text-decoration:none;color:var(--txt);font-weight:600;font-size:13.5px;padding:.4rem .85rem;border-radius:999px}.tpnav a:hover{background:var(--soft);color:var(--navy)}
.tps{padding:1.5rem 0 .4rem;scroll-margin-top:130px}
.tph{font-size:1.3rem;color:var(--navy);margin:0 0 .9rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.tph3{font-size:1.02rem;color:var(--navy);margin:1.4rem 0 .6rem}
.tpsub{color:var(--muted);font-size:13.5px;margin:-.4rem 0 1rem;line-height:1.5}
.tplink{background:none;border:0;color:var(--link);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;padding:.2rem 0}
/* tarihler */
.tpdates{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.6rem}
.tpd{display:flex;gap:.8rem;align-items:center;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:calc(12px*var(--rk));padding:.65rem .8rem;font:inherit;color:var(--ink);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.tpd:hover:not(:disabled){border-color:var(--orange)}
.tpd.sel{border-color:var(--orange);box-shadow:0 0 0 3px rgba(245,154,63,.22);background:var(--peach)}
.tpd:disabled{opacity:.55;cursor:not-allowed}.tpd:disabled .pr{text-decoration:line-through}
.tpd .dd{flex:0 0 52px;height:56px;border-radius:calc(10px*var(--rk));background:var(--navy);color:#fff;display:grid;place-content:center;text-align:center;line-height:1}.tpd .dd b{font-size:1.35rem}.tpd .dd small{font-size:11px;text-transform:capitalize;margin-top:.15rem;opacity:.85}
.tpd .di{display:grid;gap:.05rem;min-width:0}.tpd .wd{font-size:12px;color:var(--muted);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpd .pr{font-weight:700;color:var(--orange-d)}
.tpd .stt{font-size:12px;font-weight:600;color:#2e7d4f}.tpd.son .stt{color:#c0571b}.tpd.dolu .stt{color:#8a97a4}
/* gezilecek yerler */
.tpplaces{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}.tpplaces li{background:var(--soft);color:var(--navy);border-radius:999px;padding:.32rem .85rem;font-size:13.5px;font-weight:500}
/* program zaman çizelgesi */
.tptl{list-style:none;margin:0;padding:0;position:relative}
.tptl:before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--orange),color-mix(in srgb,var(--orange) 25%,transparent))}
.tptl li{position:relative;padding:0 0 .7rem}
.tptl summary{list-style:none;display:flex;gap:1rem;align-items:center;cursor:pointer;padding:.25rem 0}.tptl summary::-webkit-details-marker{display:none}
.tptl summary .n{position:relative;z-index:1;flex:0 0 40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--orange);color:var(--orange-d);display:grid;place-items:center;font-weight:700}
.tptl details[open] summary .n{background:var(--orange);color:#fff}
.tptl summary .tt{display:grid;flex:1;min-width:0;line-height:1.3}.tptl summary small{color:var(--muted);font-size:12px}.tptl summary b{color:var(--navy);font-size:1.02rem}
.tptl summary:after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin-right:.4rem;transition:transform .2s}.tptl details[open] summary:after{transform:rotate(225deg)}.tptl summary.empty:after{display:none}
.tptl .bd{margin:.4rem 0 .3rem 56px;padding:.9rem 1.1rem;background:var(--bg);border-radius:calc(12px*var(--rk));line-height:1.7;color:var(--txt)}.tptl .bd p{margin:0 0 .5rem}.tptl .bd p:last-child{margin:0}.tptl .bd .rich>:first-child{margin-top:0}
/* fiyat tablosu */
.tptw{overflow-x:auto;border:1px solid var(--line);border-radius:calc(12px*var(--rk))}
.tpprice{width:100%;border-collapse:collapse;min-width:420px}.tpprice th{background:var(--soft);color:var(--navy);text-align:left;font-size:12.5px;font-weight:600;padding:.6rem .8rem}.tpprice td{padding:.7rem .8rem;border-top:1px solid var(--line)}.tpprice td.on{font-weight:600;color:var(--navy)}.tpprice td.pr{font-weight:700;color:var(--orange-d)}
.tpextras{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.tpextras li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .8rem;border:1px solid var(--line);border-radius:calc(10px*var(--rk))}.tpextras b{color:var(--navy);white-space:nowrap}
.tpvisa{background:#eef4fb;border:1px solid #d3e1f1;border-radius:calc(14px*var(--rk));padding:1rem 1.2rem;margin:0 0 1rem;color:#24405f}.tpvisa h4{margin:0 0 .4rem;color:var(--navy)}.tpvisa p{margin:0 0 .35rem;line-height:1.5}
#detay.tp .notebox,#detay.tp .incards{margin:0}
#t-talep form.lead{max-width:none}
/* rezervasyon kartı */
.tpbook{background:#fff;border:1px solid var(--line);border-radius:calc(16px*var(--rk));padding:1.2rem;box-shadow:0 20px 40px -28px rgba(23,42,67,.55);display:grid;gap:.75rem}
.tpbook .bp small{display:block;color:var(--muted);font-size:12px}.tpbook .bp b{font-size:1.6rem;color:var(--orange-d);line-height:1.2}.tpbook .bp .tl{font-size:12px}
.tpbook .fl{display:grid;gap:.25rem;font-size:12.5px;color:var(--muted);font-weight:500}.tpbook select{padding:.65rem .7rem;border:1px solid var(--line2);border-radius:calc(10px*var(--rk));font:inherit;font-size:14px;color:var(--ink);background:#fff}
.stp{display:grid;grid-template-columns:1fr 34px 34px 34px;align-items:center;gap:.3rem}.stp .sl{font-size:14px;font-weight:500;color:var(--txt);line-height:1.2}.stp .sl small{display:block;font-size:11.5px;color:var(--muted);font-weight:400}
.stp button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line2);background:#fff;color:var(--navy);font-size:18px;line-height:1;cursor:pointer}.stp button:hover{border-color:var(--orange)}.stp output{text-align:center;font-weight:700;color:var(--navy)}
.tpbook .est{background:var(--bg);border-radius:calc(10px*var(--rk));padding:.7rem .8rem;font-size:12.5px;color:var(--muted);line-height:1.45}.tpbook .est small{display:block}.tpbook .est b{display:block;font-size:1.25rem;color:var(--navy);margin:.1rem 0}
.tpcta{display:block;text-align:center;padding:.85rem 1rem;font-weight:700;text-decoration:none}
.tpacts{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.tpacts a{text-align:center;text-decoration:none;font-weight:600;font-size:13.5px;padding:.6rem .4rem;border-radius:calc(10px*var(--rk));border:1.5px solid var(--line2);color:var(--navy)}.tpacts a.tpwa{border-color:#1fa855;color:#178a45}.tpacts a:only-child{grid-column:1/-1}
.tpshare{display:flex;gap:.3rem;justify-content:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:.7rem}.tpshare button{background:none;border:0;color:var(--link);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:6px}.tpshare button:hover{background:var(--soft)}
/* benzer turlar */
.tps.wide{margin-top:1.5rem;border-top:1px solid var(--line)}
.tpsim{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.tpsc{display:grid;grid-template-rows:140px auto;border:1px solid var(--line);border-radius:calc(14px*var(--rk));overflow:hidden;text-decoration:none;color:var(--ink);background:#fff;transition:box-shadow .2s}.tpsc:hover{box-shadow:0 14px 28px -20px rgba(23,42,67,.6)}
.tpsc .cv{background:linear-gradient(115deg,var(--navy),var(--link)) center/cover}.tpsc .bx{padding:.8rem 1rem;display:grid;gap:.2rem}.tpsc b{color:var(--navy);line-height:1.3}.tpsc small{color:var(--muted);font-size:12px}.tpsc .pr{font-weight:700;color:var(--orange-d)}
/* mobil alt çubuk */
.tpbar{display:none}
@media (max-width:960px){
  .tpgrid{grid-template-columns:minmax(0,1fr);gap:0}
  .tpside{position:static;order:-1;margin:0 0 1rem}
  .tpmain{order:0}
  .tpnav{top:60px}
}
@media (max-width:760px){
  #detay.tp{padding-top:.6rem;padding-bottom:5.5rem}
  .tphero:not(.nocov){height:300px;border-radius:calc(14px*var(--rk))}
  .tptitle{padding:1.1rem 1.1rem 1.2rem}.tplead{font-size:.93rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .tpthumbs button{width:84px;height:60px}
  .tpfacts{grid-template-columns:1fr 1fr}.tpfacts div{border-right:0;border-bottom:1px solid var(--line)}.tpfacts div:nth-child(odd){border-right:1px solid var(--line)}
  .tpdates{grid-template-columns:1fr}
  .tptl .bd{margin-left:0}
  .tpbook{margin:.6rem 0 .4rem}
  .tptw{border:0;overflow:visible}.tpprice{min-width:0}.tpprice tr:first-child{display:none}.tpprice,.tpprice tbody,.tpprice tr,.tpprice td{display:block}.tpprice tr{border:1px solid var(--line);border-radius:calc(12px*var(--rk));padding:.6rem .9rem;margin:0 0 .6rem}.tpprice td{border:0;padding:.25rem 0;display:flex;justify-content:space-between;gap:1rem;text-align:right}.tpprice td.on{display:block;text-align:left;font-size:1.02rem;padding-bottom:.4rem;border-bottom:1px solid var(--line);margin-bottom:.2rem}.tpprice td[data-l]:before{content:attr(data-l);color:var(--muted);font-weight:400;text-align:left}
  .tph{font-size:1.15rem}
  body.ontour .mbar{display:none}
  .tpbar{display:flex;align-items:center;gap:.5rem;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 20px rgba(23,42,67,.12);padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom))}
  .tpbar .bl{flex:1;min-width:0;line-height:1.15}.tpbar small{display:block;font-size:11px;color:var(--muted)}.tpbar b{color:var(--orange-d);font-size:1.05rem;white-space:nowrap}
  .tpbar a{text-decoration:none;font-weight:700;border-radius:calc(10px*var(--rk));padding:.7rem 1rem;font-size:14px}.tpbar .bc{border:1.5px solid var(--navy);color:var(--navy)}.tpbar .bt{background:var(--orange);color:var(--onacc,#1a1a1a)}
}
#tpprint{display:none}
.tpcancel{background:#f6f8fb;border:1px solid var(--line);border-radius:calc(14px*var(--rk));padding:1rem 1.2rem;margin:1rem 0 0;color:var(--txt)}.tpcancel h4{margin:0 0 .4rem;color:var(--navy)}.tpcancel p{margin:0 0 .4rem;line-height:1.55;font-size:.93rem}.tpcancel p.cap{font-weight:700;color:var(--navy);font-size:.85rem;letter-spacing:.02em}
.tpcredits{margin:1.6rem 0 0;font-size:12px;color:var(--muted)}.tpcredits summary{cursor:pointer;font-weight:600}.tpcredits p{margin:.25rem 0}
@media print{
  @page{size:A4;margin:11mm 12mm 14mm}
  html.tpprinting,body.tpprinting{overflow:visible!important;height:auto!important;background:#fff!important}
  body.tpprinting>*:not(#tpprint){display:none!important}
  body.tpprinting #tpprint{display:block;font:9.6pt/1.5 Manrope,Poppins,system-ui,sans-serif;color:#22303d;-webkit-print-color-adjust:exact;print-color-adjust:exact;--pn:#0e2233;--po:#f59a3f;--ps:#fbf4ea;--pl:#dfe6ee;--pm:#66788a}
  #tpprint *{box-sizing:border-box}
  #tpprint h1,#tpprint h2,#tpprint h3,#tpprint p{text-align:left}
  #tpprint a{color:inherit;text-decoration:none}
  /* Her sayfanın altındaki koşu bilgisi */
  #tpprint .pp-run{display:none}
  /* Kapak bandı */
  #tpprint .pp-cover{position:relative;min-height:62mm;margin:0 0 0;border-radius:4mm 4mm 0 0;background:var(--pn);color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:6mm 7mm 7mm;break-inside:avoid}
  #tpprint .pp-cover.has-img{min-height:78mm}
  #tpprint .pp-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  #tpprint .pp-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,34,51,.45) 0%,rgba(14,34,51,.15) 30%,rgba(14,34,51,.55) 60%,rgba(14,34,51,.94) 100%)}
  #tpprint .pp-cover:not(.has-img)::after{background:radial-gradient(120% 90% at 100% 0%,rgba(245,154,63,.35),transparent 55%)}
  #tpprint .pp-ctop,#tpprint .pp-ccopy{position:relative;z-index:1}
  #tpprint .pp-ctop{display:flex;align-items:center;justify-content:space-between;gap:4mm}
  #tpprint .pp-logo{height:11mm;max-width:46mm;object-fit:contain;object-position:left;display:block;filter:drop-shadow(0 0 2mm rgba(0,0,0,.45))}
  #tpprint .pp-logotxt{font:800 13pt 'Bricolage Grotesque',Manrope,sans-serif}
  #tpprint .pp-doc{font-size:7.5pt;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:1.4mm 3mm;border:.8pt solid rgba(255,255,255,.75);border-radius:999px}
  #tpprint .pp-kicker{margin:0 0 1.5mm;font-size:8pt;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffd6a6}
  #tpprint h1{font:800 21pt/1.12 'Bricolage Grotesque',Manrope,sans-serif;letter-spacing:-.015em;margin:0;max-width:150mm;color:#fff;text-shadow:0 1px 2mm rgba(0,0,0,.35)}
  /* Bilet şeridi */
  #tpprint .pp-ticket{display:flex;flex-wrap:wrap;border:.8pt solid var(--pl);border-top:0;border-radius:0 0 4mm 4mm;margin:0 0 7mm;break-inside:avoid;background:#fff}
  #tpprint .pp-tc{flex:1 1 30mm;min-width:28mm;padding:3mm 4mm;border-right:.8pt dashed var(--pl);border-top:.8pt solid var(--pl)}
  #tpprint .pp-tc.wide{flex:2 1 56mm}
  #tpprint .pp-tc:last-child{border-right:0}
  #tpprint .pp-tc small{display:block;font-size:6.8pt;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pm);margin-bottom:.8mm}
  #tpprint .pp-tc b{display:block;font-size:9.5pt;line-height:1.3;color:var(--pn);overflow-wrap:anywhere}
  #tpprint .pp-tc.pp-total{background:var(--ps)}#tpprint .pp-tc.pp-total b{font-size:12pt}
  /* Bölümler */
  #tpprint .pp-sec{margin:0 0 7mm}
  #tpprint h2{display:flex;align-items:baseline;gap:3mm;margin:0 0 3mm;padding:0 0 1.5mm;border-bottom:1.2pt solid var(--pn);font:800 12.5pt/1.2 'Bricolage Grotesque',Manrope,sans-serif;color:var(--pn);letter-spacing:-.01em;break-after:avoid}
  #tpprint h2 i{font-style:normal;font-size:9pt;color:var(--po);letter-spacing:.06em}
  #tpprint h3{font-size:10pt;margin:0;color:var(--pn)}
  #tpprint .pp-sub{margin:-1.5mm 0 2.5mm;font-size:8.5pt;color:var(--pm)}
  /* Fiyat tablosu */
  #tpprint table.pp-prices{width:100%;border-collapse:collapse;font-size:9pt;border-radius:2mm;overflow:hidden}
  #tpprint .pp-prices th,#tpprint .pp-prices td{padding:2.2mm 3mm;text-align:left;vertical-align:top;border-bottom:.6pt solid var(--pl)}
  #tpprint .pp-prices thead th{background:var(--pn);color:#fff;font-size:7.5pt;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:0}
  #tpprint .pp-prices tbody tr:nth-child(even) td{background:#f7f9fb}
  #tpprint .pp-prices .pp-opt{font-weight:700;color:var(--pn);width:38%}
  #tpprint .pp-prices td.num{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;color:var(--pn)}
  #tpprint .pp-prices .pp-kids{font-size:8.3pt;color:#4a5a6a}#tpprint .pp-prices .pp-kids div{white-space:nowrap}
  #tpprint .pp-fine{margin:2mm 0 0;font-size:7.8pt;color:var(--pm)}
  /* Zaman çizgisi */
  #tpprint .pp-tl{margin-left:4.5mm;border-left:.9pt solid var(--pl);padding-left:8mm}
  #tpprint .pp-day{margin:0 0 5mm}
  #tpprint .pp-dot{display:inline-block;width:3.2mm;height:3.2mm;margin-left:-9.75mm;margin-right:6.4mm;border-radius:50%;background:var(--po);box-shadow:0 0 0 1.2mm #fff;vertical-align:middle;flex:none}
  #tpprint .pp-dayh{display:flex;align-items:baseline;gap:2.5mm;break-after:avoid;break-inside:avoid;margin:0 0 1.2mm}
  #tpprint .pp-num{font:800 15pt/1 'Bricolage Grotesque',Manrope,sans-serif;color:var(--po);letter-spacing:-.02em;flex:none}
  #tpprint .pp-dayh h3{font:700 10.5pt/1.25 Manrope,sans-serif;color:var(--pn)}
  #tpprint .pp-daybody{break-inside:auto}#tpprint p{orphans:2;widows:2}
  #tpprint .pp-daybody p{margin:0 0 1.6mm}
  #tpprint .pp-daybody ul,#tpprint .pp-daybody ol{margin:1mm 0 1.5mm;padding-left:4.5mm}
  #tpprint .pp-daybody b,#tpprint .pp-daybody strong{color:var(--pn)}
  #tpprint .pp-xt{margin:2.5mm 0 2mm;padding:2.6mm 3.5mm 2.6mm 4mm;background:var(--ps);border-left:1.6pt solid var(--po);border-radius:0 2mm 2mm 0;break-inside:auto}
  #tpprint .pp-xth{display:flex;flex-wrap:wrap;align-items:baseline;gap:1mm 2.5mm;break-after:avoid}
  #tpprint .pp-xtag{font-size:6.6pt;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--po)}
  #tpprint .pp-xth b{color:var(--pn);font-size:9.6pt}
  #tpprint .pp-xth em{font-style:normal;font-size:8.3pt;color:#5a6a7a}
  #tpprint .pp-xprices{display:flex;flex-wrap:wrap;gap:1.2mm 2mm;margin:1.5mm 0 0}
  #tpprint .pp-xprices span{font-size:7.8pt;font-weight:700;color:var(--pn);background:#fff;border:.6pt solid #ead9c0;border-radius:999px;padding:.6mm 2.2mm}
  #tpprint .pp-xbody{margin-top:1.2mm;font-size:8.8pt;color:#3d4b59}#tpprint .pp-xbody+.pp-xbody{margin-top:0}
  #tpprint .pp-xbody p{margin:0 0 1mm}#tpprint .pp-xbody>*:last-child{margin-bottom:0}#tpprint .pp-xbody b{font-weight:600}
  /* Dahil / değil */
  #tpprint table.pp-grid{width:100%;border-collapse:separate;border-spacing:4mm 0;margin:0 -4mm}
  #tpprint .pp-grid td{width:50%;vertical-align:top;padding:3mm 3.5mm;border-radius:2.5mm}
  #tpprint .pp-col.pp-in{background:#eef8f3}#tpprint .pp-col.pp-out{background:#fbf1f0}
  #tpprint .pp-col h3{margin:0 0 2mm;font-size:9pt;letter-spacing:.06em;text-transform:uppercase}
  #tpprint .pp-in h3{color:#0f7a5a}#tpprint .pp-out h3{color:#a4322a}
  #tpprint .pp-col ul{margin:0;padding:0;list-style:none;font-size:8.8pt}
  #tpprint .pp-col li{position:relative;padding-left:4.5mm;margin:0 0 1.3mm;break-inside:avoid}
  #tpprint .pp-col li::before{position:absolute;left:0;top:0;font-weight:800}
  #tpprint .pp-in li::before{content:'✓';color:#0f7a5a}
  #tpprint .pp-out li::before{content:'×';color:#a4322a}
  #tpprint .pp-list{margin:0;padding-left:4.5mm}
  #tpprint .pp-rich p{margin:0 0 1.6mm}#tpprint .pp-rich ul{margin:1mm 0;padding-left:4.5mm}#tpprint .pp-rich img{display:none}
  #tpprint .pp-text .pp-rich{font-size:8.8pt;color:#3d4b59}
  /* Kapanış kartı */
  #tpprint .pp-foot{display:grid;grid-template-columns:1fr auto;gap:2mm 8mm;align-items:center;margin-top:4mm;padding:4mm 5mm;background:var(--pn);color:#fff;border-radius:3mm;break-inside:avoid}
  #tpprint .pp-fco{display:grid;font-size:8pt;line-height:1.4;color:#c9d6e2}#tpprint .pp-fco b{font-size:10pt;color:#fff;margin-bottom:.5mm}
  #tpprint .pp-fcta{text-align:right}#tpprint .pp-fcta small{display:block;font-size:7pt;letter-spacing:.1em;text-transform:uppercase;color:#ffd6a6}#tpprint .pp-fcta b{display:block;font-size:10.5pt;color:#fff}
  #tpprint .pp-legal{grid-column:1/-1;margin:1mm 0 0;font-size:7pt;color:#9fb0c0}
}
@media (prefers-reduced-motion:reduce){.tpthumbs img,.tptl summary:after,.tpd{transition:none}}

/* ===== Tur liste kartı (yatay) ===== */
.grid{grid-template-columns:1fr;gap:1rem}
.card.tc{display:block;padding:0;transform:none}
.card.tc:hover{transform:none}
.tctop{display:grid;grid-template-columns:290px minmax(0,1fr) 210px;gap:1.2rem;padding:.9rem}
.tccov{position:relative;display:block;border-radius:calc(12px*var(--rk));min-height:190px;background:linear-gradient(120deg,var(--navy),var(--link)) center/cover;overflow:hidden}
.tccov .k{position:absolute;left:.6rem;top:.6rem;background:#fff;color:var(--navy);font-size:11.5px;font-weight:600;border-radius:999px;padding:.15rem .7rem}
.tcmid{display:flex;flex-direction:column;gap:.55rem;min-width:0;padding:.2rem 0}
.tchd{display:flex;gap:.8rem;align-items:flex-start;justify-content:space-between}
.card.tc h4{margin:0;font-size:1.12rem;line-height:1.35}.card.tc h4 a{color:var(--navy);text-decoration:none}.card.tc h4 a:hover{color:var(--orange-d)}
.tcic{display:flex;gap:.4rem;flex:none}.tcic button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line2);background:#fff;color:var(--navy);font-size:15px;line-height:1;cursor:pointer;display:grid;place-items:center}.tcic button:hover{border-color:var(--orange)}.tcfav.on{color:#d64545;border-color:#f0c2c2;background:#fff5f5}
.card.tc p.tcdate{flex:none;margin:0;color:var(--txt);font-size:13px;display:flex;align-items:center;gap:.4rem}
.tcdate:before{content:"";width:14px;height:14px;flex:none;background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cf741f' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.tctags{display:flex;flex-wrap:wrap;gap:.4rem}.tctags span{font-size:12px;font-weight:600;padding:.25rem .6rem;border-radius:6px;background:#f1f3f6;color:#4a5568}.tctags span.ok{background:#eaf6ef;color:#23774a}.tctags span.cat{background:var(--peach);color:var(--orange-d)}.tctags span.pl{background:#eef4fb;color:var(--link)}
.tcpr{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;text-align:right;border-left:1px solid var(--line);padding-left:1.1rem;gap:1rem}
.tcpb b{display:block;font-size:1.55rem;line-height:1.15;color:var(--orange-d)}.tcpb b.np{font-size:1.05rem;color:var(--navy)}.tcpb small{display:block;color:var(--muted);font-size:11.5px}
.btn.tcgo{border-radius:999px;padding:.75rem 1.7rem;text-decoration:none;font-weight:700}
.tcft{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);background:var(--bg);padding:.7rem .9rem .7rem 1rem}
.tcrt{min-width:0;font-size:13px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.4rem}
.tcrt:before{content:"";width:14px;height:14px;flex:none;background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f5c97' stroke-width='2'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.tcrt:empty:before{display:none}
.tcds{display:flex;gap:.4rem;flex:none}.tcds a{font-size:12px;font-weight:600;color:var(--link);background:#fff;border:1px solid #cfdcec;border-radius:6px;padding:.3rem .6rem;text-decoration:none;text-transform:capitalize}.tcds a:hover{border-color:var(--orange);color:var(--orange-d)}.tcds a.more{border-style:dashed;color:var(--muted)}
@media (max-width:960px){.tctop{grid-template-columns:230px minmax(0,1fr)}.tcpr{grid-column:1/-1;flex-direction:row;align-items:center;border-left:0;border-top:1px solid var(--line);padding:.8rem 0 0;text-align:left}}
@media (max-width:640px){
  .tctop{grid-template-columns:1fr;gap:.8rem;padding:.7rem}
  .tccov{min-height:180px}
  .tcft{flex-direction:column;align-items:stretch;gap:.55rem}.tcrt{white-space:normal}.tcds{flex-wrap:wrap}
}
.tcrt.nopin:before{display:none}.tcrt.nopin{color:var(--muted)}

/* Modern tipografi: Manrope; başlıklarda sıkı harf aralığı */
h1,h2,h3,h4{letter-spacing:-.015em}
.btn,button{font-family:inherit}
/* Tur kartları: daha belirgin */
.grid{gap:1.25rem}
.card.tc{border:1px solid #d9e2ee;border-radius:calc(18px*var(--rk));box-shadow:0 2px 4px rgba(23,42,67,.04),0 14px 32px -18px rgba(23,42,67,.45);transition:box-shadow .25s,border-color .25s,transform .25s}
.card.tc:hover{border-color:color-mix(in srgb,var(--orange) 45%,#d9e2ee);box-shadow:0 4px 8px rgba(23,42,67,.05),0 24px 44px -20px rgba(23,42,67,.55);transform:translateY(-2px)}
.tctop{grid-template-columns:320px minmax(0,1fr) 220px;padding:1rem;gap:1.4rem}
.tccov{min-height:215px;border-radius:calc(14px*var(--rk));background-size:cover;transition:background-size .5s}
.card.tc h4{font-size:1.28rem;font-weight:800;line-height:1.3;letter-spacing:-.02em}
.card.tc p.tcdate{font-size:14px;font-weight:600}
.tctags span{font-size:12.5px;font-weight:700;padding:.3rem .65rem;border-radius:8px}
.tcpb b{font-size:1.85rem;font-weight:800;letter-spacing:-.02em}
.tcpb small{font-size:12px}
.btn.tcgo{padding:.8rem 2rem;font-size:15px;box-shadow:0 8px 18px -8px color-mix(in srgb,var(--orange) 80%,transparent)}
.btn.tcgo:hover{filter:brightness(1.05)}
.tcft{padding:.8rem 1rem}
.tcrt{font-size:13.5px;font-weight:600}
.tcds a{font-size:12.5px;font-weight:700}
h3.sech{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:.7rem}
h3.sech:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--line),transparent)}
@media (max-width:960px){.tctop{grid-template-columns:240px minmax(0,1fr)}}
@media (max-width:640px){.tctop{grid-template-columns:1fr}.tccov{min-height:200px}.card.tc h4{font-size:1.18rem}.tcpb b{font-size:1.6rem}}
@media (prefers-reduced-motion:reduce){.card.tc{transition:none}.card.tc:hover{transform:none}}

/* =====================================================================
   SİTE TASARIM SİSTEMİ (tüm sayfalar): tek tip başlık bandı, rota çizgisi motifi,
   sade üst bar, kartlar, formlar ve alt bilgi. Renkler tema değişkenlerinden gelir.
   ===================================================================== */
html{overflow-x:clip;scroll-behavior:smooth}
body{background:#fff;color:var(--ink)}
:root{--r1:calc(10px*var(--rk));--r2:calc(16px*var(--rk));--r3:calc(22px*var(--rk));--sh1:0 1px 2px rgba(23,42,67,.05),0 10px 28px -18px rgba(23,42,67,.45);--route:repeating-linear-gradient(90deg,var(--orange) 0 10px,transparent 10px 18px)}
a{color:var(--link)}
:focus-visible{outline:2.5px solid var(--orange);outline-offset:2px;border-radius:4px}

/* Üst şerit + başlık */
.agbar{display:none}
.strip{background:var(--foot);color:#d9e2ee;font-size:12.5px}
.strip .wrap{justify-content:flex-end;align-items:center;gap:1.3rem;padding-top:.45rem;padding-bottom:.45rem}
.strip a{color:#e9eef6;font-weight:600}
.strip .sthr{margin-right:auto;color:#b9c6d8}
.strip a.stag{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:.22rem .7rem;border-radius:999px}
.strip a.stag:hover{background:rgba(255,255,255,.18);text-decoration:none}
.top{border-top:0;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);box-shadow:0 1px 0 var(--line),0 8px 24px -22px rgba(23,42,67,.6)}
.top .bar{min-height:72px}
.top nav{gap:.3rem}
.top nav>a,.top nav .dd>a{font-size:13.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--txt);padding:.5rem .8rem;border-radius:999px}
.top nav>a:hover,.top nav .dd>a:hover{background:var(--soft);color:var(--navy)}
.top nav a[aria-current=page]{box-shadow:none;color:var(--navy);background:var(--soft)}
.dd-menu{border-radius:var(--r2);padding:.4rem;box-shadow:0 20px 40px -18px rgba(23,42,67,.45)}
.top nav .dd-menu a{border-radius:var(--r1)}
.callbox a{font-size:16px}
.announce{font-size:13.5px;padding:.55rem 1rem}

/* Düğmeler */
.btn{border-radius:999px;font-weight:700;padding:.8rem 1.6rem;letter-spacing:0}
.btn.alt2,.btn.seeall{background:#fff;color:var(--navy);border:1.5px solid var(--line2);box-shadow:none}
.btn.seeall{display:block;margin:1rem auto 0;padding:.7rem 1.6rem}
.btn.seeall:hover{border-color:var(--navy)}

/* Bölüm başlıkları: rota çizgisi */
h2{font-weight:800;letter-spacing:-.02em}
h3.sech{font-size:1.5rem;margin:2.4rem 0 1rem}
h3.sech:after{height:3px;background:var(--route);opacity:.55;border-radius:2px;-webkit-mask:linear-gradient(90deg,#000 60%,transparent);mask:linear-gradient(90deg,#000 60%,transparent)}

/* Sayfa başlığı bandı (iç sayfalar) */
.phero{position:relative;margin:0 calc(50% - 50vw) 2.2rem;padding:2.6rem 0 2.9rem;background:linear-gradient(120deg,var(--foot) 0%,var(--navy) 55%,var(--link) 130%);color:#fff;overflow:hidden}
.phero:before{content:"";position:absolute;right:-60px;top:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--orange) 45%,transparent),transparent 65%)}
.phero:after{content:"";position:absolute;left:0;right:0;bottom:16px;height:3px;background:var(--route);opacity:.6}
.phero .wrap{position:relative;z-index:1}
.phero h1{color:#fff;margin:.35rem 0 .35rem;font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.15;font-weight:800;letter-spacing:-.025em}
.phero p{margin:0;color:#d5deeb;max-width:62ch;font-size:1rem}
.pbc{display:flex;flex-wrap:wrap;gap:.4rem;font-size:12.5px;color:#b9c6d8}.pbc a{color:#e3eaf3;text-decoration:none}.pbc a:hover{text-decoration:underline}.pbc .cur{color:#fff;font-weight:600}
#teklifler.islist>h2,#teklifler.islist>.sub{display:none}
#hakkimizda>.phero,#sss>.phero,#iletisim>.phero{margin-top:0}
#hakkimizda .wrap>h2:first-child,#sss .wrap>h2:first-child,#iletisim .wrap>h2:first-child{display:none}
#hakkimizda,#sss,#iletisim{padding-top:0;border-top:0}
#kat,#takvim,#uye,#sayfa,#teklifler.islist{padding-top:0}
.sec{padding-top:2.6rem}
.gthero{display:none}

/* Ana sayfa */
#teklifler>h2{font-size:2rem}
.cattiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.ctile{position:relative;display:flex;align-items:flex-end;min-height:170px;border-radius:var(--r2);overflow:hidden;background:linear-gradient(130deg,var(--navy),var(--link)) center/cover;text-decoration:none;box-shadow:var(--sh1);isolation:isolate}
.ctile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,28,50,0) 35%,rgba(14,28,50,.82));z-index:-1;transition:background .3s}
.ctile:hover:before{background:linear-gradient(180deg,rgba(14,28,50,.05) 20%,rgba(14,28,50,.9))}
.ctile .cb{padding:1rem 1.1rem;display:grid;color:#fff}.ctile b{font-size:1.15rem;font-weight:800}.ctile small{color:#d9e2ee;font-size:12.5px}
.homecta{margin:3rem 0 .5rem;padding:2rem 2.2rem;border-radius:var(--r3);background:var(--peach);border:1px solid color-mix(in srgb,var(--orange) 30%,transparent);display:flex;gap:1.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative;overflow:hidden}
.homecta:after{content:"";position:absolute;left:2.2rem;right:2.2rem;bottom:12px;height:3px;background:var(--route);opacity:.35}
.homecta h3{margin:0 0 .3rem;font-size:1.4rem;color:var(--navy);font-weight:800}.homecta p{margin:0;color:var(--txt);max-width:56ch}
.homecta .hcb{display:flex;gap:.6rem;flex-wrap:wrap}.homecta .btn.alt{color:var(--navy);border-color:var(--navy);background:#fff}
.promo{border-radius:var(--r2)}
.finder{border-radius:var(--r3);box-shadow:var(--sh1)}

/* Hakkımızda */
.about .pre{font-size:1.02rem}
.ab-card{border-radius:var(--r2)!important;box-shadow:var(--sh1)}
.about .ab-why{border-radius:var(--r3)!important}

/* SSS: akordeon */
.faq{background:#fff}
.faq details{max-width:880px;border-radius:var(--r2);border:1px solid var(--line);margin:0 0 .7rem;transition:box-shadow .2s}
.faq details[open]{box-shadow:var(--sh1);border-color:var(--line2)}
.faq summary{list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.05rem 1.25rem;font-size:1.02rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--navy);font-weight:700;font-size:18px;line-height:1}
.faq details[open] summary:after{content:"−";background:var(--orange);color:#fff}
.faq details p{padding:0 1.25rem 1.1rem;margin:0;color:var(--txt);line-height:1.7}

/* İletişim */
#iletisim{background:#fff}
.contact div{border-radius:var(--r2);box-shadow:var(--sh1);border-color:var(--line);padding:1.05rem 1.25rem}
.contact b{text-transform:none;font-size:12.5px}
#iletisim h3{font-size:1.25rem;color:var(--navy);font-weight:800}
form.lead{border-radius:var(--r3);box-shadow:var(--sh1);padding:1.5rem}
form.lead input,form.lead textarea,form.lead select{border-radius:var(--r1);padding:.7rem .85rem;background:#fbfcfe}
form.lead label{font-size:12.5px;font-weight:600;color:var(--txt)}
form.lead .btn{padding:.85rem 1.8rem}

/* Kategori / liste / sayfa / üyelik */
#sayfa .rich,#sayfa .pre{max-width:78ch;line-height:1.75;font-size:1rem}
.bos{border-radius:var(--r2);background:var(--bg);border:1px dashed var(--line2);padding:1.4rem;text-align:center;color:var(--txt)}

/* Alt bilgi */
.foot{background:var(--foot);padding:3.2rem 0 1.2rem;position:relative}
.foot:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--route);opacity:.7}
.fgrid{display:flex;flex-wrap:wrap;gap:2rem 2.4rem;padding:0 1.2rem}.fgrid>div{flex:1 1 160px;min-width:0}.fgrid>.fbrand{flex:1.8 1 260px}
.fgrid b{font-size:13px;letter-spacing:.02em;color:#fff;margin-bottom:.7rem}
.fgrid a,.fgrid span{font-size:13.5px;line-height:1.9}
.fbrand{display:flex;flex-direction:column;gap:.15rem;max-width:34ch}
.fbrand .flogo{max-height:46px;max-width:180px;object-fit:contain;align-self:flex-start;background:#fff;border-radius:10px;padding:6px 10px;margin-bottom:.6rem}
.fbrand .fname{font-size:1.3rem}
.fbrand p{margin:0 0 .5rem;color:#c3cfdf;line-height:1.6;font-size:13.5px}
.fbrand .flegal{color:#fff;font-weight:600}
.fcopy{margin-top:2.2rem;color:#9fb0c6}

/* Mobil */
@media (max-width:760px){
  .strip .sthr{display:none}.strip .wrap{justify-content:center;gap:.9rem}
  .top .bar{min-height:62px}
  .top nav.open{gap:0}.top nav.open>a,.top nav.open .dd>a{border-radius:0;padding:.75rem 0;font-size:15px}
  .phero{padding:1.8rem 0 2.2rem;margin-bottom:1.6rem}.phero p{font-size:.93rem}
  .cattiles{grid-template-columns:1fr 1fr;gap:.7rem}.ctile{min-height:130px}.ctile b{font-size:1rem}
  .homecta{padding:1.4rem 1.2rem 1.8rem}.homecta .hcb{width:100%}.homecta .btn{flex:1 1 100%;text-align:center}
  .fgrid{gap:1.6rem 1.2rem}.fgrid>div{flex:1 1 40%}.fgrid>.fbrand{flex-basis:100%}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ctile:before,.faq details{transition:none}}
#iletisim .phero .wrap{display:block}

/* Başlık yazı tipi: Bricolage Grotesque (karakterli, modern grotesk) + gövde Manrope.
   Kendi başlık fontu olan temalar (serif temalar) bu kuraldan etkilenmez. */
html[data-theme=klasik],html:not([data-theme]){--fh:'Bricolage Grotesque',Manrope,system-ui,sans-serif}
html[data-theme=klasik] :is(h1,h2,h3,h4,.brand,.tcpb b,.tpbook .bp b,.ctile b,.tpd .dd b),html:not([data-theme]) :is(h1,h2,h3,h4,.brand,.tcpb b,.tpbook .bp b,.ctile b,.tpd .dd b){font-family:var(--fh);font-variation-settings:'wdth' 100}
.phero h1,#teklifler>h2,h3.sech,.homecta h3{letter-spacing:-.03em}
.slide h1,.slide h2,.tptitle h1{font-weight:800;letter-spacing:-.03em}

/* Yazı tipi birliği: tüm temalarda başlıklar Bricolage Grotesque, metin Manrope.
   Eski serif/italik tema yazıları (Gül Kurusu, Kum ve Altın vb.) devre dışı. */
html:root{--serif:'Bricolage Grotesque',Manrope,system-ui,sans-serif}
html[data-theme][data-theme]{--fh:'Bricolage Grotesque',Manrope,system-ui,sans-serif}
html[data-theme][data-theme] :is(h1,h2,h3,h4,.brand,.hero h1,.slide h1,.slide h2,.card h4,.card .fiyat,.tcpb b,.tpbook .bp b,.ctile b,.tpd .dd b,.phero h1){font-family:var(--fh);font-style:normal;font-variation-settings:normal}
html[data-theme][data-theme] :is(h1,h2,h3,h4,.hero h1,.card h4,.phero h1){font-weight:800}
html[data-theme][data-theme] :is(.top nav a,.lead,.sub,p,li,label,input,select,textarea,button,.btn){font-family:Manrope,system-ui,sans-serif;font-style:normal}
html[data-theme][data-theme] .brand{letter-spacing:-.01em;text-transform:none}
html[data-theme][data-theme] :is(.card.tc h4,.homecta h3,.homecta p,h3.sech,.tph,.tps h2,.fgrid>div,.phero h1,.phero p){text-align:left}
html[data-theme][data-theme] .fgrid>div{align-items:flex-start}

/* ===== Hakkımızda (tatilly.com/hakkimizda düzeni; renkler temadan) ===== */
#hakkimizda .wrap.ab-page{max-width:940px}
#hakkimizda .ab-intro .intro-text{font-size:16px;line-height:1.75;text-align:justify;hyphens:auto;color:var(--txt);margin:0 0 1.1rem;max-width:none}
#hakkimizda .ab-intro strong{color:var(--navy);font-weight:700}
#hakkimizda .ab-intro a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}
#hakkimizda .ab-founder{background:linear-gradient(135deg,var(--navy) 0%,var(--foot) 100%);color:#fff;padding:2.4rem 2rem;border-radius:var(--r2);margin:2.4rem 0;box-shadow:0 14px 30px -12px color-mix(in srgb,var(--navy) 45%,transparent);border:0;max-width:none}
#hakkimizda .ab-fc{display:flex;flex-direction:column;gap:1.1rem}
#hakkimizda .ab-quote{margin:0;border-left:4px solid var(--orange);padding-left:1.25rem}
#hakkimizda .ab-quote p{margin:0;font-size:17px;line-height:1.8;font-style:italic;color:#fff}
#hakkimizda .ab-fname{margin:.4rem 0 .2rem;font-size:20px;font-weight:800;color:var(--orange)}
#hakkimizda .ab-ftitle{margin:0;font-size:14px;letter-spacing:.04em;color:color-mix(in srgb,#fff 82%,var(--navy))}
#hakkimizda .ab-st{color:var(--navy);font-size:1.5rem;margin:2.6rem 0 1.4rem;border-left:5px solid var(--orange);padding-left:.9rem;line-height:1.25}
#hakkimizda .ab-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem;margin-bottom:2.4rem}
#hakkimizda .ab-service{background:#fff;border:1px solid var(--line);border-radius:var(--r1);padding:1.5rem;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s}
#hakkimizda .ab-service:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.1)}
#hakkimizda .ab-service h4{margin:0 0 .8rem;font-size:1.12rem;color:var(--orange-d)}
#hakkimizda .ab-service p{margin:0;font-size:15px;line-height:1.7;color:var(--txt)}
#hakkimizda .ab-reviews{background:var(--bg);border:1px solid var(--line);border-radius:var(--r1);padding:1.9rem;margin:2.4rem 0}
#hakkimizda .ab-reviews .ab-st{margin-top:0}
#hakkimizda .ab-rsub{margin:-.6rem 0 1.2rem;color:var(--muted)}
#hakkimizda .ab-rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem}
#hakkimizda .ab-review{background:#fff;padding:1.25rem;border-radius:calc(8px*var(--rk));box-shadow:0 2px 8px rgba(0,0,0,.06);border-left:3px solid var(--orange)}
#hakkimizda .ab-stars{color:#ffb400;font-size:18px;letter-spacing:2px;margin-bottom:.6rem}
#hakkimizda .ab-rtext{font-size:14px;font-style:italic;line-height:1.6;color:var(--txt);margin:0 0 1rem}
#hakkimizda .ab-rname{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:14px;color:var(--navy)}
#hakkimizda .ab-g{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:#4285f4}
#hakkimizda .ab-gbtnc{text-align:center;margin-top:1.6rem}
#hakkimizda .ab-gbtn{display:inline-block;background:#fff;color:#4285f4;font-weight:700;font-size:14px;text-decoration:none;padding:.65rem 1.3rem;border-radius:999px;border:1px solid #4285f4;transition:background .3s,color .3s}
#hakkimizda .ab-gbtn:hover{background:#4285f4;color:#fff}
#hakkimizda .ab-why{background:var(--bg);color:var(--txt);padding:2.2rem 1.9rem;border-radius:var(--r1)!important;text-align:center;border-top:4px solid var(--navy);margin-top:0}
#hakkimizda .ab-why h3{color:var(--navy);font-size:1.5rem;margin:0 0 1.2rem;text-align:center!important}
#hakkimizda .ab-why p{color:var(--txt);max-width:70ch;margin:0 auto 1rem;line-height:1.75;font-size:16px}
#hakkimizda .ab-why p.ab-cta{font-size:20px;font-weight:800;color:var(--orange-d);margin:1.5rem auto 0;line-height:1.45}
#hakkimizda .ab-btns{justify-content:center;margin-top:1.4rem}
#hakkimizda .ab-btn{background:var(--orange);color:var(--onacc);border-radius:999px;padding:.75rem 1.4rem;font-weight:700;text-decoration:none}
#hakkimizda .ab-btn.alt{background:#fff;color:var(--navy);border:1.5px solid var(--navy)}
@media (max-width:640px){#hakkimizda .ab-intro .intro-text{text-align:left}#hakkimizda .ab-founder{padding:1.6rem 1.3rem}#hakkimizda .ab-reviews,#hakkimizda .ab-why{padding:1.4rem 1.1rem}#hakkimizda .ab-why p.ab-cta{font-size:18px}}
@media (prefers-reduced-motion:reduce){#hakkimizda .ab-service{transition:none}#hakkimizda .ab-service:hover{transform:none}}
html[data-theme][data-theme] #hakkimizda .ab-st{text-align:left}
html[data-theme][data-theme] #hakkimizda .ab-rsub{text-align:left}
/* ---------- Online rezervasyon ve ödeme ---------- */
.tpbook .tpcta.tpsec{background:#fff;color:var(--navy);border:1.5px solid var(--line2);box-shadow:none}
.bkgrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.6rem;align-items:start;margin-top:1.4rem}
.bkform,.pyform,.pylook{max-width:none!important;gap:.4rem}
.bkh{font-size:1.15rem;margin:1rem 0 .2rem;color:var(--navy)}.bkh:first-child{margin-top:0}
.bksub{color:var(--muted);font-size:.9rem;margin:0 0 .6rem}
.bkrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 .9rem}
.bkrow label[hidden]{display:none}
form.lead select{display:block;width:100%;margin-top:.25rem;padding:.6rem .75rem;border:1px solid var(--line2);border-radius:var(--r1,8px);font:inherit;color:var(--ink);background:#fbfcfe}
.bkp{border:1px solid var(--line);border-radius:calc(12px*var(--rk));padding:.7rem .9rem .2rem;margin:0 0 .8rem;background:var(--soft,#f6f9fc)}
.bkp legend{font-weight:700;color:var(--navy);padding:0 .35rem;font-size:.92rem}
.bkside{position:sticky;top:96px}
.bksum{background:#fff;border:1px solid var(--line);border-radius:calc(16px*var(--rk));padding:1.2rem;box-shadow:0 20px 40px -28px rgba(23,42,67,.55);display:grid;gap:.6rem}
.bksum h3{margin:0;font-size:1.05rem;color:var(--navy)}.bkd{margin:0;color:var(--muted);font-size:.9rem}
.bklines{list-style:none;margin:0;padding:.6rem 0;border-top:1px dashed var(--line2);border-bottom:1px dashed var(--line2);display:grid;gap:.35rem;font-size:.92rem}
.bklines li{display:flex;justify-content:space-between;gap:.8rem}
.bkfx{margin:0;font-size:.8rem;color:var(--muted)}
.bktot{display:flex;justify-content:space-between;align-items:baseline}.bktot span{color:var(--muted)}.bktot b{font-size:1.5rem;color:var(--navy)}
.bkpay{display:grid;gap:.45rem}
.bkopt{display:flex;gap:.6rem;align-items:flex-start;border:1.5px solid var(--line);border-radius:calc(10px*var(--rk));padding:.6rem .7rem;cursor:pointer;font-size:.9rem}
.bkopt.on{border-color:var(--orange);background:var(--tint,#fff4e6)}.bkopt input{margin-top:.2rem}.bkopt span{display:grid}.bkopt small{color:var(--muted)}
.bkgo{width:100%;text-align:center;border:0;cursor:pointer;font:inherit;font-weight:700;padding:.85rem 1rem}.bkgo:disabled{opacity:.55;cursor:default}
.bksafe{margin:0;font-size:.8rem;color:var(--muted)}
.pytest{background:#fff7e6;border:1px solid #f5c26b;color:#7a4b00;border-radius:calc(10px*var(--rk));padding:.55rem .75rem;font-size:.85rem;font-weight:600}
.pystate{border-radius:calc(14px*var(--rk));padding:1.1rem 1.2rem;margin:0 0 1rem;border:1px solid var(--line);background:#fff}
.pystate b{display:block;font-size:1.2rem;margin-bottom:.3rem}.pystate p{margin:.3rem 0}
.pystate.ok{background:#ecf8f0;border-color:#b6e2c4;color:#14532d}.pystate.bad{background:#fdf0f0;border-color:#f1c0c0;color:#7f1d1d}.pystate.wait{background:#eef5fc;border-color:#c8dcf1;color:#173a63}
.pyres{max-width:640px;margin-top:1.4rem}.pylook{max-width:560px!important;margin-top:1.4rem}
.pyframe iframe{width:100%;min-height:640px;border:0;border-radius:calc(12px*var(--rk));background:#fff;box-shadow:0 6px 20px -14px rgba(23,42,67,.4)}
.pyframe a{display:inline-block;margin-top:.6rem}
@media (max-width:960px){.bkgrid{grid-template-columns:minmax(0,1fr)}.bkside{position:static}}
#sayfa .bkh,#sayfa .bksum h3{text-align:left}
/* Havale / EFT */
.pytabs{display:flex;gap:.4rem;margin:0 0 1rem;background:var(--soft,#eef4fa);padding:.3rem;border-radius:calc(12px*var(--rk));width:max-content;max-width:100%}
.pytab{border:0;background:transparent;font:inherit;font-weight:600;color:var(--muted);padding:.55rem 1.1rem;border-radius:calc(9px*var(--rk));cursor:pointer}
.pytab.on{background:#fff;color:var(--navy);box-shadow:0 2px 8px -4px rgba(23,42,67,.35)}
.pybox[hidden]{display:none}
.hvsteps{margin:.2rem 0 1rem;padding-left:1.2rem;display:grid;gap:.25rem;color:var(--ink)}
.hvaccs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.7rem;margin:0 0 .9rem}
.hvacc{background:#fff;border:1px solid var(--line);border-radius:calc(12px*var(--rk));padding:.85rem 1rem;display:grid;gap:.3rem;text-align:left}
.hvacc b{color:var(--navy)}.hvacc .hvh,.hvacc small{color:var(--muted);font-size:.88rem}
.hviban{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.hviban code{font-family:inherit;font-weight:700;letter-spacing:.02em;font-size:.98rem;color:var(--ink);word-break:break-all}
.cpy{border:1px solid var(--line2);background:#fff;color:var(--navy);border-radius:999px;padding:.25rem .7rem;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}
.cpy:hover{border-color:var(--navy)}
.hvref{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;background:var(--tint,#fff4e6);border:1px dashed var(--orange);border-radius:calc(12px*var(--rk));padding:.7rem 1rem;margin:0 0 .8rem}
.hvref span{color:var(--muted)}.hvref b{font-size:1.15rem;letter-spacing:.06em;color:var(--navy)}
form.lead input[type=file]{padding:.5rem;background:#fff}
#iletisimBox .hvaccs{grid-template-columns:1fr;margin:.3rem 0 0}
#iletisimBox .hvacc,#iletisimBox .hviban{background:none;border:0;box-shadow:none;padding:0;margin:0}
#iletisimBox .hvaccs{background:none;border:0;box-shadow:none;padding:0;gap:.9rem}
#iletisimBox .hvacc b{font-size:1rem}

/* Mobil menü (22.10.2026): açılır menü tam genişlikte; tur kategorileri ok düğmesiyle açılır/kapanır */
.dd-toggle{display:none}
@media (max-width:760px){
  .top nav .dd{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;width:100%}
  .top nav .dd>a{grid-column:1}
  .top nav .dd-toggle{display:flex;align-items:center;justify-content:center;grid-column:2;width:48px;height:44px;margin:0;padding:0;border:0;border-left:1px solid var(--line);background:none;color:var(--navy);cursor:pointer}
  .top nav .dd-toggle::before{content:'';width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s}
  .top nav .dd.is-open .dd-toggle::before{transform:translateY(2px) rotate(-135deg)}
  .top nav .dd>.dd-menu{grid-column:1/-1;position:static;min-width:0;max-width:none!important;max-height:none;margin:0;padding:.2rem 0 .5rem .9rem;border:0;border-radius:0;background:#f5f8fb!important;box-shadow:none!important}
  .top nav .dd>.dd-menu a{min-height:42px;padding:.6rem .5rem!important;border-top:1px solid #e6ecf3;border-radius:0!important;font-size:14px!important;font-weight:600;background:none!important}
  .top nav .dd:not(.is-open)>.dd-menu{display:none!important}
}

/* Banka hesapları sayfası */
.bankpage{padding-top:1.2rem;padding-bottom:2.4rem}.bank-head{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap}.bank-head h2{margin:0;color:var(--navy)}.bank-count{color:var(--muted);font-size:.92rem}
.bank-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:.8rem 0}.bank-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.4rem 1rem;font:inherit;cursor:pointer;color:var(--ink)}.bank-chip[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.bank-table table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.bank-table th,.bank-table td{padding:.75rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.bank-table th{background:#f4f6fa;color:var(--navy);font-size:.88rem}
.bank-table td code{font-family:inherit;font-weight:700;letter-spacing:.02em;word-break:break-all;display:block;margin-bottom:.35rem}.bank-note{display:block;color:var(--muted);margin-top:.3rem}
.bank-qr-btn{display:block;margin-top:.45rem;border:1px solid var(--navy);background:#fff;color:var(--navy);border-radius:8px;padding:.35rem .8rem;font:inherit;font-size:.88rem;cursor:pointer}
.bank-qr-dialog{border:0;border-radius:14px;padding:1.1rem;max-width:min(420px,92vw);text-align:center}.bank-qr-dialog::backdrop{background:rgba(10,20,40,.55)}.bank-qr-top{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.6rem}.bank-qr-top h3{margin:0;font-size:1.02rem;text-align:left}
.bank-qr-img{max-width:100%;max-height:60vh;height:auto;border-radius:8px}.bank-qr-iban{display:block;font-family:inherit;font-weight:700;word-break:break-all;margin:.6rem 0}.bank-qr-help{color:var(--muted);font-size:.88rem;margin:.4rem 0 .8rem}
@media (max-width:720px){.bank-table thead{display:none}.bank-table table,.bank-table tbody,.bank-table tr,.bank-table td{display:block;width:100%}.bank-table tr{border:1px solid var(--line);border-radius:12px;margin-bottom:.8rem;background:#fff;overflow:hidden}.bank-table td{border-bottom:1px solid var(--line)}.bank-table td:last-child{border-bottom:0}.bank-table td::before{content:attr(data-label);display:block;color:var(--muted);font-size:.78rem;margin-bottom:.15rem}}

/* /site-flights.css */
/* Uçak bileti sayfası (site-flights.js). Otel sayfasının .ht-* katmanı üzerine yalnız uçuşa özgü parçalar. */
html[data-theme] .ht-page.fl-page .fl-fields { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .8rem; align-items: end; }
html[data-theme] .ht-page.fl-page .fl-fields > .fl-route { grid-column: span 3; display: grid; grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr); gap: .6rem; align-items: end; min-width: 0; }
html[data-theme] .ht-page.fl-page .fl-fields > * { grid-column: auto; grid-row: auto; }
html[data-theme] .ht-page.fl-page .fl-fields > .ht-go { width: 100%; min-height: 46px; }
html[data-theme] .ht-page.fl-page .fl-fields [hidden] { display: none !important; }
html[data-theme] .ht-page.fl-page .fl-results { display: block; }
.fl-place { position: relative; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.fl-place input { width: 100%; min-width: 0; }
.fl-swap { align-self: end; width: 44px; min-height: 46px; padding: 0; font-size: 1.15rem; justify-self: center; }
.fl-suggest { position: absolute; z-index: 30; top: 100%; left: 0; right: 0; margin: 4px 0 0; padding: 4px; list-style: none; background: #fff; border: 1px solid var(--ht-line, #d6e4e4); border-radius: 10px; box-shadow: 0 12px 28px -14px #1d3d4a55; max-height: 320px; overflow: auto; }
.fl-suggest li { padding: 10px 12px; border-radius: 8px; cursor: pointer; font-size: .9rem; }
.fl-suggest li:hover, .fl-suggest li[aria-selected="true"] { background: var(--ht-soft, #f0f6f3); }
.fl-direct { align-self: center; margin: 0; font-size: .85rem; line-height: 1.3; }
.fl-loading { display: flex; align-items: center; gap: 12px; padding: 22px; border: 1px dashed var(--ht-line, #d6e4e4); border-radius: 14px; color: var(--ht-mut, #5b737e); }
.fl-spin { width: 22px; height: 22px; flex: 0 0 22px; border: 3px solid #dbe5ee; border-top-color: var(--ht-teal, #166a67); border-radius: 50%; animation: fl-spin .9s linear infinite; }
@keyframes fl-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .fl-spin { animation: none; } }
.fl-steph { font-size: 1.15rem; margin: 22px 0 12px; }
.fl-filter { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0 0 12px; }
.fl-filter select { min-height: 40px; padding: 6px 10px; border: 1px solid var(--ht-line, #d6e4e4); border-radius: 8px; background: #fff; font: inherit; }
.fl-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.fl-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, 220px); border: 1px solid #d6e2df; border-radius: 16px; background: #fff; overflow: hidden; }
.fl-card:hover { border-color: #a2c8b9; }
.fl-body { padding: 16px 18px; min-width: 0; }
.fl-price { padding: 16px 18px; display: flex; flex-direction: column; gap: 4px; justify-content: center; align-items: flex-end; text-align: right; background: var(--ht-soft, #f0f6f3); }
.fl-price .ht-amt { font-size: 1.45rem; font-weight: 800; color: var(--ht-teal, #166a67); }
.fl-price .ht-go { margin-top: 8px; min-height: 44px; }
.fl-air { margin: 0 0 8px; font-size: .82rem; font-weight: 700; color: var(--ht-mut, #5b737e); }
.fl-leg { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; }
.fl-time { display: flex; flex-direction: column; line-height: 1.2; }
.fl-time strong { font-size: 1.3rem; }
.fl-time span { font-size: .8rem; color: var(--ht-mut, #5b737e); font-weight: 700; }
.fl-time:last-child { text-align: right; }
.fl-mid { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: .75rem; color: var(--ht-mut, #5b737e); min-width: 0; text-align: center; }
.fl-line { display: block; width: 100%; height: 2px; background: linear-gradient(90deg, var(--ht-line, #d6e4e4), var(--ht-teal, #166a67), var(--ht-line, #d6e4e4)); border-radius: 2px; }
.fl-stops.is-direct { color: #1b6b4a; font-weight: 700; }
.fl-meta { margin: 10px 0 0; font-size: .8rem; }
.fl-details { margin-top: 8px; font-size: .8rem; }
.fl-details summary { cursor: pointer; color: var(--ht-teal, #166a67); font-weight: 700; }
.fl-seglist { margin: 8px 0 0; padding-left: 18px; }
.fl-seglist li { margin: 4px 0; }
.fl-fares { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; padding: 14px 18px 18px; border-top: 1px solid var(--ht-line, #d6e4e4); background: #fbfdfc; }
.fl-fare { display: flex; flex-direction: column; gap: 6px; padding: 14px; border: 1px solid var(--ht-line, #d6e4e4); border-radius: 12px; background: #fff; }
.fl-fare h3 { margin: 0; font-size: 1rem; }
.fl-fare-amt { margin: 0; font-size: 1.2rem; font-weight: 800; color: var(--ht-teal, #166a67); }
.fl-fare-bag { margin: 0; font-size: .82rem; font-weight: 700; }
.fl-pol { list-style: none; margin: 0; padding: 0; font-size: .8rem; }
.fl-pol li::before { content: "✓ "; color: #1b6b4a; }
.fl-pol li.is-no::before { content: "✕ "; color: #9b3b2f; }
.fl-rules { font-size: .78rem; }
.fl-rules summary { cursor: pointer; color: var(--ht-teal, #166a67); }
.fl-rules ul { padding-left: 16px; margin: 6px 0 0; }
.fl-fare .ht-go { margin-top: auto; min-height: 44px; }
.fl-more { display: block; margin: 14px auto 0; min-height: 44px; }
.fl-picked { position: relative; padding: 14px 18px; margin: 0 0 12px; border: 1px solid #a2c8b9; border-radius: 14px; background: #f5faf7; }
.fl-picked > .ht-ghost { position: absolute; top: 12px; right: 14px; }
.fl-tag { display: inline-block; padding: 3px 9px; margin-bottom: 6px; border-radius: 6px; background: var(--ht-teal, #166a67); color: #fff; font-size: .72rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.fl-box .fl-body { display: grid; gap: 12px; }
.fl-boxleg { border: 0; margin: 0; padding: 0; min-width: 0; }
.fl-boxleg legend { font-weight: 800; font-size: .85rem; margin-bottom: 6px; }
.fl-radio { display: flex; gap: 10px; align-items: flex-start; padding: 10px; border: 1px solid var(--ht-line, #d6e4e4); border-radius: 10px; margin-bottom: 6px; cursor: pointer; }
.fl-radio > div { flex: 1; min-width: 0; }
.fl-radio input { margin-top: 4px; width: 18px; height: 18px; flex: 0 0 18px; }
.fl-radio:has(input:checked) { border-color: var(--ht-teal, #166a67); background: #f5faf7; }
.fl-form { margin-top: 10px; }
.fl-form .ht-field[hidden] { display: none !important; }
.fl-sum { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px; margin: 16px 0 8px; border-radius: 10px; background: var(--ht-soft, #f0f6f3); }
.fl-sum strong { font-size: 1.35rem; color: var(--ht-teal, #166a67); }
.fl-confirm { padding: 22px; border: 1px solid #a2c8b9; border-radius: 16px; background: #f5faf7; }
.fl-confirm h2 { margin: 4px 0 12px; }
.fl-total { display: grid; grid-template-columns: auto auto; justify-content: start; gap: 6px 24px; margin: 12px 0; }
.fl-total dt { color: var(--ht-mut, #5b737e); }
.fl-total dd { margin: 0; font-weight: 700; text-align: right; }
.fl-total dt:last-of-type, .fl-total dd:last-of-type { font-size: 1.15rem; color: var(--ht-ink, #173a4a); font-weight: 800; }
.fl-confirm .ht-go { min-height: 48px; padding-inline: 28px; }
.ht-msg.is-warn { padding: 10px 12px; border-radius: 8px; background: #fff6e0; color: #6b4b00; }
@media (max-width: 900px) {
  html[data-theme] .ht-page.fl-page .fl-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html[data-theme] .ht-page.fl-page .fl-fields > .fl-route, html[data-theme] .ht-page.fl-page .fl-fields > .ht-go { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  html[data-theme] .ht-page.fl-page .fl-fields { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .65rem; }
  html[data-theme] .ht-page.fl-page .fl-fields > .fl-route { grid-template-columns: minmax(0, 1fr); gap: .2rem; }
  html[data-theme] .ht-page.fl-page .fl-fields > .fl-direct { grid-column: 1 / -1; }
  html[data-theme] .ht-page.fl-page .fl-fields > .ht-go { order: 99; }
  .fl-swap { justify-self: end; min-height: 34px; margin-top: -4px; transform: rotate(90deg); }
  .fl-card { grid-template-columns: 1fr; }
  .fl-price { text-align: left; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: baseline; }
  .fl-price .ht-go { width: 100%; }
  .fl-time strong { font-size: 1.1rem; }
  .fl-picked > .ht-ghost { position: static; margin-top: 8px; }
}
/* Ana sayfa arama kutusu: Uçak sekmesi */
#home-page.home-page .home-flight-trip { display: inline-flex; margin: 0 0 .9rem; }
#home-page.home-page .home-search-fields.home-flight-fields { grid-template-columns: minmax(0,1.35fr) minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr) 160px; }
#home-page.home-page .home-search-fields.home-flight-fields > [hidden] { display: none !important; }
#home-page.home-page .home-search-fields.home-flight-fields .fl-place label { display: grid; gap: .4rem; margin: 0; color: var(--home-ink); font-size: .75rem; font-weight: 750; line-height: 1.6; }
#home-page.home-page .home-flight-search .home-hotel-note { margin: .85rem 0 0; }
@media (max-width: 1080px) { #home-page.home-page .home-search-fields.home-flight-fields { grid-template-columns: repeat(3, minmax(0,1fr)); } #home-page.home-page .home-search-fields.home-flight-fields > .fl-place { grid-column: span 1; } #home-page.home-page .home-search-fields.home-flight-fields > button { margin-top: 1.6rem; } }
@media (max-width: 700px) { #home-page.home-page .home-search-fields.home-flight-fields { grid-template-columns: repeat(2, minmax(0,1fr)); } #home-page.home-page .home-search-fields.home-flight-fields > .fl-place, #home-page.home-page .home-search-fields.home-flight-fields > button { grid-column: 1 / -1; } #home-page.home-page .home-search-fields.home-flight-fields > button { margin-top: 0; } }
/* Uçuş talep formu (satış kapalı / fiyat alınamadı / sonuç yok) */
.fl-request { margin-top: 18px; padding: 22px; border: 1px solid #d6e2df; border-radius: 16px; background: #fff; }
.fl-request textarea { width: 100%; min-width: 0; box-sizing: border-box; padding: 10px 12px; border: 1px solid #c8d8cf; border-radius: 8px; font: inherit; resize: vertical; }
.fl-request .ht-go { min-height: 46px; margin-top: 12px; }
.fl-call { display: inline-block; margin-top: 12px; }

/* /site-visa.css */
/* Vize başvurusu sayfası (müşteri sitesi) */
.vz-body { display: grid; gap: 1.2rem; }
.vz-intro { max-width: 70ch; color: var(--muted); line-height: 1.6; margin: 0; }
.vz-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 1rem; }
.vz-cardin { padding: 1.2rem 1.3rem; display: grid; gap: .6rem; align-content: start; text-align: left; }
.vz-cardin h2 { margin: 0; font-size: 1.15rem; text-align: left; }
.vz-proc { margin: 0; color: var(--muted); font-size: .9rem; }
.vz-doclbl { display: block; font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); margin-top: .4rem; }
.vz-docs { margin: 0; padding: 0; list-style: none; color: var(--ink, #39352f); font-size: .9rem; line-height: 1.5; display: grid; gap: .25rem; }
.vz-docs li { position: relative; padding-left: 1.1rem; }
.vz-docs li::before { content: '✓'; position: absolute; left: 0; color: var(--orange-d, #cf741f); font-weight: 700; }
.vz-go { justify-self: start; margin-top: .4rem; }
.vz-form { background: #fff; border: 1px solid var(--line); border-radius: calc(14px * var(--rk, 1)); padding: 1.4rem; }
.vz-form h2 { margin: 0; }
.vz-back { font-size: .9rem; color: var(--link, #2f5c97); text-decoration: none; justify-self: start; }
.vz-fs { border: 1px solid var(--line); border-radius: 12px; padding: 1rem 1.1rem 1.1rem; margin: 0; display: grid; gap: .8rem; min-width: 0; }
.vz-fs legend { font-weight: 700; padding: 0 .4rem; }
.vz-people { display: grid; gap: .9rem; }
.vz-doclist { display: grid; gap: .5rem; }
.vz-doc { display: grid; grid-template-columns: minmax(180px, 1.2fr) minmax(0, 1.6fr) minmax(0, 1fr); gap: .6rem; align-items: center; font-size: .9rem; padding: .55rem .7rem; border: 1px dashed var(--line); border-radius: 10px; background: var(--bg, #f8fafd); }
.vz-doc input[type="file"] { font: inherit; font-size: .85rem; max-width: 100%; }
.vz-docname { font-weight: 600; }
.vz-docst { color: var(--muted); font-size: .82rem; overflow-wrap: anywhere; }
.vz-note textarea { width: 100%; padding: .6rem .75rem; border: 1px solid var(--line); border-radius: 10px; font: inherit; resize: vertical; }
@media (max-width: 640px) { .vz-doc { grid-template-columns: 1fr; } .vz-form { padding: 1rem; } }

.vz-card .fiyat { text-align: left; }
.vz-card .fiyat small { display: block; }

.vz-vars { display: grid; gap: .3rem; }
.vz-var { display: flex; justify-content: space-between; gap: .8rem; align-items: baseline; padding: .45rem .6rem; border: 1px solid var(--line); border-radius: 10px; text-decoration: none; color: inherit; font-size: .9rem; text-align: left; }
.vz-var:hover { border-color: var(--orange, #f59a3f); background: var(--peach, #fdf1e0); }
.vz-var strong { color: var(--orange-d, #cf741f); white-space: nowrap; }
.vz-type { grid-column: 1 / -1; }

/* /themes.css */
/* otomatik üretildi: node src/themes.js */
:root{--navy:#203764;--blue:#2f5c97;--ink:#33445c;--muted:#6b7c93;--orange:#f59a3f;--orange-d:#cf741f;--peach:#fdf1e0;--bg:#f8fafd;--line:#e3eaf3;--foot:#172a43;--dk:#1b3a63;--link:#2f5c97;--txt:#33445c;--gold:#e6c98f;--line2:#d5deea;--soft:#eef2f9;--rk:1;--fh:inherit;--onacc:#2a1700}
[data-theme="klasik"]{--navy:#203764;--blue:#2f5c97;--ink:#33445c;--muted:#6b7c93;--orange:#f59a3f;--orange-d:#cf741f;--peach:#fdf1e0;--bg:#f8fafd;--line:#e3eaf3;--foot:#172a43;--dk:#1b3a63;--link:#2f5c97;--txt:#33445c;--gold:#e6c98f;--line2:#d5deea;--soft:#eef2f9;--rk:1;--fh:inherit;--onacc:#2a1700}
[data-theme="deniz"]{--navy:#0b4f6c;--blue:#0e7490;--ink:#274553;--muted:#5f7f8a;--orange:#ff7a59;--orange-d:#d9552f;--peach:#ffece6;--bg:#f4fafb;--line:#d8eaed;--foot:#08384d;--dk:#0b4f6c;--link:#0e7490;--txt:#274553;--gold:#9fd8d6;--line2:#bcd9de;--soft:#e3f2f4;--rk:1.3;--fh:inherit;--onacc:#3a1206}
[data-theme="gunbatimi"]{--navy:#6b1d2f;--blue:#a3364b;--ink:#4a3036;--muted:#8a6b70;--orange:#f08a24;--orange-d:#c4660b;--peach:#fff0dc;--bg:#fdf7f4;--line:#f0dcd8;--foot:#4a1220;--dk:#6b1d2f;--link:#a3364b;--txt:#4a3036;--gold:#f3c27a;--line2:#e4c6c1;--soft:#f8e9e6;--rk:1.1;--fh:inherit;--onacc:#2a1700}
[data-theme="orman"]{--navy:#1f4d3a;--blue:#2f7a58;--ink:#2f4439;--muted:#668172;--orange:#e0a02e;--orange-d:#b57d12;--peach:#fbf1d9;--bg:#f6faf6;--line:#dbe8dd;--foot:#143325;--dk:#1f4d3a;--link:#2f7a58;--txt:#2f4439;--gold:#cfe3b8;--line2:#c3d8c8;--soft:#e7f1e8;--rk:1;--fh:inherit;--onacc:#2b1d00}
[data-theme="lavanta"]{--navy:#3f2a74;--blue:#6246b8;--ink:#40385a;--muted:#7a7396;--orange:#ff8f6b;--orange-d:#d96a45;--peach:#ffeee7;--bg:#faf8ff;--line:#e6dff6;--foot:#2a1b50;--dk:#3f2a74;--link:#6246b8;--txt:#40385a;--gold:#d9c9fa;--line2:#d3c8ee;--soft:#efeafb;--rk:1.5;--fh:inherit;--onacc:#3a1408}
[data-theme="kum"]{--navy:#4a3a24;--blue:#8a6a2f;--ink:#4a4136;--muted:#8a7d68;--orange:#b8862b;--orange-d:#8f651a;--peach:#f7ecd3;--bg:#fbf8f2;--line:#e9e0cc;--foot:#2f2517;--dk:#4a3a24;--link:#8a6a2f;--txt:#4a4136;--gold:#d9bf86;--line2:#d9ccb0;--soft:#f1eadb;--rk:0.6;--fh:Georgia,'Times New Roman',serif;--onacc:#fff}
[data-theme="gece"]{--navy:#0f1f3d;--blue:#24478a;--ink:#27324a;--muted:#667694;--orange:#f2b84b;--orange-d:#c8921c;--peach:#fdf3d9;--bg:#f6f8fc;--line:#dde4f0;--foot:#0a1529;--dk:#0f1f3d;--link:#24478a;--txt:#27324a;--gold:#f2b84b;--line2:#c6d1e4;--soft:#e8edf6;--rk:0.3;--fh:Georgia,'Times New Roman',serif;--onacc:#2a1700}
[data-theme="okyanus"]{--navy:#14367a;--blue:#1d6fd6;--ink:#2a3a5e;--muted:#657ba3;--orange:#19c3c9;--orange-d:#0f9aa0;--peach:#dff7f8;--bg:#f5f9ff;--line:#dae6f8;--foot:#0d2457;--dk:#14367a;--link:#1d6fd6;--txt:#2a3a5e;--gold:#9fd3ff;--line2:#bfd3f1;--soft:#e5eefc;--rk:1.7;--fh:inherit;--onacc:#032a2c}
[data-theme="gul"]{--navy:#5c2a45;--blue:#a04570;--ink:#4a3541;--muted:#8d6d7d;--orange:#e56b8f;--orange-d:#bf4268;--peach:#fde7ee;--bg:#fdf7f9;--line:#f0dde5;--foot:#3d1a2e;--dk:#5c2a45;--link:#a04570;--txt:#4a3541;--gold:#f1c4d3;--line2:#e3c6d3;--soft:#f6e8ee;--rk:1.4;--fh:inherit;--onacc:#3a0b1d}
[data-theme="grafit"]{--navy:#262b33;--blue:#4a5565;--ink:#363c46;--muted:#6e7683;--orange:#e5484d;--orange-d:#bd2d32;--peach:#fde8e8;--bg:#f6f7f9;--line:#e2e5ea;--foot:#171a20;--dk:#262b33;--link:#4a5565;--txt:#363c46;--gold:#c9ced6;--line2:#cfd4dc;--soft:#eceef2;--rk:0;--fh:inherit;--onacc:#fff}
[data-theme="tatilly"]{--navy:#1b4a9c;--blue:#1593c0;--ink:#2b3a55;--muted:#627391;--orange:#fc9e07;--orange-d:#b36b00;--peach:#fff2db;--bg:#f5f9fd;--line:#dde8f3;--foot:#0f2c5c;--dk:#143a7c;--link:#1593c0;--txt:#2b3a55;--gold:#fc9e07;--line2:#c9d9ea;--soft:#e7f5fb;--rk:1.2;--fh:inherit;--onacc:#1f1300}
[data-theme="atlas"]{--navy:#0e3a4a;--blue:#1b6378;--ink:#28414b;--muted:#5f7680;--orange:#d4793a;--orange-d:#a9561d;--peach:#fbeadd;--bg:#f4f8f9;--line:#dce7ea;--foot:#082730;--dk:#0c3440;--link:#1b6378;--txt:#28414b;--gold:#e9c49a;--line2:#c8d8dd;--soft:#e8f1f3;--rk:0.55;--fh:inherit;--onacc:#fff}
[data-theme="ege"]{--navy:#0d47a1;--blue:#1e6fd9;--ink:#22324d;--muted:#5f7395;--orange:#ffc233;--orange-d:#b77f00;--peach:#fff5d6;--bg:#f3f8ff;--line:#dbe7fb;--foot:#0a2d6b;--dk:#0b3d91;--link:#1e6fd9;--txt:#22324d;--gold:#ffd977;--line2:#c7d8f5;--soft:#e6f0ff;--rk:1.4;--fh:inherit;--onacc:#1a1300}
[data-theme="safir"]{--navy:#23205a;--blue:#4338ca;--ink:#2c2a4a;--muted:#6b6a8c;--orange:#10b981;--orange-d:#08805a;--peach:#e3f8ef;--bg:#f7f7fc;--line:#e3e3f3;--foot:#14123a;--dk:#1e1b4b;--link:#4338ca;--txt:#2c2a4a;--gold:#a7f3d0;--line2:#cfcfe8;--soft:#eeeefa;--rk:1;--fh:inherit;--onacc:#fff}

/* /themes-layout.css */
/* Tema düzenleri: renklere ek olarak üst bar, hero, kart, başlık ve alt bilgi yapısını değiştirir. Klasik = varsayılan düzen. */
:root{--serif:Georgia,'Times New Roman',serif}

/* ---------- 2. DENİZ: ferah katalog, ortalı üst bar, dalgalı hero, büyük fotoğraflı kartlar ---------- */
html[data-theme=deniz] .top .bar{flex-direction:column;padding:.7rem 1.2rem;gap:.35rem}
html[data-theme=deniz] .top nav{gap:2rem}html[data-theme=deniz] .callbox{display:none}
html[data-theme=deniz] .hero{text-align:center;padding:5.6rem 0 7rem;clip-path:ellipse(75% 100% at 50% 0)}
html[data-theme=deniz] .hero h1,html[data-theme=deniz] .lead{margin-left:auto;margin-right:auto;max-width:22ch}
html[data-theme=deniz] .lead{max-width:50ch}html[data-theme=deniz] .cta{justify-content:center}
html[data-theme=deniz] #teklifler{margin-top:-2.4rem;text-align:center}html[data-theme=deniz] #teklifler .grid{text-align:left}
html[data-theme=deniz] .card{border:0;box-shadow:0 18px 40px -22px rgba(8,56,77,.55)}
html[data-theme=deniz] .card .cover{height:150px}html[data-theme=deniz] .card .cover.foto{height:220px}
html[data-theme=deniz] .card .fiyat{display:inline-block;align-self:flex-start;background:var(--peach);padding:.2rem .9rem;border-radius:99px;font-size:1.2rem}

/* ---------- 3. GÜN BATIMI: dergi düzeni, çapraz hero, yatay kartlar ---------- */
html[data-theme=gunbatimi] .hero{padding:6rem 0 8rem;clip-path:polygon(0 0,100% 0,100% 78%,0 100%)}
html[data-theme=gunbatimi] .hero h1{font-size:clamp(2.6rem,6.5vw,4.6rem);font-weight:800;letter-spacing:-.035em;max-width:14ch}
html[data-theme=gunbatimi] #teklifler{margin-top:-3rem}
html[data-theme=gunbatimi] .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr))}
html[data-theme=gunbatimi] .card{flex-direction:row;border:0;border-left:5px solid var(--orange)}
html[data-theme=gunbatimi] .card .cover{width:38%;height:auto;min-height:190px;flex:none}html[data-theme=gunbatimi] .card .cover.foto{height:auto}
html[data-theme=gunbatimi] .card .in{padding:1.1rem 1.2rem}
@media(max-width:620px){html[data-theme=gunbatimi] .card{flex-direction:column}html[data-theme=gunbatimi] .card .cover{width:auto;min-height:150px}}
html[data-theme=gunbatimi] h2{font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:1.6rem}

/* ---------- 4. ORMAN: sakin, açık renkli hero, çerçeveli fotoğraf, sol çizgili başlıklar ---------- */
html[data-theme=orman] .top{border-top:0;border-bottom:3px solid var(--navy);box-shadow:none}
html[data-theme=orman] .top nav a{text-transform:none;font-size:14px;letter-spacing:0}
html[data-theme=orman] .hero{background:var(--soft);color:var(--dk);padding:4rem 0 3.6rem;border-bottom:1px solid var(--line2)}
html[data-theme=orman] .hero:before{display:none}html[data-theme=orman] .hero h1{color:var(--dk);max-width:24ch}html[data-theme=orman] .lead{color:var(--txt)}
html[data-theme=orman] .btn.alt{color:var(--dk);border-color:var(--dk)}
html[data-theme=orman] h2{border-left:6px solid var(--orange);padding-left:.8rem}
html[data-theme=orman] .card{border:1px solid var(--line2);box-shadow:none;padding:.6rem;border-radius:calc(22px*var(--rk))}
html[data-theme=orman] .card .cover{border-radius:calc(16px*var(--rk));height:140px}html[data-theme=orman] .card .cover.foto{height:190px}
html[data-theme=orman] .card:hover{transform:none;box-shadow:0 0 0 3px var(--soft)}
html[data-theme=orman] .foot{border-top:6px solid var(--orange)}

/* ---------- 5. LAVANTA: yüzen üst bar, kutu içinde hero, çok yuvarlak kartlar ---------- */
html[data-theme=lavanta] body{background:var(--bg)}
html[data-theme=lavanta] .strip{background:transparent;color:var(--dk)}html[data-theme=lavanta] .strip a{color:var(--dk)}
html[data-theme=lavanta] .top{margin:.6rem auto;max-width:1180px;width:calc(100% - 1.6rem);border:0;border-radius:99px;box-shadow:0 10px 30px -14px rgba(63,42,116,.5)}
html[data-theme=lavanta] .bar{padding:0 .6rem}html[data-theme=lavanta] .top nav a{background:var(--soft);padding:.45rem .95rem;border-radius:99px;text-transform:none;font-size:13px;letter-spacing:0}
html[data-theme=lavanta] .top nav a:hover{background:var(--peach)}
html[data-theme=lavanta] .hero{margin:1rem auto;max-width:1180px;width:calc(100% - 1.6rem);border-radius:36px;padding:4.4rem 0}
html[data-theme=lavanta] .hero .wrap{padding:0 3rem}html[data-theme=lavanta] .btn{border-radius:99px}
html[data-theme=lavanta] .card{border:0;border-radius:30px;box-shadow:0 18px 40px -24px rgba(63,42,116,.6)}
html[data-theme=lavanta] .card .cover{margin:.6rem;border-radius:24px}html[data-theme=lavanta] .card .in{padding:.6rem 1.4rem 1.3rem}
html[data-theme=lavanta] .foot{margin:1rem .8rem .8rem;border-radius:36px}

/* ---------- 6. KUM VE ALTIN: butik, ortalı çift çizgili üst bar, çerçeveli açık hero, ince çizgili kartlar ---------- */
html[data-theme=kum] body{background:var(--bg);font-size:15px}
html[data-theme=kum] .top{border-top:0;box-shadow:none;border-bottom:1px solid var(--line2)}
html[data-theme=kum] .top .bar{flex-direction:column;gap:.5rem;padding:1.1rem 1.2rem .9rem}
html[data-theme=kum] .brand{font-family:var(--serif);font-size:2rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase}
html[data-theme=kum] .top nav{border-top:1px solid var(--line2);padding-top:.7rem;gap:2.4rem;width:100%;justify-content:center}
html[data-theme=kum] .top nav a{font-family:var(--serif);font-weight:400;font-size:13px;letter-spacing:.2em}html[data-theme=kum] .callbox{display:none}
html[data-theme=kum] .hero{background:var(--bg);color:var(--dk);text-align:center;padding:5rem 0}
html[data-theme=kum] .hero:before{display:none}html[data-theme=kum] .hero .wrap{border:1px solid var(--gold);padding:3.6rem 1.2rem;outline:1px solid var(--gold);outline-offset:-9px}
html[data-theme=kum] .hero h1{font-weight:400;font-style:italic;max-width:none;font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:0}
html[data-theme=kum] .lead{color:var(--txt);margin-left:auto;margin-right:auto}html[data-theme=kum] .cta{justify-content:center}
html[data-theme=kum] .btn{border-radius:0;letter-spacing:.14em;text-transform:uppercase;font-size:12px;box-shadow:none;font-weight:600}
html[data-theme=kum] .btn.alt{color:var(--dk);border-color:var(--dk)}
html[data-theme=kum] h2{text-align:center;font-weight:400;font-style:italic;font-size:2.3rem}html[data-theme=kum] h2:after{content:"";display:block;width:70px;height:1px;background:var(--gold);margin:.7rem auto 0}
html[data-theme=kum] .sub{text-align:center}
html[data-theme=kum] .card{border:1px solid var(--line2);box-shadow:none;background:var(--bg);border-radius:0}
html[data-theme=kum] .card:hover{transform:none;box-shadow:none;border-color:var(--orange)}html[data-theme=kum] .card .cover.foto{height:230px;filter:sepia(.18)}
html[data-theme=kum] .card h4{font-family:var(--serif);font-weight:400;font-style:italic;font-size:1.35rem}html[data-theme=kum] .card .fiyat{font-family:var(--serif);font-weight:400}
html[data-theme=kum] .foot{background:var(--soft);color:var(--txt);border-top:1px solid var(--line2)}html[data-theme=kum] .fgrid b{color:var(--dk)}
html[data-theme=kum] .fgrid a,html[data-theme=kum] .fgrid span{color:var(--txt)}html[data-theme=kum] .fgrid a:hover{color:var(--dk)}html[data-theme=kum] .fcopy{border-color:var(--line2)}

/* ---------- 7. GECE LACİVERTİ: koyu üst bar, tam koyu sayfa, büyük harf başlık, altın çizgi, köşeli kartlar ---------- */
html[data-theme=gece] body{background:var(--foot);color:var(--line2)}
html[data-theme=gece] .strip{background:#000;color:var(--gold)}
html[data-theme=gece] .top{background:var(--foot);border-top:0;border-bottom:1px solid var(--gold);box-shadow:none}
html[data-theme=gece] .brand{color:#fff;letter-spacing:.2em;text-transform:uppercase;font-size:1.05rem}html[data-theme=gece] .top nav a{color:var(--line2);letter-spacing:.18em}
html[data-theme=gece] .top nav a:hover{color:var(--gold)}html[data-theme=gece] .callbox{border-color:var(--link)}html[data-theme=gece] .callbox a{color:var(--gold)}html[data-theme=gece] .callbox small{color:var(--line2)}
html[data-theme=gece] .burger span{background:#fff}
html[data-theme=gece] .hero{padding:6.5rem 0;background:linear-gradient(180deg,var(--foot),var(--dk))}html[data-theme=gece] .hero:before{display:none}
html[data-theme=gece] .hero h1{font-weight:400;font-size:clamp(2.4rem,6vw,4.4rem);max-width:16ch}html[data-theme=gece] .hero h1:after{content:"";display:block;width:90px;height:3px;background:var(--gold);margin-top:1.3rem}
html[data-theme=gece] h2,html[data-theme=gece] h3,html[data-theme=gece] .lead2{color:#fff}
html[data-theme=gece] h2{text-transform:uppercase;letter-spacing:.12em;font-size:1.35rem;font-weight:400;border-bottom:1px solid var(--link);padding-bottom:.8rem}
html[data-theme=gece] .sub,html[data-theme=gece] .card p,html[data-theme=gece] .card .fiyat small{color:var(--line2)}
html[data-theme=gece] .card{background:var(--dk);border:1px solid var(--link);box-shadow:none;border-radius:0}
html[data-theme=gece] .card h4{color:#fff;font-weight:400}html[data-theme=gece] .card .fiyat{color:var(--gold)}html[data-theme=gece] .card a.ara{color:#fff}
html[data-theme=gece] .card .foot2{border-color:var(--link)}html[data-theme=gece] .card:hover{border-color:var(--gold);transform:none;box-shadow:none}
html[data-theme=gece] .card .go,html[data-theme=gece] .card .k{background:var(--gold);color:var(--foot)}
html[data-theme=gece] .band,html[data-theme=gece] .about,html[data-theme=gece] .faq{background:var(--foot);border-color:var(--link);color:var(--line2)}
html[data-theme=gece] .about .pre,html[data-theme=gece] .about h2{color:var(--line2)}
html[data-theme=gece] .contact div{background:var(--dk);border-color:var(--link)}html[data-theme=gece] .contact a,html[data-theme=gece] .contact span{color:#fff}
html[data-theme=gece] .bos{background:var(--dk);border-color:var(--link);color:var(--line2)}
html[data-theme=gece] .foot{background:#000;border-top:1px solid var(--gold)}

/* ---------- 8. OKYANUS: dinamik, ayrık hero, büyük başlık, pill menü, güçlü gölgeli kartlar ---------- */
html[data-theme=okyanus] .top nav{background:var(--soft);padding:.3rem;border-radius:99px;gap:.2rem}
html[data-theme=okyanus] .top nav a{padding:.45rem 1rem;border-radius:99px;text-transform:none;font-size:13px;letter-spacing:0}html[data-theme=okyanus] .top nav a:hover{background:#fff;color:var(--dk)}
html[data-theme=okyanus] .hero{padding:4.6rem 0 6.4rem;clip-path:polygon(0 0,100% 0,100% 86%,50% 100%,0 86%)}
html[data-theme=okyanus] .hero h1{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:800;max-width:12ch}
html[data-theme=okyanus] .btn{border-radius:99px;padding:.85rem 1.8rem}
html[data-theme=okyanus] #teklifler{margin-top:-1rem}
html[data-theme=okyanus] .grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.8rem}
html[data-theme=okyanus] .card{border:0;box-shadow:0 24px 50px -22px rgba(20,54,122,.55)}html[data-theme=okyanus] .card:hover{transform:translateY(-6px)}
html[data-theme=okyanus] .card .cover{height:130px}html[data-theme=okyanus] .card .cover.foto{height:210px}
html[data-theme=okyanus] .card .go{width:40px;height:40px;background:var(--orange);color:var(--onacc);font-size:18px}
html[data-theme=okyanus] .band{background:var(--soft)}

/* ---------- 9. GÜL KURUSU: romantik, her şey ortalı, kemer biçimli fotoğraflar ---------- */
html[data-theme=gul] .top .bar{flex-direction:column;gap:.3rem;padding:.8rem 1.2rem}html[data-theme=gul] .callbox{display:none}
html[data-theme=gul] .brand{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.9rem}html[data-theme=gul] .top nav{gap:1.8rem}
html[data-theme=gul] .hero{text-align:center;padding:5rem 0 5.4rem}html[data-theme=gul] .hero h1{font-family:var(--serif);font-style:italic;font-weight:400;margin-left:auto;margin-right:auto;max-width:20ch}
html[data-theme=gul] .lead{margin-left:auto;margin-right:auto}html[data-theme=gul] .cta{justify-content:center}html[data-theme=gul] .btn{border-radius:99px}
html[data-theme=gul] h2,html[data-theme=gul] h3{font-family:var(--serif);font-style:italic;font-weight:400;text-align:center}html[data-theme=gul] .sub{text-align:center}
html[data-theme=gul] .card{border:0;background:transparent;box-shadow:none;text-align:center;align-items:stretch}
html[data-theme=gul] .card:hover{box-shadow:none;transform:none}
html[data-theme=gul] .card .cover{height:170px;border-radius:999px 999px 0 0}html[data-theme=gul] .card .cover.foto{height:260px}
html[data-theme=gul] .card .k{align-self:center}html[data-theme=gul] .card .in{align-items:center}html[data-theme=gul] .card .fiyat{align-self:center}
html[data-theme=gul] .card h4{font-family:var(--serif);font-style:italic;font-weight:400}html[data-theme=gul] .card .foot2{width:100%;justify-content:center;gap:.8rem;border:0}
html[data-theme=gul] .fgrid{text-align:center}

/* ---------- 10. GRAFİT: kurumsal, keskin, yoğun; kısa hero, 4 sütun sade kartlar ---------- */
html[data-theme=grafit] .strip{background:var(--foot)}html[data-theme=grafit] .top{border-top:0;border-bottom:2px solid var(--foot);box-shadow:none}
html[data-theme=grafit] .bar{min-height:56px}html[data-theme=grafit] .brand{font-size:1.1rem;text-transform:uppercase;letter-spacing:.08em}
html[data-theme=grafit] .top nav a{padding:.3rem .2rem;border-bottom:2px solid transparent;letter-spacing:.06em}html[data-theme=grafit] .top nav a:hover{border-color:var(--orange);color:var(--dk)}
html[data-theme=grafit] .hero{background:var(--foot);padding:2.8rem 0 2.6rem}html[data-theme=grafit] .hero:before{display:none}
html[data-theme=grafit] .hero .wrap{border-left:6px solid var(--orange);padding-left:1.4rem;margin-left:max(1.2rem,calc((100% - 1180px)/2 + 1.2rem));max-width:none}
html[data-theme=grafit] .hero h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;max-width:30ch}html[data-theme=grafit] .lead{font-size:1rem;margin-bottom:1.2rem}
html[data-theme=grafit] .btn{box-shadow:none}
html[data-theme=grafit] .sec{padding:2.2rem 1.2rem}html[data-theme=grafit] h2{font-size:1.4rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--foot);padding-bottom:.5rem;display:inline-block}
html[data-theme=grafit] .grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}
html[data-theme=grafit] .card{box-shadow:none;border:1px solid var(--line2)}html[data-theme=grafit] .card:hover{transform:none;box-shadow:none;border-color:var(--foot)}
html[data-theme=grafit] .card .cover{height:78px}html[data-theme=grafit] .card .cover.foto{height:130px}html[data-theme=grafit] .card .cover:after{display:none}
html[data-theme=grafit] .card h4{font-size:1rem}html[data-theme=grafit] .card .fiyat{font-size:1.15rem;color:var(--dk)}
html[data-theme=grafit] .card .k,html[data-theme=grafit] .card .go{border-radius:0}
html[data-theme=grafit] .foot{padding-top:1.6rem}
html[data-theme=gece] .finder{background:var(--dk);border:1px solid var(--link);box-shadow:none;border-radius:0}
html[data-theme=gece] .finder input,html[data-theme=gece] .finder select{background:var(--foot);color:#fff;border-color:var(--link)}
html[data-theme=gece] .chip,html[data-theme=gece] .frow button{background:transparent;color:var(--line2);border-color:var(--link)}
html[data-theme=orman] .card .cover{overflow:hidden}

/* ---------- 11. ATLAS PETROL: kurumsal, keskin köşeler, sakin düzen ---------- */
html[data-theme=atlas] .strip{background:var(--foot)}
html[data-theme=atlas] .top{background:#fff;box-shadow:0 1px 0 var(--line2);backdrop-filter:none}
html[data-theme=atlas] .top nav>a,html[data-theme=atlas] .top nav .dd>a{border-radius:0;padding:.55rem .7rem;border-bottom:2px solid transparent}
html[data-theme=atlas] .top nav>a:hover,html[data-theme=atlas] .top nav a[aria-current=page]{background:none;border-bottom-color:var(--orange);color:var(--navy)}
html[data-theme=atlas] .phero{background:var(--navy)}html[data-theme=atlas] .phero:before{display:none}
html[data-theme=atlas] .phero .wrap{border-left:4px solid var(--orange);padding-left:1.4rem}
html[data-theme=atlas] .phero:after{opacity:.35}
html[data-theme=atlas] .btn{border-radius:4px;box-shadow:none}html[data-theme=atlas] .btn.tcgo{border-radius:4px}
html[data-theme=atlas] .card.tc{box-shadow:none;border-color:var(--line2)}html[data-theme=atlas] .card.tc:hover{transform:none;border-color:var(--navy);box-shadow:inset 4px 0 0 var(--orange)}
html[data-theme=atlas] .tctags span{border-radius:3px}html[data-theme=atlas] .tcds a{border-radius:3px}
html[data-theme=atlas] h3.sech{text-transform:none}html[data-theme=atlas] h3.sech:after{background:var(--line2);height:1px;opacity:1;-webkit-mask:none;mask:none}
html[data-theme=atlas] .homecta{background:var(--soft);border-color:var(--line2)}
html[data-theme=atlas] .foot:before{background:var(--orange);height:3px;opacity:1}

/* ---------- 12. EGE MAVİSİ: ferah, aydınlık, yuvarlak hatlar ---------- */
html[data-theme=ege] body{background:#fff}
html[data-theme=ege] .strip{background:var(--navy)}
html[data-theme=ege] .top{background:rgba(255,255,255,.92)}
html[data-theme=ege] .top nav a[aria-current=page],html[data-theme=ege] .top nav>a:hover{background:var(--tint,#fff5d6);color:var(--navy)}
html[data-theme=ege] .slider,html[data-theme=ege] .hero{background:linear-gradient(135deg,var(--navy) 0%,var(--link) 70%,#5aa9ff 120%)}
html[data-theme=ege] .phero{background:linear-gradient(135deg,var(--navy) 0%,var(--link) 75%,#5aa9ff 130%)}
html[data-theme=ege] .phero:before{background:radial-gradient(circle,rgba(255,213,90,.55),transparent 65%)}
html[data-theme=ege] .phero:after,html[data-theme=ege] .foot:before{background:repeating-linear-gradient(90deg,#ffd45a 0 14px,transparent 14px 24px)}
html[data-theme=ege] .card.tc{border:0;box-shadow:0 2px 6px rgba(13,71,161,.06),0 22px 40px -26px rgba(13,71,161,.55)}
html[data-theme=ege] .tccov{border-radius:24px}html[data-theme=ege] .tcft{background:var(--soft)}
html[data-theme=ege] .tcpb b{color:var(--navy)}
html[data-theme=ege] .finder,html[data-theme=ege] .homecta{border:0;background:var(--soft)}html[data-theme=ege] .homecta{background:linear-gradient(120deg,#fff5d6,#e6f0ff)}
html[data-theme=ege] .ctile{border-radius:28px}
html[data-theme=ege] .foot{background:var(--navy)}

/* ---------- 13. SAFİR VE ZÜMRÜT: koyu üst bar, zümrüt vurgu, net kontrast ---------- */
html[data-theme=safir] .strip{background:#0d0b2b}
html[data-theme=safir] .top{background:var(--navy);box-shadow:0 1px 0 rgba(255,255,255,.08)}
html[data-theme=safir] .top nav>a,html[data-theme=safir] .top nav .dd>a{color:#e4e3f7}
html[data-theme=safir] .top nav>a:hover,html[data-theme=safir] .top nav .dd>a:hover,html[data-theme=safir] .top nav a[aria-current=page]{background:rgba(255,255,255,.1);color:#fff}
html[data-theme=safir] .callbox{border-color:rgba(255,255,255,.15)}html[data-theme=safir] .callbox small{color:#b9b8dc}html[data-theme=safir] .callbox a{color:#fff}
html[data-theme=safir] .burger span{background:#fff}
html[data-theme=safir] .brand img{background:#fff;border-radius:8px;padding:3px 6px}
html[data-theme=safir] .phero{background:linear-gradient(120deg,#0d0b2b 0%,var(--navy) 60%,#312e81 120%)}
html[data-theme=safir] .phero:before{background:radial-gradient(circle,rgba(16,185,129,.38),transparent 65%)}
html[data-theme=safir] .card.tc{border-color:var(--line)}html[data-theme=safir] .card.tc:hover{border-color:var(--orange)}
html[data-theme=safir] .tcpb b{color:var(--navy)}html[data-theme=safir] .btn.tcgo{background:var(--navy);color:#fff;box-shadow:none}
html[data-theme=safir] .tctags span.cat{background:var(--tint);color:var(--orange-d)}
html[data-theme=safir] .homecta{background:var(--navy);border:0}html[data-theme=safir] .homecta h3{color:#fff}html[data-theme=safir] .homecta p{color:#d6d5ee}html[data-theme=safir] .homecta .btn.alt{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
html[data-theme=safir] .foot{background:#0d0b2b}
@media (max-width:760px){html[data-theme=safir] .top nav.open{background:var(--navy)}}

/* Yatay tur kartları hiçbir temada sütunlara bölünmez */
html[data-theme] .grid:has(> .card.tc){grid-template-columns:1fr}


/* ---------- 14. TATİLLY: Tatilly’nin kendi görünümü (Gül Kurusu düzeninden bağımsız kopya, modern yazı tipleriyle) ---------- */
html[data-theme=tatilly] .top .bar{flex-direction:column;gap:.3rem;padding:.8rem 1.2rem}html[data-theme=tatilly] .callbox{display:none}
html[data-theme=tatilly] .brand{font-family:var(--fh);font-size:1.9rem}html[data-theme=tatilly] .top nav{gap:1.8rem}
html[data-theme=tatilly] .hero{text-align:center;padding:5rem 0 5.4rem}html[data-theme=tatilly] .hero h1{font-family:var(--fh);margin-left:auto;margin-right:auto;max-width:20ch}
html[data-theme=tatilly] .lead{margin-left:auto;margin-right:auto}html[data-theme=tatilly] .cta{justify-content:center}html[data-theme=tatilly] .btn{border-radius:99px}
html[data-theme=tatilly] h2,html[data-theme=tatilly] h3{font-family:var(--fh);text-align:center}html[data-theme=tatilly] .sub{text-align:center}
html[data-theme=tatilly] .card{border:0;background:transparent;box-shadow:none;text-align:center;align-items:stretch}
html[data-theme=tatilly] .card:hover{box-shadow:none;transform:none}
html[data-theme=tatilly] .card .cover{height:170px;border-radius:999px 999px 0 0}html[data-theme=tatilly] .card .cover.foto{height:260px}
html[data-theme=tatilly] .card .k{align-self:center}html[data-theme=tatilly] .card .in{align-items:center}html[data-theme=tatilly] .card .fiyat{align-self:center}
html[data-theme=tatilly] .card h4{font-family:var(--fh);}html[data-theme=tatilly] .card .foot2{width:100%;justify-content:center;gap:.8rem;border:0}
html[data-theme=tatilly] .fgrid{text-align:center}
/* Tatilly kurumsal kimlik ayrıntıları: camgöbeği ikincil vurgu, turuncu/sarı güneş tonları */
html[data-theme=tatilly] .phero{background:linear-gradient(120deg,var(--foot) 0%,var(--navy) 55%,#1ca3d3 135%)}
html[data-theme=tatilly] .phero:before{background:radial-gradient(circle,rgba(245,190,38,.5),transparent 65%)}
html[data-theme=tatilly] .slider,html[data-theme=tatilly] .hero{background:linear-gradient(115deg,var(--foot) 0%,var(--navy) 55%,#1ca3d3 130%)}
html[data-theme=tatilly] .tctags span.pl,html[data-theme=tatilly] .tpplaces li{background:#e6f5fb;color:#11688f}
html[data-theme=tatilly] .tcds a{color:#11688f;border-color:#bfe2f1}
html[data-theme=tatilly] .strip{background:var(--foot)}
html[data-theme=tatilly] .foot{background:var(--foot)}

/* /site-public.css */
/* Site içerikleri ve erişilebilirlik: mevcut tema renkleri ve düzenleri korunur. */
[hidden] { display: none !important; }
html { scroll-padding-top: 110px; }
:focus-visible { outline: 3px solid var(--orange, #f59a3f); outline-offset: 4px; }
.site-skip { position: fixed; left: 1rem; top: 1rem; z-index: 1000; transform: translateY(-180%); padding: .8rem 1.2rem; background: var(--navy); color: #fff; border-radius: 8px; font-weight: 700; }
.site-skip:focus { transform: translateY(0); }
#site-content:focus { outline: none; }
.brand { flex-shrink: 0; }
.brand img, .fbrand .flogo { width: auto; height: auto; object-fit: contain; background: transparent; padding: 0; border-radius: 0; filter: none; }
.fbrand .flogo { max-width: 190px; max-height: 58px; }
.top nav { min-width: 0; }
.top nav a { overflow-wrap: anywhere; }
.foot a, .contact a { overflow-wrap: anywhere; }
.foot a:focus-visible { outline-color: #fff; }
.site-document { max-width: 900px; margin: 0 auto 2rem; padding: clamp(1.2rem, 3vw, 2.5rem); border: 1px solid var(--line); border-radius: var(--r2, 16px); background: var(--bg); box-shadow: 0 10px 32px -26px var(--navy); }
.site-rich { line-height: 1.85; overflow-wrap: anywhere; }
.site-rich > :first-child { margin-top: 0; }
.site-rich > :last-child { margin-bottom: 0; }
.site-rich p { margin: 0 0 1.1em; }
.site-rich h2, .site-rich h3, .site-rich h4 { margin: 1.7em 0 .65em; line-height: 1.3; text-align: left; }
.site-rich h2 { font-size: clamp(1.35rem, 2.2vw, 1.8rem); }
.site-rich h3 { font-size: clamp(1.15rem, 1.8vw, 1.45rem); }
.site-rich ul, .site-rich ol { padding-left: 1.5rem; margin: .6em 0 1.2em; }
.site-rich li { margin: .35em 0; }
.site-rich a { text-decoration: underline; text-underline-offset: .2em; }
.site-rich a:hover { text-decoration-thickness: 2px; }
.site-rich blockquote { border-left: 4px solid var(--orange); margin: 1.3em 0; padding: .4em 1.2em; }
.site-rich img { display: block; max-width: 100%; height: auto; border-radius: var(--r1, 8px); }
.site-rich figure { margin: 1.4em 0; }
.site-rich figcaption { margin-top: .5em; font-size: .88em; color: var(--muted); }
.site-rich pre { white-space: pre-wrap; padding: 1rem; background: var(--soft); border-radius: var(--r1, 8px); overflow-wrap: anywhere; }
.site-rich hr { border: 0; border-top: 1px solid var(--line2); margin: 2rem 0; }
.site-table-wrap { max-width: 100%; overflow-x: auto; margin: 1.4rem 0; overscroll-behavior-inline: contain; border: 1px solid var(--line2); border-radius: var(--r1, 8px); }
.site-rich table { width: 100%; border-collapse: collapse; text-align: left; }
.site-rich caption { padding: .8rem; font-weight: 700; text-align: left; }
.site-rich th, .site-rich td { padding: .7rem .9rem; border-bottom: 1px solid var(--line2); vertical-align: top; min-width: 110px; }
.site-rich th { background: var(--soft); font-weight: 700; }
.site-rich tr:last-child td { border-bottom: 0; }
#hakkimizda .ab-founder .site-rich :is(h2, h3, h4, a) { color: inherit; }
#hakkimizda .ab-founder .site-table-wrap { background: var(--foot); }
#hakkimizda .ab-founder .site-rich th { background: var(--navy); }
.site-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html[data-theme] .hero.site-has-image::before, .hero.site-has-image::before { display: block; z-index: 1; background: linear-gradient(105deg, rgba(8, 20, 40, .86), rgba(8, 20, 40, .54) 70%, rgba(8, 20, 40, .3)); }
.hero.site-has-image .wrap { z-index: 2; }
html[data-theme] .hero.site-has-image h1, .hero.site-has-image h1 { color: #fff; }
html[data-theme] .hero.site-has-image .lead, .hero.site-has-image .lead { color: #eef4fa; }
html[data-theme] .hero.site-has-image .btn.alt, .hero.site-has-image .btn.alt { color: #fff; border-color: #fff; }
.site-cover-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.tccov:hover .site-cover-image { transform: scale(1.035); }
.site-slide-image { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.slide .pic { position: relative; overflow: hidden; }
.slider .dots { gap: 3px; bottom: 8px; pointer-events: none; }
.slider .dots button { width: 30px; height: 30px; border-radius: 50%; background: transparent; position: relative; pointer-events: auto; }
.slider .dots button::after { content: ''; width: 9px; height: 9px; border-radius: 50%; background: #ccd3df; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.slider .dots button.on::after { width: 23px; border-radius: 6px; background: var(--orange); }
.site-slide-pause { position: absolute; z-index: 2; right: 1rem; bottom: .6rem; border: 1px solid rgba(255, 255, 255, .65); border-radius: 20px; padding: .45rem .85rem; background: rgba(8, 20, 40, .65); color: #fff; font: inherit; font-size: .75rem; cursor: pointer; }
.lbx button { min-width: 44px; min-height: 44px; }
.lbx button:focus-visible { outline-color: #fff; }
.site-load-error p { margin-top: 0; }
@media (min-width: 761px) {
  .top .bar { flex-wrap: wrap; padding-top: .45rem; padding-bottom: .45rem; }
  .top #nav { flex-wrap: wrap; justify-content: center; row-gap: .25rem; }
  .top #nav .dd-menu { max-width: min(360px, 75vw); }
}
@media (max-width: 760px) {
  html { scroll-padding-top: 90px; }
  .top #nav.open { max-height: calc(100dvh - 130px); overflow-y: auto; overscroll-behavior: contain; width: 100%; border-radius: 0; }
  .top #nav a { min-height: 44px; }
  .top #nav .dd-menu { width: 100%; background: transparent; }
  .site-document { padding: 1.15rem; border-radius: 12px; }
  .site-rich { font-size: 1rem; line-height: 1.8; }
  .site-rich th, .site-rich td { padding: .6rem .7rem; }
  .site-slide-pause { top: .65rem; bottom: auto; right: .65rem; }
  .slide .pic { position: absolute; }
  .slider .dots { bottom: 1px; }
  .mbar { padding-bottom: env(safe-area-inset-bottom); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .slide, .site-cover-image, .card, .ab-service, .site-skip { transition: none !important; animation: none !important; }
  .tccov:hover .site-cover-image { transform: none; }
}
@media print {
  .site-skip, .site-slide-pause { display: none; }
  .site-document { max-width: none; padding: 0; border: 0; box-shadow: none; background: #fff; }
  .site-rich h2, .site-rich h3 { break-after: avoid; }
  .site-table-wrap { overflow: visible; }
}

/* Rezervasyon: okunabilir alanlar, açık fiyat özeti ve küçük ekran sıralaması. */
body.onbooking :is(.announce, .strip, .agbar, .top #nav, .top .burger) { display: none !important; }
body.onbooking .top .bar { min-height: 76px; flex-wrap: nowrap; padding-top: .6rem; padding-bottom: .6rem; }
body.onbooking .top { box-shadow: 0 2px 8px -7px #18314c66; }
body.onbooking .foot { background: #f4f7fa; color: #18314c; border-top: 1px solid #dce4ed; }
body.onbooking .foot :is(a, p, span, .flegal, .fcopy) { color: #344c65; }
body.onbooking .foot:before { display: none; }
#sayfa.booking-page {
  --booking-ink: #18314c;
  --booking-muted: #596a7c;
  --booking-border: #dce4ed;
  --booking-soft: #f4f7fa;
  color: var(--booking-ink);
  padding-top: 0;
  padding-bottom: 3.5rem;
}
#sayfa.booking-page .booking-heading { padding: 1.6rem 0 1.2rem; max-width: 900px; }
#sayfa.booking-page .booking-heading .pbc { margin: 0 0 .8rem; color: var(--booking-muted); font-size: .8rem; }
#sayfa.booking-page .booking-heading .pbc a { color: var(--booking-muted); text-decoration: none; }
#sayfa.booking-page .booking-heading .pbc a:hover { color: var(--navy); text-decoration: underline; }
#sayfa.booking-page .booking-heading h1 { margin: 0; color: var(--booking-ink); font-size: clamp(1.6rem, 3vw, 2.15rem); line-height: 1.2; font-weight: 800; letter-spacing: -.035em; }
#sayfa.booking-page .booking-heading p { margin: .6rem 0 0; color: var(--booking-muted); font-size: .95rem; line-height: 1.65; max-width: 72ch; }
#sayfa.booking-page .booking-back { display: inline-flex; align-items: center; min-height: 44px; margin: -.6rem 0 .4rem; color: var(--booking-muted); font-size: .825rem; font-weight: 650; text-decoration: none; }
#sayfa.booking-page .booking-back:hover { color: var(--navy); text-decoration: underline; }
#sayfa.booking-page .booking-eyebrow { margin: 0 0 .45rem; color: var(--booking-muted); font-size: .68rem; font-weight: 750; line-height: 1.4; letter-spacing: .12em; }
#sayfa.booking-page .booking-heading .booking-eyebrow { margin: 0 0 .55rem; }
#sayfa.booking-page :is(ol.booking-progress, .booking-progress ol) { display: flex; align-items: stretch; gap: .5rem; list-style: none; margin: 0 0 1.5rem; padding: 0; }
#sayfa.booking-page .booking-progress li { flex: 1; min-width: 0; position: relative; padding: .75rem .9rem; color: var(--booking-muted); background: var(--booking-soft); border: 1px solid transparent; border-radius: 10px; font-size: .85rem; font-weight: 650; line-height: 1.4; }
#sayfa.booking-page .booking-progress li.is-current { color: var(--booking-ink); border-color: var(--booking-border); background: #fff; box-shadow: inset 0 -3px 0 var(--orange, #f59a3f); }
#sayfa.booking-page .booking-heading > .booking-progress { margin-top: 1.2rem; margin-bottom: 0; }
#sayfa.booking-page .booking-progress li a { display: flex; align-items: center; min-height: 44px; margin: -.75rem -.9rem; padding: .65rem .9rem; color: inherit; font: inherit; text-decoration: none; border-radius: inherit; }
#sayfa.booking-page .booking-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 1.5rem; align-items: start; }
#sayfa.booking-page :is(.booking-main, .booking-summary, .booking-section, .bkrow, .bkrow label) { min-width: 0; }
#sayfa.booking-page form.bkform { display: grid; gap: 1rem; margin: 0; padding: 0; width: 100%; max-width: none; color: var(--booking-ink); background: transparent; border: 0; border-radius: 0; box-shadow: none; font-size: 1rem; }
#sayfa.booking-page .booking-section { padding: 1.35rem 1.45rem; border: 1px solid var(--booking-border); border-radius: 16px; background: #fff; box-shadow: 0 5px 20px -18px #18314c55; scroll-margin-top: 140px; }
#sayfa.booking-page .booking-section-head { display: flex; align-items: flex-start; gap: .8rem; margin-bottom: 1.1rem; }
#sayfa.booking-page .booking-section-number { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; height: 32px; color: var(--booking-ink); background: var(--booking-soft); border: 1px solid var(--booking-border); border-radius: 10px; font-size: .85rem; font-weight: 800; line-height: 1; }
#sayfa.booking-page :is(.booking-section h2, .bkh) { margin: .2rem 0 .4rem; color: var(--booking-ink); font-size: 1.075rem; font-weight: 800; line-height: 1.35; text-align: left; letter-spacing: -.015em; }
#sayfa.booking-page .booking-section-head h2 { margin: .25rem 0 .35rem; }
#sayfa.booking-page .booking-section-head p { margin: .2rem 0 0; }
#sayfa.booking-page .bksub { color: var(--booking-muted); font-size: .875rem; line-height: 1.65; margin: 0 0 .85rem; }
#sayfa.booking-page .bkrow { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr)); gap: .85rem 1rem; align-items: start; margin: 0 0 .85rem; }
#sayfa.booking-page .bkrow:last-child { margin-bottom: 0; }
#sayfa.booking-page form.bkform label { display: block; margin: 0; color: var(--booking-ink); font-size: .875rem; font-weight: 650; line-height: 1.5; }
#sayfa.booking-page form.bkform :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { display: block; width: 100%; min-width: 0; min-height: 46px; margin-top: .4rem; padding: .65rem .8rem; border: 1px solid #bac8d7; border-radius: 9px; background: #fff; color: var(--booking-ink); font: inherit; font-size: 16px; font-weight: 450; line-height: 1.45; transition: border-color .15s, box-shadow .15s; }
#sayfa.booking-page form.bkform select { padding-right: 1.7rem; }
#sayfa.booking-page form.bkform input::placeholder { color: #728195; opacity: 1; }
#sayfa.booking-page form.bkform :is(input, select, textarea):focus-visible { outline: 2px solid var(--navy, #203764); outline-offset: 2px; border-color: var(--navy, #203764); box-shadow: 0 0 0 4px #2037640a; }
#sayfa.booking-page form.bkform :is(input, select, textarea)[aria-invalid="true"] { border-color: #b42318; background: #fffafa; }
#sayfa.booking-page .booking-required { color: #a52a23; font-size: .85em; font-weight: 700; }
#sayfa.booking-page .booking-field-error { display: block; margin: .35rem 0 0; color: #a52a23; font-size: .8rem; font-weight: 500; line-height: 1.5; }
#sayfa.booking-page .bkpax { display: grid; gap: 1rem; }
#sayfa.booking-page .bkp { min-width: 0; margin: 0; padding: .8rem 1rem 1rem; border: 1px solid var(--booking-border); border-radius: 12px; background: #f8fafc; }
#sayfa.booking-page .bkp legend { padding: 0 .4rem; color: var(--booking-ink); font-size: .9rem; font-weight: 750; line-height: 1.5; }
#sayfa.booking-page .booking-pax-actions { display: flex; gap: .6rem; flex-wrap: wrap; align-items: center; margin: .8rem 0 0; }
#sayfa.booking-page .booking-pax-actions button { min-height: 44px; padding: .5rem .75rem; border: 1px solid var(--booking-border); border-radius: 8px; background: #fff; color: var(--booking-ink); font: inherit; font-size: .85rem; font-weight: 650; cursor: pointer; }
#sayfa.booking-page :is(.booking-copy, .booking-retry) { min-height: 44px; margin: 0 0 1rem; padding: .55rem .8rem; border: 1px solid var(--booking-border); border-radius: 9px; background: #fff; color: var(--booking-ink); font: inherit; font-size: .85rem; font-weight: 650; cursor: pointer; }
#sayfa.booking-page :is(.booking-copy, .booking-retry):hover { border-color: var(--navy); background: var(--booking-soft); }
#sayfa.booking-page .booking-notice .booking-retry { display: block; margin: .6rem 0 0; }
#sayfa.booking-page form.bkform label.chk { display: flex; align-items: flex-start; gap: .7rem; min-height: 44px; padding: .7rem 0; color: var(--booking-ink); font-size: .875rem; font-weight: 500; line-height: 1.65; }
#sayfa.booking-page form.bkform label.chk + label.chk { border-top: 1px solid var(--booking-border); }
#sayfa.booking-page form.bkform label.chk input { flex: 0 0 20px; width: 20px; height: 20px; min-height: 0; padding: 0; margin: .12rem 0 0; accent-color: var(--navy, #203764); }
#sayfa.booking-page .chk a { color: var(--navy); text-decoration: underline; text-underline-offset: .18em; }
#sayfa.booking-page .booking-notice { padding: .85rem 1rem; margin: .85rem 0; border: 1px solid #cdddeb; border-left: 3px solid #648daf; border-radius: 9px; background: #f1f6fb; color: #334f6c; font-size: .85rem; line-height: 1.65; overflow-wrap: anywhere; }
#sayfa.booking-page .booking-notice :is(p, ul) { margin: .35rem 0; }
#sayfa.booking-page .booking-notice :first-child { margin-top: 0; }
#sayfa.booking-page .booking-notice :last-child { margin-bottom: 0; }
#sayfa.booking-page .booking-notice.warning { border-color: #ead6b0; border-left-color: #c69638; background: #fff9ed; color: #73551b; }
#sayfa.booking-page .booking-notice.error { border-color: #f0ceca; border-left-color: #b42318; background: #fff4f2; color: #8f251c; }
#sayfa.booking-page .booking-notice button { min-height: 44px; margin-top: .5rem; padding: .5rem .85rem; border: 1px solid currentColor; border-radius: 8px; color: inherit; background: #fff; font: inherit; font-weight: 650; cursor: pointer; }
#sayfa.booking-page .booking-summary { position: sticky; top: 96px; align-self: start; }
#sayfa.booking-page .booking-summary .bksum { display: grid; gap: .9rem; padding: 1.15rem; border: 1px solid var(--booking-border); border-radius: 16px; background: #fff; box-shadow: 0 12px 34px -24px #18314c66; }
#sayfa.booking-page .booking-trip { display: grid; gap: .8rem; min-width: 0; }
#sayfa.booking-page .booking-cover { display: block; width: 100%; height: auto; aspect-ratio: 2.1 / 1; object-fit: cover; border-radius: 10px; background: var(--booking-soft); }
#sayfa.booking-page .booking-trip-copy { min-width: 0; }
#sayfa.booking-page .booking-trip-copy h2 { margin: 0; color: var(--booking-ink); font-size: 1rem; font-weight: 800; line-height: 1.5; text-align: left; overflow-wrap: anywhere; }
#sayfa.booking-page .booking-trip-copy p { margin: .45rem 0 0; color: var(--booking-muted); font-size: .8rem; line-height: 1.6; }
#sayfa.booking-page .booking-trip-copy .booking-eyebrow { margin: 0 0 .4rem; font-size: .65rem; }
#sayfa.booking-page .booking-trip-copy > a { display: inline-flex; align-items: center; min-height: 44px; color: var(--navy); font-size: .8rem; text-underline-offset: .18em; }
#sayfa.booking-page .booking-facts { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .4rem .8rem; margin: 0; font-size: .825rem; line-height: 1.6; }
#sayfa.booking-page .booking-facts > div { grid-column: 1 / -1; display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: .8rem; }
#sayfa.booking-page .booking-facts dl { display: contents; }
#sayfa.booking-page .booking-facts dt { margin: 0; color: var(--booking-muted); font-weight: 450; }
#sayfa.booking-page .booking-facts dd { min-width: 0; margin: 0; color: var(--booking-ink); font-weight: 650; text-align: right; overflow-wrap: anywhere; }
#sayfa.booking-page .booking-price-title { margin: .25rem 0 0; color: var(--booking-ink); font-size: .9rem; font-weight: 800; }
#sayfa.booking-page .booking-price { display: grid; gap: .7rem; }
#sayfa.booking-page .booking-price .booking-notice { margin: 0; }
#sayfa.booking-page .bklines { display: grid; gap: .55rem; padding: .9rem 0; margin: 0; border-top: 1px solid var(--booking-border); border-bottom: 1px solid var(--booking-border); font-size: .85rem; }
#sayfa.booking-page .bklines li { display: flex; align-items: baseline; justify-content: space-between; gap: .6rem; color: var(--booking-muted); }
#sayfa.booking-page .bklines b { flex-shrink: 0; color: var(--booking-ink); font-weight: 750; white-space: nowrap; }
#sayfa.booking-page .bkfx { margin: 0; color: var(--booking-muted); font-size: .78rem; line-height: 1.65; }
#sayfa.booking-page :is(.booking-total, .bktot) { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem .6rem; padding: .2rem 0; }
#sayfa.booking-page :is(.booking-total, .bktot) > span { color: var(--booking-ink); font-size: .9rem; font-weight: 750; }
#sayfa.booking-page :is(.booking-total, .bktot) > :is(b, strong) { color: var(--booking-ink); font-size: clamp(1.45rem, 2.4vw, 1.75rem); font-weight: 800; letter-spacing: -.035em; white-space: nowrap; }
#sayfa.booking-page .booking-total > small { flex-basis: 100%; color: var(--booking-muted); font-size: .78rem; }
#sayfa.booking-page .booking-extra-cost { padding: .8rem .9rem; border: 1px solid #ead6b0; border-radius: 9px; color: #73551b; background: #fffaf0; font-size: .8rem; line-height: 1.65; }
#sayfa.booking-page .booking-extra-cost :is(p, ul) { margin: .35rem 0; }
#sayfa.booking-page .booking-extra-cost :first-child { margin-top: 0; }
#sayfa.booking-page .booking-extra-cost :last-child { margin-bottom: 0; }
#sayfa.booking-page details.booking-extra-cost summary { min-height: 44px; margin: -.45rem -.55rem; padding: .45rem .55rem; cursor: pointer; }
#sayfa.booking-page details.booking-extra-cost summary strong { font-size: .8rem; font-weight: 750; }
#sayfa.booking-page details.booking-extra-cost summary span { display: block; margin: .15rem 0 0 1rem; color: #73551b; font-size: .85rem; font-weight: 750; }
#sayfa.booking-page details.booking-extra-cost[open] summary { margin-bottom: .5rem; }
#sayfa.booking-page .bkpay { display: grid; gap: .55rem; margin: .1rem 0; }
#sayfa.booking-page .bkopt { display: flex; min-height: 54px; align-items: flex-start; gap: .65rem; margin: 0; padding: .75rem .8rem; border: 1px solid var(--booking-border); border-radius: 10px; color: var(--booking-ink); background: #fff; font-size: .85rem; line-height: 1.45; }
#sayfa.booking-page .bkopt.on { border-color: var(--navy, #203764); background: #f1f5fa; box-shadow: inset 0 0 0 1px var(--navy, #203764); }
#sayfa.booking-page .bkopt input { flex: 0 0 18px; width: 18px; height: 18px; margin: .13rem 0 0; accent-color: var(--navy, #203764); }
#sayfa.booking-page .bkopt span { display: grid; gap: .2rem; }
#sayfa.booking-page .bkopt small { color: var(--booking-muted); font-size: .78rem; }
#sayfa.booking-page .booking-review { margin: 0; padding: .95rem 1rem; border: 1px solid var(--booking-border); border-radius: 10px; color: var(--booking-muted); background: var(--booking-soft); font-size: .85rem; line-height: 1.65; }
#sayfa.booking-page .booking-review p { margin: .3rem 0; }
#sayfa.booking-page .booking-review + .booking-review { margin-top: .6rem; }
#sayfa.booking-page .booking-review summary { min-height: 44px; margin: -.65rem -.7rem; padding: .65rem .7rem; color: var(--booking-ink); font-weight: 700; cursor: pointer; }
#sayfa.booking-page .booking-review[open] summary { margin-bottom: .5rem; }
#sayfa.booking-page .booking-review .site-rich { font-size: .85rem; line-height: 1.65; }
#sayfa.booking-page .booking-actions { display: grid; gap: .7rem; margin-top: 1rem; }
#sayfa.booking-page :is(.bkgo, .booking-actions .btn) { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; min-height: 50px; margin: 0; padding: .85rem 1rem; border: 1px solid var(--navy, #203764); border-radius: 10px; background: var(--navy, #203764); color: #fff; box-shadow: 0 5px 12px -7px #18314c80; font: inherit; font-size: .95rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; cursor: pointer; }
#sayfa.booking-page :is(.bkgo, .booking-actions .btn):hover:not(:disabled) { filter: brightness(1.08); transform: none; }
#sayfa.booking-page :is(.bkgo, .booking-actions .btn):disabled { opacity: .55; box-shadow: none; cursor: not-allowed; }
#sayfa.booking-page .booking-summary-action { color: var(--navy); background: #fff; border-color: #bdcad9; box-shadow: none; }
#sayfa.booking-page .booking-status { margin: .8rem 0 0; padding: .8rem .9rem; border: 1px solid #d5dfe9; border-radius: 9px; color: var(--booking-ink); background: var(--booking-soft); font-size: .875rem; line-height: 1.6; }
#sayfa.booking-page .booking-status:empty { display: none; }
#sayfa.booking-page .bksafe { margin: 0; color: var(--booking-muted); font-size: .75rem; line-height: 1.65; }
#sayfa.booking-page .booking-help { margin: .9rem 0 0; color: var(--booking-muted); font-size: .85rem; line-height: 1.65; }
#sayfa.booking-page .booking-help a { display: inline-flex; align-items: center; min-height: 44px; color: var(--navy); font-weight: 700; text-underline-offset: .18em; }
#sayfa.booking-page .booking-help a + a { margin-left: 1.2rem; }
#sayfa.booking-page .booking-help p { margin: .3rem 0; }
#sayfa.booking-page .lmsg { margin: 0; color: var(--booking-muted); font-size: .875rem; line-height: 1.6; }
#sayfa.booking-page .lmsg:empty { display: none; }
#sayfa.booking-page .lmsg.bad { color: #a52a23; padding: .75rem .85rem; border: 1px solid #efcdc8; border-radius: 9px; background: #fff4f2; }
#sayfa.booking-page .pytest { margin: 0; font-size: .8rem; line-height: 1.6; }
@media (min-width: 961px) and (max-height: 850px) {
  #sayfa.booking-page .booking-summary { position: static; }
}
@media (max-width: 960px) {
  #sayfa.booking-page .booking-layout { grid-template-columns: minmax(0, 1fr); gap: 1.2rem; }
  #sayfa.booking-page .booking-summary { position: static; grid-row: 1; }
  #sayfa.booking-page .booking-main { grid-row: 2; }
  #sayfa.booking-page .booking-summary .bksum { gap: .75rem; padding: 1rem 1.15rem; }
  #sayfa.booking-page .booking-trip { grid-template-columns: 112px minmax(0, 1fr); align-items: start; gap: 1rem; }
  #sayfa.booking-page .booking-cover { aspect-ratio: 1 / 1; }
  #sayfa.booking-page .booking-trip-copy h2 { font-size: .95rem; }
  #sayfa.booking-page .booking-facts > div { grid-template-columns: 112px minmax(0, 1fr); }
  #sayfa.booking-page .booking-section { scroll-margin-top: 125px; }
}
@media (max-width: 600px) {
  #sayfa.booking-page { padding-bottom: 2rem; }
  #sayfa.booking-page .booking-heading { padding: 1.15rem 0; }
  #sayfa.booking-page .booking-heading h1 { font-size: 1.7rem; }
  #sayfa.booking-page .booking-heading p { font-size: .875rem; }
  #sayfa.booking-page :is(ol.booking-progress, .booking-progress ol) { gap: .35rem; margin-bottom: 1rem; }
  #sayfa.booking-page .booking-progress li { padding: .65rem .55rem; border-radius: 8px; font-size: .75rem; }
  #sayfa.booking-page .booking-progress li a { margin: -.65rem -.55rem; padding: .6rem .55rem; }
  #sayfa.booking-page .booking-section { padding: 1rem; border-radius: 12px; }
  #sayfa.booking-page .booking-section-head { gap: .65rem; margin-bottom: .9rem; }
  #sayfa.booking-page .booking-section-number { flex-basis: 28px; height: 28px; border-radius: 8px; }
  #sayfa.booking-page :is(.booking-section h2, .bkh) { font-size: 1rem; }
  #sayfa.booking-page .bkrow { grid-template-columns: minmax(0, 1fr); gap: .9rem; }
  #sayfa.booking-page .bkp { padding: .75rem .8rem .9rem; }
  #sayfa.booking-page .booking-summary .bksum { padding: 1rem; border-radius: 12px; }
  #sayfa.booking-page .booking-trip { grid-template-columns: 84px minmax(0, 1fr); gap: .75rem; }
  #sayfa.booking-page .booking-trip-copy h2 { font-size: .875rem; line-height: 1.5; }
  #sayfa.booking-page .booking-trip-copy p { font-size: .75rem; }
  #sayfa.booking-page .booking-facts > div { grid-template-columns: 86px minmax(0, 1fr); gap: .6rem; }
  #sayfa.booking-page .booking-extra-cost { font-size: .8rem; }
  #sayfa.booking-page .booking-notice { padding: .75rem .85rem; font-size: .825rem; }
}
@media (prefers-reduced-motion: reduce) {
  #sayfa.booking-page form.bkform :is(input, select, textarea) { transition: none; }
}

/* Ödeme ekranları: rezervasyonla aynı görsel dil, birbirinden ayrı durumlar. */
body.onpayment .foot { background: #f4f7fa; color: #18314c; }
body.onpayment .foot :is(a, p, span, .fcopy, .flegal) { color: #40566d; }
body.onpayment .foot b { color: #18314c; }
#sayfa.payment-page .payment-card > .payment-status + .payment-form { margin-top: 1rem; }
#sayfa.payment-page .payment-heading h1 { scroll-margin-top: 105px; }
#sayfa.payment-page .payment-heading h1[tabindex="-1"]:focus { outline: none; }
body.onpayment :is(.announce, .strip, .agbar, .top #nav, .top .burger) { display: none !important; }
body.onpayment .top .bar { min-height: 76px; flex-wrap: nowrap; padding-top: .6rem; padding-bottom: .6rem; }
body.onpayment .top { box-shadow: 0 2px 8px -7px #18314c66; }
#sayfa.payment-page { --payment-ink: #18314c; --payment-muted: #596a7c; --payment-border: #dce4ed; --payment-soft: #f4f7fa; color: var(--payment-ink); padding-top: 0; padding-bottom: 3.5rem; }
#sayfa.payment-page .payment-heading { padding: 1.6rem 0 1.2rem; max-width: 900px; }
#sayfa.payment-page .payment-back { display: inline-flex; align-items: center; min-height: 44px; margin: -.6rem 0 .4rem; color: var(--payment-muted); font-size: .825rem; font-weight: 650; text-decoration: none; }
#sayfa.payment-page .payment-back:hover { color: var(--navy); text-decoration: underline; }
#sayfa.payment-page .payment-eyebrow { margin: 0 0 .55rem; color: var(--payment-muted); font-size: .68rem; font-weight: 750; line-height: 1.4; letter-spacing: .12em; }
#sayfa.payment-page .payment-heading h1 { margin: 0; color: var(--payment-ink); font-size: clamp(1.6rem, 3vw, 2.15rem); font-weight: 800; line-height: 1.2; letter-spacing: -.035em; }
#sayfa.payment-page .payment-heading > p:not(.payment-eyebrow) { max-width: 72ch; margin: .6rem 0 0; color: var(--payment-muted); font-size: .95rem; line-height: 1.65; }
#sayfa.payment-page :is(ol.payment-progress, .payment-progress ol) { display: flex; align-items: stretch; gap: .5rem; list-style: none; margin: 1.2rem 0 0; padding: 0; }
#sayfa.payment-page .payment-progress li { display: flex; align-items: center; flex: 1; min-width: 0; min-height: 46px; padding: .7rem .9rem; border: 1px solid transparent; border-radius: 10px; color: var(--payment-muted); background: var(--payment-soft); font-size: .85rem; font-weight: 650; line-height: 1.4; }
#sayfa.payment-page .payment-progress li.is-current { border-color: var(--payment-border); color: var(--payment-ink); background: #fff; box-shadow: inset 0 -3px 0 var(--orange, #f59a3f); }
#sayfa.payment-page .payment-progress li.is-complete { color: #2d624d; background: #f0f7f3; }
#sayfa.payment-page .payment-progress a { display: flex; align-items: center; width: 100%; min-height: 44px; margin: -.7rem -.9rem; padding: .65rem .9rem; color: inherit; text-decoration: none; }
#sayfa.payment-page .payment-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 1.5rem; align-items: start; }
#sayfa.payment-page :is(.payment-main, .payment-summary, .payment-panel, .payment-card, .payment-row, .payment-field) { min-width: 0; }
#sayfa.payment-page .payment-main { display: grid; gap: 1rem; }
#sayfa.payment-page .payment-summary { display: grid; gap: .9rem; position: sticky; top: 96px; align-self: start; }
#sayfa.payment-page .payment-card { padding: 1.35rem 1.45rem; border: 1px solid var(--payment-border); border-radius: 16px; background: #fff; box-shadow: 0 5px 20px -18px #18314c55; }
#sayfa.payment-page .payment-summary .payment-card { display: grid; gap: .85rem; padding: 1.15rem; box-shadow: 0 12px 34px -24px #18314c66; }
#sayfa.payment-page :is(.payment-card-title, .payment-card h2, .payment-panel h2, .bkh) { margin: 0 0 .55rem; color: var(--payment-ink); font-size: 1.1rem; font-weight: 800; line-height: 1.45; text-align: left; letter-spacing: -.015em; }
#sayfa.payment-page :is(.payment-card h3, .payment-panel h3) { margin: 0 0 .5rem; color: var(--payment-ink); font-size: .95rem; font-weight: 750; line-height: 1.5; text-align: left; }
#sayfa.payment-page :is(.payment-sub, .bksub) { margin: 0 0 1rem; color: var(--payment-muted); font-size: .875rem; line-height: 1.65; }
#sayfa.payment-page .payment-summary .payment-sub { margin: 0; font-size: .825rem; }
#sayfa.payment-page .payment-amount { display: grid; gap: .3rem; padding: .9rem 0; margin: 0; border-top: 1px solid var(--payment-border); border-bottom: 1px solid var(--payment-border); }
#sayfa.payment-page .payment-amount > span { color: var(--payment-muted); font-size: .825rem; font-weight: 600; }
#sayfa.payment-page .payment-amount > :is(strong, b) { color: var(--payment-ink); font-size: clamp(1.9rem, 3.4vw, 2.4rem); font-weight: 800; line-height: 1.15; letter-spacing: -.045em; overflow-wrap: anywhere; }
#sayfa.payment-page .payment-amount > small { color: var(--payment-muted); font-size: .78rem; line-height: 1.6; }
#sayfa.payment-page .payment-facts { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .45rem .8rem; margin: 0; font-size: .825rem; line-height: 1.6; }
#sayfa.payment-page .payment-facts > div { grid-column: 1 / -1; display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: .7rem; }
#sayfa.payment-page .payment-facts dt { margin: 0; color: var(--payment-muted); font-weight: 450; }
#sayfa.payment-page .payment-facts dd { min-width: 0; margin: 0; color: var(--payment-ink); font-weight: 650; text-align: right; overflow-wrap: anywhere; }
#sayfa.payment-page .payment-tabs { display: flex; align-items: stretch; gap: .45rem; padding: .35rem; border: 1px solid var(--payment-border); border-radius: 12px; background: var(--payment-soft); }
#sayfa.payment-page .payment-tab { display: flex; align-items: center; justify-content: center; flex: 1; min-width: 0; min-height: 48px; padding: .7rem .9rem; border: 1px solid transparent; border-radius: 9px; color: var(--payment-muted); background: transparent; font: inherit; font-size: .9rem; font-weight: 700; line-height: 1.45; cursor: pointer; }
#sayfa.payment-page .payment-tab:is([aria-selected="true"], .is-current, .on) { border-color: #c8d5e2; color: var(--payment-ink); background: #fff; box-shadow: 0 4px 10px -8px #18314c88; }
#sayfa.payment-page .payment-tab:hover:not(:disabled) { color: var(--navy); }
#sayfa.payment-page .payment-tab:disabled { opacity: .55; cursor: not-allowed; }
#sayfa.payment-page .payment-panel { display: grid; gap: 1rem; scroll-margin-top: 100px; }
#sayfa.payment-page :is(form.payment-form, form.pyform, form.pylook) { display: grid; gap: 1rem; max-width: none !important; margin: 0; color: var(--payment-ink); font-size: 1rem; }
#sayfa.payment-page :is(form.payment-form, form.pyform, form.pylook):not(.payment-card) { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#sayfa.payment-page :is(.payment-row, .bkrow) { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr)); gap: .9rem 1rem; align-items: start; margin: 0; }
#sayfa.payment-page :is(.payment-field, form label) { display: block; min-width: 0; margin: 0; color: var(--payment-ink); font-size: .875rem; font-weight: 650; line-height: 1.5; }
#sayfa.payment-page form :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { display: block; width: 100%; min-width: 0; min-height: 46px; margin-top: .4rem; padding: .65rem .8rem; border: 1px solid #bac8d7; border-radius: 9px; color: var(--payment-ink); background: #fff; font: inherit; font-size: 16px; font-weight: 450; line-height: 1.45; transition: border-color .15s, box-shadow .15s; }
#sayfa.payment-page form select { padding-right: 1.7rem; }
#sayfa.payment-page form input::placeholder { color: #728195; opacity: 1; }
#sayfa.payment-page form :is(input, select, textarea):focus-visible { outline: 2px solid var(--navy, #203764); outline-offset: 2px; border-color: var(--navy, #203764); box-shadow: 0 0 0 4px #2037640a; }
#sayfa.payment-page form :is(input, select, textarea)[aria-invalid="true"] { border-color: #b42318; background: #fffafa; }
#sayfa.payment-page form input[type="file"] { padding: .45rem; font-size: .875rem; line-height: 1.6; overflow: hidden; }
#sayfa.payment-page form input[type="file"]::file-selector-button { min-height: 34px; margin-right: .6rem; padding: .35rem .6rem; border: 1px solid var(--payment-border); border-radius: 6px; color: var(--payment-ink); background: var(--payment-soft); font: inherit; cursor: pointer; }
#sayfa.payment-page :is(.payment-field-error, .payment-error) { display: block; margin: .35rem 0 0; color: #a52a23; font-size: .8rem; font-weight: 500; line-height: 1.5; }
#sayfa.payment-page .payment-field small { display: block; margin-top: .35rem; color: var(--payment-muted); font-size: .78rem; font-weight: 450; }
#sayfa.payment-page :is(label.payment-check, label.chk) { display: flex; align-items: flex-start; gap: .7rem; min-height: 44px; margin: 0; padding: .7rem 0; color: var(--payment-ink); font-size: .875rem; font-weight: 500; line-height: 1.65; }
#sayfa.payment-page :is(.payment-check, .chk) input { flex: 0 0 20px; width: 20px; height: 20px; min-height: 0; padding: 0; margin: .12rem 0 0; accent-color: var(--navy, #203764); }
#sayfa.payment-page :is(.payment-check, .chk) a { color: var(--navy); text-decoration: underline; text-underline-offset: .18em; }
#sayfa.payment-page .payment-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin: .2rem 0 0; }
#sayfa.payment-page :is(.payment-primary, .payment-secondary, form .bkgo) { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 50px; margin: 0; padding: .85rem 1rem; border: 1px solid var(--navy, #203764); border-radius: 10px; background: var(--navy, #203764); color: #fff; box-shadow: 0 5px 12px -7px #18314c80; font: inherit; font-size: .95rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; cursor: pointer; }
#sayfa.payment-page :is(form .payment-primary, form .bkgo) { width: 100%; }
#sayfa.payment-page .payment-secondary { border-color: #bdcad9; color: var(--navy); background: #fff; box-shadow: none; }
#sayfa.payment-page :is(.payment-primary, .payment-secondary):hover:not(:disabled) { filter: brightness(1.08); transform: none; }
#sayfa.payment-page :is(.payment-primary, .payment-secondary):disabled { opacity: .55; box-shadow: none; cursor: not-allowed; }
#sayfa.payment-page .payment-actions > p { flex-basis: 100%; margin: 0; }
#sayfa.payment-page .payment-status { padding: .85rem 1rem; margin: 0; border: 1px solid #cdddeb; border-left: 3px solid #648daf; border-radius: 9px; background: #f1f6fb; color: #334f6c; font-size: .85rem; line-height: 1.65; overflow-wrap: anywhere; }
#sayfa.payment-page .payment-status:empty { display: none; }
#sayfa.payment-page .payment-status :is(p, ul) { margin: .35rem 0; }
#sayfa.payment-page .payment-status :first-child { margin-top: 0; }
#sayfa.payment-page .payment-status :last-child { margin-bottom: 0; }
#sayfa.payment-page .payment-status.warning { border-color: #ead6b0; border-left-color: #c69638; color: #73551b; background: #fff9ed; }
#sayfa.payment-page .payment-status.error { border-color: #f0ceca; border-left-color: #b42318; color: #8f251c; background: #fff4f2; }
#sayfa.payment-page .payment-status.success { border-color: #bcdcc9; border-left-color: #438260; color: #27543b; background: #f0f8f3; }
#sayfa.payment-page .payment-status.test { border-color: #d7ceef; border-left-color: #8973b5; color: #5b477e; background: #f7f3fd; }
#sayfa.payment-page .payment-banks { display: grid; gap: .8rem; }
#sayfa.payment-page .payment-bank { min-width: 0; padding: 1rem; border: 1px solid var(--payment-border); border-radius: 12px; background: #f8fafc; }
#sayfa.payment-page .payment-bank.is-selected { border-color: var(--navy); box-shadow: inset 0 0 0 1px var(--navy); }
#sayfa.payment-page .payment-bank h3 { margin-bottom: .45rem; font-size: .95rem; }
#sayfa.payment-page .payment-bank p { margin: .3rem 0; color: var(--payment-muted); font-size: .825rem; line-height: 1.6; overflow-wrap: anywhere; }
#sayfa.payment-page .payment-bank > small { display: block; margin: .4rem 0 0; color: var(--payment-muted); font-size: .78rem; line-height: 1.6; }
#sayfa.payment-page .payment-iban { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4rem .8rem; padding: .75rem 0 .15rem; }
#sayfa.payment-page .payment-iban code { min-width: 0; color: var(--payment-ink); font: 750 .95rem/1.8 Manrope, system-ui, sans-serif; letter-spacing: .015em; overflow-wrap: anywhere; user-select: all; }
#sayfa.payment-page .payment-copy { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-height: 44px; padding: .5rem .75rem; border: 1px solid #bdcad9; border-radius: 8px; color: var(--navy); background: #fff; font: inherit; font-size: .8rem; font-weight: 700; cursor: pointer; }
#sayfa.payment-page .payment-copy:hover { border-color: var(--navy); background: var(--payment-soft); }
#sayfa.payment-page .payment-ref { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .8rem; padding: .85rem 1rem; border: 1px dashed #caa663; border-radius: 10px; color: var(--payment-ink); background: #fffaf0; }
#sayfa.payment-page .payment-ref > span { flex-basis: 100%; color: #73551b; font-size: .8rem; font-weight: 650; }
#sayfa.payment-page .payment-ref > :is(strong, b, code) { flex: 1; min-width: 0; font: 800 1.1rem/1.6 Manrope, system-ui, sans-serif; letter-spacing: .04em; overflow-wrap: anywhere; user-select: all; }
#sayfa.payment-page .payment-steps { display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; counter-reset: payment-step; }
#sayfa.payment-page .payment-steps li { position: relative; min-height: 30px; margin: 0; padding: .1rem 0 0 2.5rem; color: var(--payment-muted); font-size: .875rem; line-height: 1.65; counter-increment: payment-step; }
#sayfa.payment-page .payment-steps li::before { content: counter(payment-step, decimal-leading-zero); position: absolute; top: 0; left: 0; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid var(--payment-border); border-radius: 8px; color: var(--payment-ink); background: var(--payment-soft); font-size: .75rem; font-weight: 750; }
#sayfa.payment-page .payment-help { margin: 0; padding: 1rem 0 0; color: var(--payment-muted); font-size: .85rem; line-height: 1.65; }
#sayfa.payment-page .payment-help strong { color: var(--payment-ink); }
#sayfa.payment-page .payment-help p { margin: .3rem 0; }
#sayfa.payment-page .payment-help a { display: inline-flex; align-items: center; min-height: 44px; color: var(--navy); font-weight: 700; text-underline-offset: .18em; }
#sayfa.payment-page .payment-help a + a { margin-left: 1.1rem; }
#sayfa.payment-page .payment-result { max-width: 760px; margin: 0 auto; padding: clamp(1.3rem, 3vw, 2rem); border: 1px solid var(--payment-border); border-radius: 16px; background: #fff; box-shadow: 0 12px 34px -24px #18314c66; }
#sayfa.payment-page .payment-result > :is(h2, strong) { display: block; margin: .9rem 0 .5rem; color: var(--payment-ink); font-size: clamp(1.3rem, 3vw, 1.65rem); font-weight: 800; line-height: 1.35; text-align: left; }
#sayfa.payment-page .payment-result p { color: var(--payment-muted); font-size: .9rem; line-height: 1.75; }
#sayfa.payment-page .payment-result .payment-actions { margin-top: 1.2rem; }
#sayfa.payment-page .payment-result-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border: 1px solid #cdddeb; border-radius: 50%; color: #446886; background: #eef5fb; font-size: 1.5rem; font-weight: 700; line-height: 1; }
#sayfa.payment-page .payment-result.success .payment-result-icon { border-color: #bedfc9; color: #34744f; background: #eef8f2; }
#sayfa.payment-page .payment-result.pending .payment-result-icon { border-color: #ead7b0; color: #9a722b; background: #fff9ed; }
#sayfa.payment-page .payment-result.error .payment-result-icon { border-color: #efccc7; color: #a1392e; background: #fff4f2; }
#sayfa.payment-page .payment-lookup { width: 100%; max-width: 640px; margin: 0 auto; }
#sayfa.payment-page .payment-frame { min-width: 0; }
#sayfa.payment-page :is(.payment-frame, .pyframe) iframe { display: block; width: 100%; min-height: 640px; border: 1px solid var(--payment-border); border-radius: 12px; background: #fff; box-shadow: 0 6px 20px -18px #18314c55; }
#sayfa.payment-page :is(.payment-frame, .pyframe) > a { display: inline-flex; align-items: center; min-height: 44px; margin-top: .6rem; color: var(--navy); font-size: .875rem; font-weight: 650; }
#sayfa.payment-page .bksafe { margin: 0; color: var(--payment-muted); font-size: .75rem; line-height: 1.65; }
#sayfa.payment-page .lmsg { margin: 0; color: var(--payment-muted); font-size: .875rem; line-height: 1.6; }
#sayfa.payment-page .lmsg:empty { display: none; }
#sayfa.payment-page .lmsg.bad { padding: .75rem .85rem; border: 1px solid #efcdc8; border-radius: 9px; color: #a52a23; background: #fff4f2; }
@media (min-width: 961px) and (max-height: 850px) {
  #sayfa.payment-page .payment-summary { position: static; }
}
@media (max-width: 960px) {
  #sayfa.payment-page .payment-layout { grid-template-columns: minmax(0, 1fr); gap: 1.2rem; }
  #sayfa.payment-page .payment-summary { grid-row: 1; position: static; }
  #sayfa.payment-page .payment-main { grid-row: 2; }
  #sayfa.payment-page .payment-summary .payment-card { gap: .7rem; padding: 1rem 1.15rem; }
  #sayfa.payment-page .payment-amount { padding: .65rem 0; }
  #sayfa.payment-page .payment-amount > :is(strong, b) { font-size: 2rem; }
}
@media (max-width: 600px) {
  #sayfa.payment-page { padding-bottom: 2rem; }
  #sayfa.payment-page .payment-heading { padding: 1.15rem 0; }
  #sayfa.payment-page .payment-heading h1 { font-size: 1.7rem; }
  #sayfa.payment-page .payment-heading > p:not(.payment-eyebrow) { font-size: .875rem; }
  #sayfa.payment-page :is(ol.payment-progress, .payment-progress ol) { gap: .35rem; margin-top: 1rem; }
  #sayfa.payment-page .payment-progress li { padding: .65rem .55rem; border-radius: 8px; font-size: .75rem; }
  #sayfa.payment-page .payment-progress a { margin: -.65rem -.55rem; padding: .6rem .55rem; }
  #sayfa.payment-page .payment-card { padding: 1rem; border-radius: 12px; }
  #sayfa.payment-page .payment-summary .payment-card { padding: 1rem; }
  #sayfa.payment-page :is(.payment-card-title, .payment-card h2, .payment-panel h2, .bkh) { font-size: 1rem; }
  #sayfa.payment-page :is(.payment-row, .bkrow) { grid-template-columns: minmax(0, 1fr); }
  #sayfa.payment-page .payment-tab { padding: .6rem .5rem; font-size: .825rem; }
  #sayfa.payment-page .payment-bank { padding: .85rem; border-radius: 10px; }
  #sayfa.payment-page .payment-iban code { font-size: .875rem; }
  #sayfa.payment-page .payment-ref { padding: .8rem .85rem; }
  #sayfa.payment-page .payment-facts > div { grid-template-columns: 88px minmax(0, 1fr); gap: .6rem; }
  #sayfa.payment-page .payment-status { padding: .75rem .85rem; font-size: .825rem; }
  #sayfa.payment-page .payment-actions > :is(button, a) { width: 100%; }
  #sayfa.payment-page .payment-result { padding: 1.2rem; border-radius: 12px; }
  #sayfa.payment-page :is(.payment-frame, .pyframe) iframe { min-height: 640px; border-radius: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  #sayfa.payment-page form :is(input, select, textarea) { transition: none; }
}
/* Voucher bloğu (ödeme sonucu ekranı) */
.payment-voucher{margin-top:1.2rem;padding:1rem 1.1rem;border:1px solid #d6e2e6;border-radius:12px;background:#f7fbfa;text-align:left}
.payment-voucher h3{margin:0 0 .5rem;font-size:1.02rem}
.payment-voucher-accept{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem;line-height:1.45;margin-bottom:.7rem}
.payment-voucher-accept input{margin-top:.25rem;width:1.1rem;height:1.1rem;flex:none}
.payment-voucher-accept.shake{animation:vshake .5s}
@keyframes vshake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.payment-voucher .payment-actions a.disabled{opacity:.45;cursor:not-allowed}

/* /site-home.css */
/* Ana sayfa; marka dosyasına veya diğer sayfalara müdahale etmez. */
html[data-theme] body.onhome .agbar { display: none; }
html[data-theme] body.onhome .top .bar { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; min-height: 86px; gap: 1.5rem; padding-top: .65rem; padding-bottom: .65rem; }
html[data-theme] body.onhome .top .brand { margin: 0; flex: 0 0 auto; }
html[data-theme] body.onhome .top #nav { display: flex; flex: 1; justify-content: center; gap: 1.2rem; margin: 0; }
html[data-theme] body.onhome .top #nav > a, html[data-theme] body.onhome .top #nav > .dd > a { display: inline-flex; align-items: center; min-height: 44px; padding: .4rem 0; font-size: .825rem; font-weight: 700; }
html[data-theme] body.onhome .top .callbox { flex: 0 0 auto; margin: 0; }
#home-page.home-page { --home-ink: #18314c; --home-muted: #5b6c7e; --home-border: #dfe7ee; --home-soft: #f3f7fa; color: var(--home-ink); background: #fff; font: 15px/1.6 Manrope, system-ui, sans-serif; }
#home-page.home-page * { box-sizing: border-box; }
#home-page.home-page [hidden] { display: none !important; }
#home-page.home-page .home-wrap { max-width: 1180px; margin: 0 auto; padding-left: 1.2rem; padding-right: 1.2rem; }
#home-page.home-page :is(h1,h2,h3,p) { text-align: left; font-family: Manrope, system-ui, sans-serif; }
#home-page.home-page a { color: inherit; }
#home-page.home-page button, #home-page.home-page input, #home-page.home-page select { font-family: inherit; }
#home-page.home-page :focus-visible { outline: 3px solid var(--orange,#f59a3f); outline-offset: 3px; }
#home-page.home-page .home-eyebrow { margin: 0 0 .65rem; color: var(--home-muted); font-size: .68rem; font-weight: 800; letter-spacing: .13em; line-height: 1.5; }
#home-page.home-page .home-hero { padding: 2.3rem 0 1.6rem; border-bottom: 1px solid #e6edf3; background: linear-gradient(125deg,#f2f7fb 0%,#f6f9fc 58%,#fdf6ed 100%); }
#home-page.home-page .home-hero-inner { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); gap: 1.7rem 2.3rem; align-items: center; }
#home-page.home-page .home-hero-inner.without-spotlight { grid-template-columns: minmax(0,1fr); }
#home-page.home-page .home-intro { min-width: 0; padding: 1rem 0; }
#home-page.home-page .home-intro h1 { max-width: 12ch; margin: 0; color: var(--home-ink); font-size: clamp(2.35rem,4.1vw,3.45rem); font-weight: 800; line-height: 1.1; letter-spacing: -.055em; }
#home-page.home-page .home-lead { max-width: 43ch; margin: 1rem 0 0; color: var(--home-muted); font-size: 1rem; line-height: 1.8; }
#home-page.home-page .home-spotlight { display: block; position: relative; min-height: 290px; overflow: hidden; border-radius: 18px; color: #fff; background: #294b67; text-decoration: none; isolation: isolate; box-shadow: 0 12px 30px -23px #17355099; }
#home-page.home-page .home-spotlight-image { position: absolute; inset: 0; z-index: -2; }
#home-page.home-page .home-spotlight-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
#home-page.home-page .home-spotlight::after { position: absolute; inset: 0; z-index: -1; content: ''; background: linear-gradient(180deg,rgba(8,25,41,.08) 0%,rgba(8,25,41,.8) 85%); }
#home-page.home-page .home-spotlight-copy { display: flex; flex-direction: column; justify-content: flex-end; min-height: 290px; padding: 1.4rem; }
#home-page.home-page .home-spotlight-label { align-self: flex-start; margin-bottom: auto; padding: .32rem .65rem; border: 1px solid #ffffff66; border-radius: 7px; color: #fff; background: #18314c6e; font-size: .72rem; font-weight: 700; }
#home-page.home-page .home-spotlight h2 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 1.8rem 0 .8rem; color: #fff; font-size: 1.15rem; font-weight: 750; line-height: 1.45; letter-spacing: -.02em; }
#home-page.home-page .home-spotlight-foot { display: flex; align-items: baseline; justify-content: space-between; gap: .8rem; }
#home-page.home-page .home-spotlight-foot span { color: #e5eef7; font-size: .75rem; }
#home-page.home-page .home-spotlight-foot strong { color: #fff; font-size: 1.45rem; line-height: 1.3; letter-spacing: -.03em; }
#home-page.home-page .home-search { grid-column: 1/-1; margin: 0; padding: 1.3rem 1.4rem; border: 1px solid #d8e2eb; border-radius: 16px; background: #fff; box-shadow: 0 10px 30px -23px #1b3a6377; scroll-margin-top: 110px; }
#home-page.home-page .home-search-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem 1rem; margin-bottom: 1rem; }
#home-page.home-page .home-search-top h2 { margin: 0; color: var(--home-ink); font-size: 1rem; font-weight: 800; }
#home-page.home-page .home-search-top > span { color: var(--home-muted); font-size: .75rem; }
#home-page.home-page .home-search-tabs { display: inline-flex; align-items: stretch; flex: 0 0 auto; gap: .25rem; padding: .25rem; border: 1px solid #d8e3e9; border-radius: 12px; background: #f2f6f8; }
#home-page.home-page .home-search > .home-search-tabs { margin-bottom: 1rem; }
#home-page.home-page .home-search-tab { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-width: 82px; min-height: 44px; margin: 0; padding: .6rem 1rem; border: 1px solid transparent; border-radius: 8px; color: #4a5f72; background: transparent; font: inherit; font-size: .85rem; font-weight: 750; line-height: 1.4; cursor: pointer; }
#home-page.home-page .home-search-tab:hover { color: var(--home-ink); background: #e8f0f3; }
#home-page.home-page .home-search-tab[aria-selected="true"] { border-color: #d3dfdf; color: #245d61; background: #fff; box-shadow: 0 2px 5px #19314c0d; }
#home-page.home-page .home-search-tab[aria-selected="true"]::after { position: absolute; bottom: 4px; left: calc(50% - 10px); width: 20px; height: 3px; border-radius: 3px; background: var(--orange,#f59a3f); content: ''; }
#home-page.home-page .home-search-panel { min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; }
#home-page.home-page .home-search-panel > form { margin: 0; padding: 0; border: 0; background: transparent; }
#home-page.home-page .home-search-fields { display: grid; grid-template-columns: minmax(220px,1.6fr) minmax(150px,1fr) minmax(150px,1fr) 140px; gap: .9rem; align-items: end; }
#home-page.home-page .home-search-fields label { display: grid; gap: .4rem; min-width: 0; color: var(--home-ink); font-size: .75rem; font-weight: 750; }
#home-page.home-page .home-search-fields :is(input,select), #home-page.home-page .home-sort select { display: block; width: 100%; min-width: 0; min-height: 48px; padding: .65rem .8rem; border: 1px solid #c1cfdd; border-radius: 9px; color: var(--home-ink); background: #f9fbfd; font: inherit; font-size: 16px; font-weight: 500; line-height: 1.5; }
#home-page.home-page .home-search-fields input::placeholder { color: #6a7d90; opacity: 1; }
#home-page.home-page .home-hotel-fields { display: grid; grid-template-columns: minmax(220px,1.6fr) minmax(150px,1fr) minmax(150px,1fr) 160px; gap: .9rem; align-items: start; }
#home-page.home-page .home-hotel-field { display: grid; align-content: start; gap: .4rem; min-width: 0; }
#home-page.home-page .home-hotel-fields label { display: grid; gap: .4rem; min-width: 0; margin: 0; color: var(--home-ink); font-size: .75rem; font-weight: 750; line-height: 1.6; }
#home-page.home-page .home-hotel-field-error { margin: 0; color: #9a4129; font-size: .72rem; font-weight: 500; line-height: 1.65; overflow-wrap: anywhere; }
#home-page.home-page .home-hotel-field-error:empty { display: none; }
#home-page.home-page .home-hotel-fields :is(input,select) { display: block; width: 100%; min-width: 0; max-width: 100%; min-height: 48px; margin: 0; padding: .65rem .8rem; border: 1px solid #b8cfce; border-radius: 9px; color: var(--home-ink); background: #f8fcfb; font: inherit; font-size: 16px; font-weight: 500; line-height: 1.5; }
#home-page.home-page .home-hotel-fields input::placeholder { color: #6a7d90; opacity: 1; }
#home-page.home-page .home-hotel-fields input { scroll-margin-top: 110px; }
#home-page.home-page .home-hotel-fields input[aria-invalid="true"] { border-color: #b95c41; background: #fff9f4; }
#home-page.home-page .home-hotel-fields input[type="date"]::-webkit-date-and-time-value { min-height: 1.5em; text-align: left; }
#home-page.home-page .home-hotel-fields input[type="date"]::-webkit-calendar-picker-indicator { margin-left: 0; cursor: pointer; opacity: .7; }
#home-page.home-page .home-primary, #home-page.home-page .home-secondary { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 48px; padding: .75rem 1rem; border: 1px solid var(--navy,#203764); border-radius: 9px; color: #fff; background: var(--navy,#203764); font: inherit; font-size: .875rem; font-weight: 750; line-height: 1.5; text-decoration: none; cursor: pointer; }
#home-page.home-page .home-secondary { color: var(--home-ink); border-color: #bacbda; background: #fff; }
#home-page.home-page .home-primary:hover { filter: brightness(1.08); }
#home-page.home-page .home-hotel-fields > button { align-self: start; width: 100%; min-width: 0; margin-top: 1.6rem; border-color: #246e70; background: #246e70; }
#home-page.home-page .home-hotel-foot { display: flex; align-items: baseline; flex-wrap: wrap; gap: .4rem .9rem; margin-top: .85rem; }
#home-page.home-page .home-hotel-summary { flex: 0 0 auto; max-width: 100%; margin: 0; padding: .3rem .6rem; border: 1px solid #d6e8e1; border-radius: 6px; color: #2a6b60; background: #f0f8f4; font-size: .75rem; font-weight: 650; line-height: 1.7; overflow-wrap: anywhere; }
#home-page.home-page .home-hotel-summary:empty { display: none; }
#home-page.home-page .home-hotel-note { flex: 1 1 320px; margin: 0; color: #5e7382; font-size: .75rem; font-weight: 450; line-height: 1.8; overflow-wrap: anywhere; }
#home-page.home-page .home-hotel-shortcuts { display: flex; align-items: center; flex-wrap: wrap; gap: .2rem .4rem; margin-top: .55rem; color: var(--home-muted); font-size: .72rem; }
#home-page.home-page .home-hotel-shortcuts > span { margin-right: .2rem; }
#home-page.home-page .home-hotel-shortcuts button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin: 0; padding: .45rem .7rem; border: 1px solid transparent; border-radius: 7px; color: #385d6d; background: transparent; font: inherit; font-size: .75rem; font-weight: 700; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
#home-page.home-page .home-hotel-shortcuts button:hover, #home-page.home-page .home-hotel-shortcuts button[aria-pressed="true"] { border-color: #d2e4df; color: #245d61; background: #edf7f3; text-decoration: none; }
#home-page.home-page .home-hotel-error { margin: .85rem 0 0; padding: .7rem .85rem; border: 1px solid #ebcebe; border-radius: 8px; color: #9a4129; background: #fff7ef; font-size: .8rem; line-height: 1.7; overflow-wrap: anywhere; }
#home-page.home-page .home-hotel-error:empty { display: none; }
#home-page.home-page .home-popular { display: flex; flex-wrap: wrap; align-items: center; grid-column: 1/-1; gap: .1rem 1rem; margin-top: -.8rem; color: var(--home-muted); font-size: .75rem; }
#home-page.home-page .home-popular > span { font-weight: 500; }
#home-page.home-page .home-text-button { min-height: 44px; padding: .4rem 0; border: 0; color: var(--home-ink); background: none; font: inherit; font-size: .75rem; font-weight: 750; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
#home-page.home-page .home-content { padding-top: 2.5rem; padding-bottom: 3rem; }
#home-page.home-page .home-results { scroll-margin-top: 110px; outline: none; }
#home-page.home-page .home-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1.35rem; }
#home-page.home-page .home-section-head h2 { margin: 0; color: var(--home-ink); font-size: clamp(1.5rem,2.6vw,2rem); font-weight: 800; line-height: 1.2; letter-spacing: -.035em; }
#home-page.home-page .home-section-description { margin: .55rem 0 0; color: var(--home-muted); font-size: .875rem; line-height: 1.65; }
#home-page.home-page .home-section-link { display: inline-flex; flex-shrink: 0; align-items: center; min-height: 44px; color: var(--navy); font-size: .825rem; font-weight: 750; text-decoration: none; }
#home-page.home-page .home-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .75rem; margin-bottom: .65rem; }
#home-page.home-page .home-scope-tabs { display: flex; flex-wrap: wrap; gap: .4rem; }
#home-page.home-page .home-scope-tab { min-height: 44px; padding: .6rem .9rem; border: 1px solid #d2deea; border-radius: 999px; color: var(--home-muted); background: #fff; font: inherit; font-size: .8rem; font-weight: 700; cursor: pointer; }
#home-page.home-page .home-scope-tab.is-active { border-color: var(--navy); color: #fff; background: var(--navy); }
#home-page.home-page .home-sort { display: flex; align-items: center; gap: .6rem; color: var(--home-muted); font-size: .75rem; }
#home-page.home-page .home-sort select { width: auto; max-width: 220px; min-height: 44px; padding: .5rem .7rem; font-size: .8rem; }
#home-page.home-page .home-active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
#home-page.home-page .home-active-filters > span { padding: .35rem .65rem; border: 1px solid #d4e0eb; border-radius: 7px; color: var(--home-ink); background: var(--home-soft); font-size: .75rem; }
#home-page.home-page .home-clear { min-height: 44px; padding: .35rem .65rem; border: 0; color: var(--home-muted); background: transparent; font: inherit; font-size: .75rem; text-decoration: underline; cursor: pointer; }
#home-page.home-page .home-result-count { margin: .5rem 0 1rem; color: var(--home-muted); font-size: .75rem; }
#home-page.home-page .home-tour-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.3rem; }
#home-page.home-page .home-tour-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--home-border); border-radius: 14px; background: #fff; box-shadow: 0 6px 20px -18px #1b3a6366; }
#home-page.home-page .home-tour-media { display: block; position: relative; overflow: hidden; aspect-ratio: 1.65/1; background: #e8eff5; text-decoration: none; }
#home-page.home-page .home-tour-image { width: 100%; height: 100%; }
#home-page.home-page .home-tour-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
#home-page.home-page .home-tour-media:hover img { transform: scale(1.025); }
#home-page.home-page .is-empty { display: flex; align-items: center; justify-content: center; color: #526f87; background: #e8eff5; }
#home-page.home-page .home-tour-scope { position: absolute; top: .75rem; left: .75rem; padding: .3rem .6rem; border: 1px solid #ffffff88; border-radius: 6px; color: var(--home-ink); background: #fffffff0; font-size: .7rem; font-weight: 750; }
#home-page.home-page .home-tour-copy { display: flex; flex-direction: column; flex: 1; padding: 1.05rem; }
#home-page.home-page .home-tour-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .8rem; margin: 0 0 .55rem; color: var(--home-muted); font-size: .72rem; }
#home-page.home-page .home-tour-copy h3 { margin: 0 0 .8rem; font-size: .975rem; font-weight: 800; line-height: 1.5; }
#home-page.home-page .home-tour-copy h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 4.5em; overflow: hidden; color: var(--home-ink); text-decoration: none; }
#home-page.home-page .home-tour-copy h3 a:hover { text-decoration: underline; text-underline-offset: .15em; }
#home-page.home-page .home-tour-date { margin: 0; color: var(--home-muted); font-size: .75rem; line-height: 1.6; }
#home-page.home-page .home-tour-dates { display: flex; flex-wrap: wrap; gap: .35rem; margin: .6rem 0 .9rem; }
#home-page.home-page .home-tour-dates > * { padding: .25rem .5rem; border-radius: 5px; color: #496077; background: var(--home-soft); font-size: .7rem; font-weight: 600; }
#home-page.home-page .home-tour-bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: .5rem; margin-top: auto; padding-top: .9rem; border-top: 1px solid var(--home-border); }
#home-page.home-page .home-tour-price { display: grid; gap: .15rem; min-width: 0; }
#home-page.home-page .home-tour-price small { color: var(--home-muted); font-size: .68rem; line-height: 1.5; }
#home-page.home-page .home-tour-price strong { color: var(--home-ink); font-size: 1.4rem; font-weight: 800; line-height: 1.3; letter-spacing: -.04em; overflow-wrap: anywhere; }
#home-page.home-page .home-card-action { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-height: 44px; padding: .55rem .7rem; border: 1px solid #bfd0df; border-radius: 8px; color: var(--navy); background: #fff; font-size: .75rem; font-weight: 750; text-decoration: none; }
#home-page.home-page .home-card-action:hover { border-color: var(--navy); background: var(--home-soft); }
#home-page.home-page .home-more { display: flex; justify-content: center; margin-top: 1.3rem; }
#home-page.home-page .home-more:empty { display: none; }
#home-page.home-page .home-price-note { max-width: 95ch; margin: 1.1rem 0 0; color: var(--home-muted); font-size: .72rem; line-height: 1.7; }
#home-page.home-page .home-empty { grid-column: 1/-1; padding: 2rem; border: 1px solid var(--home-border); border-radius: 14px; background: var(--home-soft); }
#home-page.home-page .home-empty h3 { margin: 0 0 .5rem; font-size: 1.1rem; }
#home-page.home-page .home-empty p { margin: 0 0 1rem; color: var(--home-muted); }
#home-page.home-page .home-departures { margin-top: 3rem; padding-top: 2.2rem; border-top: 1px solid var(--home-border); }
#home-page.home-page .home-departure-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
#home-page.home-page .home-departure { display: flex; align-items: center; gap: .85rem; min-width: 0; padding: 1rem .9rem; border: 1px solid var(--home-border); border-radius: 12px; color: var(--home-ink); background: #fff; text-decoration: none; }
#home-page.home-page .home-calendar { display: grid; flex: 0 0 54px; gap: 0; align-content: center; min-height: 72px; border: 1px solid #d6e2eb; border-radius: 9px; color: var(--home-ink); background: var(--home-soft); text-align: center; line-height: 1.3; }
#home-page.home-page .home-calendar strong { font-size: 1.5rem; font-weight: 800; }
#home-page.home-page .home-calendar span { font-size: .75rem; font-weight: 650; }
#home-page.home-page .home-calendar small { color: var(--home-muted); font-size: .65rem; }
#home-page.home-page .home-departure-copy { flex: 1; min-width: 0; }
#home-page.home-page .home-departure-copy h3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; font-size: .8rem; font-weight: 750; line-height: 1.55; }
#home-page.home-page .home-departure-copy p { margin: .35rem 0 0; color: var(--home-muted); font-size: .7rem; }
#home-page.home-page .home-departure-arrow { color: var(--home-muted); font-size: 1.1rem; }
#home-page.home-page .home-support { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 3rem; padding: 2rem; border: 1px solid #e6d9c2; border-radius: 16px; background: #fcf7ee; }
#home-page.home-page .home-support h2 { margin: 0; color: var(--home-ink); font-size: 1.6rem; font-weight: 800; line-height: 1.3; letter-spacing: -.035em; }
#home-page.home-page .home-support p:not(.home-eyebrow) { margin: .6rem 0 0; color: var(--home-muted); font-size: .875rem; }
#home-page.home-page .home-support-actions { display: grid; flex: 0 0 220px; gap: .6rem; }
@media (max-width:1100px) { html[data-theme] body.onhome .top .callbox { display:none; } }
@media (max-width:960px) {
  #home-page.home-page .home-hero-inner { grid-template-columns: minmax(0,1fr) minmax(260px,.85fr); gap: 1.5rem; }
  #home-page.home-page .home-intro h1 { font-size: 2.5rem; }
  #home-page.home-page .home-search-fields { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  #home-page.home-page .home-hotel-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #home-page.home-page .home-hotel-fields > :is(:first-child,button) { grid-column: 1/-1; }
  #home-page.home-page .home-hotel-fields > button { margin-top: 0; }
  #home-page.home-page .home-tour-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #home-page.home-page .home-departure-grid { grid-template-columns: minmax(0,1fr); }
  #home-page.home-page .home-departure-copy h3 { -webkit-line-clamp: 2; }
}
@media (max-width:760px) {
  html[data-theme] body.onhome .top .bar { min-height:72px; padding-top:.55rem; padding-bottom:.55rem; gap:1rem; }
  html[data-theme] body.onhome .top #nav { display:none; }
  html[data-theme] body.onhome .top .bar { flex-wrap:wrap; }
  html[data-theme] body.onhome .top #nav.open { display:flex; flex-direction:column; align-items:stretch; gap:.2rem; order:5; flex:0 0 100%; width:100%; }
  html[data-theme] body.onhome .top #nav > a, html[data-theme] body.onhome .top #nav > .dd > a { padding:.65rem 1rem; }
  #home-page.home-page .home-wrap { padding-left:1rem; padding-right:1rem; }
  #home-page.home-page .home-hero { padding:1.35rem 0 1rem; }
  #home-page.home-page .home-hero-inner { grid-template-columns:minmax(0,1fr); gap:1rem; }
  #home-page.home-page .home-intro { padding:0; }
  #home-page.home-page .home-intro h1 { max-width:15ch; font-size:2.15rem; }
  #home-page.home-page .home-lead { max-width:55ch; margin-top:.7rem; font-size:.875rem; line-height:1.7; }
  #home-page.home-page .home-search { grid-row:2; padding:1rem; border-radius:12px; }
  #home-page.home-page .home-search-top { margin-bottom:.85rem; }
  #home-page.home-page .home-search-top h2 { font-size:.9rem; }
  #home-page.home-page .home-search-top > span { display:none; }
  #home-page.home-page .home-search-tabs { width: 100%; }
  #home-page.home-page .home-search-tab { flex: 1; min-width: 0; }
  #home-page.home-page .home-search-fields { gap:.75rem; }
  #home-page.home-page .home-hotel-fields { gap: .75rem; }
  #home-page.home-page .home-hotel-fields input[type="date"] { padding-left: .5rem; padding-right: .5rem; }
  #home-page.home-page .home-hotel-foot { display: grid; gap: .45rem; }
  #home-page.home-page .home-hotel-summary { justify-self: start; }
  #home-page.home-page .home-hotel-note { font-size: .73rem; line-height: 1.75; }
  #home-page.home-page .home-hotel-shortcuts { gap: .1rem .2rem; }
  #home-page.home-page .home-hotel-shortcuts button { padding-left: .55rem; padding-right: .55rem; }
  #home-page.home-page .home-destination { grid-column:1/-1; }
  #home-page.home-page .home-search-fields > button { grid-column:1/-1; }
  #home-page.home-page .home-spotlight { grid-row:4; min-height:205px; border-radius:12px; }
  #home-page.home-page .home-spotlight-copy { min-height:205px; padding:1rem; }
  #home-page.home-page .home-spotlight h2 { max-width:48ch; font-size:1rem; margin-top:1rem; -webkit-line-clamp:2; }
  #home-page.home-page .home-spotlight-foot strong { font-size:1.35rem; }
  #home-page.home-page .home-popular { grid-row:3; gap:0 .8rem; margin:0; }
  #home-page.home-page .home-popular > span { flex-basis:100%; }
  #home-page.home-page .home-content { padding-top:1.7rem; padding-bottom:2rem; }
  #home-page.home-page .home-section-head { align-items:flex-start; gap:.65rem; }
  #home-page.home-page .home-section-head h2 { font-size:1.5rem; }
  #home-page.home-page .home-section-link { font-size:.72rem; }
  #home-page.home-page .home-tour-grid { gap:1rem; }
  #home-page.home-page .home-tour-copy { padding:.85rem; }
  #home-page.home-page .home-tour-bottom { align-items:stretch; flex-direction:column; gap:.65rem; }
  #home-page.home-page .home-card-action { width:100%; }
  #home-page.home-page .home-departures { margin-top:2rem; padding-top:1.7rem; }
  #home-page.home-page .home-support { flex-direction:column; align-items:stretch; gap:1.2rem; margin-top:2rem; padding:1.4rem; border-radius:12px; }
  #home-page.home-page .home-support-actions { flex-basis:auto; grid-template-columns:repeat(2,minmax(0,1fr)); }
  #home-page.home-page .home-support h2 { font-size:1.4rem; }
}
@media (max-width:520px) {
  #home-page.home-page .home-tour-grid { grid-template-columns:minmax(0,1fr); }
  #home-page.home-page .home-tour-media { aspect-ratio:1.8/1; }
  #home-page.home-page .home-tour-copy { padding:1rem; }
  #home-page.home-page .home-tour-copy h3 a { min-height:0; }
  #home-page.home-page .home-tour-bottom { flex-direction:row; align-items:flex-end; }
  #home-page.home-page .home-card-action { width:auto; }
  #home-page.home-page .home-section-head { flex-direction:column; }
  #home-page.home-page .home-toolbar { align-items:flex-start; }
  #home-page.home-page .home-sort { width:100%; justify-content:space-between; }
  #home-page.home-page .home-scope-tabs { gap:.3rem; }
  #home-page.home-page .home-scope-tab { padding:.55rem .7rem; font-size:.75rem; }
  #home-page.home-page .home-support-actions { grid-template-columns:minmax(0,1fr); }
  #home-page.home-page .home-search-fields label { font-size:.7rem; }
  #home-page.home-page .home-hotel-fields label { font-size: .7rem; }
  #home-page.home-page .home-search-fields select { padding-left:.55rem; font-size:16px; }
}
@media (max-width:360px) {
  #home-page.home-page .home-hotel-fields { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
  #home-page.home-page .home-tour-image img { transition:none; }
  #home-page.home-page .home-tour-media:hover img { transform:none; }
}
/* Vize etiketi (Vizesiz / Kapıda Vize / Kolay Vize / Vizeli) */
#home-page.home-page .home-tour-meta .tour-visa { font-weight: 650; }
#home-page.home-page .home-tour-meta .tour-visa-vizesiz, #home-page.home-page .home-tour-meta .tour-visa-kapida, #home-page.home-page .home-tour-meta .tour-visa-kolay { color: #0f6b46; }

/* /site-tour.css */
/* Tur detayı: editoryal düzen, gerçek içerik ve erişilebilir rezervasyon. */
html:has(> body.ontour) { scroll-padding-top: 0; }
html[data-theme] body.ontour .agbar { display: none; }
html[data-theme] body.ontour .top .bar { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; min-height: 86px; gap: 1.4rem; padding-top: .65rem; padding-bottom: .65rem; }
html[data-theme] body.ontour .top .brand { margin: 0; flex-shrink: 0; }
html[data-theme] body.ontour .top #nav { display: flex; flex: 1; justify-content: center; gap: 1rem; margin: 0; }
html[data-theme] body.ontour .top #nav > a, html[data-theme] body.ontour .top #nav > .dd > a { display: inline-flex; align-items: center; min-height: 44px; padding: .4rem 0; font-size: .825rem; font-weight: 700; }
body.ontour .mbar { display: none !important; }
#detay.tour-page { --tour-ink: #172f49; --tour-muted: #5c6e80; --tour-line: #dfe6ec; --tour-soft: #f5f7f9; --tour-warm: #fcf8f1; --tour-accent: var(--orange,#f59a3f); --tour-header-height: 86px; max-width: 1240px; padding: 1.1rem 1.6rem 4rem; color: var(--tour-ink); background: #fff; font: 15px/1.7 Manrope,system-ui,sans-serif; }
#detay.tour-page * { box-sizing: border-box; }
#detay.tour-page :is(h1,h2,h3,h4) { color: var(--tour-ink); font-family: Manrope,system-ui,sans-serif; font-style: normal; font-weight: 800; text-align: left; text-transform: none; letter-spacing: -.025em; }
#detay.tour-page h2 { display: block; padding: 0; border: 0; }
#detay.tour-page h2::after { content: none; }
#detay.tour-page :is(button,input,select,textarea) { font-family: Manrope,system-ui,sans-serif; }
#detay.tour-page :focus-visible { outline: 3px solid var(--tour-accent); outline-offset: 3px; }
#detay.tour-page a { color: var(--navy,#203764); }
#detay.tour-page img { max-width: 100%; }
#detay.tour-page .tour-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .5rem; margin: 0 0 1.2rem; color: var(--tour-muted); font-size: .72rem; line-height: 1.6; }
#detay.tour-page .tour-breadcrumb a { display: inline-flex; align-items: center; min-height: 32px; color: var(--tour-muted); text-decoration: none; }
#detay.tour-page .tour-breadcrumb a:hover { color: var(--tour-ink); text-decoration: underline; }
#detay.tour-page .tour-heading { position: relative; margin: 0 0 1.65rem; }
#detay.tour-page .tour-eyebrow { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; margin: 0 0 .85rem; color: var(--tour-muted); font-size: .7rem; font-weight: 750; line-height: 1.5; letter-spacing: .085em; text-transform: uppercase; }
#detay.tour-page .tour-eyebrow > span { padding: .3rem .65rem; border: 1px solid #e4d7c3; border-radius: 6px; color: #765329; background: var(--tour-warm); letter-spacing: .035em; }
#detay.tour-page .tour-heading h1 { max-width: 1020px; margin: 0; color: var(--tour-ink); font-size: clamp(1.8rem,3.1vw,2.8rem); font-weight: 800; line-height: 1.18; letter-spacing: -.045em; overflow-wrap: anywhere; text-wrap: balance; }
#detay.tour-page .tour-intro { max-width: 88ch; margin: 1rem 0 0; color: var(--tour-muted); font-size: .95rem; line-height: 1.8; overflow-wrap: anywhere; }
#detay.tour-page .tour-tools { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 0; }
#detay.tour-page .tour-tool { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 44px; padding: .55rem .8rem; border: 1px solid #d5e0e9; border-radius: 8px; color: var(--tour-ink); background: #fff; font: inherit; font-size: .75rem; font-weight: 650; line-height: 1.5; text-decoration: none; cursor: pointer; }
#detay.tour-page .tour-tool:hover { border-color: #a7bccf; background: var(--tour-soft); }
#detay.tour-page .tour-tool[aria-pressed="true"] { border-color: #dbaf73; color: #80561e; background: #fff6e8; }
#detay.tour-page .tour-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(2,180px); gap: .65rem; position: relative; margin: 0 0 1.2rem; overflow: hidden; border-radius: 18px; background: var(--tour-soft); }
#detay.tour-page .tour-photo { position: relative; display: block; min-width: 0; min-height: 0; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 0; background: #e8eef3; overflow: hidden; cursor: zoom-in; }
#detay.tour-page .tour-photo-main { grid-column: 1/3; grid-row: 1/3; }
#detay.tour-page .tour-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
#detay.tour-page .tour-photo:hover img { transform: scale(1.025); }
#detay.tour-page .tour-photo:focus-visible { outline-offset: -5px; z-index: 1; }
#detay.tour-page .tour-photo-count { position: absolute; right: 1rem; bottom: 1rem; z-index: 2; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .55rem .85rem; border: 1px solid #ffffff88; border-radius: 8px; color: #fff; background: #162d46e8; box-shadow: 0 5px 18px #0e20304d; font: inherit; font-size: .8rem; font-weight: 700; line-height: 1.5; cursor: pointer; }
#detay.tour-page .tour-gallery[data-count="1"] { grid-template-columns: minmax(0,1fr); grid-template-rows: 360px; }
#detay.tour-page .tour-gallery[data-count="1"] .tour-photo-main { grid-column: 1; grid-row: 1; }
#detay.tour-page .tour-gallery[data-count="2"] .tour-photo:not(.tour-photo-main) { grid-row: 1/3; }
#detay.tour-page .tour-photo.image-unavailable { display: grid; place-items: center; color: var(--tour-muted); font-size: .8rem; }
#detay.tour-page .tour-facts { display: grid; grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); gap: .8rem; margin: 0 0 1.3rem; padding: 1.1rem 0; border-top: 1px solid var(--tour-line); border-bottom: 1px solid var(--tour-line); }
#detay.tour-page .tour-facts > div { min-width: 0; padding: 0 .9rem; border-left: 1px solid var(--tour-line); }
#detay.tour-page .tour-facts > div:first-child { border-left: 0; padding-left: 0; }
#detay.tour-page .tour-facts dt { margin: 0 0 .2rem; color: var(--tour-muted); font-size: .72rem; font-weight: 500; }
#detay.tour-page .tour-facts dd { margin: 0; color: var(--tour-ink); font-size: .9rem; font-weight: 750; line-height: 1.5; overflow-wrap: anywhere; }
#detay.tour-page .tour-nav { position: sticky; top: var(--tour-header-height); z-index: 4; display: flex; align-items: stretch; gap: .25rem; margin: 0 0 1.7rem; padding: .25rem 0; overflow-x: auto; border-bottom: 1px solid var(--tour-line); background: #fffffff5; backdrop-filter: blur(10px); scrollbar-width: thin; scrollbar-color: #d1dce6 transparent; }
#detay.tour-page .tour-nav a { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 48px; padding: .7rem 1rem; color: var(--tour-muted); border-radius: 0; font-size: .8rem; font-weight: 750; line-height: 1.4; text-decoration: none; white-space: nowrap; }
#detay.tour-page .tour-nav a::after { position: absolute; right: 1rem; bottom: -.25rem; left: 1rem; height: 3px; border-radius: 2px; background: transparent; content: ''; }
#detay.tour-page .tour-nav a:is(.active,[aria-current="true"]) { color: var(--tour-ink); }
#detay.tour-page .tour-nav a:is(.active,[aria-current="true"])::after { background: var(--tour-accent); }
#detay.tour-page .tour-nav a:hover { color: var(--tour-ink); background: var(--tour-soft); }
#detay.tour-page .tour-layout { display: grid; grid-template-columns: minmax(0,1fr) 360px; align-items: start; gap: 2rem; }
#detay.tour-page :is(.tour-main,.tour-side,.tour-section,.tour-book,.tour-field,.tour-request) { min-width: 0; }
#detay.tour-page .tour-main { display: grid; gap: 2.5rem; }
#detay.tour-page .tour-side { position: sticky; top: calc(var(--tour-header-height) + 68px); align-self: start; }
#detay.tour-page .tour-section { scroll-margin-top: calc(var(--tour-header-height) + 78px); }
#detay.tour-page .tour-section-head { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; margin: 0 0 1.15rem; }
#detay.tour-page .tour-section-head h2 { margin: 0; color: var(--tour-ink); font-size: clamp(1.25rem,2.1vw,1.55rem); font-weight: 800; line-height: 1.35; letter-spacing: -.035em; }
#detay.tour-page .tour-section-head small { flex-basis: 100%; color: var(--tour-muted); font-size: .68rem; font-weight: 650; letter-spacing: .07em; }
#detay.tour-page .tour-muted { margin: .5rem 0; color: var(--tour-muted); font-size: .85rem; line-height: 1.75; }
#detay.tour-page .tour-dates { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }
#detay.tour-page .tour-date { display: flex; align-items: center; gap: .7rem; min-width: 0; min-height: 92px; padding: .85rem; border: 1px solid #d7e1e9; border-radius: 11px; color: var(--tour-ink); background: #fff; font: inherit; text-align: left; cursor: pointer; }
#detay.tour-page .tour-date:hover:not(:disabled):not(.is-full) { border-color: #bd8d4e; background: #fffcf6; }
#detay.tour-page .tour-date.is-selected { border-color: #c88c3a; background: #fff9ee; box-shadow: inset 0 0 0 1px #c88c3a; }
#detay.tour-page .tour-date.is-full { border-color: #e2e7ed; color: #788492; background: #f4f6f8; cursor: not-allowed; }
#detay.tour-page .tour-date-day { display: grid; gap: .05rem; flex: 0 0 45px; text-align: center; line-height: 1.3; }
#detay.tour-page .tour-date-day strong { color: inherit; font-size: 1.55rem; font-weight: 800; letter-spacing: -.04em; }
#detay.tour-page .tour-date-day small { color: var(--tour-muted); font-size: .68rem; font-weight: 650; }
#detay.tour-page .tour-date-copy { display: grid; gap: .2rem; flex: 1; min-width: 0; }
#detay.tour-page .tour-date-copy strong { font-size: .8rem; font-weight: 750; line-height: 1.5; }
#detay.tour-page .tour-date-copy span { color: var(--tour-muted); font-size: .7rem; line-height: 1.5; }
#detay.tour-page .tour-date-price { flex-shrink: 0; color: var(--tour-ink); font-size: .8rem; font-weight: 800; white-space: nowrap; }
#detay.tour-page .tour-date-price :is(strong,small) { display: block; }
#detay.tour-page .tour-date-price small { color: var(--tour-muted); font-size: .65rem; font-weight: 500; }
#detay.tour-page .tour-route { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; margin: 0 0 1.25rem; }
#detay.tour-page .tour-route span { display: inline-flex; align-items: center; gap: .5rem; padding: .3rem .65rem; border: 1px solid var(--tour-line); border-radius: 7px; color: #4c6279; background: var(--tour-soft); font-size: .75rem; font-weight: 600; line-height: 1.5; }
#detay.tour-page .tour-program { display: grid; gap: .75rem; }
#detay.tour-page .tour-program details { margin: 0; overflow: hidden; border: 1px solid var(--tour-line); border-radius: 12px; background: #fff; }
#detay.tour-page .tour-program summary { display: flex; align-items: center; gap: .95rem; min-height: 82px; padding: 1rem; list-style: none; cursor: pointer; }
#detay.tour-page .tour-program summary::-webkit-details-marker { display: none; }
#detay.tour-page .tour-program summary::after { content: '+'; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; height: 28px; margin-left: auto; border: 1px solid var(--tour-line); border-radius: 50%; color: var(--tour-muted); font-size: 1.15rem; line-height: 1; }
#detay.tour-page .tour-program details[open] summary::after { content: '−'; border-color: #e0c59e; color: #795326; background: #fff6e8; }
#detay.tour-page .tour-day-number { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; height: 46px; border: 1px solid #dfd3bf; border-radius: 10px; color: #805a2b; background: var(--tour-warm); font-size: 1rem; font-weight: 800; }
#detay.tour-page .tour-day-title { display: grid; gap: .1rem; min-width: 0; }
#detay.tour-page .tour-day-title small { color: var(--tour-muted); font-size: .65rem; font-weight: 650; line-height: 1.5; letter-spacing: .06em; }
#detay.tour-page .tour-day-title strong { color: var(--tour-ink); font-size: .9rem; font-weight: 750; line-height: 1.6; overflow-wrap: anywhere; }
#detay.tour-page .tour-program-body { padding: .3rem 1.25rem 1.25rem 4.8rem; color: #43586e; font-size: .9rem; line-height: 1.85; overflow-wrap: anywhere; }
#detay.tour-page .tour-program-body :first-child { margin-top: 0; }
#detay.tour-page .tour-program-body :last-child { margin-bottom: 0; }
#detay.tour-page .tour-program-body :is(h2,h3,h4) { margin: 1.2rem 0 .6rem; font-size: 1rem; }
#detay.tour-page .tour-toggle { display: inline-flex; align-items: center; min-height: 44px; padding: .45rem .75rem; border: 1px solid #c9d6e1; border-radius: 8px; color: var(--tour-ink); background: #fff; font: inherit; font-size: .75rem; font-weight: 650; line-height: 1.5; cursor: pointer; }
#detay.tour-page .tour-book { padding: 1.25rem; border: 1px solid #d2dee8; border-top: 3px solid var(--tour-accent); border-radius: 14px; color: var(--tour-ink); background: #fff; box-shadow: 0 14px 35px -24px #17355080; scroll-margin-top: calc(var(--tour-header-height) + 76px); }
#detay.tour-page .tour-book-top { margin: 0 0 1.1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--tour-line); }
#detay.tour-page .tour-book-top h2 { margin: 0 0 .6rem; font-size: 1.15rem; line-height: 1.4; }
#detay.tour-page .tour-book-label { display: block; margin: 0 0 .3rem; color: var(--tour-muted); font-size: .75rem; font-weight: 600; line-height: 1.5; }
#detay.tour-page .tour-book-start { margin: 0; color: var(--tour-ink); font-size: 1.8rem; font-weight: 800; line-height: 1.3; letter-spacing: -.045em; overflow-wrap: anywhere; }
#detay.tour-page .tour-book-start :is(small,span) { color: var(--tour-muted); font-size: .75rem; font-weight: 500; letter-spacing: 0; }
#detay.tour-page .tour-book-meta { display: flex; flex-wrap: wrap; gap: .4rem .7rem; margin: .5rem 0 0; color: var(--tour-muted); font-size: .72rem; line-height: 1.5; }
#detay.tour-page .tour-field { display: grid; gap: .4rem; margin: 0 0 .9rem; color: var(--tour-ink); font-size: .78rem; font-weight: 700; line-height: 1.5; }
#detay.tour-page .tour-field :is(select,input) { display: block; width: 100%; min-width: 0; min-height: 46px; margin: 0; padding: .65rem .75rem; border: 1px solid #bdcbd9; border-radius: 8px; color: var(--tour-ink); background: #fff; font: inherit; font-size: 16px; font-weight: 500; line-height: 1.45; }
#detay.tour-page .tour-guest-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; margin: .7rem 0; color: var(--tour-ink); font-size: .8rem; font-weight: 650; }
#detay.tour-page .tour-guest-row > :is(label,div,span) { min-width: 0; }
#detay.tour-page .tour-guest-row small { display: block; color: var(--tour-muted); font-size: .68rem; font-weight: 450; }
#detay.tour-page .tour-stepper { display: grid; grid-template-columns: 44px minmax(24px,1fr) 44px; align-items: center; min-width: 0; overflow: hidden; border: 1px solid #c5d3df; border-radius: 9px; background: #fff; }
#detay.tour-page .tour-stepper > span { grid-column: 1/-1; padding: .45rem .55rem; border-bottom: 1px solid var(--tour-line); background: var(--tour-soft); color: var(--tour-muted); font-size: .72rem; line-height: 1.5; }
#detay.tour-page .tour-stepper button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; color: var(--tour-ink); background: transparent; font: inherit; font-size: 1.2rem; font-weight: 650; cursor: pointer; }
#detay.tour-page .tour-stepper button:hover:not(:disabled) { background: var(--tour-soft); }
#detay.tour-page .tour-stepper button:disabled { opacity: .35; cursor: not-allowed; }
#detay.tour-page .tour-stepper output { min-width: 24px; color: var(--tour-ink); font-size: .9rem; font-weight: 800; text-align: center; }
#detay.tour-page .tour-ages { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; padding: .7rem 0 0; }
#detay.tour-page .tour-ages p { grid-column: 1/-1; margin: 0; color: var(--tour-muted); font-size: .72rem; line-height: 1.6; }
#detay.tour-page .tour-quote { display: grid; gap: .65rem; margin: 1rem 0 0; padding: 1rem 0; border-top: 1px solid var(--tour-line); }
#detay.tour-page .tour-quote-total { display: block; color: var(--tour-ink); font-size: 1.9rem; font-weight: 800; line-height: 1.3; letter-spacing: -.045em; overflow-wrap: anywhere; }
#detay.tour-page .tour-quote > small { color: var(--tour-muted); font-size: .75rem; }
#detay.tour-page .tour-quote-total > :is(span,small) { font-size: .8rem; font-weight: 650; }
#detay.tour-page .tour-quote-total > :is(strong,b) { color: var(--tour-ink); font-size: 1.6rem; font-weight: 800; line-height: 1.3; letter-spacing: -.045em; overflow-wrap: anywhere; }
#detay.tour-page .tour-quote-lines { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; color: var(--tour-muted); font-size: .73rem; line-height: 1.6; }
#detay.tour-page .tour-quote-lines li { display: flex; align-items: baseline; justify-content: space-between; gap: .7rem; }
#detay.tour-page .tour-quote-lines li :is(b,strong) { flex-shrink: 0; color: #41576d; font-weight: 650; white-space: nowrap; }
#detay.tour-page .tour-quote-fx { margin: 0; color: var(--tour-muted); font-size: .7rem; line-height: 1.65; }
#detay.tour-page .tour-book-cta { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; min-height: 50px; margin: .25rem 0 0; padding: .8rem 1rem; border: 1px solid var(--navy,#203764); border-radius: 9px; color: #fff; background: var(--navy,#203764); font: inherit; font-size: .9rem; font-weight: 750; line-height: 1.5; text-align: center; text-decoration: none; cursor: pointer; }
#detay.tour-page .tour-book-cta:hover:not(:disabled) { filter: brightness(1.08); }
#detay.tour-page .tour-book-cta:disabled { opacity: .5; cursor: not-allowed; }
#detay.tour-page .tour-book-note { margin: .7rem 0 0; color: var(--tour-muted); font-size: .7rem; line-height: 1.7; }
#detay.tour-page .tour-book-support { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .3rem .8rem; margin: .9rem 0 0; padding-top: .6rem; border-top: 1px solid var(--tour-line); }
#detay.tour-page .tour-book-support :is(a,button) { display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; color: var(--navy); background: transparent; font: inherit; font-size: .75rem; font-weight: 750; text-decoration: underline; text-underline-offset: .18em; cursor: pointer; }
#detay.tour-page .tour-notice { padding: .85rem 1rem; margin: .75rem 0; border: 1px solid #e5d3b7; border-left: 3px solid #bc8c48; border-radius: 9px; color: #775a30; background: #fffaf0; font-size: .8rem; line-height: 1.7; overflow-wrap: anywhere; }
#detay.tour-page .tour-notice:is(.is-error,.error) { border-color: #edccc7; border-left-color: #b44a3d; color: #8c3027; background: #fff5f3; }
#detay.tour-page .tour-notice :is(p,ul) { margin: .35rem 0; }
#detay.tour-page .tour-notice :first-child { margin-top: 0; }
#detay.tour-page .tour-notice :last-child { margin-bottom: 0; }
#detay.tour-page .tour-extra-cost { margin: .4rem 0 .75rem; padding: 0 .85rem; border: 1px solid #e4cfaa; border-radius: 9px; color: #77562b; background: #fffaee; font-size: .75rem; line-height: 1.7; }
#detay.tour-page .tour-extra-cost summary { min-height: 48px; padding: .75rem 0; font-weight: 700; cursor: pointer; }
#detay.tour-page .tour-extra-cost summary strong { font-weight: 750; }
#detay.tour-page .tour-extra-cost summary span { display: block; margin-top: .2rem; color: #826842; font-size: .7rem; font-weight: 500; }
#detay.tour-page .tour-extra-cost > :not(summary) { margin: 0 0 .85rem; overflow-wrap: anywhere; }
#detay.tour-page .tour-extra-cost :is(p,li) { margin-top: .35rem; margin-bottom: .35rem; }
#detay.tour-page .tour-extra-cost ul { padding-left: 1.1rem; }
#detay.tour-page .tour-status { margin: .6rem 0 0; color: #52697d; font-size: .75rem; line-height: 1.65; }
#detay.tour-page .tour-status:empty { display: none; }
#detay.tour-page .tour-price-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--tour-line); border-radius: 11px; overscroll-behavior-inline: contain; scrollbar-width: thin; }
#detay.tour-page .tour-price-wrap table { width: 100%; border-collapse: collapse; font-size: .8rem; line-height: 1.6; text-align: left; }
#detay.tour-page .tour-price-wrap :is(th,td) { min-width: 110px; padding: .85rem 1rem; border-bottom: 1px solid var(--tour-line); color: var(--tour-ink); vertical-align: top; }
#detay.tour-page .tour-price-wrap th { color: #4d6379; background: var(--tour-soft); font-size: .72rem; font-weight: 750; }
#detay.tour-page .tour-price-wrap tr:last-child td { border-bottom: 0; }
#detay.tour-page .tour-price-wrap caption { padding: .8rem 1rem; color: var(--tour-muted); font-size: .75rem; text-align: left; }
#detay.tour-page .tour-inclusions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
#detay.tour-page :is(.tour-included,.tour-excluded) { min-width: 0; padding: 1.2rem; border: 1px solid var(--tour-line); border-radius: 12px; background: #fff; }
#detay.tour-page .tour-included { border-top: 3px solid #78a288; background: #f8fbf8; }
#detay.tour-page .tour-excluded { border-top: 3px solid #c6aa7e; background: #fffdf8; }
#detay.tour-page :is(.tour-included,.tour-excluded) h3 { margin: 0 0 .8rem; font-size: .95rem; line-height: 1.5; }
#detay.tour-page :is(.tour-included,.tour-excluded) ul { display: grid; gap: .55rem; margin: 0; padding-left: 1.05rem; color: #4b6176; font-size: .82rem; line-height: 1.7; }
#detay.tour-page :is(.tour-included,.tour-excluded) p { margin: .4rem 0; color: #4b6176; font-size: .82rem; line-height: 1.7; }
#detay.tour-page .tour-disclosure { overflow: hidden; margin: .7rem 0 0; padding: 0 1rem; border: 1px solid var(--tour-line); border-radius: 10px; background: #fff; }
#detay.tour-page .tour-disclosure summary { min-height: 52px; padding: .85rem 0; color: var(--tour-ink); font-size: .85rem; font-weight: 750; line-height: 1.5; cursor: pointer; }
#detay.tour-page .tour-disclosure > :not(summary) { margin: 0 0 1rem; color: #4c6278; font-size: .85rem; line-height: 1.85; overflow-wrap: anywhere; }
#detay.tour-page .tour-request { padding: 1.3rem; border: 1px solid #dfd9cc; border-radius: 13px; background: var(--tour-warm); }
#detay.tour-page .tour-request form { display: grid; gap: .85rem; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--tour-ink); }
#detay.tour-page .tour-request form label { display: grid; gap: .3rem; margin: 0; color: var(--tour-ink); font-size: .8rem; font-weight: 650; line-height: 1.5; }
#detay.tour-page .tour-request form :is(input:not([type="checkbox"]),select,textarea) { width: 100%; min-width: 0; min-height: 46px; margin: 0; padding: .65rem .8rem; border: 1px solid #bdcbd9; border-radius: 8px; background: #fff; color: var(--tour-ink); font: inherit; font-size: 16px; font-weight: 450; line-height: 1.5; }
#detay.tour-page .tour-request form label.chk { display: flex; align-items: flex-start; gap: .65rem; min-height: 44px; padding: .5rem 0; font-size: .8rem; font-weight: 450; }
#detay.tour-page .tour-request form label.chk input { flex: 0 0 20px; width: 20px; height: 20px; min-height: 0; margin: .1rem 0 0; accent-color: var(--navy); }
#detay.tour-page .tour-request form button { min-height: 48px; padding: .75rem 1rem; border-radius: 9px; font-size: .9rem; }
#detay.tour-page .tour-related { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
#detay.tour-page .tour-related-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--tour-line); border-radius: 12px; background: #fff; color: var(--tour-ink); text-decoration: none; }
#detay.tour-page .tour-related-card img { display: block; width: 100%; aspect-ratio: 1.6/1; object-fit: cover; }
#detay.tour-page .tour-related-card > :is(div,h3,p,strong,small) { margin: .75rem .9rem; }
#detay.tour-page .tour-related-card h3 { font-size: .9rem; line-height: 1.55; }
#detay.tour-page .tour-related-card p, #detay.tour-page .tour-related-card small { color: var(--tour-muted); font-size: .75rem; line-height: 1.6; }
#detay.tour-page .tour-related-card strong { color: var(--tour-ink); font-size: 1.05rem; font-weight: 800; }
#detay.tour-page .tour-related-card > div > :first-child { margin-top: 0; }
#detay.tour-page .tour-related-card > div > :last-child { margin-bottom: 0; }
#detay.tour-page #t-benzer { margin-top: 3rem; }
#detay.tour-page .tour-mobile-bar { display: none; }
#detay.tour-page .tour-print { display: none; }
@media (min-width:961px) and (min-height:801px) {
  #detay.tour-page .tour-side { max-height: calc(100dvh - var(--tour-header-height) - 84px); overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: #aab9c8 #f1f4f7; border-radius: 14px; }
}
@media (min-width:961px) and (max-height:800px) { #detay.tour-page .tour-side { position: static; } }
@media (max-width:1100px) { html[data-theme] body.ontour .top .callbox { display: none; } }
@media (max-width:960px) {
  #detay.tour-page { padding-left: 1.2rem; padding-right: 1.2rem; padding-bottom: 7rem; }
  #detay.tour-page .tour-layout { grid-template-columns: minmax(0,1fr); gap: 1.6rem; }
  #detay.tour-page .tour-side { position: static; }
  #detay.tour-page .tour-side:empty { display: none; }
  #detay.tour-page .tour-main { gap: 2rem; }
  #detay.tour-page .tour-gallery { grid-template-rows: repeat(2,145px); }
  #detay.tour-page .tour-book { width: 100%; margin: 0; padding: 1.3rem; }
  #detay.tour-page .tour-book-cta { min-height: 52px; }
  #detay.tour-page .tour-book-support { justify-content: flex-start; }
  #detay.tour-page .tour-mobile-bar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 45; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .65rem max(1rem,env(safe-area-inset-right)) calc(.65rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left)); border-top: 1px solid #d0dce6; background: #fffffff7; box-shadow: 0 -8px 24px -22px #18314c88; backdrop-filter: blur(10px); }
  #detay.tour-page .tour-mobile-price { display: grid; gap: .05rem; min-width: 0; }
  #detay.tour-page .tour-mobile-price small { color: var(--tour-muted); font-size: .65rem; line-height: 1.5; }
  #detay.tour-page .tour-mobile-price strong { color: var(--tour-ink); font-size: 1.25rem; font-weight: 800; line-height: 1.3; letter-spacing: -.035em; overflow-wrap: anywhere; }
  #detay.tour-page .tour-mobile-cta { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 48px; max-width: 60%; padding: .7rem 1rem; border: 1px solid var(--navy); border-radius: 9px; background: var(--navy); color: #fff; font: inherit; font-size: .85rem; font-weight: 750; line-height: 1.4; text-align: center; text-decoration: none; cursor: pointer; }
  #detay.tour-page .tour-mobile-cta:disabled { opacity: .5; cursor: not-allowed; }
  body.ontour.hasbar { padding-bottom: 0; }
}
@media (max-width:760px) {
  html[data-theme] body.ontour .top .bar { min-height: 72px; padding-top: .55rem; padding-bottom: .55rem; gap: 1rem; flex-wrap: wrap; }
  html[data-theme] body.ontour .top #nav { display: none; }
  html[data-theme] body.ontour .top #nav.open { display: flex; flex-basis: 100%; flex-direction: column; align-items: stretch; gap: .2rem; }
  html[data-theme] body.ontour .top #nav > a, html[data-theme] body.ontour .top #nav > .dd > a { padding: .65rem 1rem; }
  #detay.tour-page { --tour-header-height: 72px; padding: .75rem 1rem 7rem; }
  #detay.tour-page .tour-breadcrumb { margin-bottom: .85rem; font-size: .68rem; }
  #detay.tour-page .tour-heading { margin-bottom: 1.1rem; }
  #detay.tour-page .tour-heading h1 { font-size: 1.8rem; line-height: 1.22; letter-spacing: -.04em; text-wrap: pretty; }
  #detay.tour-page .tour-eyebrow { gap: .35rem; margin-bottom: .7rem; font-size: .65rem; }
  #detay.tour-page .tour-intro { margin-top: .75rem; font-size: .85rem; line-height: 1.75; }
  #detay.tour-page .tour-tools { gap: .4rem; margin-top: .8rem; }
  #detay.tour-page .tour-tool { padding: .5rem .65rem; font-size: .7rem; }
  #detay.tour-page .tour-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: 220px 100px; gap: .4rem; border-radius: 12px; }
  #detay.tour-page .tour-photo-main { grid-column: 1/3; grid-row: 1; }
  #detay.tour-page .tour-photo-count { right: .7rem; bottom: .7rem; min-height: 44px; padding: .45rem .65rem; font-size: .7rem; }
  #detay.tour-page .tour-gallery[data-count="1"] { grid-template-rows: 240px; }
  #detay.tour-page .tour-gallery[data-count="2"] .tour-photo:not(.tour-photo-main) { grid-column: 1/3; grid-row: 2; }
  #detay.tour-page .tour-facts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem .7rem; margin-bottom: .8rem; padding: .9rem 0; }
  #detay.tour-page .tour-facts > div { padding: 0 .6rem; }
  #detay.tour-page .tour-facts > div:nth-child(odd) { border-left: 0; padding-left: 0; }
  #detay.tour-page .tour-facts dt { font-size: .68rem; }
  #detay.tour-page .tour-facts dd { font-size: .8rem; }
  #detay.tour-page .tour-nav { margin-bottom: 1.25rem; gap: 0; }
  #detay.tour-page .tour-nav a { min-height: 46px; padding: .65rem .75rem; font-size: .75rem; }
  #detay.tour-page .tour-nav a::after { right: .75rem; left: .75rem; }
  #detay.tour-page .tour-section-head { margin-bottom: .85rem; }
  #detay.tour-page .tour-section-head h2 { font-size: 1.25rem; }
  #detay.tour-page .tour-dates { grid-template-columns: minmax(0,1fr); gap: .6rem; }
  #detay.tour-page .tour-date { min-height: 80px; padding: .75rem .85rem; }
  #detay.tour-page .tour-date-price { font-size: .85rem; }
  #detay.tour-page .tour-book { padding: 1rem; border-radius: 12px; }
  #detay.tour-page .tour-book-start { font-size: 1.65rem; }
  #detay.tour-page .tour-program summary { gap: .7rem; min-height: 76px; padding: .85rem; }
  #detay.tour-page .tour-day-number { flex-basis: 38px; height: 42px; font-size: .85rem; border-radius: 8px; }
  #detay.tour-page .tour-day-title strong { font-size: .82rem; }
  #detay.tour-page .tour-program-body { padding: .25rem 1rem 1rem; font-size: .85rem; }
  #detay.tour-page .tour-inclusions { grid-template-columns: minmax(0,1fr); gap: .85rem; }
  #detay.tour-page :is(.tour-included,.tour-excluded) { padding: 1rem; }
  #detay.tour-page .tour-request { padding: 1rem; }
  #detay.tour-page .tour-related { grid-template-columns: minmax(0,1fr); }
  #detay.tour-page .tour-related-card { display: grid; grid-template-columns: 112px minmax(0,1fr); align-items: start; }
  #detay.tour-page .tour-related-card img { width: 112px; height: 100%; min-height: 125px; aspect-ratio: auto; grid-row: 1/5; }
  #detay.tour-page .tour-related-card > :is(div,h3,p,strong,small) { grid-column: 2; margin: .7rem .8rem; }
  #detay.tour-page .tour-related-card h3 { font-size: .82rem; }
}
@media (max-width:360px) {
  #detay.tour-page .tour-heading h1 { font-size: 1.6rem; }
  #detay.tour-page .tour-gallery { grid-template-rows: 190px 85px; }
  #detay.tour-page .tour-date { gap: .5rem; padding: .7rem; }
  #detay.tour-page .tour-date-day { flex-basis: 35px; }
  #detay.tour-page .tour-date-price { font-size: .75rem; }
  #detay.tour-page .tour-mobile-price strong { font-size: 1.08rem; }
  #detay.tour-page .tour-mobile-cta { padding: .65rem .7rem; font-size: .78rem; }
}
@media (prefers-reduced-motion:reduce) {
  #detay.tour-page .tour-photo img { transition: none; }
  #detay.tour-page .tour-photo:hover img { transform: none; }
}
@media print {
  body.ontour :is(.top,.strip,.agbar,.announce,.mbar,.foot) { display: none !important; }
  #detay.tour-page { display: block !important; max-width: none; margin: 0; padding: 0; color: #172f49; font-size: 10pt; }
  #detay.tour-page :is(.tour-tools,.tour-nav,.tour-side,.tour-book,.tour-mobile-bar,.tour-request,.tour-related,.tour-toggle,.tour-photo-count,.tour-status) { display: none !important; }
  #detay.tour-page .tour-heading h1 { max-width: none; font-size: 19pt; }
  #detay.tour-page .tour-heading { margin-bottom: 1rem; }
  #detay.tour-page .tour-intro { font-size: 10pt; }
  #detay.tour-page .tour-gallery { grid-template-rows: repeat(2,70px); margin-bottom: 1rem; }
  #detay.tour-page .tour-layout, #detay.tour-page .tour-main { display: block; }
  #detay.tour-page .tour-section { margin-bottom: 1.25rem; }
  #detay.tour-page .tour-section-head h2 { font-size: 13pt; break-after: avoid; }
  #detay.tour-page .tour-facts { break-inside: avoid; }
  #detay.tour-page .tour-program details { overflow: visible; margin: 0 0 .6rem; border: 0; border-radius: 0; break-inside: avoid; }
  #detay.tour-page .tour-program summary { min-height: 0; padding: .4rem 0; }
  #detay.tour-page .tour-program summary::after { display: none; }
  #detay.tour-page .tour-program-body { display: block !important; padding: .3rem 0 .7rem; font-size: 10pt; }
  #detay.tour-page details:not([open]) > :not(summary) { display: block !important; }
  #detay.tour-page details::details-content { content-visibility: visible; display: block; }
  #detay.tour-page .tour-price-wrap { overflow: visible; border-radius: 0; }
  #detay.tour-page .tour-price-wrap table { font-size: 9pt; }
  #detay.tour-page .tour-price-wrap :is(th,td) { min-width: 0; padding: .45rem .6rem; }
  #detay.tour-page .tour-disclosure { break-inside: avoid; }
  #detay.tour-page .tour-print { display: block; }
}
#detay.tour-page .tour-facts-link { display: block; margin-top: .15rem; font-size: .78rem; font-weight: 600; color: var(--tour-accent, #b45309); text-decoration: underline; }
#detay.tour-page .tour-stops { list-style: none; margin: .6rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); gap: .4rem .9rem; }
#detay.tour-page .tour-stops li { display: flex; gap: .6rem; align-items: baseline; padding: .45rem 0; border-bottom: 1px solid var(--tour-line); font-size: .9rem; }
#detay.tour-page .tour-stops strong { min-width: 3.2rem; font-variant-numeric: tabular-nums; }

/* /site-listing.css */
/* Tur arama ve listeleme: gerçek tarih, kapsam ve karşılaştırılabilir fiyat. */
html:has(> body.onlisting) { scroll-padding-top: 0; }
html[data-theme] body.onlisting .agbar { display: none; }
html[data-theme] body.onlisting .top .bar { display: flex; flex-flow: row nowrap; justify-content: space-between; min-height: 86px; gap: 1.4rem; padding-top: .65rem; padding-bottom: .65rem; }
html[data-theme] body.onlisting .top .brand { margin: 0; flex-shrink: 0; }
html[data-theme] body.onlisting .top #nav { display: flex; flex: 1; justify-content: center; gap: 1rem; margin: 0; }
html[data-theme] body.onlisting .top #nav > a, html[data-theme] body.onlisting .top #nav > .dd > a { display: inline-flex; align-items: center; min-height: 44px; padding: .4rem 0; font-size: .825rem; font-weight: 700; }
body.onlisting .mbar { display: none !important; }
body.onlisting.hasbar { padding-bottom: 0; }
body.onlisting.listing-has-compare { padding-bottom: 110px; }
#teklifler.listing-page { --listing-ink: #172f49; --listing-muted: #5d6f80; --listing-line: #dce5ec; --listing-soft: #f4f7f9; --listing-warm: #fcf7ee; --listing-header: 86px; --listing-accent: var(--orange,#f59a3f); max-width: 1360px; padding: 1.8rem 1.6rem 5rem; margin: 0 auto; color: var(--listing-ink); background: #fff; font: 15px/1.65 Manrope,system-ui,sans-serif; }
#teklifler.listing-page * { box-sizing: border-box; }
#teklifler.listing-page :is(h1,h2,h3,h4) { margin: 0; padding: 0; border: 0; color: var(--listing-ink); font-family: Manrope,system-ui,sans-serif; font-style: normal; font-weight: 800; text-align: left; text-transform: none; letter-spacing: -.03em; }
#teklifler.listing-page h2::after { content: none; }
#teklifler.listing-page :is(button,input,select,textarea) { font-family: Manrope,system-ui,sans-serif; }
#teklifler.listing-page :is(button,a,input,select):focus-visible { outline: 3px solid var(--listing-accent); outline-offset: 3px; }
#teklifler.listing-page button { cursor: pointer; }
#teklifler.listing-page button:disabled { cursor: not-allowed; }
#teklifler.listing-page a { color: var(--listing-ink); }
#teklifler.listing-page img { max-width: 100%; }
#teklifler.listing-page .listing-heading { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .55rem 1.5rem; align-items: end; margin: 0 0 1.45rem; }
#teklifler.listing-page .listing-breadcrumb { grid-column: 1/-1; grid-row: 1; display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; margin: 0 0 .6rem; color: var(--listing-muted); font-size: .7rem; }
#teklifler.listing-page .listing-breadcrumb a { display: inline-flex; align-items: center; min-height: 32px; color: var(--listing-muted); text-decoration: none; }
#teklifler.listing-page .listing-breadcrumb a:hover { text-decoration: underline; }
#teklifler.listing-page .listing-eyebrow { grid-column: 1; grid-row: 2; margin: 0; color: #8a622e; font-size: .69rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
#teklifler.listing-page .listing-heading h1 { grid-column: 1; grid-row: 3; font-size: clamp(1.8rem,3.2vw,2.65rem); line-height: 1.16; letter-spacing: -.045em; overflow-wrap: anywhere; }
#teklifler.listing-page .listing-description { grid-column: 1; grid-row: 4; max-width: 78ch; margin: .15rem 0 0; color: var(--listing-muted); font-size: .9rem; line-height: 1.8; }
#teklifler.listing-page .listing-stats { grid-column: 2; grid-row: 3/5; display: flex; flex-wrap: wrap; gap: .5rem; align-items: baseline; justify-content: flex-end; max-width: 29ch; margin: 0; padding: .7rem 1rem; border: 1px solid #e6d8c2; border-radius: 11px; color: #74532c; background: var(--listing-warm); font-size: .8rem; font-weight: 600; line-height: 1.7; white-space: normal; }
#teklifler.listing-page .listing-stats strong { font-size: 1.6rem; font-weight: 800; line-height: 1.2; letter-spacing: -.035em; }
#teklifler.listing-page .listing-search { margin: 0 0 .85rem; }
#teklifler.listing-page .listing-search form, #teklifler.listing-page form.listing-search { display: flex; align-items: stretch; gap: .65rem; padding: .65rem; border: 1px solid #c7d6e2; border-radius: 13px; background: #fff; box-shadow: 0 10px 30px -22px #16334b60; }
#teklifler.listing-page .listing-search-field { position: relative; display: grid; gap: .15rem; flex: 1; min-width: 0; padding: .3rem .75rem; color: var(--listing-muted); font-size: .67rem; font-weight: 650; letter-spacing: .015em; }
#teklifler.listing-page .listing-search-field input { display: block; width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; color: var(--listing-ink); background: transparent; font: inherit; font-size: 16px; font-weight: 550; line-height: 1.5; }
#teklifler.listing-page .listing-search-field input::placeholder { color: #788a9c; opacity: 1; }
#teklifler.listing-page .listing-search-field:focus-within { border-radius: 8px; background: #f4f7fa; }
#teklifler.listing-page button.listing-search-submit, #teklifler.listing-page .listing-search-submit button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-width: 145px; min-height: 54px; padding: .75rem 1.4rem; border: 1px solid var(--navy,#203764); border-radius: 9px; color: #fff; background: var(--navy,#203764); font: inherit; font-size: .9rem; font-weight: 750; line-height: 1.5; cursor: pointer; }
#teklifler.listing-page .listing-quicklinks { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; margin: 0 0 1.7rem; }
#teklifler.listing-page .listing-quicklinks > span { margin-right: .2rem; color: var(--listing-muted); font-size: .72rem; }
#teklifler.listing-page .listing-quicklinks button { min-height: 44px; padding: .45rem .8rem; border: 1px solid var(--listing-line); border-radius: 8px; color: #4b6278; background: #fff; font: inherit; font-size: .75rem; font-weight: 650; line-height: 1.5; }
#teklifler.listing-page .listing-quicklinks button:is(:hover,.is-active,[aria-pressed="true"]) { border-color: #dab276; color: #7d592d; background: #fff8eb; }
#teklifler.listing-page .listing-layout { display: grid; grid-template-columns: 260px minmax(0,1fr); align-items: start; gap: 1.5rem; }
#teklifler.listing-page :is(.listing-filters,.listing-content,.listing-card-copy,.listing-card-price,.listing-toolbar,.listing-results) { min-width: 0; }
#teklifler.listing-page .listing-filters { position: sticky; top: calc(var(--listing-header) + 16px); max-height: calc(100dvh - var(--listing-header) - 32px); overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: #bdcbd7 #f3f6f8; border: 1px solid var(--listing-line); border-radius: 13px; color: var(--listing-ink); background: #fff; }
#teklifler.listing-page .listing-filter-head { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: .65rem; padding: .9rem 1rem; border-bottom: 1px solid var(--listing-line); background: #fff; }
#teklifler.listing-page .listing-filter-head h2 { font-size: 1rem; font-weight: 800; line-height: 1.5; }
#teklifler.listing-page .listing-filter-head button { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: .35rem .5rem; border: 1px solid var(--listing-line); border-radius: 7px; color: var(--listing-ink); background: #fff; font: inherit; font-size: .72rem; font-weight: 650; }
#teklifler.listing-page .listing-filter-head .listing-filter-close { display: none; }
#teklifler.listing-page .listing-filter-group { display: block; min-width: 0; margin: 0; padding: 1rem; border: 0; border-bottom: 1px solid var(--listing-line); }
#teklifler.listing-page .listing-filter-group fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
#teklifler.listing-page .listing-filter-group legend, #teklifler.listing-page .listing-filter-group > h3 { width: 100%; margin: 0 0 .65rem; padding: 0; color: var(--listing-ink); font-size: .78rem; font-weight: 750; line-height: 1.5; }
#teklifler.listing-page fieldset.listing-filter-group > legend { float: left; }
#teklifler.listing-page fieldset.listing-filter-group > legend + * { clear: both; }
#teklifler.listing-page .listing-checkrow { display: flex; align-items: center; gap: .55rem; min-height: 44px; margin: 0; padding: .35rem 0; color: #4c6175; font-size: .78rem; font-weight: 500; line-height: 1.5; cursor: pointer; }
#teklifler.listing-page .listing-checkrow input { flex: 0 0 18px; width: 18px; height: 18px; margin: 0; accent-color: var(--navy,#203764); cursor: pointer; }
#teklifler.listing-page .listing-checkrow span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
#teklifler.listing-page .listing-checkrow small { flex-shrink: 0; min-width: 23px; padding: .1rem .35rem; border-radius: 5px; color: #728396; background: var(--listing-soft); font-size: .66rem; font-weight: 650; text-align: center; }
#teklifler.listing-page .listing-checkrow:has(input:checked) { color: var(--listing-ink); font-weight: 750; }
#teklifler.listing-page .listing-checkrow:has(input:disabled) { color: #83909b; cursor: not-allowed; }
#teklifler.listing-page .listing-filter-select, #teklifler.listing-page .listing-budget { display: grid; gap: .45rem; margin: 0; color: var(--listing-ink); font-size: .78rem; font-weight: 700; }
#teklifler.listing-page .listing-filter-select + .listing-filter-select { margin-top: .75rem; }
#teklifler.listing-page .listing-filter-select label, #teklifler.listing-page .listing-budget label { display: grid; gap: .45rem; color: var(--listing-ink); font-size: .78rem; font-weight: 700; }
#teklifler.listing-page .listing-filter-select select, #teklifler.listing-page .listing-budget input:not([type="range"]) { width: 100%; min-width: 0; min-height: 46px; padding: .65rem .7rem; border: 1px solid #c0ceda; border-radius: 8px; color: var(--listing-ink); background: #fff; font: inherit; font-size: 16px; font-weight: 500; line-height: 1.5; }
#teklifler.listing-page .listing-budget input[type="range"] { width: 100%; min-height: 44px; margin: 0; accent-color: var(--navy,#203764); }
#teklifler.listing-page .listing-budget small { color: var(--listing-muted); font-size: .7rem; line-height: 1.6; }
#teklifler.listing-page .listing-filter-note { margin: .75rem 0 0; color: var(--listing-muted); font-size: .7rem; line-height: 1.7; }
#teklifler.listing-page .listing-budget-error { margin: .6rem 0 0; color: #a13c2d; font-size: .73rem; line-height: 1.65; }
#teklifler.listing-page .listing-budget-error:empty { display: none; }
#teklifler.listing-page .listing-clear { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin: .5rem 1rem; padding: .5rem .65rem; border: 1px solid var(--listing-line); border-radius: 8px; color: var(--listing-ink); background: #fff; font: inherit; font-size: .73rem; font-weight: 650; }
#teklifler.listing-page .listing-filter-footer { position: sticky; bottom: 0; display: grid; gap: .5rem; padding: .85rem 1rem; border-top: 1px solid var(--listing-line); background: #fff; }
#teklifler.listing-page .listing-filter-footer button { min-height: 44px; padding: .65rem .75rem; border: 1px solid var(--listing-line); border-radius: 8px; color: var(--listing-ink); background: #fff; font: inherit; font-size: .78rem; font-weight: 700; line-height: 1.5; }
#teklifler.listing-page .listing-filter-footer button:last-child { border-color: var(--navy,#203764); color: #fff; background: var(--navy,#203764); }
#teklifler.listing-page .listing-toolbar { position: sticky; top: var(--listing-header); z-index: 3; display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; margin: 0 0 .8rem; padding: .6rem 0; border-bottom: 1px solid var(--listing-line); background: #fffffff5; backdrop-filter: blur(10px); }
#teklifler.listing-page .listing-count { flex: 1; margin: 0; color: var(--listing-muted); font-size: .8rem; line-height: 1.5; }
#teklifler.listing-page .listing-count strong { color: var(--listing-ink); font-weight: 800; }
#teklifler.listing-page .listing-sort { display: flex; align-items: center; gap: .5rem; color: var(--listing-muted); font-size: .72rem; white-space: nowrap; }
#teklifler.listing-page .listing-sort select { min-width: 165px; max-width: 100%; min-height: 44px; padding: .6rem 2rem .6rem .7rem; border: 1px solid #c9d6e1; border-radius: 8px; color: var(--listing-ink); background: #fff; font: inherit; font-size: .78rem; font-weight: 600; line-height: 1.5; }
#teklifler.listing-page .listing-view { display: inline-flex; gap: 2px; padding: 2px; border: 1px solid #cbd7e2; border-radius: 9px; background: #fff; }
#teklifler.listing-page .listing-view button { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: .5rem; border: 0; border-radius: 6px; color: #6e8193; background: #fff; font: inherit; font-size: .75rem; font-weight: 750; line-height: 1.5; }
#teklifler.listing-page .listing-view button:is(.is-active,[aria-pressed="true"]) { color: var(--listing-ink); background: #eaf0f5; }
#teklifler.listing-page .listing-mobile-filter { display: none; }
#teklifler.listing-page .listing-chips { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; margin: 0 0 1rem; }
#teklifler.listing-page .listing-chips:empty { display: none; }
#teklifler.listing-page .listing-chips button { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; padding: .45rem .7rem; border: 1px solid #d8c19d; border-radius: 8px; color: #73532e; background: #fff8ec; font: inherit; font-size: .73rem; font-weight: 650; line-height: 1.5; }
#teklifler.listing-page .listing-results { display: grid; grid-template-columns: minmax(0,1fr); gap: 1rem; scroll-margin-top: calc(var(--listing-header) + 82px); }
#teklifler.listing-page .listing-card { position: relative; display: grid; grid-template-columns: 230px minmax(0,1fr) 170px; align-items: stretch; gap: 1.1rem; min-width: 0; padding: .75rem; border: 1px solid #d8e2eb; border-radius: 14px; color: var(--listing-ink); background: #fff; box-shadow: 0 5px 16px -14px #17355070; transition: border-color .2s ease,box-shadow .2s ease; }
#teklifler.listing-page .listing-card:hover { border-color: #b9cbd9; box-shadow: 0 11px 26px -22px #173550a0; }
#teklifler.listing-page .listing-media { position: relative; display: block; align-self: stretch; min-width: 0; min-height: 220px; overflow: hidden; border-radius: 9px; background: #e8eef3; text-decoration: none; }
#teklifler.listing-page .listing-media img { display: block; width: 100%; height: 100%; min-height: 220px; object-fit: cover; transition: transform .35s ease; }
#teklifler.listing-page .listing-media:hover img { transform: scale(1.035); }
#teklifler.listing-page .listing-card-scope { position: absolute; right: .6rem; bottom: .6rem; display: inline-flex; padding: .35rem .65rem; border: 1px solid #ffffffb0; border-radius: 6px; color: var(--listing-ink); background: #fffffff2; font-size: .68rem; font-weight: 750; }
#teklifler.listing-page .listing-image-fallback { display: grid; align-content: center; justify-items: center; height: 100%; min-height: 220px; padding: 1.2rem; color: #61778b; background: #e8eef3; font-size: .8rem; text-align: center; }
#teklifler.listing-page .listing-favorite { position: absolute; top: 1.2rem; left: 1.2rem; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid #ffffffa8; border-radius: 50%; color: var(--listing-ink); background: #fffffff2; box-shadow: 0 3px 12px #17355025; font: inherit; font-size: 1.2rem; line-height: 1; }
#teklifler.listing-page .listing-media .listing-favorite { top: .5rem; left: .5rem; }
#teklifler.listing-page .listing-favorite:is(.is-active,.on,[aria-pressed="true"]) { border-color: #e5c1b7; color: #a34532; background: #fff4ed; }
#teklifler.listing-page .listing-card-copy { display: flex; flex-direction: column; gap: .65rem; padding: .25rem 0; }
#teklifler.listing-page .listing-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem; margin: 0; color: var(--listing-muted); font-size: .66rem; line-height: 1.55; }
#teklifler.listing-page .listing-card-meta > span { padding: .2rem .45rem; border: 1px solid #e2e8ee; border-radius: 5px; color: #52697d; background: var(--listing-soft); font-weight: 650; }
#teklifler.listing-page .listing-card h2 { margin: 0; font-size: 1.05rem; line-height: 1.45; letter-spacing: -.025em; }
#teklifler.listing-page .listing-card h2 a { display: block; color: var(--listing-ink); text-decoration: none; overflow-wrap: anywhere; }
#teklifler.listing-page .listing-card h2 a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
#teklifler.listing-page .listing-route { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0; overflow: hidden; color: #63778a; font-size: .75rem; line-height: 1.7; overflow-wrap: anywhere; }
#teklifler.listing-page .listing-first-date { order: 3; margin: auto 0 0; color: #4c657b; font-size: .73rem; font-weight: 650; line-height: 1.65; }
#teklifler.listing-page .listing-card-dates { order: 4; display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; margin: 0; padding-top: .15rem; }
#teklifler.listing-page .listing-card-dates :is(button,a) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .4rem .65rem; border: 1px solid #d5e0e9; border-radius: 7px; color: #4a6176; background: #fff; font: inherit; font-size: .7rem; font-weight: 650; line-height: 1.5; text-decoration: none; }
#teklifler.listing-page .listing-card-dates :is(button,a):hover { border-color: #ceab75; color: #7d5728; background: #fff9ed; }
#teklifler.listing-page .listing-card-price { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: .3rem; padding: .4rem .25rem .4rem 1rem; border-left: 1px solid var(--listing-line); text-align: right; }
#teklifler.listing-page .listing-card-price small { color: var(--listing-muted); font-size: .65rem; font-weight: 500; line-height: 1.6; }
#teklifler.listing-page .listing-card-price > strong { display: block; color: var(--listing-ink); font-size: 1.6rem; font-weight: 800; line-height: 1.3; letter-spacing: -.045em; overflow-wrap: anywhere; }
#teklifler.listing-page .listing-price-tl { display: block; margin: 0; color: var(--listing-muted); font-size: .72rem; line-height: 1.65; }
#teklifler.listing-page .listing-card-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; margin: .75rem 0 0; padding: .65rem .7rem; border: 1px solid var(--navy,#203764); border-radius: 8px; color: #fff; background: var(--navy,#203764); font-size: .78rem; font-weight: 750; line-height: 1.5; text-align: center; text-decoration: none; }
#teklifler.listing-page .listing-card-cta:hover { filter: brightness(1.1); }
#teklifler.listing-page .listing-compare-toggle { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 44px; padding: .45rem .2rem; border: 0; border-radius: 7px; color: #64788b; background: transparent; font: inherit; font-size: .7rem; font-weight: 650; line-height: 1.5; }
#teklifler.listing-page .listing-compare-toggle:is([aria-pressed="true"],.is-selected) { color: #745429; background: #fff8eb; }
#teklifler.listing-page .listing-results[data-view="grid"] { grid-template-columns: repeat(2,minmax(0,1fr)); }
#teklifler.listing-page .listing-results[data-view="grid"] .listing-card { display: flex; flex-direction: column; gap: .85rem; padding: .75rem; }
#teklifler.listing-page .listing-results[data-view="grid"] .listing-media { height: 210px; min-height: 210px; }
#teklifler.listing-page .listing-results[data-view="grid"] .listing-media img, #teklifler.listing-page .listing-results[data-view="grid"] .listing-image-fallback { min-height: 210px; }
#teklifler.listing-page .listing-results[data-view="grid"] .listing-card-copy { flex: 1; }
#teklifler.listing-page .listing-results[data-view="grid"] .listing-card-price { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .15rem .65rem; padding: .85rem 0 0; border-left: 0; border-top: 1px solid var(--listing-line); text-align: left; }
#teklifler.listing-page .listing-results[data-view="grid"] .listing-card-price > :is(small,strong,.listing-price-tl) { grid-column: 1; }
#teklifler.listing-page .listing-results[data-view="grid"] .listing-card-cta { grid-column: 2; grid-row: 1/4; min-width: 118px; margin: 0; }
#teklifler.listing-page .listing-results[data-view="grid"] .listing-compare-toggle { grid-column: 1/-1; }
#teklifler.listing-page .listing-empty { display: grid; justify-items: start; gap: .8rem; padding: 2.2rem; border: 1px dashed #bacbd9; border-radius: 13px; color: var(--listing-muted); background: #f8fafb; font-size: .9rem; }
#teklifler.listing-page .listing-empty h2 { font-size: 1.35rem; line-height: 1.4; }
#teklifler.listing-page .listing-empty p { max-width: 58ch; margin: 0; line-height: 1.8; }
#teklifler.listing-page .listing-empty button { min-height: 46px; padding: .65rem .9rem; border: 1px solid var(--navy,#203764); border-radius: 8px; color: #fff; background: var(--navy,#203764); font: inherit; font-size: .8rem; font-weight: 700; }
#teklifler.listing-page .listing-more { display: flex; justify-content: center; margin: 1.4rem 0 0; }
#teklifler.listing-page button.listing-more, #teklifler.listing-page .listing-more button { min-height: 48px; padding: .75rem 1.4rem; border: 1px solid #b9cbd9; border-radius: 9px; color: var(--listing-ink); background: #fff; font: inherit; font-size: .8rem; font-weight: 750; }
#teklifler.listing-page button.listing-more { margin-left: auto; margin-right: auto; }
#teklifler.listing-page .listing-price-note { margin: 1.25rem 0 0; color: var(--listing-muted); font-size: .73rem; line-height: 1.8; }
#teklifler.listing-page .listing-result-status { margin: .5rem 0; color: var(--listing-muted); font-size: .75rem; line-height: 1.6; }
#teklifler.listing-page .listing-result-status:empty { display: none; }
#teklifler.listing-page .listing-overlay { display: none; }
#teklifler.listing-page .listing-compare-bar { position: fixed; right: 1rem; bottom: 1rem; left: 1rem; z-index: 40; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .65rem 1rem; width: calc(100% - 2rem); max-width: 1040px; margin: 0 auto; padding: .85rem 1rem; border: 1px solid #c3d0dc; border-radius: 13px; color: var(--listing-ink); background: #fffffff7; box-shadow: 0 12px 45px #17355035; backdrop-filter: blur(12px); }
#teklifler.listing-page .listing-compare-bar > :is(div,span,p) { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; min-width: 0; margin: 0; font-size: .75rem; }
#teklifler.listing-page .listing-compare-bar button { min-height: 44px; padding: .55rem .75rem; border: 1px solid #cedbe5; border-radius: 8px; color: var(--listing-ink); background: #fff; font: inherit; font-size: .73rem; font-weight: 650; line-height: 1.5; }
#teklifler.listing-page .listing-compare-bar > strong { flex-shrink: 0; font-size: .75rem; }
#teklifler.listing-page .listing-compare-bar .listing-compare-selected { flex: 1; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
#teklifler.listing-page .listing-compare-selected button { display: block; flex: 0 0 auto; max-width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#teklifler.listing-page .listing-compare-bar .listing-card-cta { flex-shrink: 0; margin: 0; border-color: var(--navy,#203764); color: #fff; background: var(--navy,#203764); }
#teklifler.listing-page .listing-compare-bar .listing-clear { margin: 0; }
#teklifler.listing-page .listing-compare-bar button:disabled { opacity: .5; }
#teklifler.listing-page .listing-compare-dialog { width: min(1080px,calc(100vw - 3rem)); max-width: none; max-height: calc(100dvh - 3rem); margin: auto; padding: 0; overflow: auto; border: 1px solid #cdd9e4; border-radius: 15px; color: var(--listing-ink); background: #fff; box-shadow: 0 22px 90px #102b4d55; }
#teklifler.listing-page .listing-compare-dialog::backdrop { background: #112a46a6; backdrop-filter: blur(3px); }
#teklifler.listing-page .listing-compare-dialog > header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--listing-line); background: #fff; }
#teklifler.listing-page .listing-compare-dialog h2 { font-size: 1.2rem; line-height: 1.5; }
#teklifler.listing-page .listing-compare-dialog > .listing-price-note { margin: 0; padding: 0 1.25rem 1.25rem; }
#teklifler.listing-page .listing-compare-dialog > header button { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: .5rem .7rem; border: 1px solid var(--listing-line); border-radius: 8px; color: var(--listing-ink); background: #fff; font: inherit; font-size: .75rem; font-weight: 650; }
#teklifler.listing-page .listing-compare-table { max-width: 100%; overflow-x: auto; padding: 0 1.25rem 1.25rem; overscroll-behavior-inline: contain; }
#teklifler.listing-page .listing-compare-table table { width: 100%; border-collapse: collapse; color: #4e6378; font-size: .8rem; line-height: 1.7; text-align: left; }
#teklifler.listing-page .listing-compare-table :is(th,td) { min-width: 210px; padding: 1rem; border-right: 1px solid var(--listing-line); border-bottom: 1px solid var(--listing-line); vertical-align: top; overflow-wrap: anywhere; }
#teklifler.listing-page .listing-compare-table :is(th,td):first-child { min-width: 130px; width: 145px; color: var(--listing-ink); background: var(--listing-soft); font-size: .75rem; font-weight: 750; }
#teklifler.listing-page .listing-compare-table :is(th,td):last-child { border-right: 0; }
#teklifler.listing-page .listing-compare-table img { display: block; width: 100%; height: 140px; margin: 0 0 .7rem; border-radius: 8px; object-fit: cover; }
#teklifler.listing-page .listing-compare-table a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; text-underline-offset: .2em; }
#teklifler.listing-page .listing-compare-table strong { color: var(--listing-ink); }
@media (max-width:1200px) {
  #teklifler.listing-page .listing-card { grid-template-columns: 190px minmax(0,1fr) 150px; gap: .85rem; }
  #teklifler.listing-page .listing-card-price { padding-left: .8rem; }
  #teklifler.listing-page .listing-card h2 { font-size: .95rem; }
  #teklifler.listing-page .listing-card-price > strong { font-size: 1.4rem; }
}
@media (max-width:1100px) { html[data-theme] body.onlisting .top .callbox { display: none; } }
@media (max-width:960px) {
  body.onlisting.listing-filter-open { overflow: hidden; }
  #teklifler.listing-page { padding-left: 1.2rem; padding-right: 1.2rem; }
  #teklifler.listing-page .listing-layout { grid-template-columns: minmax(0,1fr); }
  #teklifler.listing-page .listing-filters { position: fixed; top: 0; right: 0; bottom: 0; left: auto; z-index: 70; width: min(400px,92vw); height: 100dvh; max-height: none; margin: 0; padding-bottom: env(safe-area-inset-bottom); border: 0; border-radius: 0; transform: translateX(110%); visibility: hidden; pointer-events: none; transition: transform .2s ease; box-shadow: -12px 0 40px #17355025; }
  #teklifler.listing-page .listing-filters.is-open { transform: translateX(0); visibility: visible; pointer-events: auto; }
  #teklifler.listing-page .listing-filter-head { padding: .85rem 1.2rem; }
  #teklifler.listing-page .listing-filter-head h2 { font-size: 1.15rem; }
  #teklifler.listing-page .listing-filter-head .listing-filter-close { display: inline-flex; }
  #teklifler.listing-page .listing-filter-group { padding: .9rem 1.2rem; }
  #teklifler.listing-page .listing-filter-group legend { font-size: .85rem; }
  #teklifler.listing-page .listing-checkrow { font-size: .9rem; min-height: 48px; }
  #teklifler.listing-page .listing-filter-footer { padding: 1rem 1.2rem calc(1rem + env(safe-area-inset-bottom)); box-shadow: 0 -7px 20px -15px #17355050; }
  #teklifler.listing-page .listing-filter-footer button { min-height: 48px; font-size: .85rem; }
  #teklifler.listing-page .listing-mobile-filter { display: inline-flex; }
  #teklifler.listing-page button.listing-mobile-filter, #teklifler.listing-page .listing-mobile-filter button { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 44px; padding: .6rem .8rem; border: 1px solid #c3d1dd; border-radius: 8px; color: var(--listing-ink); background: #fff; font: inherit; font-size: .8rem; font-weight: 750; line-height: 1.5; }
  #teklifler.listing-page .listing-overlay:not([hidden]) { position: fixed; inset: 0; z-index: 60; display: block; background: #142c4588; backdrop-filter: blur(2px); }
  #teklifler.listing-page .listing-card { grid-template-columns: 200px minmax(0,1fr) 150px; }
  #teklifler.listing-page .listing-sort select { font-size: 16px; }
}
@media (max-width:760px) {
  body.onlisting.listing-has-compare { padding-bottom: 190px; }
  html[data-theme] body.onlisting .top .bar { min-height: 72px; padding-top: .55rem; padding-bottom: .55rem; gap: 1rem; flex-wrap: wrap; }
  html[data-theme] body.onlisting .top #nav { display: none; }
  html[data-theme] body.onlisting .top #nav.open { display: flex; flex-basis: 100%; flex-direction: column; align-items: stretch; gap: .2rem; }
  html[data-theme] body.onlisting .top #nav > a, html[data-theme] body.onlisting .top #nav > .dd > a { padding: .65rem 1rem; }
  #teklifler.listing-page { --listing-header: 72px; padding: 1.1rem 1rem 4rem; }
  #teklifler.listing-page .listing-heading { grid-template-columns: minmax(0,1fr); gap: .5rem; margin-bottom: 1.1rem; }
  #teklifler.listing-page .listing-eyebrow { font-size: .65rem; }
  #teklifler.listing-page .listing-heading h1 { font-size: 1.9rem; line-height: 1.2; }
  #teklifler.listing-page .listing-description { font-size: .83rem; line-height: 1.75; }
  #teklifler.listing-page .listing-stats { grid-column: 1; grid-row: 5; justify-self: start; max-width: 100%; gap: .4rem; padding: .4rem .65rem; border-radius: 7px; font-size: .7rem; }
  #teklifler.listing-page .listing-stats strong { font-size: 1.1rem; }
  #teklifler.listing-page .listing-search form, #teklifler.listing-page form.listing-search { gap: .4rem; padding: .4rem; border-radius: 10px; }
  #teklifler.listing-page .listing-search-field { padding: .25rem .5rem; font-size: .65rem; }
  #teklifler.listing-page button.listing-search-submit, #teklifler.listing-page .listing-search-submit button { min-width: 76px; min-height: 54px; padding: .65rem .8rem; font-size: .82rem; }
  #teklifler.listing-page .listing-quicklinks { flex-wrap: nowrap; max-width: 100%; margin-bottom: 1rem; padding-bottom: .2rem; overflow-x: auto; scrollbar-width: thin; }
  #teklifler.listing-page .listing-quicklinks > span { display: none; }
  #teklifler.listing-page .listing-quicklinks button { flex: 0 0 auto; white-space: nowrap; font-size: .7rem; }
  #teklifler.listing-page .listing-toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .5rem; padding: .6rem 0; }
  #teklifler.listing-page .listing-count { grid-column: 1; grid-row: 1; min-width: 0; font-size: .78rem; }
  #teklifler.listing-page .listing-mobile-filter { grid-column: 2; grid-row: 1; justify-self: end; }
  #teklifler.listing-page .listing-sort { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: auto minmax(0,1fr); min-width: 0; width: 100%; font-size: .7rem; }
  #teklifler.listing-page .listing-sort select { min-width: 0; width: 100%; min-height: 44px; padding-right: 1.65rem; font-size: 16px; }
  #teklifler.listing-page .listing-view { grid-column: 2; grid-row: 2; margin-left: auto; }
  #teklifler.listing-page .listing-view button { min-width: 44px; min-height: 44px; }
  #teklifler.listing-page .listing-chips { gap: .35rem; margin-bottom: .75rem; }
  #teklifler.listing-page .listing-chips button { font-size: .7rem; }
  #teklifler.listing-page .listing-results, #teklifler.listing-page .listing-results[data-view="grid"] { grid-template-columns: minmax(0,1fr); gap: 1rem; scroll-margin-top: calc(var(--listing-header) + 136px); }
  #teklifler.listing-page .listing-card, #teklifler.listing-page .listing-results[data-view="grid"] .listing-card { display: flex; flex-direction: column; gap: .85rem; padding: .65rem; border-radius: 12px; }
  #teklifler.listing-page .listing-media, #teklifler.listing-page .listing-results[data-view="grid"] .listing-media { height: 190px; min-height: 190px; flex: none; border-radius: 8px; }
  #teklifler.listing-page .listing-media img, #teklifler.listing-page .listing-image-fallback, #teklifler.listing-page .listing-results[data-view="grid"] .listing-media img, #teklifler.listing-page .listing-results[data-view="grid"] .listing-image-fallback { min-height: 190px; }
  #teklifler.listing-page .listing-favorite { top: 1.1rem; left: 1.1rem; }
  #teklifler.listing-page .listing-card-copy { padding: 0 .2rem; gap: .6rem; }
  #teklifler.listing-page .listing-card h2 { font-size: 1.03rem; line-height: 1.5; }
  #teklifler.listing-page .listing-card-meta { font-size: .67rem; }
  #teklifler.listing-page .listing-route { font-size: .75rem; }
  #teklifler.listing-page .listing-card-dates { gap: .35rem; }
  #teklifler.listing-page .listing-card-dates :is(a,button) { padding: .4rem .55rem; font-size: .7rem; }
  #teklifler.listing-page .listing-card-price, #teklifler.listing-page .listing-results[data-view="grid"] .listing-card-price { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .15rem .65rem; padding: .85rem .2rem 0; border-left: 0; border-top: 1px solid var(--listing-line); text-align: left; }
  #teklifler.listing-page .listing-card-price > :is(small,strong,.listing-price-tl) { grid-column: 1; }
  #teklifler.listing-page .listing-card-price > strong { font-size: 1.55rem; }
  #teklifler.listing-page .listing-card-cta { grid-column: 2; grid-row: 1/4; min-width: 118px; margin: 0; padding: .7rem; font-size: .8rem; }
  #teklifler.listing-page .listing-compare-toggle { grid-column: 1/-1; min-height: 44px; }
  #teklifler.listing-page .listing-empty { padding: 1.4rem; }
  #teklifler.listing-page .listing-empty h2 { font-size: 1.2rem; }
  #teklifler.listing-page .listing-compare-bar { right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; width: 100%; max-width: none; gap: .35rem .5rem; padding: .65rem 1rem calc(.65rem + env(safe-area-inset-bottom)); border-right: 0; border-left: 0; border-bottom: 0; border-radius: 12px 12px 0 0; }
  #teklifler.listing-page .listing-compare-bar > :is(div,span,p) { gap: .3rem; font-size: .68rem; }
  #teklifler.listing-page .listing-compare-bar button { font-size: .7rem; }
  #teklifler.listing-page .listing-compare-bar > strong { grid-column: 1; grid-row: 1; }
  #teklifler.listing-page .listing-compare-bar .listing-clear { grid-column: 2; grid-row: 1; }
  #teklifler.listing-page .listing-compare-bar .listing-compare-selected { grid-column: 1/-1; grid-row: 2; }
  #teklifler.listing-page .listing-compare-bar .listing-card-cta { grid-column: 1/-1; grid-row: 3; width: 100%; }
  #teklifler.listing-page .listing-compare-dialog { width: calc(100vw - 1rem); max-height: calc(100dvh - 1rem); border-radius: 11px; }
  #teklifler.listing-page .listing-compare-dialog > header { padding: .7rem .85rem; }
  #teklifler.listing-page .listing-compare-dialog h2 { font-size: 1rem; }
  #teklifler.listing-page .listing-compare-table { padding: 0 .65rem .75rem; }
  #teklifler.listing-page .listing-compare-table :is(th,td) { min-width: 190px; padding: .7rem; font-size: .75rem; }
  #teklifler.listing-page .listing-compare-table :is(th,td):first-child { min-width: 105px; width: 105px; font-size: .7rem; }
}
@media (max-width:360px) {
  #teklifler.listing-page .listing-heading h1 { font-size: 1.7rem; }
  #teklifler.listing-page .listing-media, #teklifler.listing-page .listing-results[data-view="grid"] .listing-media { height: 165px; min-height: 165px; }
  #teklifler.listing-page .listing-media img, #teklifler.listing-page .listing-image-fallback, #teklifler.listing-page .listing-results[data-view="grid"] .listing-media img, #teklifler.listing-page .listing-results[data-view="grid"] .listing-image-fallback { min-height: 165px; }
  #teklifler.listing-page .listing-card-price > strong { font-size: 1.35rem; }
  #teklifler.listing-page .listing-card-cta, #teklifler.listing-page .listing-results[data-view="grid"] .listing-card-cta { min-width: 105px; font-size: .75rem; }
}
@media (prefers-reduced-motion:reduce) {
  #teklifler.listing-page :is(.listing-card,.listing-media img,.listing-filters) { transition: none; }
  #teklifler.listing-page .listing-media:hover img { transform: none; }
}
@media print {
  body.onlisting :is(.top,.strip,.agbar,.mbar,.foot) { display: none !important; }
  #teklifler.listing-page { max-width: none; margin: 0; padding: 0; font-size: 10pt; }
  #teklifler.listing-page :is(.listing-search,.listing-quicklinks,.listing-filters,.listing-toolbar,.listing-chips,.listing-favorite,.listing-compare-toggle,.listing-compare-bar,.listing-more,.listing-overlay,.listing-compare-dialog) { display: none !important; }
  #teklifler.listing-page .listing-layout { display: block; }
  #teklifler.listing-page .listing-heading h1 { font-size: 20pt; }
  #teklifler.listing-page .listing-card { break-inside: avoid; box-shadow: none; }
  #teklifler.listing-page .listing-card h2 { font-size: 12pt; }
  #teklifler.listing-page .listing-card-cta { color: #172f49; background: #fff; border-color: #cbd5df; }
}
/* Vize etiketi (Vizesiz / Kapıda Vize / Kolay Vize / Vizeli) */
#teklifler.listing-page .listing-card-meta > span.tour-visa-vizesiz, #teklifler.listing-page .listing-card-meta > span.tour-visa-kapida, #teklifler.listing-page .listing-card-meta > span.tour-visa-kolay { color: #0f6b46; border-color: #bfe3cf; background: #ecf8f1; }

/* /site-compare.css */
/* Tur karşılaştırma sayfası: iki (ya da üç) tur yan yana, farklı satırlar işaretli. */
.compare-page { --cmp-ink: var(--ink, #0e2233); --cmp-muted: var(--muted, #66788a); --cmp-line: var(--line, #e8edf2); --cmp-soft: #f6f8fa; --cmp-acc: var(--orange, #f59a3f); --cmp-ok: #0f8f6a; --cmp-r: 16px; color: var(--cmp-ink); }
.compare-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; margin-bottom: 1.6rem; }
.compare-kicker { margin: 0 0 .3rem; font-size: .8rem; font-weight: 700; letter-spacing: .02em; color: var(--cmp-acc); }
.compare-head h1 { margin: 0; font-size: clamp(1.6rem, 3vw, 2.3rem); line-height: 1.15; letter-spacing: -.02em; }
.compare-lead { margin: .55rem 0 0; max-width: 56ch; color: var(--cmp-muted); font-size: .95rem; line-height: 1.6; }
.compare-tools { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.compare-tools .compare-add { margin: 0; color: var(--cmp-ink); border-color: var(--cmp-ink); text-decoration: none; display: inline-flex; align-items: center; }
.compare-clear { min-height: 44px; padding: .5rem .9rem; border: 1px solid var(--cmp-line); border-radius: 10px; background: #fff; color: var(--cmp-muted); font: inherit; font-size: .85rem; font-weight: 600; cursor: pointer; }
.compare-clear:hover { color: var(--cmp-ink); border-color: #c9d4de; }
.compare-empty { padding: 3rem 1.5rem; border: 1px dashed #c9d4de; border-radius: var(--cmp-r); text-align: center; color: var(--cmp-muted); }
.compare-empty p { max-width: 48ch; margin: 0 auto 1.2rem; line-height: 1.6; }
.compare-loading { color: var(--cmp-muted); }
.compare-body { overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; padding-bottom: .4rem; }
.compare-grid { display: grid; grid-template-columns: 168px repeat(var(--cols, 2), minmax(240px, 1fr)); min-width: 100%; border: 1px solid var(--cmp-line); border-radius: var(--cmp-r); background: #fff; overflow: hidden; }
.compare-grid > * { min-width: 0; border-bottom: 1px solid var(--cmp-line); }
/* Üst şerit */
.compare-corner { display: flex; align-items: flex-end; padding: 1rem; background: var(--cmp-soft); color: var(--cmp-muted); font-size: .8rem; font-weight: 600; position: sticky; left: 0; z-index: 3; }
.compare-tour { position: relative; padding: 0 0 1rem; border-left: 1px solid var(--cmp-line); background: #fff; }
.compare-media { position: relative; aspect-ratio: 16 / 9; background: linear-gradient(135deg, #dfe8f1, #c7d5e3); overflow: hidden; }
.compare-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.compare-scope { position: absolute; left: .7rem; bottom: .7rem; padding: .25rem .6rem; border-radius: 999px; background: rgba(14, 34, 51, .78); color: #fff; font-size: .72rem; font-weight: 700; backdrop-filter: blur(4px); }
.compare-remove { position: absolute; right: .55rem; top: .55rem; width: 34px; height: 34px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--cmp-ink); font-size: 1.25rem; line-height: 1; cursor: pointer; box-shadow: 0 2px 8px rgba(14, 34, 51, .18); }
.compare-remove:hover { background: #fff; color: #b3261e; }
.compare-copy { padding: .9rem 1rem 0; }
.compare-code { display: inline-block; margin-bottom: .35rem; padding: .15rem .5rem; border-radius: 6px; background: var(--cmp-soft); color: var(--cmp-muted); font-size: .72rem; font-weight: 700; letter-spacing: .03em; }
.compare-name { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 .7rem; color: var(--cmp-ink); font-size: 1rem; font-weight: 750; line-height: 1.35; text-decoration: none; min-height: 2.7em; }
.compare-name:hover { text-decoration: underline; text-underline-offset: .2em; }
.compare-price { display: flex; align-items: baseline; gap: .35rem; flex-wrap: wrap; margin-bottom: .8rem; }
.compare-price small { color: var(--cmp-muted); font-size: .75rem; }
.compare-price strong { font-size: 1.45rem; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.compare-price strong.muted { font-size: .95rem; color: var(--cmp-muted); font-weight: 600; }
.compare-actions { display: flex; gap: .5rem; }
.compare-actions .btn { margin: 0; flex: 1; justify-content: center; text-align: center; }
/* Bölüm başlıkları ve satırlar */
.compare-sec { grid-column: 1 / -1; padding: .55rem 1rem; background: var(--cmp-ink); color: #fff; font-size: .74rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.compare-label { position: sticky; left: 0; z-index: 2; display: flex; align-items: center; gap: .5rem; padding: .8rem 1rem; background: var(--cmp-soft); color: var(--cmp-ink); font-size: .82rem; font-weight: 700; line-height: 1.4; }
.compare-label.is-diff { box-shadow: inset 3px 0 0 var(--cmp-acc); }
.compare-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--cmp-acc); flex: none; }
.compare-cell { padding: .8rem 1rem; border-left: 1px solid var(--cmp-line); color: #35485b; font-size: .88rem; line-height: 1.55; overflow-wrap: anywhere; }
.compare-cell.is-diff { background: #fffaf3; color: var(--cmp-ink); font-weight: 600; }
.compare-list { margin: 0; padding: 0; list-style: none; display: grid; gap: .3rem; font-size: .82rem; }
.compare-list li { position: relative; padding-left: 1.25rem; }
.compare-list li::before { content: ''; position: absolute; left: 0; top: .55em; width: 7px; height: 7px; border-radius: 50%; background: #c9d4de; }
.compare-list.is-in li.is-shared::before { background: var(--cmp-ok); }
.compare-list.is-in li.is-shared { color: var(--cmp-ok); }
.compare-list.is-out li::before { background: #e3a1a1; }
.compare-program { margin: 0; padding-left: 1.2rem; font-size: .82rem; display: grid; gap: .2rem; }
.compare-program li::marker { color: var(--cmp-acc); font-weight: 700; }
.compare-note { margin: 1rem 0 0; color: var(--cmp-muted); font-size: .8rem; line-height: 1.6; }
@media (max-width: 720px) {
  /* Dar ekran: etiket satırı tam genişlik, turlar yan yana eşit sütun (3 turda yatay kaydırma). */
  .compare-grid { grid-template-columns: repeat(var(--cols, 2), minmax(150px, 1fr)); border-radius: 12px; }
  .compare-corner { display: none; }
  .compare-tour { border-left: 0; }
  .compare-tour + .compare-tour { border-left: 1px solid var(--cmp-line); }
  .compare-label { grid-column: 1 / -1; position: static; padding: .5rem .75rem .35rem; border-bottom: 0; font-size: .72rem; }
  .compare-label.is-diff { box-shadow: none; }
  .compare-cell { padding: .2rem .75rem .7rem; font-size: .8rem; border-left: 0; }
  .compare-cell + .compare-cell { border-left: 1px solid var(--cmp-line); }
  .compare-cell.is-diff { background: transparent; }
  .compare-copy { padding: .7rem .75rem 0; }
  .compare-name { font-size: .9rem; }
  .compare-price strong { font-size: 1.15rem; }
  .compare-actions .btn { padding: .6rem .5rem; font-size: .85rem; }
  .compare-head h1 { font-size: 1.45rem; }
}
@media print { .compare-tools, .compare-remove, .compare-actions { display: none !important; } .compare-body { overflow: visible; } }
/* Tur sayfası: karşılaştırmaya ekle */
#detay.tour-page .tour-compare-row { margin: .6rem 0 0; }
#detay.tour-page .tour-compare-btn { display: flex; width: 100%; justify-content: center; align-items: center; min-height: 44px; padding: .55rem .9rem; border: 1.5px solid var(--line, #e8edf2); border-radius: 10px; background: #fff; color: var(--navy, #0e2233); font: inherit; font-size: .88rem; font-weight: 700; cursor: pointer; }
#detay.tour-page .tour-compare-btn:hover { border-color: var(--navy, #0e2233); }

/* /site-calendar.css */
/* Gezi takvimi: açık tarih görünümü ve karşılaştırılabilir tur çıkışları. */
html:has(> body.oncalendar) { scroll-padding-top: 0; }
html[data-theme] body.oncalendar .agbar { display: none; }
body.oncalendar .strip .wrap { padding-top: .25rem; padding-bottom: .25rem; }
html[data-theme] body.oncalendar .top .bar { display: flex; flex-flow: row nowrap; justify-content: space-between; min-height: 76px; gap: 1.4rem; padding-top: .5rem; padding-bottom: .5rem; }
html[data-theme] body.oncalendar .top .brand { margin: 0; flex-shrink: 0; }
html[data-theme] body.oncalendar .top #nav { display: flex; flex: 1; justify-content: center; gap: 1rem; margin: 0; }
html[data-theme] body.oncalendar .top #nav > a, html[data-theme] body.oncalendar .top #nav > .dd > a { display: inline-flex; align-items: center; min-height: 44px; padding: .4rem 0; font-size: .825rem; font-weight: 700; }
body.oncalendar .mbar { display: none !important; }
body.oncalendar.hasbar { padding-bottom: 0; }
#takvim.calendar-page { --cal-ink: #17384e; --cal-muted: #5b7280; --cal-line: #dce7eb; --cal-soft: #f4f8f9; --cal-aqua: #e9f6f4; --cal-teal: #197d7e; --cal-teal-dark: #136267; --cal-header: 76px; max-width: 1360px; margin: 0 auto; padding: .65rem 1.6rem 4rem; color: var(--cal-ink); background: #fff; font: 15px/1.65 Manrope,system-ui,sans-serif; }
#takvim.calendar-page * { box-sizing: border-box; }
#takvim.calendar-page [hidden] { display: none !important; }
#takvim.calendar-page :is(h1,h2,h3,h4) { margin: 0; padding: 0; border: 0; color: var(--cal-ink); font-family: Manrope,system-ui,sans-serif; font-style: normal; font-weight: 800; text-align: left; text-transform: none; letter-spacing: -.03em; }
#takvim.calendar-page h2::after { content: none; }
#takvim.calendar-page :is(button,input,select,textarea) { font-family: Manrope,system-ui,sans-serif; }
#takvim.calendar-page :is(button,a,input,select,summary):focus-visible { outline: 3px solid var(--orange,#f59a3f); outline-offset: 3px; }
#takvim.calendar-page button { cursor: pointer; }
#takvim.calendar-page button:disabled { cursor: not-allowed; }
#takvim.calendar-page a { color: var(--cal-ink); }
#takvim.calendar-page img { max-width: 100%; }
#takvim.calendar-page .cal-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .2rem 1.5rem; align-items: end; margin: 0 0 .65rem; }
#takvim.calendar-page .cal-breadcrumb { grid-column: 1/-1; grid-row: 1; display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; margin: 0 0 .2rem; color: var(--cal-muted); font-size: .7rem; }
#takvim.calendar-page .cal-breadcrumb a { display: inline-flex; align-items: center; min-height: 28px; color: var(--cal-muted); text-decoration: none; }
#takvim.calendar-page .cal-breadcrumb a:hover { text-decoration: underline; }
#takvim.calendar-page .cal-eyebrow { grid-column: 1; grid-row: 2; margin: 0; color: var(--cal-teal-dark); font-size: .68rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
#takvim.calendar-page .cal-heading h1 { grid-column: 1; grid-row: 3; font-size: clamp(1.75rem,2.45vw,2.25rem); line-height: 1.2; letter-spacing: -.045em; overflow-wrap: anywhere; }
#takvim.calendar-page .cal-description { grid-column: 1; grid-row: 4; max-width: 88ch; margin: 0; color: var(--cal-muted); font-size: .85rem; line-height: 1.7; }
#takvim.calendar-page .cal-stats { grid-column: 2; grid-row: 3/5; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 1.2rem; max-width: 320px; margin: 0; padding: .85rem 1.05rem; border: 1px solid #d5e8e5; border-radius: 11px; color: var(--cal-teal-dark); background: var(--cal-aqua); font-size: .72rem; line-height: 1.65; }
#takvim.calendar-page .cal-stats > span { display: grid; gap: .1rem; }
#takvim.calendar-page .cal-stats strong { display: block; color: var(--cal-ink); font-size: 1.4rem; font-weight: 800; line-height: 1.25; letter-spacing: -.035em; }
#takvim.calendar-page .cal-stats:empty { display: none; }
#takvim.calendar-page .cal-search { margin: 0 0 .6rem; }
#takvim.calendar-page .cal-search form, #takvim.calendar-page form.cal-search { display: flex; align-items: stretch; gap: .6rem; padding: .35rem; border: 1px solid #bdcfd8; border-radius: 12px; background: #fff; box-shadow: 0 8px 22px -19px #17384e55; }
#takvim.calendar-page .cal-search-field { display: flex; align-items: center; gap: 1rem; flex: 1; min-width: 0; margin: 0; padding: .15rem .7rem; color: var(--cal-muted); font-size: .7rem; font-weight: 650; line-height: 1.5; white-space: nowrap; }
#takvim.calendar-page .cal-search-field input { flex: 1; width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; color: var(--cal-ink); background: transparent; font: inherit; font-size: 16px; font-weight: 500; line-height: 1.5; }
#takvim.calendar-page .cal-search-field input::placeholder { color: #768c98; opacity: 1; }
#takvim.calendar-page .cal-search-field:focus-within { border-radius: 7px; background: var(--cal-soft); }
#takvim.calendar-page .cal-primary { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 46px; padding: .7rem 1.1rem; border: 1px solid var(--navy,#203764); border-radius: 8px; color: #fff; background: var(--navy,#203764); font: inherit; font-size: .82rem; font-weight: 750; line-height: 1.5; text-align: center; text-decoration: none; }
#takvim.calendar-page .cal-primary:hover:not(:disabled) { filter: brightness(1.1); }
#takvim.calendar-page .cal-primary:disabled { opacity: .55; }
#takvim.calendar-page .cal-filters { display: flex; align-items: end; flex-wrap: wrap; gap: .85rem; margin: 0 0 .65rem; }
#takvim.calendar-page .cal-filters > label { display: flex; align-items: center; gap: .6rem; flex: 1 1 190px; min-width: 0; margin: 0; color: var(--cal-ink); font-size: .75rem; font-weight: 650; line-height: 1.5; white-space: nowrap; }
#takvim.calendar-page .cal-filters select, #takvim.calendar-page .cal-range input { display: block; width: 100%; min-width: 0; min-height: 46px; margin: 0; padding: .65rem .75rem; border: 1px solid #c4d3dc; border-radius: 8px; color: var(--cal-ink); background: #fff; font: inherit; font-size: 16px; font-weight: 500; line-height: 1.5; }
#takvim.calendar-page label.cal-check { display: flex; align-items: center; gap: .6rem; flex: 0 1 auto; min-height: 46px; padding: .4rem 0; color: #4f6a78; font-size: .8rem; font-weight: 550; cursor: pointer; }
#takvim.calendar-page .cal-check input { flex: 0 0 19px; width: 19px; height: 19px; margin: 0; accent-color: var(--cal-teal); cursor: pointer; }
#takvim.calendar-page .cal-period { min-width: 0; margin: 0 0 1rem; padding: 1rem; border: 1px solid #d8e6e8; border-radius: 12px; background: #f7fbfb; }
#takvim.calendar-page details.cal-period { padding: .1rem .9rem; margin-bottom: .5rem; }
#takvim.calendar-page details.cal-period > summary { display: flex; align-items: center; justify-content: space-between; gap: .6rem; min-height: 44px; margin: 0; padding: .45rem 0; color: var(--cal-teal-dark); font-size: .78rem; font-weight: 750; line-height: 1.5; list-style: none; cursor: pointer; }
#takvim.calendar-page details.cal-period > summary::-webkit-details-marker { display: none; }
#takvim.calendar-page details.cal-period > summary::after { content: '+'; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; height: 24px; color: var(--cal-teal); font-size: 1.15rem; font-weight: 500; }
#takvim.calendar-page details.cal-period[open] { padding-bottom: .85rem; }
#takvim.calendar-page details.cal-period[open] > summary { margin-bottom: .75rem; border-bottom: 1px solid #d8e6e8; }
#takvim.calendar-page details.cal-period[open] > summary::after { content: '−'; }
#takvim.calendar-page details.cal-period:not([open]) > :not(summary) { display: none; }
#takvim.calendar-page .cal-period fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
#takvim.calendar-page .cal-period legend { margin: 0 0 .65rem; padding: 0 .3rem 0 0; color: var(--cal-ink); font-size: .78rem; font-weight: 750; line-height: 1.5; }
#takvim.calendar-page fieldset.cal-period > legend { padding: 0 .35rem; }
#takvim.calendar-page .cal-range { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto auto; align-items: end; gap: .75rem; max-width: 960px; }
#takvim.calendar-page .cal-range label { display: grid; gap: .35rem; min-width: 0; margin: 0; color: #4b6574; font-size: .73rem; font-weight: 600; line-height: 1.5; }
#takvim.calendar-page .cal-range input[type="date"] { min-width: 0; max-width: 100%; }
#takvim.calendar-page .cal-range button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: .65rem .9rem; border: 1px solid #a3c4c6; border-radius: 8px; color: var(--cal-teal-dark); background: #fff; font: inherit; font-size: .78rem; font-weight: 750; line-height: 1.5; }
#takvim.calendar-page .cal-range .cal-primary { border-color: var(--navy,#203764); color: #fff; background: var(--navy,#203764); }
#takvim.calendar-page .cal-quick { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin: .45rem 0 0; }
#takvim.calendar-page > .cal-quick { margin-bottom: .85rem; }
#takvim.calendar-page .cal-quick > span { margin-right: .2rem; color: var(--cal-muted); font-size: .72rem; }
#takvim.calendar-page .cal-quick button { min-height: 44px; padding: .45rem .75rem; border: 1px solid #cddfe0; border-radius: 7px; color: #4a6b75; background: #fff; font: inherit; font-size: .73rem; font-weight: 650; line-height: 1.5; }
#takvim.calendar-page .cal-quick button:is(.is-active,[aria-pressed="true"],:hover) { border-color: #89b7b5; color: var(--cal-teal-dark); background: #eaf7f5; }
#takvim.calendar-page .cal-chips { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; margin: 0 0 1rem; }
#takvim.calendar-page .cal-chips:empty { display: none; }
#takvim.calendar-page .cal-chips button { display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; padding: .45rem .7rem; border: 1px solid #acd0cb; border-radius: 8px; color: var(--cal-teal-dark); background: #edf8f5; font: inherit; font-size: .73rem; font-weight: 650; line-height: 1.5; }
#takvim.calendar-page .cal-workspace { display: grid; grid-template-columns: minmax(0,.44fr) minmax(0,.56fr); align-items: start; gap: 1.6rem; }
#takvim.calendar-page :is(.cal-board,.cal-agenda,.cal-month-nav,.cal-tour-copy,.cal-card-bottom,.cal-date-group,.cal-result-list) { min-width: 0; }
#takvim.calendar-page .cal-board { position: sticky; top: calc(var(--cal-header) + 16px); padding: 1rem; border: 1px solid #d1e3e5; border-radius: 15px; background: #fff; box-shadow: 0 12px 30px -26px #19465370; }
#takvim.calendar-page .cal-month-nav { display: grid; grid-template-columns: 44px minmax(0,1fr) 44px; align-items: center; gap: .5rem; margin: 0 0 .5rem; }
#takvim.calendar-page .cal-month-nav button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid #c8dadd; border-radius: 8px; color: var(--cal-ink); background: #fff; font: inherit; font-size: 1.15rem; line-height: 1; }
#takvim.calendar-page .cal-month-nav button:hover:not(:disabled) { border-color: #91bdbb; background: #edf7f5; }
#takvim.calendar-page .cal-month-nav button:disabled { opacity: .35; }
#takvim.calendar-page .cal-month-nav label { display: grid; gap: .2rem; min-width: 0; color: var(--cal-muted); font-size: .65rem; line-height: 1.5; text-align: center; }
#takvim.calendar-page .cal-month-nav select { width: 100%; min-width: 0; min-height: 44px; padding: .6rem 1.7rem .6rem .65rem; border: 1px solid #c8dadd; border-radius: 8px; color: var(--cal-ink); background: #fff; font: inherit; font-size: 16px; font-weight: 750; line-height: 1.5; text-align: center; }
#takvim.calendar-page .cal-board-meta { margin: .6rem 0 .75rem; color: var(--cal-muted); font-size: .72rem; line-height: 1.6; }
#takvim.calendar-page .cal-weekdays { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: .3rem; margin: 0 0 .4rem; color: #708791; font-size: .69rem; font-weight: 700; line-height: 1.6; text-align: center; }
#takvim.calendar-page .cal-weekdays span { min-width: 0; padding: .2rem 0; }
#takvim.calendar-page .cal-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: .3rem; }
#takvim.calendar-page .cal-day { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: .15rem; min-width: 0; min-height: clamp(54px,7.2vh,68px); margin: 0; padding: .4rem .15rem .3rem; border: 1px solid #e2e9ed; border-radius: 8px; color: #5f7683; background: #fff; font: inherit; text-align: center; transition: border-color .15s ease,background-color .15s ease; }
#takvim.calendar-page .cal-day-number { display: block; font-size: .9rem; font-weight: 650; line-height: 1.4; }
#takvim.calendar-page .cal-day-count { display: block; min-height: 1.2em; color: #587c81; font-size: .59rem; font-weight: 600; line-height: 1.4; white-space: nowrap; }
#takvim.calendar-page .cal-day.has-departures { border-color: #b7dcd6; color: var(--cal-teal-dark); background: #edf8f5; }
#takvim.calendar-page .cal-day.has-departures .cal-day-number { font-weight: 800; }
#takvim.calendar-page .cal-day:hover:not(:disabled) { border-color: #669f9f; background: #e5f4f1; }
#takvim.calendar-page .cal-day.in-range { border-color: #c3dedb; background: #f0f8f6; }
#takvim.calendar-page .cal-day.is-today .cal-day-number { text-decoration: underline; text-decoration-color: var(--orange,#f59a3f); text-decoration-thickness: 3px; text-underline-offset: .2em; }
#takvim.calendar-page .cal-day.is-past { color: #9ca9b1; background: #f8fafb; }
#takvim.calendar-page .cal-day.is-past .cal-day-count { color: #97a8ad; }
#takvim.calendar-page .cal-day.is-outside { border-color: transparent; color: #b4bfc5; background: #fafcfc; }
#takvim.calendar-page .cal-day.is-outside .cal-day-count { color: #9aafb2; }
#takvim.calendar-page .cal-day:is(.is-selected,[aria-pressed="true"]), #takvim.calendar-page .cal-day:is(.is-selected,[aria-pressed="true"]):hover, #takvim.calendar-page .cal-day:is(.is-selected,[aria-pressed="true"]):focus-visible { z-index: 1; border-color: var(--cal-teal-dark); color: #fff; background: var(--cal-teal-dark); box-shadow: 0 3px 7px #16545e22; }
#takvim.calendar-page .cal-day:is(.is-selected,[aria-pressed="true"]) .cal-day-count { color: #e1f4ef; }
#takvim.calendar-page .cal-day:disabled { cursor: default; }
#takvim.calendar-page .cal-day-dots { display: flex; justify-content: center; align-items: center; gap: 3px; min-height: 5px; margin-top: auto; }
#takvim.calendar-page .cal-day-dots i, #takvim.calendar-page .cal-legend i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #9caeb6; }
#takvim.calendar-page .cal-day-dots i.is-open, #takvim.calendar-page .cal-legend i.is-open { background: #2d9690; }
#takvim.calendar-page .cal-day-dots i.is-full, #takvim.calendar-page .cal-legend i.is-full { background: #9a6970; }
#takvim.calendar-page .cal-day:is(.is-selected,[aria-pressed="true"]) .cal-day-dots i.is-open { background: #bfe9d9; }
#takvim.calendar-page .cal-day:is(.is-selected,[aria-pressed="true"]) .cal-day-dots i.is-full { background: #f1c6cb; }
#takvim.calendar-page .cal-legend { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem .85rem; margin: .8rem 0 0; padding-top: .7rem; border-top: 1px solid var(--cal-line); color: var(--cal-muted); font-size: .66rem; line-height: 1.6; }
#takvim.calendar-page .cal-legend span { display: inline-flex; align-items: center; gap: .35rem; }
#takvim.calendar-page .cal-legend i { width: 6px; height: 6px; }
#takvim.calendar-page .cal-board-foot { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; margin: .75rem 0 0; }
#takvim.calendar-page .cal-board-foot button { min-height: 44px; padding: .5rem .75rem; border: 1px solid #bed5d7; border-radius: 8px; color: var(--cal-teal-dark); background: #fff; font: inherit; font-size: .73rem; font-weight: 650; line-height: 1.5; }
#takvim.calendar-page .cal-results-head { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .3rem .85rem; margin: 0 0 1.1rem; padding: .1rem 0 .85rem; border-bottom: 1px solid var(--cal-line); }
#takvim.calendar-page .cal-results-head > h2 { grid-column: 1; grid-row: 1; scroll-margin-top: calc(var(--cal-header) + 20px); }
#takvim.calendar-page .cal-results-head > p { grid-column: 1; grid-row: 2; }
#takvim.calendar-page .cal-results-head > .cal-view { grid-column: 2; grid-row: 1/3; }
#takvim.calendar-page .cal-results-head h2 { font-size: 1.2rem; font-weight: 800; line-height: 1.4; }
#takvim.calendar-page .cal-results-head p { margin: .2rem 0 0; color: var(--cal-muted); font-size: .75rem; line-height: 1.6; }
#takvim.calendar-page .cal-view { display: inline-flex; gap: 2px; padding: 2px; border: 1px solid #cadcde; border-radius: 9px; background: #fff; }
#takvim.calendar-page .cal-view button { display: inline-flex; align-items: center; justify-content: center; min-width: 64px; min-height: 44px; padding: .5rem .75rem; border: 0; border-radius: 6px; color: #5e7983; background: #fff; font: inherit; font-size: .73rem; font-weight: 750; line-height: 1.5; }
#takvim.calendar-page .cal-view button:is(.is-active,[aria-pressed="true"]) { color: var(--cal-teal-dark); background: #e8f5f1; }
#takvim.calendar-page .cal-result-list { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.5rem; }
#takvim.calendar-page .cal-agenda { scroll-margin-top: calc(var(--cal-header) + 20px); }
#takvim.calendar-page .cal-date-group { display: grid; align-content: start; gap: .75rem; }
#takvim.calendar-page .cal-date-group > header { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: .3rem .7rem; padding: 0 .1rem; }
#takvim.calendar-page .cal-date-group > header h3 { font-size: .95rem; font-weight: 800; line-height: 1.5; }
#takvim.calendar-page .cal-date-group > header small { color: var(--cal-muted); font-size: .68rem; line-height: 1.5; }
#takvim.calendar-page .cal-date-label { display: inline-flex; align-items: center; gap: .35rem; color: var(--cal-teal-dark); font-size: .72rem; font-weight: 650; line-height: 1.5; }
#takvim.calendar-page .cal-tour-card { display: grid; grid-template-columns: 145px minmax(0,1fr); gap: .85rem; min-width: 0; padding: .65rem; border: 1px solid #d7e3e7; border-radius: 12px; background: #fff; box-shadow: 0 6px 18px -18px #1a435866; transition: border-color .2s ease,box-shadow .2s ease; }
#takvim.calendar-page .cal-tour-card:hover { border-color: #accbce; box-shadow: 0 10px 24px -22px #194f5b99; }
#takvim.calendar-page .cal-cover { position: relative; display: block; min-width: 0; min-height: 150px; overflow: hidden; border-radius: 8px; background: #edf3f3; text-decoration: none; }
#takvim.calendar-page .cal-cover img { display: block; width: 100%; height: 100%; min-height: 150px; object-fit: cover; }
#takvim.calendar-page .cal-cover:empty { background: radial-gradient(circle at 32% 32%,#d0e7e3 0 14%,transparent 15%),linear-gradient(145deg,#eaf5f2,#dcebec); }
#takvim.calendar-page .cal-cover > :not(img) { display: grid; align-content: center; justify-items: center; height: 100%; min-height: 150px; padding: .7rem; color: #607e86; font-size: .7rem; text-align: center; }
#takvim.calendar-page .cal-tour-copy { display: flex; flex-direction: column; gap: .5rem; padding: .15rem 0; }
#takvim.calendar-page .cal-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem; margin: 0; color: var(--cal-muted); font-size: .63rem; line-height: 1.6; }
#takvim.calendar-page .cal-card-meta span { padding: .15rem .4rem; border: 1px solid #e0e9ec; border-radius: 5px; background: var(--cal-soft); font-weight: 650; }
#takvim.calendar-page .cal-tour-card h3 { margin: 0; font-size: .91rem; line-height: 1.5; letter-spacing: -.02em; }
#takvim.calendar-page .cal-tour-card h3 a { color: var(--cal-ink); text-decoration: none; overflow-wrap: anywhere; }
#takvim.calendar-page .cal-tour-card h3 a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
#takvim.calendar-page .cal-route { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0; overflow: hidden; color: var(--cal-muted); font-size: .7rem; line-height: 1.7; overflow-wrap: anywhere; }
#takvim.calendar-page .cal-availability { align-self: start; display: inline-flex; align-items: center; gap: .3rem; margin: 0; padding: .25rem .5rem; border: 1px solid #dce5e8; border-radius: 6px; color: #647a86; background: #f5f8f9; font-size: .65rem; font-weight: 650; line-height: 1.5; }
#takvim.calendar-page .cal-availability.is-open { border-color: #c4e2d9; color: #2e6f5e; background: #eff8f2; }
#takvim.calendar-page .cal-availability.is-limited { border-color: #e6d2ae; color: #866129; background: #fff8e9; }
#takvim.calendar-page .cal-availability.is-full { border-color: #e5d9dc; color: #85626d; background: #faf5f6; }
#takvim.calendar-page .cal-availability.is-unknown { border-color: #dce4e8; color: #657887; background: #f5f7f9; }
#takvim.calendar-page .cal-card-bottom { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: .55rem .75rem; margin: auto 0 0; padding-top: .5rem; border-top: 1px solid var(--cal-line); }
#takvim.calendar-page .cal-price { display: grid; gap: .1rem; min-width: 0; margin: 0; }
#takvim.calendar-page .cal-price small { color: var(--cal-muted); font-size: .62rem; line-height: 1.5; }
#takvim.calendar-page .cal-price strong { color: var(--cal-ink); font-size: 1.3rem; font-weight: 800; line-height: 1.3; letter-spacing: -.04em; overflow-wrap: anywhere; }
#takvim.calendar-page .cal-card-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .6rem .75rem; border: 1px solid var(--navy,#203764); border-radius: 8px; color: #fff; background: var(--navy,#203764); font-size: .72rem; font-weight: 750; line-height: 1.5; text-align: center; text-decoration: none; }
#takvim.calendar-page .cal-more { display: flex; justify-content: center; margin: 1.2rem 0 0; }
#takvim.calendar-page button.cal-more, #takvim.calendar-page .cal-more button { min-height: 46px; padding: .65rem 1rem; border: 1px solid #b8cfd3; border-radius: 9px; color: var(--cal-ink); background: #fff; font: inherit; font-size: .78rem; font-weight: 750; }
#takvim.calendar-page button.cal-more { margin-left: auto; margin-right: auto; }
#takvim.calendar-page .cal-empty { display: grid; justify-items: start; gap: .75rem; min-width: 0; padding: 1.6rem; border: 1px dashed #b6cfd3; border-radius: 12px; color: var(--cal-muted); background: #f7fbfb; font-size: .85rem; }
#takvim.calendar-page .cal-empty h3 { font-size: 1.2rem; line-height: 1.45; }
#takvim.calendar-page .cal-empty h2 { font-size: 1.2rem; line-height: 1.45; }
#takvim.calendar-page .cal-empty .cal-eyebrow { grid-column: auto; grid-row: auto; }
#takvim.calendar-page .cal-empty p { margin: 0; line-height: 1.8; }
#takvim.calendar-page .cal-empty :is(button,a) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .6rem .85rem; border: 1px solid #b6cfd3; border-radius: 8px; color: var(--cal-teal-dark); background: #fff; font: inherit; font-size: .78rem; font-weight: 750; line-height: 1.5; text-decoration: none; }
#takvim.calendar-page .cal-note { margin: 1rem 0 0; color: var(--cal-muted); font-size: .73rem; line-height: 1.8; }
#takvim.calendar-page .cal-status { margin: .6rem 0 0; color: #426e77; font-size: .75rem; line-height: 1.7; }
#takvim.calendar-page .cal-status:empty { display: none; }
#takvim.calendar-page .cal-error { margin: .75rem 0; padding: .8rem 1rem; border: 1px solid #ebcdc4; border-left: 3px solid #ae5744; border-radius: 9px; color: #8d3d2c; background: #fff7f3; font-size: .8rem; line-height: 1.7; }
#takvim.calendar-page .cal-error:empty { display: none; }
#takvim.calendar-page .cal-workspace[data-view="agenda"] { grid-template-columns: minmax(0,1fr); }
#takvim.calendar-page .cal-workspace[data-view="agenda"] .cal-board { display: none; }
#takvim.calendar-page .cal-workspace[data-view="agenda"] .cal-result-list { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 1.5rem; }
#takvim.calendar-page .cal-workspace[data-view="agenda"] .cal-empty { grid-column: 1/-1; }
@media (min-width:961px) and (max-height:760px) { #takvim.calendar-page .cal-board { position: static; } }
@media (max-width:1100px) {
  html[data-theme] body.oncalendar .top .callbox { display: none; }
  #takvim.calendar-page .cal-workspace { gap: 1rem; }
  #takvim.calendar-page .cal-board { padding: .8rem; }
  #takvim.calendar-page .cal-tour-card { grid-template-columns: 115px minmax(0,1fr); gap: .7rem; }
  #takvim.calendar-page .cal-card-bottom { align-items: center; }
}
@media (max-width:960px) {
  #takvim.calendar-page { padding-left: 1.2rem; padding-right: 1.2rem; }
  #takvim.calendar-page .cal-workspace { grid-template-columns: minmax(0,1fr); gap: 1.5rem; }
  #takvim.calendar-page .cal-board { position: static; max-width: none; padding: 1rem; }
  #takvim.calendar-page .cal-day { min-height: 66px; }
  #takvim.calendar-page .cal-tour-card { grid-template-columns: 165px minmax(0,1fr); gap: 1rem; }
  #takvim.calendar-page .cal-tour-card h3 { font-size: 1rem; }
  #takvim.calendar-page .cal-card-meta { font-size: .68rem; }
  #takvim.calendar-page .cal-route { font-size: .75rem; }
  #takvim.calendar-page .cal-price strong { font-size: 1.45rem; }
  #takvim.calendar-page .cal-workspace[data-view="agenda"] .cal-result-list { grid-template-columns: minmax(0,1fr); }
}
@media (max-width:760px) {
  html[data-theme] body.oncalendar .top .bar { min-height: 72px; padding-top: .55rem; padding-bottom: .55rem; gap: 1rem; flex-wrap: wrap; }
  html[data-theme] body.oncalendar .top #nav { display: none; }
  html[data-theme] body.oncalendar .top #nav.open { display: flex; flex-basis: 100%; flex-direction: column; align-items: stretch; gap: .2rem; }
  html[data-theme] body.oncalendar .top #nav > a, html[data-theme] body.oncalendar .top #nav > .dd > a { padding: .65rem 1rem; }
  #takvim.calendar-page { --cal-header: 72px; padding: 1rem 1rem 3rem; }
  #takvim.calendar-page .cal-heading { grid-template-columns: minmax(0,1fr); gap: .45rem; margin-bottom: 1.1rem; }
  #takvim.calendar-page .cal-breadcrumb { margin-bottom: .4rem; font-size: .68rem; }
  #takvim.calendar-page .cal-eyebrow { font-size: .64rem; }
  #takvim.calendar-page .cal-heading h1 { font-size: 1.85rem; line-height: 1.2; }
  #takvim.calendar-page .cal-description { font-size: .82rem; line-height: 1.75; }
  #takvim.calendar-page .cal-stats { grid-column: 1; grid-row: 5; justify-content: flex-start; justify-self: start; gap: 1rem; max-width: 100%; margin-top: .25rem; padding: .6rem .85rem; border-radius: 9px; font-size: .66rem; }
  #takvim.calendar-page .cal-stats strong { font-size: 1.15rem; }
  #takvim.calendar-page .cal-search form, #takvim.calendar-page form.cal-search { gap: .3rem; padding: .35rem; border-radius: 10px; }
  #takvim.calendar-page .cal-search-field { display: grid; gap: .1rem; padding: .25rem .45rem; font-size: .64rem; white-space: normal; }
  #takvim.calendar-page .cal-search .cal-primary { padding: .65rem .75rem; font-size: .78rem; }
  #takvim.calendar-page .cal-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: .65rem; }
  #takvim.calendar-page .cal-filters > label { display: grid; gap: .35rem; min-width: 0; font-size: .7rem; white-space: normal; }
  #takvim.calendar-page .cal-filters select { padding-right: .45rem; padding-left: .6rem; }
  #takvim.calendar-page .cal-filters > label.cal-check { display: flex; grid-column: 1/-1; min-height: 44px; font-size: .78rem; }
  #takvim.calendar-page .cal-period { padding: .8rem; border-radius: 10px; }
  #takvim.calendar-page .cal-period legend { font-size: .73rem; }
  #takvim.calendar-page .cal-range { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; }
  #takvim.calendar-page .cal-range label { font-size: .69rem; }
  #takvim.calendar-page .cal-range input { padding: .6rem .45rem; font-size: 16px; }
  #takvim.calendar-page .cal-range button { grid-column: auto; min-height: 44px; padding: .6rem .55rem; font-size: .7rem; }
  #takvim.calendar-page .cal-quick { gap: .35rem; margin-top: .6rem; }
  #takvim.calendar-page .cal-quick > span { display: none; }
  #takvim.calendar-page .cal-quick button { padding: .4rem .6rem; font-size: .7rem; }
  #takvim.calendar-page .cal-chips { gap: .35rem; }
  #takvim.calendar-page .cal-chips button { max-width: 100%; font-size: .7rem; overflow-wrap: anywhere; }
  #takvim.calendar-page .cal-board { padding: .5rem; border-radius: 12px; }
  #takvim.calendar-page .cal-month-nav { gap: .35rem; margin-bottom: .4rem; }
  #takvim.calendar-page .cal-month-nav label { font-size: .6rem; }
  #takvim.calendar-page .cal-month-nav select { padding-left: .4rem; padding-right: 1.5rem; font-size: 16px; }
  #takvim.calendar-page .cal-board-meta { margin: .5rem .2rem .65rem; font-size: .68rem; }
  #takvim.calendar-page .cal-weekdays { gap: 2px; font-size: .68rem; }
  #takvim.calendar-page .cal-grid { gap: 2px; }
  #takvim.calendar-page .cal-day { min-height: 52px; gap: .1rem; padding: .3rem .05rem .2rem; border-radius: 6px; }
  #takvim.calendar-page .cal-day-number { font-size: .83rem; }
  #takvim.calendar-page .cal-day-count { font-size: .59rem; }
  #takvim.calendar-page .cal-day-dots { gap: 2px; min-height: 4px; }
  #takvim.calendar-page .cal-day-dots i { width: 4px; height: 4px; }
  #takvim.calendar-page .cal-legend { gap: .3rem .6rem; margin-top: .65rem; padding: .6rem .15rem 0; font-size: .66rem; }
  #takvim.calendar-page .cal-board-foot { gap: .35rem; margin-top: .6rem; }
  #takvim.calendar-page .cal-board-foot button { padding: .45rem .65rem; font-size: .68rem; }
  #takvim.calendar-page .cal-results-head { grid-template-columns: minmax(0,1fr); gap: .4rem; margin-bottom: .85rem; }
  #takvim.calendar-page .cal-results-head > .cal-view { grid-column: 1; grid-row: 3; justify-self: start; margin-top: .2rem; }
  #takvim.calendar-page .cal-results-head h2 { font-size: 1.15rem; }
  #takvim.calendar-page .cal-results-head p { font-size: .72rem; }
  #takvim.calendar-page .cal-view button { min-width: 62px; padding: .5rem .65rem; font-size: .7rem; }
  #takvim.calendar-page .cal-result-list { gap: 1.2rem; }
  #takvim.calendar-page .cal-date-group { gap: .6rem; }
  #takvim.calendar-page .cal-date-group > header h3 { font-size: .9rem; }
  #takvim.calendar-page .cal-tour-card { grid-template-columns: 90px minmax(0,1fr); gap: .7rem; padding: .55rem; border-radius: 10px; }
  #takvim.calendar-page .cal-cover { min-height: 110px; }
  #takvim.calendar-page .cal-cover img, #takvim.calendar-page .cal-cover > :not(img) { min-height: 110px; }
  #takvim.calendar-page .cal-tour-copy { gap: .45rem; }
  #takvim.calendar-page .cal-tour-card h3 { font-size: .86rem; line-height: 1.5; }
  #takvim.calendar-page .cal-card-meta { gap: .25rem; font-size: .6rem; }
  #takvim.calendar-page .cal-card-meta span { padding: .15rem .3rem; }
  #takvim.calendar-page .cal-route { font-size: .69rem; }
  #takvim.calendar-page .cal-card-bottom { gap: .45rem; padding-top: .45rem; }
  #takvim.calendar-page .cal-price small { font-size: .6rem; }
  #takvim.calendar-page .cal-price strong { font-size: 1.18rem; }
  #takvim.calendar-page .cal-card-link { min-height: 44px; padding: .5rem .6rem; font-size: .68rem; }
  #takvim.calendar-page .cal-empty { padding: 1.2rem; }
  #takvim.calendar-page .cal-empty h3 { font-size: 1.1rem; }
}
@media (max-width:360px) {
  #takvim.calendar-page { padding-left: .75rem; padding-right: .75rem; }
  #takvim.calendar-page .cal-heading h1 { font-size: 1.7rem; }
  #takvim.calendar-page .cal-day { min-height: 50px; }
  #takvim.calendar-page .cal-day-count { font-size: .56rem; }
  #takvim.calendar-page .cal-tour-card { grid-template-columns: 76px minmax(0,1fr); gap: .55rem; }
  #takvim.calendar-page .cal-tour-card h3 { font-size: .8rem; }
  #takvim.calendar-page .cal-price strong { font-size: 1.1rem; }
}
@media (prefers-reduced-motion:reduce) { #takvim.calendar-page :is(.cal-day,.cal-tour-card) { transition: none; } }
@media print {
  body.oncalendar :is(.top,.strip,.agbar,.mbar,.foot) { display: none !important; }
  #takvim.calendar-page { max-width: none; margin: 0; padding: 0; font-size: 10pt; }
  #takvim.calendar-page :is(.cal-search,.cal-filters,.cal-period,.cal-chips,.cal-view,.cal-more,.cal-board-foot,.cal-status,.cal-error) { display: none !important; }
  #takvim.calendar-page .cal-heading h1 { font-size: 20pt; }
  #takvim.calendar-page .cal-workspace { display: block; }
  #takvim.calendar-page .cal-board { position: static; margin-bottom: 1.5rem; break-inside: avoid; box-shadow: none; }
  #takvim.calendar-page .cal-month-nav button { visibility: hidden; }
  #takvim.calendar-page .cal-day { min-height: 40px; }
  #takvim.calendar-page .cal-result-list, #takvim.calendar-page .cal-workspace[data-view="agenda"] .cal-result-list { display: block; }
  #takvim.calendar-page .cal-date-group { display: block; margin-bottom: 1.2rem; }
  #takvim.calendar-page .cal-tour-card { margin-top: .5rem; break-inside: avoid; box-shadow: none; }
  #takvim.calendar-page .cal-card-link { color: #17384e; background: #fff; border-color: #c5d5da; }
}

/* /site-company.css */
/* Kurumsal sayfalar: mevcut marka, gerçek şirket bilgileri ve doğrudan iletişim. */
html:has(> body.oncompany) { scroll-padding-top: 96px; }
html[data-theme] body.oncompany .agbar { display: none; }
body.oncompany .strip .wrap { padding-top: .3rem; padding-bottom: .3rem; }
html[data-theme] body.oncompany .top .bar { display: flex; flex-flow: row nowrap; justify-content: space-between; min-height: 76px; gap: 1.4rem; padding-top: .5rem; padding-bottom: .5rem; }
html[data-theme] body.oncompany .top .brand { margin: 0; flex-shrink: 0; }
html[data-theme] body.oncompany .top #nav { display: flex; flex: 1; justify-content: center; gap: 1rem; margin: 0; }
html[data-theme] body.oncompany .top #nav > a, html[data-theme] body.oncompany .top #nav > .dd > a { display: inline-flex; align-items: center; min-height: 44px; padding: .4rem 0; font-size: .825rem; font-weight: 700; }
body.oncompany .mbar { display: none !important; }
body.oncompany.hasbar { padding-bottom: 0; }
:is(#home-page,#teklifler,#detay,#takvim,#sayfa) .public-tour-code { display: inline-flex; align-items: center; gap: .3rem; width: fit-content; max-width: 100%; padding: 4px 8px; border: 1px solid #dbe4ec; border-radius: 5px; color: #4e6278; background: #f1f5f8; font: 650 11px/1.5 Manrope,system-ui,sans-serif; letter-spacing: .025em; text-transform: none; vertical-align: middle; white-space: normal; overflow-wrap: anywhere; }
:is(#hakkimizda,#iletisim).company-page { --company-ink: #19364c; --company-muted: #5b7280; --company-line: #dce6ea; --company-soft: #f3f7f8; --company-cream: #fbf7ee; --company-teal: #246e70; --company-aqua: #edf7f4; max-width: 1280px; margin: 0 auto; padding: 1rem 1.6rem 4rem; color: var(--company-ink); background: #fff; font: 15px/1.75 Manrope,system-ui,sans-serif; }
:is(#hakkimizda,#iletisim).company-page * { box-sizing: border-box; }
:is(#hakkimizda,#iletisim).company-page [hidden] { display: none !important; }
:is(#hakkimizda,#iletisim).company-page :is(h1,h2,h3,h4) { grid-column: auto; grid-row: auto; margin: 0; padding: 0; border: 0; color: var(--company-ink); font-family: Manrope,system-ui,sans-serif; font-style: normal; font-weight: 800; text-align: left; text-transform: none; letter-spacing: -.03em; }
:is(#hakkimizda,#iletisim).company-page h2::after { content: none; }
:is(#hakkimizda,#iletisim).company-page :is(button,input,select,textarea) { font-family: Manrope,system-ui,sans-serif; }
:is(#hakkimizda,#iletisim).company-page :is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid var(--orange,#f59a3f); outline-offset: 3px; }
:is(#hakkimizda,#iletisim).company-page a { color: var(--company-ink); }
:is(#hakkimizda,#iletisim).company-page img { max-width: 100%; }
:is(#hakkimizda,#iletisim).company-page button { cursor: pointer; }
:is(#hakkimizda,#iletisim).company-page button:disabled { cursor: not-allowed; opacity: .55; }
:is(#hakkimizda,#iletisim).company-page .company-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; margin: 0 0 1rem; color: var(--company-muted); font-size: .7rem; }
:is(#hakkimizda,#iletisim).company-page .company-breadcrumb a { display: inline-flex; align-items: center; min-height: 32px; color: var(--company-muted); text-decoration: none; }
:is(#hakkimizda,#iletisim).company-page .company-breadcrumb a:hover { text-decoration: underline; }
:is(#hakkimizda,#iletisim).company-page .company-hero { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr); align-items: start; gap: 2.5rem; margin: 0 0 3rem; padding: 2rem; border: 1px solid #e7e0d1; border-radius: 19px; background: var(--company-cream); }
:is(#hakkimizda,#iletisim).company-page :is(.company-hero-copy,.company-hero-visual,.company-section,.company-form-panel,.company-contact-layout,.company-contact-layout > *) { min-width: 0; }
:is(#hakkimizda,#iletisim).company-page .company-hero-copy { padding: .5rem 0; }
:is(#hakkimizda,#iletisim).company-page .eyebrow { margin: 0 0 .7rem; color: #75613f; font-size: .7rem; font-weight: 750; line-height: 1.6; letter-spacing: .1em; text-transform: uppercase; }
:is(#hakkimizda,#iletisim).company-page .company-hero h1 { max-width: 18ch; margin: 0 0 1.2rem; font-size: clamp(2rem,3.65vw,3.05rem); line-height: 1.15; letter-spacing: -.045em; overflow-wrap: anywhere; text-wrap: balance; }
:is(#hakkimizda,#iletisim).company-page .company-lead { max-width: 62ch; margin: 0 0 1rem; color: #506777; font-size: 1rem; line-height: 1.9; overflow-wrap: anywhere; }
:is(#hakkimizda,#iletisim).company-page .company-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; margin: 1.3rem 0 0; }
:is(#hakkimizda,#iletisim).company-page .company-actions a, :is(#hakkimizda,#iletisim).company-page :is(a.primary,button.primary,a.secondary,button.secondary) { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 48px; padding: .7rem 1rem; border: 1px solid #c3d1da; border-radius: 8px; color: var(--company-ink); background: #fff; font: inherit; font-size: .82rem; font-weight: 750; line-height: 1.5; text-align: center; text-decoration: none; }
:is(#hakkimizda,#iletisim).company-page :is(a.primary,button.primary) { border-color: var(--navy,#203764); color: #fff; background: var(--navy,#203764); }
:is(#hakkimizda,#iletisim).company-page .company-actions a:hover, :is(#hakkimizda,#iletisim).company-page :is(a.primary,button.primary):hover { filter: brightness(1.05); }
:is(#hakkimizda,#iletisim).company-page .company-hero-visual figure { margin: 0; }
:is(#hakkimizda,#iletisim).company-page .company-hero-visual img { display: block; width: 100%; aspect-ratio: 1.5/1; max-height: 330px; object-fit: cover; border-radius: 12px; }
:is(#hakkimizda,#iletisim).company-page .company-hero-visual :is(figcaption,.caption) { margin: .55rem .1rem .9rem; color: #70818a; font-size: .67rem; line-height: 1.65; }
:is(#hakkimizda,#iletisim).company-page .company-identity { margin: .9rem 0 0; padding: 1rem; border: 1px solid #d6e4e4; border-radius: 10px; color: var(--company-ink); background: #f5fbf9; }
:is(#hakkimizda,#iletisim).company-page .company-identity dl, :is(#hakkimizda,#iletisim).company-page dl.company-identity { display: grid; grid-template-columns: minmax(85px,.35fr) minmax(0,1fr); gap: .5rem .75rem; margin: 0; }
:is(#hakkimizda,#iletisim).company-page dl.company-identity { margin-top: .9rem; }
:is(#hakkimizda,#iletisim).company-page .company-identity dl > div, :is(#hakkimizda,#iletisim).company-page dl.company-identity > div { display: contents; }
:is(#hakkimizda,#iletisim).company-page .company-identity dt { margin: 0; color: var(--company-muted); font-size: .68rem; font-weight: 500; line-height: 1.65; }
:is(#hakkimizda,#iletisim).company-page .company-identity dd { margin: 0; color: var(--company-ink); font-size: .72rem; font-weight: 650; line-height: 1.75; overflow-wrap: anywhere; }
:is(#hakkimizda,#iletisim).company-page .company-identity > a { display: inline-flex; align-items: center; min-height: 44px; margin-top: .4rem; color: var(--company-teal); font-size: .73rem; font-weight: 650; text-underline-offset: .2em; }
:is(#hakkimizda,#iletisim).company-page .company-section { margin: 0 0 2.8rem; scroll-margin-top: 95px; }
:is(#hakkimizda,#iletisim).company-page .company-section > h2 { margin: 0 0 1.2rem; font-size: clamp(1.35rem,2.3vw,1.8rem); line-height: 1.35; }
:is(#hakkimizda,#iletisim).company-page .company-section-head { display: grid; gap: .25rem; margin: 0 0 1.25rem; }
:is(#hakkimizda,#iletisim).company-page .company-section-head .eyebrow { margin: 0; color: var(--company-teal); }
:is(#hakkimizda,#iletisim).company-page .company-section-head h2 { font-size: clamp(1.35rem,2.3vw,1.8rem); line-height: 1.35; letter-spacing: -.035em; }
:is(#hakkimizda,#iletisim).company-page .company-story { max-width: 88ch; color: #4c6475; font-size: .95rem; line-height: 1.95; overflow-wrap: anywhere; }
:is(#hakkimizda,#iletisim).company-page .company-story > :first-child { margin-top: 0; }
:is(#hakkimizda,#iletisim).company-page .company-story > :last-child { margin-bottom: 0; }
:is(#hakkimizda,#iletisim).company-page .company-story p { margin: 0 0 1rem; }
:is(#hakkimizda,#iletisim).company-page .company-story a { font-weight: 650; text-underline-offset: .2em; }
:is(#hakkimizda,#iletisim).company-page .company-values { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
:is(#hakkimizda,#iletisim).company-page .company-values article { min-width: 0; padding: 1.4rem; border: 1px solid var(--company-line); border-radius: 12px; background: #fff; }
:is(#hakkimizda,#iletisim).company-page .company-values article > span { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; margin: 0 0 1rem; padding: 0 .5rem; border: 1px solid #cde1dc; border-radius: 9px; color: var(--company-teal); background: var(--company-aqua); font-size: .78rem; font-weight: 800; }
:is(#hakkimizda,#iletisim).company-page .company-values h3 { margin: 0 0 .7rem; font-size: 1rem; line-height: 1.5; }
:is(#hakkimizda,#iletisim).company-page .company-values p { margin: 0; color: var(--company-muted); font-size: .82rem; line-height: 1.9; overflow-wrap: anywhere; }
:is(#hakkimizda,#iletisim).company-page .company-steps { padding: 1.6rem; border: 1px solid #d6e7e2; border-radius: 14px; background: #f2f8f5; }
:is(#hakkimizda,#iletisim).company-page .company-steps ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.8rem; margin: 0; padding: 0; list-style: none; }
:is(#hakkimizda,#iletisim).company-page .company-steps li { position: relative; min-width: 0; margin: 0; padding: 0; }
:is(#hakkimizda,#iletisim).company-page .company-steps li > span { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0 0 .85rem; border: 1px solid #a5c8bd; border-radius: 50%; color: var(--company-teal); background: #fff; font-size: .75rem; font-weight: 800; }
:is(#hakkimizda,#iletisim).company-page .company-steps li:not(:last-child)::after { position: absolute; top: 18px; right: -.7rem; left: 49px; height: 1px; background: #c8ddd5; content: ''; }
:is(#hakkimizda,#iletisim).company-page .company-steps h3 { margin: 0 0 .5rem; font-size: .95rem; line-height: 1.5; }
:is(#hakkimizda,#iletisim).company-page .company-steps p { margin: 0; color: #577167; font-size: .8rem; line-height: 1.85; }
:is(#hakkimizda,#iletisim).company-page .company-founder { margin: 0 0 2.5rem; padding: 0 1.4rem; border: 1px solid #e2d9c9; border-radius: 12px; background: #fffcf6; }
:is(#hakkimizda,#iletisim).company-page .company-founder > summary { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 64px; padding: .9rem 0; color: var(--company-ink); font-size: .95rem; font-weight: 750; line-height: 1.6; list-style: none; cursor: pointer; }
:is(#hakkimizda,#iletisim).company-page .company-founder > summary::-webkit-details-marker { display: none; }
:is(#hakkimizda,#iletisim).company-page .company-founder > summary::after { content: '+'; flex: 0 0 auto; color: #9b825a; font-size: 1.3rem; font-weight: 500; }
:is(#hakkimizda,#iletisim).company-page .company-founder[open] > summary::after { content: '−'; }
:is(#hakkimizda,#iletisim).company-page .company-founder blockquote { margin: .3rem 0 1.3rem; padding: 0 0 0 1.2rem; border-left: 3px solid #d4b17c; color: #4f6067; font-size: .95rem; font-style: normal; line-height: 1.95; overflow-wrap: anywhere; }
:is(#hakkimizda,#iletisim).company-page .company-founder blockquote > :first-child { margin-top: 0; }
:is(#hakkimizda,#iletisim).company-page .company-founder footer { display: grid; gap: .2rem; margin: 1rem 0 0; padding-bottom: 1.3rem; color: #6f6759; font-size: .78rem; font-weight: 550; line-height: 1.6; }
:is(#hakkimizda,#iletisim).company-page .company-founder footer strong { color: var(--company-ink); font-size: .9rem; font-weight: 750; }
:is(#hakkimizda,#iletisim).company-page .company-reviews { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 0 0 2.5rem; }
:is(#hakkimizda,#iletisim).company-page .company-reviews > :is(h2,h3,header,p) { grid-column: 1/-1; }
:is(#hakkimizda,#iletisim).company-page .company-reviews > :is(h2,h3) { margin: 0 0 .2rem; font-size: 1.5rem; line-height: 1.4; }
:is(#hakkimizda,#iletisim).company-page .company-review-grid { grid-column: 1/-1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
:is(#hakkimizda,#iletisim).company-page .company-reviews > a { grid-column: 1/-1; display: inline-flex; align-items: center; justify-self: start; min-height: 44px; color: var(--company-teal); font-size: .78rem; font-weight: 650; text-underline-offset: .2em; }
:is(#hakkimizda,#iletisim).company-page .company-reviews blockquote { margin: 0; padding: 1.4rem; border: 1px solid var(--company-line); border-radius: 12px; color: #506979; background: #f7fafb; font-size: .85rem; line-height: 1.9; }
:is(#hakkimizda,#iletisim).company-page .company-reviews blockquote p { margin: 0 0 1rem; }
:is(#hakkimizda,#iletisim).company-page .company-reviews footer { color: var(--company-ink); font-size: .75rem; font-weight: 700; line-height: 1.6; }
:is(#hakkimizda,#iletisim).company-page .company-cta { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .65rem 2rem; margin: 0 0 1.4rem; padding: 1.8rem 2rem; border: 1px solid #c8dcda; border-radius: 15px; background: #edf6f3; }
:is(#hakkimizda,#iletisim).company-page .company-cta h2 { grid-column: 1; font-size: 1.55rem; line-height: 1.35; }
:is(#hakkimizda,#iletisim).company-page .company-cta p { grid-column: 1; max-width: 68ch; margin: 0; color: #557166; font-size: .85rem; line-height: 1.85; }
:is(#hakkimizda,#iletisim).company-page .company-cta > div:not(.company-actions) { grid-column: 1; grid-row: 2; min-width: 0; overflow-wrap: anywhere; }
:is(#hakkimizda,#iletisim).company-page .company-cta .company-actions { grid-column: 2; grid-row: 1/3; margin: 0; }
:is(#hakkimizda,#iletisim).company-page .company-footerlinks { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem 1rem; margin: 1.5rem 0 0; padding-top: 1rem; border-top: 1px solid var(--company-line); }
:is(#hakkimizda,#iletisim).company-page .company-footerlinks a { display: inline-flex; align-items: center; min-height: 44px; color: #637c8a; font-size: .73rem; text-underline-offset: .2em; }
:is(#hakkimizda,#iletisim).company-page.company-contact .company-hero, :is(#hakkimizda,#iletisim).company-page .company-hero.company-contact { display: block; margin-bottom: 1.5rem; padding: 1.5rem 1.7rem; border-color: #d6e7e3; background: #f1f8f5; }
:is(#hakkimizda,#iletisim).company-page.company-contact .company-hero h1, :is(#hakkimizda,#iletisim).company-page .company-hero.company-contact h1 { max-width: none; margin-bottom: .65rem; font-size: clamp(1.8rem,3vw,2.5rem); }
:is(#hakkimizda,#iletisim).company-page.company-contact .company-hero-copy, :is(#hakkimizda,#iletisim).company-page .company-hero.company-contact .company-hero-copy { padding: 0; }
:is(#hakkimizda,#iletisim).company-page.company-contact .company-lead, :is(#hakkimizda,#iletisim).company-page .company-hero.company-contact .company-lead { max-width: 90ch; margin-bottom: 0; font-size: .9rem; line-height: 1.8; }
:is(#hakkimizda,#iletisim).company-page .company-contact-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: 2rem; }
:is(#hakkimizda,#iletisim).company-page .company-channels { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; margin: 0 0 1.3rem; }
:is(#hakkimizda,#iletisim).company-page .company-channels > a { display: flex; flex-direction: column; align-items: flex-start; gap: .45rem; min-width: 0; padding: .95rem; border: 1px solid #d2e1e5; border-radius: 11px; color: var(--company-ink); background: #fff; text-decoration: none; transition: border-color .2s ease,background-color .2s ease; }
:is(#hakkimizda,#iletisim).company-page .company-channels > a:hover { border-color: #a2c7c3; background: #f3faf7; }
:is(#hakkimizda,#iletisim).company-page .company-channel-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin-bottom: .1rem; border: 1px solid #cfe2dc; border-radius: 9px; color: var(--company-teal); background: #eff8f3; font-size: 1.1rem; line-height: 1; }
:is(#hakkimizda,#iletisim).company-page .company-channels :is(h2,h3,.company-channel-title) { font-size: .8rem; font-weight: 750; line-height: 1.5; }
:is(#hakkimizda,#iletisim).company-page .company-channels strong { display: block; max-width: 100%; color: var(--company-ink); font-size: .8rem; font-weight: 750; line-height: 1.6; overflow-wrap: anywhere; }
:is(#hakkimizda,#iletisim).company-page .company-channels p { margin: 0; color: var(--company-muted); font-size: .68rem; line-height: 1.7; }
:is(#hakkimizda,#iletisim).company-page .company-office { padding: 1.4rem; border: 1px solid #e3dfd4; border-radius: 12px; background: #fcfaf5; }
:is(#hakkimizda,#iletisim).company-page .company-office h2 { margin: 0 0 .75rem; font-size: 1.2rem; line-height: 1.4; }
:is(#hakkimizda,#iletisim).company-page .company-office address { color: #526979; font-size: .9rem; font-style: normal; line-height: 1.9; overflow-wrap: anywhere; }
:is(#hakkimizda,#iletisim).company-page .company-office .company-actions { margin-top: 1rem; }
:is(#hakkimizda,#iletisim).company-page .company-hours { margin: 1rem 0 0; color: var(--company-muted); font-size: .78rem; line-height: 1.8; }
:is(#hakkimizda,#iletisim).company-page .company-hours strong { color: var(--company-ink); font-weight: 700; }
:is(#hakkimizda,#iletisim).company-page .company-office .company-identity { margin-top: 1.2rem; background: #fff; }
:is(#hakkimizda,#iletisim).company-page .company-form-panel { scroll-margin-top: 110px; padding: 1.5rem; border: 1px solid #cbdce0; border-top: 3px solid #6fa6a1; border-radius: 13px; background: #fff; box-shadow: 0 12px 30px -28px #23485c70; }
:is(#hakkimizda,#iletisim).company-page .company-form-panel :is(input,select,textarea,button,[role="status"]) { scroll-margin-top: 110px; scroll-margin-bottom: 35px; }
:is(#hakkimizda,#iletisim).company-page .company-form-panel > h2 { margin: 0 0 .5rem; font-size: 1.4rem; line-height: 1.4; }
:is(#hakkimizda,#iletisim).company-page .company-form-panel > p { margin: 0 0 1.2rem; color: var(--company-muted); font-size: .82rem; line-height: 1.8; }
:is(#hakkimizda,#iletisim).company-page .company-form-panel > p.eyebrow { margin-bottom: .5rem; color: var(--company-teal); font-size: .68rem; }
:is(#hakkimizda,#iletisim).company-page .company-form { display: grid; gap: 1rem; margin: 0; padding: 0; border: 0; color: var(--company-ink); background: transparent; font-size: .85rem; }
:is(#hakkimizda,#iletisim).company-page .company-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .9rem .8rem; }
:is(#hakkimizda,#iletisim).company-page .company-form-grid > div { display: grid; align-content: start; gap: .35rem; min-width: 0; }
:is(#hakkimizda,#iletisim).company-page .company-form label { display: grid; gap: .35rem; min-width: 0; margin: 0; color: var(--company-ink); font-size: .78rem; font-weight: 650; line-height: 1.6; }
:is(#hakkimizda,#iletisim).company-page .company-form :is(input:not([type="checkbox"]),select,textarea) { display: block; width: 100%; min-width: 0; min-height: 48px; margin: 0; padding: .7rem .8rem; border: 1px solid #bfcfd7; border-radius: 8px; color: var(--company-ink); background: #fff; font: inherit; font-size: 16px; font-weight: 450; line-height: 1.5; }
:is(#hakkimizda,#iletisim).company-page .company-form textarea { min-height: 132px; resize: vertical; }
:is(#hakkimizda,#iletisim).company-page .company-form input.hp { position: absolute; width: 1px; height: 1px; min-height: 0; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
:is(#hakkimizda,#iletisim).company-page .company-form :is(input,textarea)::placeholder { color: #84959d; opacity: 1; }
:is(#hakkimizda,#iletisim).company-page .company-form :is(input,select,textarea)[aria-invalid="true"] { border-color: #b86753; background: #fffaf7; }
:is(#hakkimizda,#iletisim).company-page .company-full { grid-column: 1/-1; }
:is(#hakkimizda,#iletisim).company-page .company-hint { display: block; margin: .1rem 0 0; color: #71838e; font-size: .68rem; font-weight: 450; line-height: 1.7; }
:is(#hakkimizda,#iletisim).company-page .company-field-error { margin: .15rem 0 0; color: #a54735; font-size: .73rem; font-weight: 550; line-height: 1.65; }
:is(#hakkimizda,#iletisim).company-page .company-field-error:empty { display: none; }
:is(#hakkimizda,#iletisim).company-page .company-check { display: grid; align-items: start; gap: .3rem; min-height: 44px; margin: 0; padding: .3rem 0; color: #5c7380; font-size: .75rem; line-height: 1.75; }
:is(#hakkimizda,#iletisim).company-page .company-form label.company-check, :is(#hakkimizda,#iletisim).company-page .company-check > label { display: flex; align-items: flex-start; gap: .65rem; font-size: .75rem; font-weight: 450; line-height: 1.75; }
:is(#hakkimizda,#iletisim).company-page .company-check input[type="checkbox"] { flex: 0 0 20px; width: 20px; height: 20px; min-height: 0; margin: .12rem 0 0; accent-color: var(--navy,#203764); }
:is(#hakkimizda,#iletisim).company-page .company-check a { font-weight: 650; text-underline-offset: .2em; }
:is(#hakkimizda,#iletisim).company-page .company-form > button.primary { justify-self: start; min-height: 50px; min-width: 180px; }
:is(#hakkimizda,#iletisim).company-page .company-form-status { margin: 0; padding: .8rem 1rem; border: 1px solid #c8ddda; border-radius: 9px; color: #2c6a65; background: #eff8f4; font-size: .8rem; line-height: 1.8; overflow-wrap: anywhere; }
:is(#hakkimizda,#iletisim).company-page .company-form-status:empty { display: none; }
:is(#hakkimizda,#iletisim).company-page .company-form-status:is(.is-error,[role="alert"]) { border-color: #e5cfc4; color: #8e4936; background: #fff7f2; }
:is(#hakkimizda,#iletisim).company-page .company-success { padding: 1.5rem; border: 1px solid #bcd8cc; border-radius: 11px; color: #356854; background: #f0f8f2; }
:is(#hakkimizda,#iletisim).company-page .company-success h3 { margin: 0 0 .65rem; color: #275c49; font-size: 1.3rem; line-height: 1.45; }
:is(#hakkimizda,#iletisim).company-page .company-success p { margin: 0 0 1rem; font-size: .85rem; line-height: 1.85; }
:is(#hakkimizda,#iletisim).company-page .company-success button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .65rem .85rem; border: 1px solid #a8c8ba; border-radius: 8px; color: #356854; background: #fff; font: inherit; font-size: .78rem; font-weight: 750; }
:is(#hakkimizda,#iletisim).company-page .company-help { display: grid; gap: .6rem; margin: 1.3rem 0 0; }
:is(#hakkimizda,#iletisim).company-page .company-help > :is(h2,h3) { margin: 0 0 .3rem; font-size: 1.1rem; line-height: 1.4; }
:is(#hakkimizda,#iletisim).company-page .company-help details { margin: 0; padding: 0 1rem; border: 1px solid var(--company-line); border-radius: 9px; background: #fff; }
:is(#hakkimizda,#iletisim).company-page .company-help summary { min-height: 52px; padding: .8rem 0; color: var(--company-ink); font-size: .8rem; font-weight: 650; line-height: 1.65; cursor: pointer; }
:is(#hakkimizda,#iletisim).company-page .company-help details p { margin: 0 0 .9rem; color: var(--company-muted); font-size: .78rem; line-height: 1.85; }
:is(#hakkimizda,#iletisim).company-page .company-banks { display: grid; gap: .7rem; margin: 1.3rem 0 0; }
:is(#hakkimizda,#iletisim).company-page .company-banks > :is(article,div) { min-width: 0; padding: 1rem; border: 1px solid var(--company-line); border-radius: 9px; color: #526b7a; background: #f7fafb; font-size: .78rem; line-height: 1.8; }
:is(#hakkimizda,#iletisim).company-page .company-banks :is(h2,h3) { margin: 0 0 .5rem; font-size: .95rem; line-height: 1.5; }
:is(#hakkimizda,#iletisim).company-page .company-banks :is(p,dl) { margin: .35rem 0; }
:is(#hakkimizda,#iletisim).company-page .company-banks :is(code,strong) { color: var(--company-ink); font-family: inherit; font-weight: 700; overflow-wrap: anywhere; }
:is(#hakkimizda,#iletisim).company-page details.company-banks { display: block; padding: 0 1rem; border: 1px solid var(--company-line); border-radius: 9px; background: #fff; }
:is(#hakkimizda,#iletisim).company-page details.company-banks > summary { min-height: 52px; padding: .8rem 0; color: var(--company-ink); font-size: .8rem; font-weight: 650; line-height: 1.65; cursor: pointer; }
:is(#hakkimizda,#iletisim).company-page details.company-banks:not([open]) > :not(summary) { display: none; }
:is(#hakkimizda,#iletisim).company-page .company-banks > .hvaccs { display: grid; grid-template-columns: minmax(0,1fr); gap: .7rem; margin: 0 0 1rem; padding: 0; border: 0; background: transparent; }
:is(#hakkimizda,#iletisim).company-page .company-banks .hvacc { min-width: 0; padding: .9rem; border: 1px solid var(--company-line); border-radius: 8px; background: var(--company-soft); }
:is(#hakkimizda,#iletisim).company-page .company-banks .hvacc :is(.hvh,small) { color: var(--company-muted); font-size: .74rem; line-height: 1.7; overflow-wrap: anywhere; }
:is(#hakkimizda,#iletisim).company-page .company-banks .hviban { min-width: 0; gap: .5rem; }
:is(#hakkimizda,#iletisim).company-page .company-banks .hviban code { font-size: .8rem; line-height: 1.8; }
:is(#hakkimizda,#iletisim).company-page .company-banks .cpy { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .55rem .75rem; border: 1px solid #b9cbd0; border-radius: 7px; color: var(--company-ink); background: #fff; font: inherit; font-size: .73rem; font-weight: 700; }
@media (max-width:1100px) {
  html[data-theme] body.oncompany .top .callbox { display: none; }
  :is(#hakkimizda,#iletisim).company-page .company-hero { gap: 1.6rem; padding: 1.6rem; }
  :is(#hakkimizda,#iletisim).company-page .company-contact-layout { gap: 1.2rem; }
  :is(#hakkimizda,#iletisim).company-page .company-channels { grid-template-columns: minmax(0,1fr); }
  :is(#hakkimizda,#iletisim).company-page .company-channels > a { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: .15rem .75rem; padding: .8rem 1rem; }
  :is(#hakkimizda,#iletisim).company-page .company-channel-icon { grid-column: 1; grid-row: 1/4; margin: 0; align-self: center; }
  :is(#hakkimizda,#iletisim).company-page .company-channels > a > :not(.company-channel-icon) { grid-column: 2; }
}
@media (max-width:960px) {
  :is(#hakkimizda,#iletisim).company-page { padding-left: 1.2rem; padding-right: 1.2rem; }
  :is(#hakkimizda,#iletisim).company-page .company-hero { grid-template-columns: minmax(0,1fr) minmax(0,.9fr); gap: 1.3rem; }
  :is(#hakkimizda,#iletisim).company-page .company-hero h1 { font-size: 2.1rem; }
  :is(#hakkimizda,#iletisim).company-page .company-lead { font-size: .9rem; }
  :is(#hakkimizda,#iletisim).company-page .company-identity dl, :is(#hakkimizda,#iletisim).company-page dl.company-identity { grid-template-columns: minmax(0,1fr); gap: .15rem; }
  :is(#hakkimizda,#iletisim).company-page .company-identity dd { margin-bottom: .45rem; }
  :is(#hakkimizda,#iletisim).company-page .company-contact-layout { grid-template-columns: minmax(0,1fr); }
  :is(#hakkimizda,#iletisim).company-page .company-channels { grid-template-columns: repeat(3,minmax(0,1fr)); }
  :is(#hakkimizda,#iletisim).company-page .company-channels > a { display: flex; padding: 1rem; }
  :is(#hakkimizda,#iletisim).company-page .company-channel-icon { align-self: flex-start; }
  :is(#hakkimizda,#iletisim).company-page .company-office .company-identity dl, :is(#hakkimizda,#iletisim).company-page .company-office dl.company-identity { grid-template-columns: minmax(100px,.35fr) minmax(0,1fr); gap: .4rem .8rem; }
  :is(#hakkimizda,#iletisim).company-page .company-form-panel { padding: 1.5rem; }
  :is(#hakkimizda,#iletisim).company-page .company-cta { grid-template-columns: minmax(0,1fr); }
  :is(#hakkimizda,#iletisim).company-page .company-cta .company-actions { grid-column: 1; grid-row: 3; margin-top: .5rem; }
}
@media (max-width:760px) {
  html[data-theme] body.oncompany .top .bar { min-height: 72px; padding-top: .55rem; padding-bottom: .55rem; gap: 1rem; flex-wrap: wrap; }
  html[data-theme] body.oncompany .top #nav { display: none; }
  html[data-theme] body.oncompany .top #nav.open { display: flex; flex-basis: 100%; flex-direction: column; align-items: stretch; gap: .2rem; }
  html[data-theme] body.oncompany .top #nav > a, html[data-theme] body.oncompany .top #nav > .dd > a { padding: .65rem 1rem; }
  :is(#hakkimizda,#iletisim).company-page { padding: .8rem 1rem 3rem; }
  :is(#hakkimizda,#iletisim).company-page .company-breadcrumb { margin-bottom: .65rem; font-size: .68rem; }
  :is(#hakkimizda,#iletisim).company-page .company-hero { grid-template-columns: minmax(0,1fr); gap: 1.3rem; margin-bottom: 2rem; padding: 1.25rem; border-radius: 13px; }
  :is(#hakkimizda,#iletisim).company-page .company-hero-copy { padding: 0; }
  :is(#hakkimizda,#iletisim).company-page .eyebrow { margin-bottom: .55rem; font-size: .65rem; }
  :is(#hakkimizda,#iletisim).company-page .company-hero h1 { max-width: none; margin-bottom: .85rem; font-size: 2rem; line-height: 1.2; text-wrap: pretty; }
  :is(#hakkimizda,#iletisim).company-page .company-lead { margin-bottom: .7rem; font-size: .86rem; line-height: 1.85; }
  :is(#hakkimizda,#iletisim).company-page .company-actions { gap: .5rem; margin-top: 1rem; }
  :is(#hakkimizda,#iletisim).company-page .company-actions a, :is(#hakkimizda,#iletisim).company-page :is(a.primary,button.primary,a.secondary,button.secondary) { min-height: 46px; padding: .65rem .8rem; font-size: .78rem; }
  :is(#hakkimizda,#iletisim).company-page .company-hero-visual img { aspect-ratio: 1.6/1; border-radius: 9px; }
  :is(#hakkimizda,#iletisim).company-page .company-identity { padding: .9rem; }
  :is(#hakkimizda,#iletisim).company-page .company-identity dl, :is(#hakkimizda,#iletisim).company-page dl.company-identity { grid-template-columns: minmax(78px,.3fr) minmax(0,1fr); gap: .45rem .6rem; }
  :is(#hakkimizda,#iletisim).company-page .company-identity dt { font-size: .65rem; }
  :is(#hakkimizda,#iletisim).company-page .company-identity dd { margin: 0; font-size: .69rem; }
  :is(#hakkimizda,#iletisim).company-page .company-section { margin-bottom: 2rem; }
  :is(#hakkimizda,#iletisim).company-page .company-section-head { margin-bottom: 1rem; }
  :is(#hakkimizda,#iletisim).company-page .company-section-head h2 { font-size: 1.4rem; }
  :is(#hakkimizda,#iletisim).company-page .company-story { font-size: .88rem; line-height: 1.9; }
  :is(#hakkimizda,#iletisim).company-page .company-values { grid-template-columns: minmax(0,1fr); gap: .75rem; }
  :is(#hakkimizda,#iletisim).company-page .company-values article { padding: 1.1rem; }
  :is(#hakkimizda,#iletisim).company-page .company-values article > span { width: 34px; height: 34px; margin-bottom: .7rem; }
  :is(#hakkimizda,#iletisim).company-page .company-values h3 { margin-bottom: .5rem; font-size: .95rem; }
  :is(#hakkimizda,#iletisim).company-page .company-values p { font-size: .8rem; }
  :is(#hakkimizda,#iletisim).company-page .company-steps { padding: 1.15rem; border-radius: 11px; }
  :is(#hakkimizda,#iletisim).company-page .company-steps ol { grid-template-columns: minmax(0,1fr); gap: 1.2rem; }
  :is(#hakkimizda,#iletisim).company-page .company-steps li { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: .35rem .8rem; }
  :is(#hakkimizda,#iletisim).company-page .company-steps li > span { grid-column: 1; grid-row: 1/3; margin: 0; }
  :is(#hakkimizda,#iletisim).company-page .company-steps li:not(:last-child)::after { top: 47px; right: auto; bottom: -12px; left: 18px; width: 1px; height: auto; }
  :is(#hakkimizda,#iletisim).company-page .company-steps :is(h3,p) { grid-column: 2; margin: 0; }
  :is(#hakkimizda,#iletisim).company-page .company-founder { margin-bottom: 2rem; padding: 0 1rem; }
  :is(#hakkimizda,#iletisim).company-page .company-founder > summary { min-height: 56px; font-size: .86rem; }
  :is(#hakkimizda,#iletisim).company-page .company-founder blockquote { padding-left: .85rem; font-size: .85rem; line-height: 1.9; }
  :is(#hakkimizda,#iletisim).company-page .company-reviews { grid-template-columns: minmax(0,1fr); gap: .75rem; margin-bottom: 2rem; }
  :is(#hakkimizda,#iletisim).company-page .company-review-grid { grid-template-columns: minmax(0,1fr); gap: .75rem; }
  :is(#hakkimizda,#iletisim).company-page .company-reviews blockquote { padding: 1.1rem; font-size: .8rem; }
  :is(#hakkimizda,#iletisim).company-page .company-cta { padding: 1.3rem; gap: .65rem; border-radius: 12px; }
  :is(#hakkimizda,#iletisim).company-page .company-cta h2 { font-size: 1.4rem; }
  :is(#hakkimizda,#iletisim).company-page .company-cta p { font-size: .8rem; }
  :is(#hakkimizda,#iletisim).company-page .company-footerlinks { gap: .2rem .85rem; }
  :is(#hakkimizda,#iletisim).company-page .company-footerlinks a { font-size: .7rem; }
  :is(#hakkimizda,#iletisim).company-page.company-contact .company-hero, :is(#hakkimizda,#iletisim).company-page .company-hero.company-contact { margin-bottom: 1rem; padding: 1.15rem; border-radius: 12px; }
  :is(#hakkimizda,#iletisim).company-page.company-contact .company-hero h1, :is(#hakkimizda,#iletisim).company-page .company-hero.company-contact h1 { font-size: 1.85rem; }
  :is(#hakkimizda,#iletisim).company-page.company-contact .company-lead, :is(#hakkimizda,#iletisim).company-page .company-hero.company-contact .company-lead { font-size: .83rem; }
  :is(#hakkimizda,#iletisim).company-page .company-contact-layout { gap: 1.1rem; }
  :is(#hakkimizda,#iletisim).company-page .company-channels { grid-template-columns: minmax(0,1fr); gap: .55rem; margin-bottom: 1rem; }
  :is(#hakkimizda,#iletisim).company-page .company-channels > a { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: .1rem .7rem; padding: .8rem .9rem; border-radius: 9px; }
  :is(#hakkimizda,#iletisim).company-page .company-channel-icon { align-self: center; }
  :is(#hakkimizda,#iletisim).company-page .company-channels strong { font-size: .85rem; }
  :is(#hakkimizda,#iletisim).company-page .company-channels p { font-size: .7rem; }
  :is(#hakkimizda,#iletisim).company-page .company-office { padding: 1rem; border-radius: 10px; }
  :is(#hakkimizda,#iletisim).company-page .company-office h2 { font-size: 1.15rem; }
  :is(#hakkimizda,#iletisim).company-page .company-office address { font-size: .84rem; }
  :is(#hakkimizda,#iletisim).company-page .company-office .company-identity dl, :is(#hakkimizda,#iletisim).company-page .company-office dl.company-identity { grid-template-columns: minmax(78px,.3fr) minmax(0,1fr); gap: .45rem .6rem; }
  :is(#hakkimizda,#iletisim).company-page .company-form-panel { padding: 1.15rem; border-radius: 11px; }
  :is(#hakkimizda,#iletisim).company-page .company-form-panel > h2 { font-size: 1.3rem; }
  :is(#hakkimizda,#iletisim).company-page .company-form-panel > p { font-size: .78rem; }
  :is(#hakkimizda,#iletisim).company-page .company-form-grid { grid-template-columns: minmax(0,1fr); gap: .85rem; }
  :is(#hakkimizda,#iletisim).company-page .company-form > button.primary { width: 100%; min-height: 50px; }
  :is(#hakkimizda,#iletisim).company-page .company-check { font-size: .73rem; }
  :is(#hakkimizda,#iletisim).company-page .company-success { padding: 1.2rem; }
  :is(#hakkimizda,#iletisim).company-page .company-success h3 { font-size: 1.2rem; }
}
@media (max-width:360px) {
  :is(#hakkimizda,#iletisim).company-page { padding-left: .75rem; padding-right: .75rem; }
  :is(#hakkimizda,#iletisim).company-page .company-hero { padding: 1rem; }
  :is(#hakkimizda,#iletisim).company-page .company-hero h1 { font-size: 1.75rem; }
  :is(#hakkimizda,#iletisim).company-page .company-identity dl, :is(#hakkimizda,#iletisim).company-page dl.company-identity, :is(#hakkimizda,#iletisim).company-page .company-office .company-identity dl, :is(#hakkimizda,#iletisim).company-page .company-office dl.company-identity { grid-template-columns: minmax(0,1fr); gap: .15rem; }
  :is(#hakkimizda,#iletisim).company-page .company-identity dd { margin-bottom: .4rem; }
}
@media (prefers-reduced-motion:reduce) { :is(#hakkimizda,#iletisim).company-page .company-channels > a { transition: none; } }
@media print {
  body.oncompany :is(.top,.strip,.agbar,.mbar,.foot) { display: none !important; }
  :is(#hakkimizda,#iletisim).company-page { max-width: none; margin: 0; padding: 0; font-size: 10pt; }
  :is(#hakkimizda,#iletisim).company-page :is(.company-actions,.company-form-panel,.company-footerlinks,.company-breadcrumb) { display: none !important; }
  :is(#hakkimizda,#iletisim).company-page .company-hero { padding: 1rem; margin-bottom: 1.5rem; break-inside: avoid; }
  :is(#hakkimizda,#iletisim).company-page .company-hero h1 { font-size: 22pt; }
  :is(#hakkimizda,#iletisim).company-page :is(.company-values article,.company-reviews blockquote,.company-office) { break-inside: avoid; box-shadow: none; }
  :is(#hakkimizda,#iletisim).company-page .company-contact-layout { display: block; }
  :is(#hakkimizda,#iletisim).company-page .company-founder::details-content { display: block; content-visibility: visible; }
  :is(#hakkimizda,#iletisim).company-page .company-founder blockquote { display: block; }
}

/* /site-hotels.css */
.hlb-booking{color:var(--ht-ink);font-size:.9rem;line-height:1.7}.hlb-booking h3{font-size:1.1rem;margin:.7rem 0}.hlb-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.7fr);gap:20px;border:1px solid var(--ht-line);border-radius:16px;margin:18px 0;padding:20px;background:#fcfefc}.hlb-offer p{font-size:.85rem;color:var(--ht-mut)}.hlb-price{display:flex;flex-direction:column;gap:8px;text-align:right}.hlb-price>strong{font-size:1.65rem;color:#185d4c}.hlb-price small{display:block;color:var(--ht-mut);font-size:.76rem}.hlb-price details{text-align:left;font-size:.78rem}.hlb-price ul{padding-left:16px}.hlb-price li{margin:8px 0}.hlb-price button{margin-top:auto}.hlb-price button:disabled{background:#e7ede9!important;color:#63746e!important;cursor:not-allowed;box-shadow:none}.hlb-form{padding:22px;border-radius:18px;background:#f5faf7;border:1px solid #cfdfd5;scroll-margin-top:130px}.hlb-steps{padding:0;margin:0 0 18px;display:flex;list-style:none;gap:6px;font-size:.72rem;font-weight:700;flex-wrap:wrap}.hlb-steps li{padding:7px 10px;border-radius:8px;background:#e7efeb}.hlb-steps li[aria-current]{background:#216650;color:white}.hlb-total{padding:15px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:10px;background:white}.hlb-total strong{color:#195d48;font-size:1.5rem}.hlb-guest{border:1px solid #d7e3dc;border-radius:12px;padding:16px;margin:18px 0;min-width:0;background:white}.hlb-guest legend{font-weight:750;padding:0 7px}.hlb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hlb-fields label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:650;min-width:0}.hlb-fields input{padding:12px;width:100%;min-width:0;box-sizing:border-box;border:1px solid #c8d8cf;border-radius:8px;font:inherit;background:#fff;color:var(--ht-ink);min-height:44px}.hlb-fields input:focus-visible{outline:3px solid #98c9b6;outline-offset:2px}.hlb-consent{display:flex;align-items:flex-start;gap:10px;font-size:.8rem;margin:16px 0}.hlb-consent input{width:18px;height:18px;flex:0 0 18px;margin-top:4px}.hlb-consent a{color:#126347}.hlb-terms{padding:14px;background:white;border-radius:10px;font-size:.82rem}.hlb-form-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:22px}.hlb-form [hidden]{display:none!important}.hlb-booking [data-book-error] button{display:block;margin-top:10px}.ht-local-enquiry>.ht-go{display:block;width:100%;margin:16px 0}.hlb-booking button{min-height:44px}@media(max-width:700px){.hlb-offer{grid-template-columns:1fr;padding:16px}.hlb-price{text-align:left}.hlb-fields{grid-template-columns:1fr}.hlb-form{padding:15px}.hlb-total{align-items:flex-start;flex-direction:column}.hlb-form-actions button{width:100%}}

/* Booking form: touch-friendly controls and readable mobile text. */
.hlb-form{background:#f4f7ff;border-color:#d6e2f2}.hlb-total strong{color:#17264b}.hlb-steps li{background:#e9effa}.hlb-steps li[aria-current]{background:#2877bd}.hlb-consent a{color:#246db0}.hlb-fields input{font-size:16px;min-height:48px}.hlb-fields input:focus-visible{outline-color:#82b5e6}.hlb-form-actions button{min-height:48px}.hlb-consent{min-height:44px;padding:6px 0}.hlb-form p,.hlb-total strong{overflow-wrap:anywhere}

/* Otel arayüzünün bağımsız tasarım katmanı. Mevcut .ht-* davranışlarını korur.
 * html[data-theme] kapsamı, temel stilin import sırasından bağımsızdır.
 */
html[data-theme] .ht-page {
  --ht-ink: #173a4a;
  --ht-mut: #5b737e;
  --ht-line: #d6e4e4;
  --ht-soft: #f0f6f3;
  --ht-teal: #166a67;
  --ht-cream: #f7f3e8;
  width: 100%; max-width: 1240px; min-width: 0;
  margin: 0 auto; padding: 1.5rem 1.5rem 3.5rem;
  color: var(--ht-ink); font: 15px/1.65 Manrope,system-ui,sans-serif;
}
html[data-theme] .ht-page *, html[data-theme] .ht-page *::before, html[data-theme] .ht-page *::after { box-sizing: border-box; }
html[data-theme] .ht-page [hidden] { display: none !important; }
html[data-theme] .ht-page :is(h1,h2,h3,p) { font-family: inherit; text-align: left; }
html[data-theme] .ht-page :is(h1,h2,h3) { display: block; padding: 0; border: 0; font-style: normal; text-transform: none; }
html[data-theme] .ht-page :is(h1,h2,h3)::after { display: none; content: none; }
html[data-theme] .ht-page :is(button,input,select) { font-family: inherit; }
html[data-theme] .ht-page :focus-visible { outline: 3px solid #c78238; outline-offset: 4px; }
html[data-theme] .ht-page :is(button,a,input,select) { -webkit-tap-highlight-color: transparent; }
html[data-theme] .ht-page .ht-head {
  position: relative; isolation: isolate; overflow: hidden; max-width: none;
  margin: 0; padding: 1.5rem 2rem 1.15rem; border: 1px solid #d2e2db;
  border-bottom: 0; border-radius: 22px 22px 0 0;
  background: radial-gradient(ellipse at 95% 0%,#f4e8d1 0,transparent 46%),linear-gradient(120deg,#edf6f1,#f8faf4 80%);
}
html[data-theme] .ht-page .ht-head::after { position: absolute; z-index: -1; right: -80px; top: -150px; width: 400px; height: 400px; border: 1px solid #b9d4ca60; border-radius: 50%; box-shadow: 0 0 0 32px #bed9ce20,0 0 0 64px #bed9ce10; content: ''; pointer-events: none; }
html[data-theme] .ht-page .ht-head h1 { max-width: 25ch; margin: 0 0 .65rem; color: var(--ht-ink); font-size: clamp(1.9rem,3.6vw,2.9rem); font-weight: 800; line-height: 1.18; letter-spacing: -.05em; }
html[data-theme] .ht-page .ht-head p { max-width: 76ch; margin: 0; color: var(--ht-mut); font-size: .88rem; line-height: 1.85; }

/* Arama: mevcut alanlar ve olay dinleyicileri yerlerinde kalır. */
html[data-theme] .ht-page .ht-search { min-width: 0; margin: 0; padding: 1.4rem 1.5rem; border: 1px solid #cddfd8; border-radius: 18px; background: #fff; box-shadow: 0 13px 36px -29px #1d464b77; }
html[data-theme] .ht-page > .ht-head + .ht-search { padding: 1.3rem 2rem 1.65rem; border-top: 0; border-radius: 0 0 22px 22px; background: linear-gradient(180deg,#f4f8f2 0,#fff 65%); }
html[data-theme] .ht-page .ht-scope { display: inline-flex; gap: .25rem; max-width: 100%; margin-bottom: 1.05rem; padding: .25rem; border: 1px solid #cdded6; border-radius: 12px; background: #e9f1ec; }
html[data-theme] .ht-page .ht-scopebtn { display: inline-flex; align-items: center; justify-content: center; min-width: 100px; min-height: 44px; margin: 0; padding: .55rem .9rem; border: 1px solid transparent; border-radius: 8px; color: #57736c; background: transparent; font-size: .875rem; font-weight: 750; line-height: 1.5; white-space: normal; }
html[data-theme] .ht-page .ht-scopebtn:hover { color: var(--ht-ink); background: #f6faf6; }
html[data-theme] .ht-page .ht-scopebtn[aria-checked="true"] { border-color: #d0ded6; color: #195f56; background: #fff; box-shadow: 0 2px 6px #29483a0f; }
html[data-theme] .ht-page .ht-fields { display: grid; grid-template-columns: minmax(0,1.7fr) repeat(2,minmax(0,1.1fr)) repeat(2,minmax(0,.65fr)) minmax(0,.95fr); align-items: end; gap: .8rem; min-width: 0; }
html[data-theme] .ht-page .ht-field,
html[data-theme] .ht-page .ht-where { display: grid; align-content: start; gap: .4rem; min-width: 0; margin: 0; color: var(--ht-ink); font-size: .875rem; font-weight: 750; line-height: 1.6; }
html[data-theme] .ht-page .ht-fields > .ht-where { grid-column: auto; }
html[data-theme] .ht-page .ht-field > span,
html[data-theme] .ht-page .ht-where > label { margin: 0; color: #425f69; font-size: .875rem; font-weight: 750; line-height: 1.6; }
html[data-theme] .ht-page :is(.ht-field,.ht-where) :is(input,select),
html[data-theme] .ht-page .ht-ages select,
html[data-theme] .ht-page .ht-sortrow select { display: block; width: 100%; min-width: 0; max-width: 100%; min-height: 49px; margin: 0; padding: .65rem .7rem; border: 1px solid #bbcfca; border-radius: 10px; color: var(--ht-ink); background: #fbfdfb; font: inherit; font-size: 16px; font-weight: 500; line-height: 1.5; }
html[data-theme] .ht-page input::placeholder { color: #72848c; opacity: 1; }
html[data-theme] .ht-page :is(input,select):focus { border-color: #39847a; background: #fff; }
html[data-theme] .ht-page :is(input,select)[aria-invalid="true"] { border-color: #af543b; background: #fff7f1; }
html[data-theme] .ht-page input[type="date"]::-webkit-date-and-time-value { min-height: 1.5em; text-align: left; }
html[data-theme] .ht-page input[type="date"]::-webkit-calendar-picker-indicator { margin-left: 0; opacity: .7; cursor: pointer; }
html[data-theme] .ht-page .ht-cityrow { display: flex; gap: .4rem; min-width: 0; }
html[data-theme] .ht-page .ht-cityrow input { flex: 1; min-width: 0; }
html[data-theme] .ht-page .ht-cityrow .ht-ghost { flex: 0 0 auto; padding-left: .65rem; padding-right: .65rem; font-size: .875rem; }
html[data-theme] .ht-page .ht-ages { grid-column: 1/-1; grid-row: 2; display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; min-width: 0; padding: .9rem 1rem; border: 1px solid #dbe7df; border-radius: 11px; background: #f4f8f3; }
html[data-theme] .ht-page .ht-ages:empty { display: none; }
html[data-theme] .ht-page .ht-agesl { margin-right: .3rem; color: #466c5d; font-size: .875rem; font-weight: 750; }
html[data-theme] .ht-page .ht-ages select { flex: 0 1 150px; width: auto; min-width: 130px; min-height: 44px; background: #fff; }
html[data-theme] .ht-page .ht-fields > .ht-go { grid-column: 6; grid-row: 1; width: 100%; }
html[data-theme] .ht-page :is(.ht-go,.ht-roombtn,.ht-pick,.ht-ghost) { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-width: 0; min-height: 49px; margin: 0; padding: .7rem .95rem; border: 1px solid var(--ht-teal); border-radius: 10px; color: #fff; background: var(--ht-teal); box-shadow: none; font: inherit; font-size: .875rem; font-weight: 750; line-height: 1.55; letter-spacing: 0; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
html[data-theme] .ht-page :is(.ht-go,.ht-roombtn,.ht-pick):hover { border-color: #105652; background: #105652; transform: none; }
html[data-theme] .ht-page .ht-ghost { border-color: #c7d9d1; color: #2b6156; background: #fff; }
html[data-theme] .ht-page .ht-ghost:hover { border-color: #98bbae; background: #eff6f0; }
html[data-theme] .ht-page :is(button,a)[disabled],
html[data-theme] .ht-page [aria-disabled="true"] { opacity: .55; cursor: default; }

/* Sonuçlar: fiyat ve konaklama bilgisi birbirinden ayrılır. */
html[data-theme] .ht-page .ht-results { min-width: 0; margin-top: 1.4rem; }
html[data-theme] .ht-page .ht-sum { margin: 0 0 1.15rem; padding: .75rem 1rem; border: 1px solid #e3e1d4; border-radius: 10px; color: #5a695f; background: var(--ht-cream); font-size: .875rem; font-weight: 650; line-height: 1.8; overflow-wrap: anywhere; }
html[data-theme] .ht-page .ht-sortrow { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .65rem 1rem; margin: 0 0 1.1rem; color: var(--ht-ink); font-size: 1.15rem; font-weight: 800; letter-spacing: -.03em; }
html[data-theme] .ht-page .ht-sortrow select { width: auto; max-width: 100%; min-height: 44px; padding: .5rem .7rem; border-color: #d1ded9; border-radius: 9px; background: #fff; font-size: .875rem; font-weight: 600; letter-spacing: 0; }
html[data-theme] .ht-page :is(.ht-list,.ht-roomlist) { display: grid; gap: 1.15rem; margin: 0; padding: 0; list-style: none; }
html[data-theme] .ht-page .ht-card { position: relative; display: grid; grid-template-columns: minmax(230px,.95fr) minmax(0,1.35fr) minmax(190px,.65fr); align-items: stretch; gap: 0; min-width: 0; min-height: 235px; overflow: hidden; border: 1px solid #d6e2df; border-radius: 18px; background: #fff; box-shadow: 0 7px 24px -22px #23473966; transition: border-color .18s ease,box-shadow .18s ease; }
html[data-theme] .ht-page .ht-card:hover { border-color: #a2c8b9; box-shadow: 0 10px 28px -22px #23473988; }
html[data-theme] .ht-page .ht-card:focus-within { border-color: #579b87; box-shadow: 0 0 0 3px #579b871c; }
html[data-theme] .ht-page .ht-pic { display: block; position: relative; min-width: 0; min-height: 235px; overflow: hidden; border-radius: 0; background: #e9f2ed; }
html[data-theme] .ht-page .ht-pic img { display: block; width: 100%; height: 100%; max-height: 350px; object-fit: cover; transition: transform .3s ease; }
html[data-theme] .ht-page .ht-card:hover .ht-pic img { transform: scale(1.025); }
html[data-theme] .ht-page .ht-pic.is-empty { background: radial-gradient(circle at 20% 20%,#fafcf7,transparent 65%),linear-gradient(145deg,#dbeae2,#eef4e9); }
html[data-theme] .ht-page .ht-pic.is-empty::after { position: absolute; inset: 25%; border: 1px solid #9fbdb050; border-radius: 30% 60% 40% 55%; transform: rotate(-18deg); content: ''; }
html[data-theme] .ht-page .ht-body { align-self: center; min-width: 0; padding: 1.5rem; }
html[data-theme] .ht-page .ht-name { margin: 0 0 .6rem; color: var(--ht-ink); font-size: clamp(1.05rem,1.65vw,1.35rem); font-weight: 800; line-height: 1.4; letter-spacing: -.035em; overflow-wrap: anywhere; }
html[data-theme] .ht-page .ht-name a { color: inherit; text-decoration: none; }
html[data-theme] .ht-page .ht-name a:hover { color: var(--ht-teal); text-decoration: underline; text-underline-offset: .2em; }
html[data-theme] .ht-page .ht-meta { margin: 0 0 .8rem; color: var(--ht-mut); font-size: .875rem; font-weight: 500; line-height: 1.75; overflow-wrap: anywhere; }
html[data-theme] .ht-page .ht-board { display: inline-block; max-width: 100%; margin: 0 0 .35rem; padding: .25rem .6rem; border: 1px solid #dbe6db; border-radius: 6px; color: #47705a; background: #f1f7ed; font-size: .875rem; font-weight: 750; line-height: 1.65; overflow-wrap: anywhere; }
html[data-theme] .ht-page .ht-camp { margin: .45rem 0 0; color: #80652f; font-size: .875rem; font-weight: 600; line-height: 1.75; overflow-wrap: anywhere; }
html[data-theme] .ht-page .ht-price { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: .25rem; min-width: 0; margin: 1.2rem 0; padding: .8rem 1.4rem; border-left: 1px solid #e3ebe6; text-align: right; }
html[data-theme] .ht-page .ht-amt { max-width: 100%; color: var(--ht-ink); font-size: clamp(1.2rem,1.8vw,1.65rem); font-weight: 800; line-height: 1.35; letter-spacing: -.04em; overflow-wrap: anywhere; }
html[data-theme] .ht-page .ht-per { max-width: 100%; margin: 0 0 .65rem; color: var(--ht-mut); font-size: .875rem; line-height: 1.75; }
html[data-theme] .ht-page .ht-price :is(.ht-roombtn,.ht-pick) { width: 100%; max-width: 230px; }
html[data-theme] .ht-page .ht-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .7rem 1rem; margin: 1.7rem 0 0; color: var(--ht-mut); font-size: .875rem; }
html[data-theme] .ht-page .ht-pager .ht-ghost { min-height: 44px; font-size: .875rem; }

/* Durumlar ve hatalar fiyat ya da müsaitlik varmış gibi sunulmaz. */
html[data-theme] .ht-page .ht-msg,
html[data-theme] .ht-page .ht-status { min-width: 0; margin: 1rem 0; padding: 1.05rem 1.2rem; border: 1px solid #d8e4df; border-radius: 13px; color: #4e6b60; background: #f2f7f2; font-size: .875rem; line-height: 1.85; overflow-wrap: anywhere; }
html[data-theme] .ht-page .ht-msg.is-error,
html[data-theme] .ht-page .ht-status.is-error { border-color: #e4c5b4; color: #98442c; background: #fff5ed; }
html[data-theme] .ht-page .ht-msg.is-warn { border-color: #e4d8b9; color: #7c602a; background: #fdf8e9; }
html[data-theme] .ht-page .ht-msg.is-wait { display: flex; align-items: center; gap: .8rem; min-height: 90px; color: #58746b; background: #f8faf6; }
html[data-theme] .ht-page .ht-msg.is-wait::before { flex: 0 0 22px; width: 22px; height: 22px; border: 2px solid #d4e3db; border-top-color: var(--ht-teal); border-radius: 50%; content: ''; animation: ht-design-progress 1s linear infinite; }
html[data-theme] .ht-page .ht-status:empty { display: none; }

/* Otel detayı ve oda seçimi. */
html[data-theme] .ht-page .ht-back { display: inline-flex; align-items: center; min-height: 44px; margin: 0 0 .9rem; color: #386b61; font-size: .875rem; font-weight: 700; text-decoration: none; }
html[data-theme] .ht-page .ht-back:hover { text-decoration: underline; text-underline-offset: .2em; }
html[data-theme] .ht-page .ht-hhead { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); align-items: stretch; gap: 0; min-width: 0; overflow: hidden; margin: 0 0 1.15rem; border: 1px solid #d5e3db; border-radius: 22px; background: linear-gradient(115deg,#f0f6ef,#f9f5e9); }
html[data-theme] .ht-page .ht-hhead:not(:has(figure)) { grid-template-columns: minmax(0,1fr); }
html[data-theme] .ht-page .ht-cover { min-width: 0; min-height: 280px; max-height: 360px; margin: 0; aspect-ratio: 1.9; border-radius: 0; overflow: hidden; background: #e6f0e8; }
html[data-theme] .ht-page .ht-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
html[data-theme] .ht-page .ht-htitle { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; padding: 2rem; }
html[data-theme] .ht-page .ht-htitle h1 { max-width: 24ch; margin: 0 0 .8rem; color: var(--ht-ink); font-size: clamp(1.7rem,2.8vw,2.5rem); font-weight: 800; line-height: 1.2; letter-spacing: -.045em; overflow-wrap: anywhere; }
html[data-theme] .ht-page .ht-htitle .ht-meta { margin-bottom: 1.1rem; font-size: .875rem; }
html[data-theme] .ht-page .ht-stay { display: inline-block; max-width: 100%; margin: 0; padding: .7rem .85rem; border: 1px solid #d0e0d4; border-radius: 10px; color: #3b6554; background: #ffffffb3; font-size: .875rem; font-weight: 650; line-height: 1.9; overflow-wrap: anywhere; }
html[data-theme] .ht-page .ht-change { margin: 0 0 1.65rem; padding: .75rem 1.1rem; border: 1px solid #d7e3df; border-radius: 12px; background: #fbfdfb; }
html[data-theme] .ht-page .ht-change > summary { min-height: 44px; padding: .65rem 0; color: #2d6b5d; font-size: .875rem; font-weight: 750; line-height: 1.6; cursor: pointer; }
html[data-theme] .ht-page .ht-change > summary::marker { color: #639887; }
html[data-theme] .ht-page .ht-change[open] { border-color: #83ac98; background: #f5faf5; }
html[data-theme] .ht-page .ht-change[open] > summary { border-bottom: 1px solid #d7e6dc; }
html[data-theme] .ht-page .ht-change .ht-search.is-compact { margin: .7rem 0 .25rem; padding: 1.2rem; border-color: #dae6de; border-radius: 11px; box-shadow: none; }
html[data-theme] .ht-page .ht-rooms,
html[data-theme] .ht-page .ht-book { min-width: 0; scroll-margin-top: 110px; }
html[data-theme] .ht-page .ht-rooms > h2,
html[data-theme] .ht-page .ht-book > h2 { margin: 0 0 1rem; color: var(--ht-ink); font-size: 1.45rem; font-weight: 800; line-height: 1.4; letter-spacing: -.035em; }
html[data-theme] .ht-page .ht-room { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,.45fr); align-items: stretch; gap: 0; min-width: 0; margin: 0; padding: 0; border: 1px solid #d5e4da; border-radius: 16px; background: #fff; overflow: hidden; transition: border-color .18s ease,box-shadow .18s ease; }
html[data-theme] .ht-page .ht-room.is-picked { border-color: #388b72; box-shadow: 0 0 0 2px #388b7226; background: #fcfef9; }
html[data-theme] .ht-page .ht-rinfo { min-width: 0; padding: 1.4rem 1.5rem; }
html[data-theme] .ht-page .ht-rinfo h3 { margin: 0 0 .65rem; color: var(--ht-ink); font-size: 1.05rem; font-weight: 800; line-height: 1.45; letter-spacing: -.025em; overflow-wrap: anywhere; }
html[data-theme] .ht-page :is(.ht-cap,.ht-note) { margin: .45rem 0 0; color: var(--ht-mut); font-size: .875rem; line-height: 1.8; overflow-wrap: anywhere; }
html[data-theme] .ht-page .ht-room .ht-price { margin: 0; padding: 1.3rem 1.4rem; background: #f8fbf5; }
html[data-theme] .ht-page .ht-room.is-picked .ht-price { background: #edf6ea; }
html[data-theme] .ht-page .ht-room.is-picked .ht-pick { border-color: #20594d; background: #20594d; }
html[data-theme] .ht-page .ht-room.is-picked .ht-pick::before { width: 10px; height: 6px; flex: 0 0 10px; margin-right: 3px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(-45deg); content: ''; }
html[data-theme] .ht-page .ht-cancel { margin-top: .7rem; color: var(--ht-mut); font-size: .875rem; }
html[data-theme] .ht-page .ht-cancel > summary { min-height: 44px; padding: .6rem 0; color: #386e5f; font-size: .875rem; font-weight: 700; line-height: 1.6; cursor: pointer; }
html[data-theme] .ht-page .ht-cancel p { max-width: 76ch; margin: .25rem 0 0; color: var(--ht-mut); font-size: .875rem; line-height: 1.85; overflow-wrap: anywhere; }

/* Misafir ve ödeme adımları: ilgili bileşenler hazır olduğunda görünür. */
html[data-theme] .ht-page .ht-book { margin-top: 2rem; padding-top: 1.8rem; border-top: 1px solid #d6e2db; }
html[data-theme] .ht-page .ht-pickline { margin: 0 0 1.2rem; padding: 1rem 1.2rem; border: 1px solid #cde0d1; border-left: 4px solid #3d8b70; border-radius: 10px; color: #315e4c; background: #f0f7eb; font-size: .875rem; font-weight: 700; line-height: 1.8; overflow-wrap: anywhere; }
html[data-theme] .ht-page .ht-form { display: grid; gap: 1.2rem; width: 100%; max-width: 960px; margin: 0; }
html[data-theme] .ht-page .ht-guest { min-width: 0; margin: 0; padding: 1.1rem 1.3rem 1.4rem; border: 1px solid #d4e1da; border-radius: 15px; background: #fff; }
html[data-theme] .ht-page .ht-guest legend { max-width: 100%; padding: 0 .45rem; color: #2f6554; font-size: .875rem; font-weight: 800; line-height: 1.7; }
html[data-theme] .ht-page .ht-guest:focus-within { border-color: #78a58d; background: #fcfefb; }
html[data-theme] .ht-page .ht-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(200px,100%),1fr)); gap: 1rem; }
html[data-theme] .ht-page .ht-terms { min-width: 0; padding: 1.05rem 1.2rem; border: 1px solid #e4dfcd; border-radius: 13px; color: #5d624e; background: #faf7ed; font-size: .875rem; line-height: 1.8; }
html[data-theme] .ht-page .ht-terms p { margin: .5rem 0 0; color: #6d735f; font-size: .875rem; line-height: 1.85; overflow-wrap: anywhere; }
html[data-theme] .ht-page .ht-chk { display: flex; align-items: flex-start; gap: .75rem; min-height: 44px; min-width: 0; margin: 0; padding: .45rem 0; color: #586d73; font-size: .875rem; line-height: 1.9; }
html[data-theme] .ht-page .ht-chk input { flex: 0 0 21px; width: 21px; height: 21px; margin: .2rem 0 0; accent-color: var(--ht-teal); }
html[data-theme] .ht-page .ht-chk a { color: #24675e; text-decoration: underline; text-underline-offset: .2em; }
html[data-theme] .ht-page .ht-small { max-width: 90ch; margin: 0; color: var(--ht-mut); font-size: .875rem; line-height: 1.85; overflow-wrap: anywhere; }
html[data-theme] .ht-page .ht-form > .ht-go { justify-self: start; min-width: 210px; }
html[data-theme] .ht-page .ht-paybox { display: grid; gap: .8rem; width: 100%; max-width: 600px; min-width: 0; padding: 1.5rem; border: 1px solid #c8dccd; border-radius: 18px; background: linear-gradient(135deg,#f3f8ef,#fbf9ef); }
html[data-theme] .ht-page .ht-paybox p { margin: 0; color: #516d5e; font-size: .875rem; line-height: 1.85; overflow-wrap: anywhere; }
html[data-theme] .ht-page .ht-paybox .ht-paytotal { color: var(--ht-ink); font-size: 2rem; font-weight: 800; line-height: 1.3; letter-spacing: -.045em; }
html[data-theme] .ht-page .ht-paybox .ht-go { justify-self: stretch; margin-top: .35rem; }
html[data-theme] .ht-page .ht-paybox .ht-msg { margin: 0; }

/* Ana sayfanın yedi alanlı otel araması ve çocuk yaşları. */
#home-page.home-page .home-hotel-fields { grid-template-columns: repeat(4,minmax(0,1fr)); align-items: start; }
#home-page.home-page .home-hotel-fields > .home-hotel-field-destination { grid-column: span 2; }
#home-page.home-page .home-hotel-ages { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; min-width: 0; margin: 1rem 0 0; padding: .9rem 1rem 1rem; border: 1px solid #d5e5db; border-radius: 11px; background: #f4f9f3; }
#home-page.home-page .home-hotel-ages[hidden] { display: none !important; }
#home-page.home-page .home-hotel-ages legend { width: auto; max-width: 100%; margin: 0; padding: 0 .35rem; color: #46685e; font: 700 .73rem/1.6 Manrope,system-ui,sans-serif; }
#home-page.home-page .home-hotel-ages .home-hotel-field label { display: grid; gap: .4rem; min-width: 0; margin: 0; color: var(--home-ink,#18314c); font-size: .875rem; font-weight: 750; line-height: 1.6; }
#home-page.home-page .home-hotel-ages .home-hotel-field select { display: block; width: 100%; min-width: 0; max-width: 100%; min-height: 48px; margin: 0; padding: .65rem .8rem; border: 1px solid #b8cfce; border-radius: 9px; color: var(--home-ink,#18314c); background: #fff; font: inherit; font-size: 16px; line-height: 1.5; }
#home-page.home-page .home-hotel-ages > .home-hotel-field-error { grid-column: 1/-1; }
#home-page.home-page .home-hotel-ages select[aria-invalid="true"] { border-color: #b35437; background: #fff8f3; }

@keyframes ht-design-progress { to { transform: rotate(360deg); } }
@media (min-width:900px) {
  html[data-theme] .ht-page .ht-head { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: center; gap: 1.5rem; padding: 22px 24px; }
  html[data-theme] .ht-page .ht-head h1 { margin: 0; font-size: 36px; }
  html[data-theme] .ht-page .ht-head p { max-width: none; line-height: 1.65; }
  html[data-theme] .ht-page > .ht-head + .ht-search { padding: 16px 24px; }
  html[data-theme] .ht-page .ht-scope { margin-bottom: 10px; }
  html[data-theme] .ht-page .ht-ages { padding: 6px 12px; }
  html[data-theme] .ht-page .ht-results { display: grid; grid-template-columns: minmax(0,1fr) 280px; align-items: center; gap: 16px; margin-top: 24px; }
  html[data-theme] .ht-page .ht-results > :is(.ht-list,.ht-pager,.ht-msg) { grid-column: 1/-1; }
  html[data-theme] .ht-page .ht-results > .ht-sum { margin: 0; }
  html[data-theme] .ht-page .ht-results > .ht-sortrow { margin: 0; }
}
@media (min-width:1050px) {
  html[data-theme] .ht-page:has(.ht-paybox) { display: grid; grid-template-columns: minmax(0,1fr) 340px; align-items: start; column-gap: 1.5rem; }
  html[data-theme] .ht-page:has(.ht-paybox) > * { grid-column: 1/-1; }
  html[data-theme] .ht-page:has(.ht-paybox) > .ht-rooms { grid-column: 1; grid-row: 4; }
  html[data-theme] .ht-page:has(.ht-paybox) > .ht-book { position: sticky; top: 110px; grid-column: 2; grid-row: 4; margin: 0; padding: 0; border-top: 0; }
  html[data-theme] .ht-page:has(.ht-paybox) .ht-room { grid-template-columns: minmax(0,1fr) 200px; }
  html[data-theme] .ht-page:has(.ht-paybox) .ht-room .ht-price { padding: 1rem; }
}
@media (max-width:1100px) {
  html[data-theme] .ht-page .ht-fields { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-theme] .ht-page .ht-fields > .ht-go { grid-column: 3; grid-row: 2; }
  html[data-theme] .ht-page .ht-ages { grid-row: 3; }
  html[data-theme] .ht-page .ht-card { grid-template-columns: 230px minmax(0,1fr) 190px; }
  html[data-theme] .ht-page .ht-body { padding: 1.2rem; }
  html[data-theme] .ht-page .ht-price { padding: .7rem 1.1rem; }
  html[data-theme] .ht-page .ht-htitle { padding: 1.5rem; }
}
@media (max-width:960px) {
  html[data-theme] .ht-page .ht-card { grid-template-columns: 230px minmax(0,1fr); }
  html[data-theme] .ht-page .ht-pic { grid-column: 1; grid-row: 1/3; }
  html[data-theme] .ht-page .ht-body { align-self: auto; padding-bottom: .9rem; }
  html[data-theme] .ht-page .ht-card > .ht-price { grid-column: 2; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: .2rem .7rem; margin: 0 1.2rem; padding: .9rem 0 1.2rem; border-top: 1px solid #e1e9e2; border-left: 0; text-align: left; }
  html[data-theme] .ht-page .ht-card > .ht-price .ht-per { margin: 0; }
  html[data-theme] .ht-page .ht-card > .ht-price .ht-roombtn { width: auto; min-width: 130px; margin-left: auto; }
  html[data-theme] .ht-page .ht-hhead { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  html[data-theme] .ht-page .ht-cover { min-height: 290px; }
  #home-page.home-page .home-hotel-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #home-page.home-page .home-hotel-fields > :is(.home-hotel-field-searchBy,.home-hotel-field-destination) { grid-column: auto; }
  #home-page.home-page .home-hotel-fields > button { grid-column: 1/-1; margin-top: 0; }
}
@media (max-width:720px) {
  html[data-theme] .ht-page { padding: 1rem 1rem 2.5rem; }
  html[data-theme] .ht-page .ht-head { padding: 1rem 1.2rem .6rem; border-radius: 17px 17px 0 0; }
  html[data-theme] .ht-page .ht-head h1 { font-size: 2rem; }
  html[data-theme] .ht-page .ht-head p { font-size: .875rem; line-height: 1.5; }
  html[data-theme] .ht-page > .ht-head + .ht-search { padding: .6rem 1.2rem 1rem; border-radius: 0 0 17px 17px; }
  html[data-theme] .ht-page .ht-search { padding: 1rem; border-radius: 13px; }
  html[data-theme] .ht-page .ht-fields { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
  html[data-theme] .ht-page .ht-fields > .ht-where { grid-column: 1/-1; }
  html[data-theme] .ht-page .ht-fields > .ht-go { grid-column: 1/-1; grid-row: 5; }
  html[data-theme] .ht-page .ht-ages { grid-row: 4; }
  html[data-theme] .ht-page .ht-fields:not(:has(.ht-ages > *)) > .ht-go { grid-row: 4; }
  html[data-theme] .ht-page .ht-scope { width: 100%; margin-bottom: .7rem; }
  html[data-theme] .ht-page .ht-scopebtn { flex: 1; min-width: 0; }
  html[data-theme] .ht-page .ht-field input[type="date"] { padding-left: .5rem; padding-right: .5rem; }
  html[data-theme] .ht-page .ht-ages { padding: .6rem; gap: .5rem; }
  html[data-theme] .ht-page .ht-agesl { flex-basis: 100%; }
  html[data-theme] .ht-page .ht-ages select { flex: 1 1 120px; min-width: 0; }
  html[data-theme] .ht-page .ht-results { margin-top: 1.35rem; }
  html[data-theme] .ht-page .ht-sum { padding: .7rem .85rem; font-size: .875rem; }
  html[data-theme] .ht-page .ht-sortrow { font-size: 1rem; }
  html[data-theme] .ht-page .ht-card { grid-template-columns: 190px minmax(0,1fr); border-radius: 15px; }
  html[data-theme] .ht-page .ht-pic { min-height: 220px; aspect-ratio: auto; }
  html[data-theme] .ht-page .ht-body { padding: 1rem 1rem .8rem; }
  html[data-theme] .ht-page .ht-card > .ht-price { margin-left: 1rem; margin-right: 1rem; padding-bottom: 1rem; }
  html[data-theme] .ht-page .ht-card > .ht-price .ht-roombtn { width: 100%; max-width: none; margin: .5rem 0 0; }
  html[data-theme] .ht-page .ht-hhead { grid-template-columns: minmax(0,1fr); border-radius: 17px; }
  html[data-theme] .ht-page .ht-cover { min-height: 0; max-height: 370px; aspect-ratio: 1.65; }
  html[data-theme] .ht-page .ht-htitle { padding: 1.4rem; }
  html[data-theme] .ht-page .ht-htitle h1 { max-width: none; font-size: 1.8rem; }
  html[data-theme] .ht-page .ht-htitle .ht-meta { margin-bottom: .85rem; font-size: .875rem; }
  html[data-theme] .ht-page .ht-stay { padding: .65rem .75rem; font-size: .875rem; }
  html[data-theme] .ht-page .ht-change { padding: .65rem .9rem; margin-bottom: 1.3rem; }
  html[data-theme] .ht-page .ht-change .ht-search.is-compact { padding: .9rem; }
  html[data-theme] .ht-page .ht-room { grid-template-columns: minmax(0,1fr) 200px; border-radius: 13px; }
  html[data-theme] .ht-page .ht-rinfo { padding: 1.1rem; }
  html[data-theme] .ht-page .ht-room .ht-price { align-items: flex-end; padding: 1.1rem; text-align: right; }
  html[data-theme] .ht-page .ht-rooms > h2,
  html[data-theme] .ht-page .ht-book > h2 { font-size: 1.3rem; }
  html[data-theme] .ht-page .ht-book { margin-top: 1.5rem; padding-top: 1.4rem; }
  html[data-theme] .ht-page .ht-guest { padding: .9rem 1rem 1.1rem; }
  html[data-theme] .ht-page .ht-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }
  html[data-theme] .ht-page .ht-form > .ht-go { justify-self: stretch; }
  html[data-theme] .ht-page .ht-paybox { padding: 1.2rem; }
}
@media (max-width:520px) {
  html[data-theme] .ht-page .ht-cityrow { flex-wrap: wrap; }
  html[data-theme] .ht-page .ht-cityrow input { flex-basis: 170px; }
  html[data-theme] .ht-page .ht-cityrow .ht-ghost { flex: 1 0 auto; }
  html[data-theme] .ht-page .ht-head h1 { font-size: 1.8rem; }
  html[data-theme] .ht-page .ht-card { grid-template-columns: minmax(0,1fr); }
  html[data-theme] .ht-page .ht-pic { grid-row: auto; grid-column: auto; min-height: 0; aspect-ratio: 1.7; }
  html[data-theme] .ht-page .ht-pic img { max-height: none; }
  html[data-theme] .ht-page .ht-name { font-size: 1.15rem; }
  html[data-theme] .ht-page .ht-card > .ht-price { grid-column: auto; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: .2rem .65rem; margin: 0 1rem; padding-top: .9rem; }
  html[data-theme] .ht-page .ht-card > .ht-price .ht-amt { grid-column: 1; font-size: 1.4rem; }
  html[data-theme] .ht-page .ht-card > .ht-price .ht-per { grid-column: 1; }
  html[data-theme] .ht-page .ht-card > .ht-price .ht-roombtn { grid-column: 2; grid-row: 1/3; width: auto; min-width: 112px; margin: 0; }
  html[data-theme] .ht-page .ht-pager { gap: .6rem; font-size: .875rem; }
  html[data-theme] .ht-page .ht-pager .ht-ghost { padding-left: .7rem; padding-right: .7rem; font-size: .875rem; }
  html[data-theme] .ht-page .ht-room { grid-template-columns: minmax(0,1fr); }
  html[data-theme] .ht-page .ht-room .ht-price { align-items: stretch; gap: .3rem; margin: 0; padding: 1rem 1.1rem; border-top: 1px solid #e0eadd; border-left: 0; text-align: left; }
  html[data-theme] .ht-page .ht-room .ht-price .ht-pick { max-width: none; }
  html[data-theme] .ht-page .ht-room .ht-per { margin-bottom: .45rem; }
  html[data-theme] .ht-page .ht-grid { grid-template-columns: minmax(0,1fr); }
  #home-page.home-page .home-hotel-ages { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; padding: .8rem; }
}
@media (max-width:360px) {
  html[data-theme] .ht-page { padding-left: .75rem; padding-right: .75rem; }
  html[data-theme] .ht-page .ht-head,
  html[data-theme] .ht-page > .ht-head + .ht-search { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme] .ht-page .ht-fields { grid-template-columns: minmax(0,1fr); }
  html[data-theme] .ht-page .ht-fields > .ht-go,
  html[data-theme] .ht-page .ht-fields:not(:has(.ht-ages > *)) > .ht-go,
  html[data-theme] .ht-page .ht-ages { grid-column: 1; grid-row: auto; }
  html[data-theme] .ht-page .ht-card > .ht-price { grid-template-columns: minmax(0,1fr); }
  html[data-theme] .ht-page .ht-card > .ht-price .ht-roombtn { grid-column: 1; grid-row: auto; width: 100%; margin-top: .55rem; }
  html[data-theme] .ht-page .ht-sortrow select { width: 100%; }
  #home-page.home-page .home-hotel-fields,
  #home-page.home-page .home-hotel-ages { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme] .ht-page :is(.ht-card,.ht-pic img,.ht-room) { transition: none; }
  html[data-theme] .ht-page .ht-card:hover .ht-pic img { transform: none; }
  html[data-theme] .ht-page .ht-msg.is-wait::before { animation: none; }
}

/* Yerel otel kataloğu — canlı stok/fiyat iddiası olmadan keşif ve teklif. */
html[data-theme] .ht-page .ht-local-searchby { display: inline-flex; align-items: center; flex-wrap: wrap; gap: .6rem; margin: 0 0 1rem 1rem; color: var(--ht-mut); font-size: .85rem; }
.ht-local-searchby select { min-height: 42px; padding: .5rem .7rem; border: 1px solid var(--ht-line); border-radius: 9px; background: #fff; color: var(--ht-ink); font: inherit; }
.ht-local-results { margin-top: 1.5rem; }
.ht-local-result-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: .6rem; margin: 1.4rem 0 .8rem; }
.ht-local-result-top h2 { margin: 0; font-size: 1.35rem; color: var(--ht-ink); }
.ht-local-result-top p { margin: 0; font-size: .85rem; color: var(--ht-mut); }
.ht-local-demo-note { padding: .9rem 1.1rem; border: 1px solid #e2d8bb; border-radius: 12px; background: #fbf7ec; color: #6b5730; font-size: .85rem; line-height: 1.7; }
.ht-local-list { display: grid; gap: 1.3rem; list-style: none; padding: 0; margin: 1.2rem 0; }
.ht-local-card { display: grid; grid-template-columns: 280px minmax(0,1fr) 220px; overflow: hidden; border: 1px solid var(--ht-line); border-radius: 22px; background: #fff; box-shadow: 0 12px 30px -25px #183d4266; }
.ht-local-image-link { display: block; min-width: 0; text-decoration: none; }
.ht-local-picture { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem; min-height: 245px; height: 100%; overflow: hidden; background: radial-gradient(circle at 22% 20%,#e9d8b1 0 20px,transparent 21px),linear-gradient(145deg,#e4efe9,#c1d9d0); }
.ht-local-picture::after { position: absolute; z-index: -1; width: 380px; height: 180px; bottom: -100px; left: -20px; border: 1px solid #90b7a9; border-radius: 50%; box-shadow: 0 0 0 22px #abc8ba44,0 0 0 44px #bdd6cb55; content: ''; }
.ht-local-picture img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ht-local-building { position: relative; width: 94px; height: 105px; margin-top: 2rem; border: 2px solid #497c70; border-radius: 15px 15px 0 0; background: repeating-linear-gradient(90deg,transparent 0 15px,#568577 16px 22px,transparent 23px 31px) 6px 20px / 80px 8px no-repeat,repeating-linear-gradient(90deg,transparent 0 15px,#568577 16px 22px,transparent 23px 31px) 6px 42px / 80px 8px no-repeat,linear-gradient(#f7f5e8,#e7ecdd); box-shadow: 12px 10px 0 -3px #8eafa244; }
.ht-local-building::after { position: absolute; left: 34px; bottom: 0; width: 24px; height: 32px; border: 2px solid #497c70; border-bottom: 0; border-radius: 12px 12px 0 0; content: ''; background: #acc7b9; }
.ht-local-picture-label { font-size: .73rem; font-weight: 650; color: #365e54; }
.ht-local-badge { display: inline-flex; width: fit-content; border-radius: 999px; padding: .4rem .7rem; background: #e9f2ed; color: #295e50; font-size: .65rem; font-weight: 850; letter-spacing: .08em; line-height: 1.4; }
.ht-local-picture > .ht-local-badge { position: absolute; left: 15px; top: 15px; background: #fff; box-shadow: 0 2px 8px #24443d18; }
.ht-local-badge.is-demo { background: #fff4d5; color: #74551b; }
.ht-local-card-body { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 1.45rem; }
.ht-local-card-body h2 { margin: .3rem 0 .6rem; font-size: 1.4rem; line-height: 1.3; }
.ht-local-card-body h2 a { color: var(--ht-ink); text-decoration: none; }
.ht-local-card-body h2 a:hover { text-decoration: underline; text-underline-offset: .2em; }
.ht-local-location { margin: 0; color: var(--ht-mut); font-size: .8rem; font-weight: 650; }
.ht-local-description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; color: var(--ht-mut); font-size: .86rem; line-height: 1.75; overflow-wrap: anywhere; }
.ht-local-facts { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .9rem; }
.ht-local-facts span { padding: .25rem .55rem; border-radius: 6px; background: #f1f6f2; color: #456b5f; font-size: .72rem; font-weight: 650; }
.ht-local-card-action { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 1.4rem; border-left: 1px solid var(--ht-line); background: #fafbf7; }
.ht-local-card-action strong { font-size: 1.05rem; color: var(--ht-ink); }
.ht-local-card-action p { margin: .4rem 0 1rem; color: var(--ht-mut); font-size: .8rem; line-height: 1.7; }
.ht-local-card-action .ht-go { padding: .75rem 1rem; border-radius: 10px; text-decoration: none; white-space: normal; }
.ht-local-hero { display: grid; grid-template-columns: minmax(280px,1.1fr) 1fr; min-height: 330px; border: 1px solid var(--ht-line); border-radius: 24px; overflow: hidden; background: #fafbf6; }
.ht-local-picture.is-hero { min-height: 330px; }
.ht-local-hero-copy { padding: clamp(1.5rem,4vw,3rem); align-self: center; }
.ht-local-hero-copy .ht-local-location { margin-top: 1rem; }
.ht-local-hero-copy h1 { margin: .5rem 0 1rem; color: var(--ht-ink); font-size: clamp(1.7rem,3vw,2.6rem); letter-spacing: -.04em; line-height: 1.15; overflow-wrap: anywhere; }
.ht-local-hero-lead { margin: 0; color: var(--ht-mut); line-height: 1.8; }
.ht-local-detail-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,340px); align-items: start; gap: 2rem; margin-top: 1.6rem; }
.ht-local-info { display: grid; gap: 1.2rem; min-width: 0; }
.ht-local-info h2,.ht-local-enquiry h2 { margin: 0 0 .9rem; font-size: 1.35rem; color: var(--ht-ink); }
.ht-local-full-description { white-space: pre-line; color: var(--ht-mut); line-height: 1.9; overflow-wrap: anywhere; }
.ht-local-data { display: grid; grid-template-columns: minmax(120px,.5fr) 1fr; margin-top: 1.5rem; border-top: 1px solid var(--ht-line); }
.ht-local-data dt,.ht-local-data dd { margin: 0; padding: .8rem .3rem; border-bottom: 1px solid var(--ht-line); font-size: .85rem; overflow-wrap: anywhere; }
.ht-local-data dt { color: var(--ht-mut); }.ht-local-data dd { color: var(--ht-ink); font-weight: 650; }
.ht-local-enquiry { position: sticky; top: 110px; padding: 1.6rem; border: 1px solid var(--ht-line); border-radius: 18px; background: #f3f7f2; }
.ht-local-enquiry .ht-feedback-label { display: block; margin-bottom: .6rem; }
.ht-local-enquiry > p { font-size: .85rem; color: var(--ht-mut); line-height: 1.8; }
.ht-local-stay { padding-bottom: 1rem; border-bottom: 1px solid var(--ht-line); font-weight: 750; }
.ht-local-enquiry .ht-feedback-actions { align-items: stretch; flex-direction: column; }
.ht-local-enquiry .ht-feedback-actions a { justify-content: center; }
.ht-local-enquiry .ht-change { margin: 1.25rem 0 0; }
.ht-local-enquiry .ht-fields { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
.ht-local-enquiry .ht-where,.ht-local-enquiry .ht-go { grid-column: 1/-1 !important; }
.ht-local-disabled { display: block; padding: .8rem 1rem; border: 1px dashed #a9bdb2; border-radius: 10px; color: #5c7568; font-size: .85rem; text-align: center; }
.ht-local-gallery { display: flex; flex-direction: column; min-width: 0; background: #edf2ed; }
.ht-local-gallery-main { position: relative; flex: 1; margin: 0; min-width: 0; }
.ht-local-gallery-main .ht-local-picture { min-height: 360px; }
.ht-local-gallery-caption { position: absolute; display: flex; align-items: end; justify-content: space-between; gap: 1rem; inset: auto 0 0; padding: 2rem 1.1rem .8rem; color: #fff; background: linear-gradient(transparent,#142c2add); font-size: .8rem; line-height: 1.5; pointer-events: none; }
.ht-local-gallery-caption[hidden] { display: none; }
.ht-local-gallery-caption > span:first-child { overflow-wrap: anywhere; }
.ht-local-gallery-count { flex-shrink: 0; font-variant-numeric: tabular-nums; font-weight: 750; }
.ht-local-gallery-thumbs { display: flex; gap: .45rem; overflow-x: auto; padding: .6rem; scrollbar-width: thin; }
.ht-local-gallery-thumb { flex: 0 0 80px; height: 58px; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 8px; cursor: pointer; background: #d4e0d8; opacity: .65; }
.ht-local-gallery-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ht-local-gallery-thumb[aria-pressed="true"] { opacity: 1; border-color: #256551; box-shadow: 0 0 0 2px #fff; }
.ht-local-gallery-thumb:hover { opacity: 1; }
.ht-local-section-nav { display: flex; align-items: center; gap: .35rem; margin-top: 1.4rem; padding: .5rem; border: 1px solid var(--ht-line); border-radius: 14px; background: #fff; overflow-x: auto; scrollbar-width: thin; }
.ht-local-section-nav a { flex: 0 0 auto; min-height: 44px; display: flex; align-items: center; padding: .65rem .9rem; border-radius: 9px; color: var(--ht-ink); text-decoration: none; font-size: .8rem; font-weight: 700; }
.ht-local-section-nav a:hover { background: #edf5ef; color: #285b4b; }
.ht-local-detail a:focus-visible,.ht-local-detail button:focus-visible { outline: 3px solid #277c68; outline-offset: 3px; }
.ht-local-section { min-width: 0; scroll-margin-top: 125px; padding: 1.5rem; border: 1px solid var(--ht-line); border-radius: 18px; background: #fff; }
.ht-local-section h2 { line-height: 1.3; }
.ht-local-section h3 { margin: 1.2rem 0 .5rem; font-size: .95rem; color: var(--ht-ink); line-height: 1.5; overflow-wrap: anywhere; }
.ht-local-section > .ht-local-full-description:last-child { margin-bottom: 0; }
.ht-local-section .ht-local-data:last-child { margin-bottom: 0; }
.ht-local-section-note { margin: 0 0 1rem; color: var(--ht-mut); font-size: .85rem; line-height: 1.8; }
.ht-local-amenities { display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; }
.ht-local-amenity { padding: .85rem 1rem; border-radius: 12px; background: #f6f8f4; }
.ht-local-amenity-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; }
.ht-local-amenity-head h3 { margin: 0; }
.ht-local-amenity .ht-local-full-description { margin: .4rem 0 0; font-size: .83rem; }
.ht-local-charge { padding: .2rem .5rem; border-radius: 6px; font-size: .68rem; font-weight: 750; line-height: 1.6; }
.ht-local-charge.is-included { background: #e0f0e5; color: #2a6043; }
.ht-local-charge.is-paid { background: #fbecd7; color: #79582e; }
.ht-local-charge.is-unknown { background: #e9edf0; color: #4f6370; }
.ht-local-rooms { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .9rem; }
.ht-local-room { overflow: hidden; min-width: 0; border: 1px solid var(--ht-line); border-radius: 13px; }
.ht-local-room-photo { display: block; width: 100%; aspect-ratio: 1.55; object-fit: cover; background: #edf2ed; }
.ht-local-room-body { padding: 1rem; }
.ht-local-room-body h3 { margin: 0 0 .7rem; }
.ht-local-room-body .ht-local-full-description { margin: .65rem 0 0; font-size: .83rem; }
.ht-local-room-facts { display: flex; flex-wrap: wrap; gap: .4rem; color: #3c6658; font-size: .74rem; font-weight: 650; }
.ht-local-room-facts span { padding: .25rem .5rem; background: #edf4ee; border-radius: 6px; }
.ht-local-address { margin: .5rem 0; color: var(--ht-ink); font-style: normal; font-weight: 650; line-height: 1.8; white-space: pre-line; overflow-wrap: anywhere; }
.ht-local-map { display: inline-flex; align-items: center; min-height: 44px; margin-top: .6rem; text-decoration: none; }
.ht-local-stay-times { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; margin: 0 0 1.3rem; }
.ht-local-stay-times > div { padding: 1rem; border-radius: 12px; background: #f0f5ee; }
.ht-local-stay-times dt { color: var(--ht-mut); font-size: .78rem; }
.ht-local-stay-times dd { margin: .3rem 0 0; color: var(--ht-ink); font-size: 1.35rem; font-weight: 750; }
@media(max-width:1000px) { .ht-local-card { grid-template-columns: 240px minmax(0,1fr); }.ht-local-card-action { grid-column: 1/-1; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; border-left: 0; border-top: 1px solid var(--ht-line); }.ht-local-card-action p { margin: 0; max-width: 35ch; }.ht-local-detail-grid { grid-template-columns: 1fr; }.ht-local-enquiry { position: static; order: -1; }.ht-local-enquiry .ht-fields { grid-template-columns: repeat(4,minmax(0,1fr)) !important; } }
@media(max-width:620px) { html[data-theme] .ht-page .ht-local-searchby { display: flex; margin-left: 0; }.ht-local-card,.ht-local-hero { grid-template-columns: 1fr; }.ht-local-card-action { flex-direction: column; align-items: stretch; gap: .55rem; }.ht-local-card-action .ht-go { text-align: center; margin-top: .5rem; }.ht-local-picture,.ht-local-picture.is-hero { min-height: 220px; }.ht-local-hero-copy { padding: 1.4rem; }.ht-local-card-body { padding: 1.2rem; }.ht-local-enquiry { padding: 1.2rem; } }
@media(max-width:620px) { .ht-local-gallery-main .ht-local-picture { min-height: 260px; }.ht-local-section { padding: 1.2rem; }.ht-local-rooms { grid-template-columns: 1fr; }.ht-local-detail-grid { gap: 1.2rem; }.ht-local-enquiry .ht-fields { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }.ht-local-data { grid-template-columns: minmax(95px,.65fr) 1fr; }.ht-local-section-nav { margin-top: 1rem; }.ht-local-hero-lead { font-size: .9rem; } }

/* Rezervasyon odaklı otel detay düzeni */
.ht-local-detail .ht-local-hero{display:flex;flex-direction:column;background:white;border:0;border-radius:20px}
.ht-local-detail .ht-local-hero-copy{padding:1rem 0 1.4rem;align-self:stretch}
.ht-local-detail .ht-local-hero-copy h1{font-size:clamp(1.6rem,3vw,2.3rem);margin:.5rem 0}
.ht-local-detail .ht-local-hero-lead{display:none}
.ht-local-detail .ht-local-gallery{border-radius:20px;overflow:hidden}
.ht-local-detail .ht-local-gallery-main .ht-local-picture{min-height:350px;max-height:410px}
.ht-local-detail .ht-local-detail-grid{display:flex;flex-direction:column;gap:24px}
.ht-local-detail .ht-local-info,.ht-local-detail .ht-local-enquiry{width:100%;box-sizing:border-box}
.ht-local-detail .ht-local-enquiry{position:static;order:0;background:linear-gradient(120deg,#eaf5f4,#f4f5ff);border-color:#c5dcdf;padding:24px}
.ht-local-detail .ht-local-enquiry>p:not(.ht-local-stay){display:none}
.ht-local-detail .ht-local-enquiry>.ht-go{width:auto;display:inline-flex;margin:0 0 12px}
.ht-local-detail .ht-local-enquiry .ht-fields{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ht-local-detail .ht-local-enquiry .ht-where{grid-column:auto!important}
.ht-local-detail .ht-local-section-nav{border-radius:12px;background:#f5f8fa}
.ht-local-detail .ht-local-section-nav a:first-child{background:#163e50;color:white}
.ht-local-detail #local-hotel-availability{border-color:#c7dce4;background:#f6f9fc;padding:24px}
.ht-local-detail .ht-local-rooms{grid-template-columns:1fr;gap:16px}
.ht-local-detail .ht-local-room{display:grid;grid-template-columns:minmax(220px,30%) minmax(0,1fr);background:white;border-radius:18px}
.ht-local-detail .ht-local-room-body{padding:24px}
.ht-local-detail .ht-local-room>.hotel-room-gallery{border-radius:0;min-height:220px;height:100%}
.ht-room-details{margin-top:16px;border-top:1px solid #dce5eb;padding-top:8px;font-size:.85rem}
.ht-room-details summary{cursor:pointer;padding:10px 0;font-weight:700;color:#17627a;min-height:24px}
.ht-room-details summary:focus-visible{outline:3px solid #277c68;outline-offset:3px}
.ht-room-features,.ht-local-room-amenities{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}
.ht-room-features span,.ht-local-room-amenities li{padding:5px 10px;background:#f0f5f8;border-radius:6px;font-size:.8rem}
.ht-local-detail .hlb-offer{background:white;border-radius:18px;box-shadow:0 6px 24px #193a5010}
.ht-local-detail .hlb-price{border-left:1px solid #dce5eb;padding-left:20px}
@media(max-width:760px){.ht-local-detail .ht-local-room{grid-template-columns:1fr}.ht-local-detail .ht-local-room>.hotel-room-gallery{height:auto;min-height:0}.ht-local-detail .ht-local-enquiry .ht-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ht-local-detail .ht-local-gallery-main .ht-local-picture{min-height:240px}.ht-local-detail .hlb-price{border-left:0;border-top:1px solid #dce5eb;padding:16px 0 0}.ht-local-detail #local-hotel-availability,.ht-local-detail .ht-local-enquiry{padding:16px}}
/* Unified hotel reservation experience */
.ht-local-detail{--hotel-accent:#136d82;--hotel-deep:#15394d;--hotel-border:#dce6ed;padding-bottom:80px}
.ht-local-detail .ht-local-hero-copy{position:relative;padding-right:250px}
.ht-local-detail .ht-local-hero-copy h1{max-width:850px;font-weight:800;letter-spacing:-.035em}
.ht-local-detail .ht-header-book{position:absolute;right:0;bottom:24px;text-decoration:none;border-radius:12px;padding:14px 20px;background:var(--hotel-deep);color:white}
.ht-local-detail .ht-local-gallery{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px;background:white}
.ht-local-detail .ht-local-gallery-main .ht-local-picture{height:370px;min-height:370px}
.ht-local-detail .ht-local-gallery-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;max-height:370px;overflow:auto;padding:0}
.ht-local-detail .ht-local-gallery-thumb{width:100%;height:118px;opacity:1;border-radius:10px}
.ht-local-detail .ht-local-section-nav{gap:4px;margin-top:20px;border:0;border-bottom:1px solid var(--hotel-border);border-radius:0;background:white}
.ht-local-detail .ht-local-section-nav a{font-size:.8rem;padding:12px 14px;border-radius:8px}
.ht-local-detail .ht-local-enquiry{background:white;border:1px solid var(--hotel-border);box-shadow:0 8px 32px #163b5110;border-radius:18px;scroll-margin-top:115px}
.ht-local-detail .ht-local-enquiry>h2{font-size:1.2rem;margin-bottom:8px}
.ht-local-detail .ht-local-enquiry>.ht-go,.ht-local-detail .ht-feedback-label{display:none}
.ht-local-detail .ht-local-stay{border:0;padding:0;margin:0 0 12px;font-size:.83rem;color:#547085}
.ht-local-detail .ht-change{margin:0;border:0;padding:0}
.ht-local-detail .ht-change>summary{padding:8px 0;font-size:.85rem;color:#136d82}
.ht-local-detail .ht-search{padding:10px 0 0!important;background:none!important;border:0!important;box-shadow:none!important}
.ht-local-detail .ht-scope,.ht-local-detail .ht-local-searchby,.ht-local-detail .ht-where{display:none!important}
.ht-local-detail .ht-local-enquiry .ht-fields{grid-template-columns:1.2fr 1.2fr .7fr .7fr auto!important;align-items:end;gap:12px}
.ht-local-detail .ht-local-enquiry .ht-fields>.ht-go{grid-column:auto!important;min-height:48px;margin:0!important;white-space:nowrap}
.ht-local-detail .ht-ages{grid-column:1/-1;grid-row:2}
.ht-local-detail .ht-ages:empty{display:none}
.ht-local-detail .ht-local-info{gap:14px}
.ht-local-detail #local-hotel-availability{padding:0;border:0;background:transparent}
.ht-local-detail #local-hotel-availability>h2{font-size:1.65rem;margin:6px 0 16px}
.ht-local-detail #local-hotel-booking-title{display:none}
.ht-local-detail .hlb-tools{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 18px;border:1px solid var(--hotel-border);background:#f5f8fb;border-radius:12px;font-size:.8rem}
.ht-local-detail .hlb-tools label{display:flex;align-items:center;gap:8px}
.ht-local-detail .hlb-tools select{padding:10px;border:1px solid var(--hotel-border);border-radius:8px;background:white;color:var(--hotel-deep);font:inherit;max-width:100%}
.ht-local-detail .hlb-tools input{width:18px;height:18px;accent-color:var(--hotel-accent)}
.ht-local-detail [hidden]{display:none!important}
.ht-local-detail .hlb-room-group{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.65fr);border:1px solid #cfdfe8;border-radius:20px;margin:20px 0;overflow:hidden;background:white;box-shadow:0 8px 24px #15394d08}
.ht-local-detail .hlb-room-heading{background:#f6f9fb;border-right:1px solid var(--hotel-border);min-width:0}
.ht-local-detail .hlb-room-heading>div:not(.hotel-room-gallery){padding:20px}
.ht-local-detail .hlb-room-heading>.hotel-room-gallery{border-radius:0;aspect-ratio:16/10}
.ht-local-detail .hlb-room-heading h3{font-size:1.2rem;line-height:1.4;margin:6px 0}
.ht-local-detail .hlb-room-heading p{font-size:.8rem;color:#526d80}
.ht-local-detail .hlb-room-eyebrow{font-size:.62rem;font-weight:800;letter-spacing:.12em;color:#39758a}
.ht-local-detail .hlb-room-tariffs{min-width:0}
.ht-local-detail .hlb-offer{grid-template-columns:minmax(0,1fr) minmax(190px,1fr);margin:0;border:0;border-bottom:1px solid var(--hotel-border);border-radius:0;box-shadow:none;padding:22px;gap:20px}
.ht-local-detail .hlb-offer:last-child{border-bottom:0}
.ht-local-detail .hlb-offer>div:first-child>p{display:none}
.ht-local-detail .hlb-offer h3{font-size:1rem}
.ht-local-detail .hlb-price{padding-left:0;border:0}
.ht-local-detail .hlb-price>strong{font-size:1.7rem;letter-spacing:-.04em;color:#15394d}
.ht-local-detail .hlb-price .ht-go{border-radius:10px;background:#136d82;min-height:46px}
.ht-local-detail .ht-local-section:not(#local-hotel-availability){border-color:var(--hotel-border);border-radius:14px;padding:22px}
.ht-local-detail .ht-information-disclosure>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none}
.ht-local-detail .ht-information-disclosure>summary::after{content:'+';font-size:24px;color:#136d82}
.ht-local-detail .ht-information-disclosure[open]>summary::after{content:'−'}
.ht-local-detail .ht-information-disclosure>summary h2{margin:0;font-size:1.05rem}
.ht-local-detail .ht-information-body{padding-top:20px}
.ht-local-detail .ht-local-amenities{grid-template-columns:repeat(3,minmax(0,1fr))}
.ht-local-detail .ht-local-full-description{line-height:1.8;font-size:.9rem}
.ht-local-detail .ht-booking-dock{position:fixed;z-index:25;bottom:18px;left:50%;transform:translateX(-50%);width:min(660px,calc(100% - 32px));box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#15394df5;color:white;border:1px solid #ffffff30;border-radius:16px;box-shadow:0 10px 35px #102b4933;font-size:.8rem;backdrop-filter:blur(12px)}
.ht-local-detail .ht-booking-dock .ht-go{background:white;color:#15394d;text-decoration:none;padding:12px 22px;border-radius:10px;white-space:nowrap;font-weight:750}
@media(max-width:1000px){.ht-local-detail .hlb-room-group{grid-template-columns:280px minmax(0,1fr)}.ht-local-detail .hlb-offer{grid-template-columns:1fr}.ht-local-detail .hlb-price{text-align:left}.ht-local-detail .ht-local-enquiry .ht-fields{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ht-local-detail .ht-local-enquiry .ht-fields>.ht-go{grid-column:1/-1!important}.ht-local-detail .ht-local-amenities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.ht-local-detail .ht-local-hero-copy{padding:12px 0 20px}.ht-local-detail .ht-header-book{position:static;display:inline-flex;margin-top:16px}.ht-local-detail .ht-local-gallery{grid-template-columns:1fr}.ht-local-detail .ht-local-gallery-main .ht-local-picture{height:240px;min-height:240px}.ht-local-detail .ht-local-gallery-thumbs{display:flex;max-height:none}.ht-local-detail .ht-local-gallery-thumb{flex:0 0 90px;height:65px}.ht-local-detail .hlb-room-group{grid-template-columns:1fr}.ht-local-detail .hlb-room-heading{border-right:0;border-bottom:1px solid var(--hotel-border)}.ht-local-detail .hlb-room-heading>.hotel-room-gallery{max-height:240px}.ht-local-detail .hlb-offer{padding:18px}.ht-local-detail .ht-local-enquiry .ht-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ht-local-detail .ht-local-amenities{grid-template-columns:1fr}.ht-local-detail .hlb-tools{align-items:stretch;flex-direction:column}.ht-local-detail .hlb-tools label{justify-content:space-between}.ht-local-detail .ht-booking-dock{bottom:8px;font-size:.7rem;padding:10px 12px;gap:8px}.ht-local-detail .ht-booking-dock span{max-width:65%}.ht-local-detail .ht-booking-dock .ht-go{padding:10px 16px}.ht-local-detail .ht-local-section:not(#local-hotel-availability){padding:18px}}
@media(prefers-reduced-motion:reduce){.ht-local-detail *{scroll-behavior:auto!important}}
html[data-theme] .ht-page .ht-local-detail .ht-local-enquiry .ht-fields>.ht-go{grid-column:5!important;grid-row:1!important}
.ht-local-detail .ht-booking-dock{display:none}
@media(max-width:1000px){html[data-theme] .ht-page .ht-local-detail .ht-local-enquiry .ht-fields>.ht-go{grid-column:1/-1!important;grid-row:3!important}}
@media(max-width:650px){.ht-local-detail .ht-booking-dock{display:flex}html[data-theme] .ht-page .ht-local-detail .ht-local-enquiry .ht-fields>.ht-go{grid-row:4!important}html[data-theme] .ht-page .ht-local-detail .ht-ages{grid-row:3!important}}
/* Phone usability: one bottom action, touch-size fields, no horizontal overflow. */
body:has(.ht-local-detail) .mbar{display:none!important}
.ht-local-detail:has(.hlb-form) .ht-booking-dock{display:none!important}
.ht-local-detail .hlb-form{scroll-margin-top:125px}
.ht-local-detail .hlb-tools label,.ht-local-detail .ht-room-details summary{min-height:44px;box-sizing:border-box}
.ht-local-detail .hlb-form select{max-width:100%;min-height:48px;padding:10px;border:1px solid #c8d8cf;border-radius:8px;background:white;font:inherit}
@media(max-width:650px){
html[data-theme] .ht-page .ht-local-detail input,html[data-theme] .ht-page .ht-local-detail select{font-size:16px;min-height:48px;min-width:0;max-width:100%;box-sizing:border-box}
.ht-local-detail .hlb-consent input{min-height:20px!important;height:20px;width:20px;margin-top:3px}
.ht-local-detail .ht-local-enquiry{padding:16px}
.ht-local-detail .ht-search.is-compact{padding:8px!important}
.ht-local-detail .hlb-tools label{flex-wrap:wrap;justify-content:flex-start}
.ht-local-detail .hlb-tools select{width:100%}
.ht-local-detail .hlb-form{padding:16px;scroll-margin-top:80px}
.ht-local-detail .hlb-fields{grid-template-columns:minmax(0,1fr)}
.ht-local-detail .hlb-guest{padding:12px}
.ht-local-detail .hlb-total strong{overflow-wrap:anywhere}
.ht-local-detail .hlb-form-actions{gap:12px}
.ht-local-detail .hlb-form-actions button{min-height:48px;width:100%}
.ht-local-detail .ht-booking-dock{bottom:max(8px,env(safe-area-inset-bottom));padding:10px 12px}
.ht-local-detail .ht-local-section{scroll-margin-top:85px}
.ht-local-detail .hlb-offer{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:359px){.ht-local-detail .ht-local-enquiry{padding:12px}html[data-theme] .ht-page .ht-local-detail .ht-local-enquiry .ht-fields{gap:8px!important}.ht-local-detail .ht-local-hero-copy h1{font-size:1.45rem}.ht-local-detail .hlb-tools{padding:12px}}
/* Tatilly: lacivert / gökyüzü mavisi / güneş sarısı. */
html[data-theme] .ht-page .ht-local-detail{--ht-teal:#137cbd;--ht-ink:#202b60;--ht-mut:#65738d;--ht-line:#dbe5f2;--hotel-accent:#137cbd;--hotel-deep:#202b60;--hotel-border:#dbe5f2}
html[data-theme] .ht-page .ht-local-detail :is(.ht-go,.ht-ghost){background:#137cbd;border-color:#137cbd;color:#fff}
html[data-theme] .ht-page .ht-local-detail :is(.ht-go,.ht-ghost):hover{background:#25356d;border-color:#25356d;color:white}
html[data-theme] .ht-page .ht-local-detail :is(.ht-local-enquiry,.ht-change,.ht-search,.hlb-form,.hlb-room-heading,.ht-local-amenity,.ht-local-stay-times>div){background:#f4f8ff;border-color:#dbe5f2}
html[data-theme] .ht-page .ht-local-detail :is(.ht-local-badge,.ht-local-facts span,.ht-local-room-facts span,.ht-room-features span,.ht-local-room-amenities li,.ht-local-charge.is-included){background:#e7f4fe;color:#17699e;border-color:#cee7fb}
html[data-theme] .ht-page .ht-local-detail .hlb-price>.ht-local-badge{background:#fff3ce;color:#6e5114;border-radius:8px;letter-spacing:0}
html[data-theme] .ht-page .ht-local-detail :is(.hlb-price>strong,.hlb-total strong,.ht-local-stay,.ht-local-data dd,.ht-local-stay-times dd){color:#202b60}
html[data-theme] .ht-page .ht-local-detail :is(.ht-room-details summary,.ht-change>summary,.ht-local-location,.hlb-room-eyebrow,.ht-local-room-facts){color:#286fa7}
html[data-theme] .ht-page .ht-local-detail .ht-information-disclosure>summary::after{color:#137cbd}
html[data-theme] .ht-page .ht-local-detail .ht-local-section-nav a:first-child{background:#25356d;color:#fff}
html[data-theme] .ht-page .ht-local-detail .ht-local-section-nav a:hover{background:#e7f4fe;color:#25356d}
html[data-theme] .ht-page .ht-local-detail .ht-local-gallery-thumb[aria-pressed="true"]{border-color:#1c9bd5}
html[data-theme] .ht-page .ht-local-detail .ht-booking-dock{background:#25356df5;border-color:#6378ab}
html[data-theme] .ht-page .ht-local-detail .ht-booking-dock .ht-go{background:#25a8e0;border-color:#25a8e0;color:white}
html[data-theme] .ht-page .ht-local-detail .hlb-steps li{background:#eaf0fa;color:#25356d}
html[data-theme] .ht-page .ht-local-detail .hlb-steps li[aria-current]{background:#25356d;color:white}
html[data-theme] .ht-page .ht-local-detail :is(input,select){accent-color:#137cbd;border-color:#cbd9ed}
html[data-theme] .ht-page .ht-local-detail :is(a,button,input,select,summary):focus-visible{outline:3px solid #32a8e0;outline-offset:3px}
html[data-theme] .ht-page .ht-local-detail .ht-ages{background:#eaf3ff;border-color:#dbe5f2}
html[data-theme] .ht-page .ht-local-detail .ht-agesl{color:#25356d}

.ht-local-detail .hlb-original-price{display:block;color:#738099;font-size:1rem;line-height:1.3;text-decoration-thickness:1.5px;margin-bottom:-4px}
.hotel-stay-search{color:#202b60}.hotel-stay-bar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:12px}.hotel-stay-search button{font:inherit;cursor:pointer;min-height:48px;border-radius:12px}.hotel-stay-trigger{padding:18px;text-align:left;border:1px solid #cfdaec;background:white;color:#202b60;font-weight:650;line-height:1.6}.hotel-stay-trigger[aria-expanded=true]{border-color:#178acb;box-shadow:0 0 0 3px #e4f3fd}.hotel-stay-submit,.hotel-stay-apply{padding:12px 22px;background:#147ebd;color:white;border:0;font-weight:750!important}.hotel-stay-note{font-size:.8rem;color:#64718d;margin:14px 0 0}.hotel-calendar,.hotel-guests{margin-top:20px;padding:22px;background:white;border:1px solid #dbe5f2;border-radius:18px;box-shadow:0 12px 30px #202b6008}.hotel-calendar-top,.hotel-calendar-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.hotel-month-arrow{width:48px;font-size:26px!important;color:#202b60;border:1px solid #dbe5f2;background:#f5f8ff}.hotel-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin:20px 0}.hotel-month h3{font-size:1rem!important;text-transform:capitalize;text-align:center;margin:0 0 16px!important}.hotel-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.hotel-weekday{text-align:center;font-size:.75rem;color:#6b7b97;padding:8px 0}.hotel-day{padding:0;min-width:0;border:0;background:white;color:#202b60;font-size:.9rem!important}.hotel-day:hover:not(:disabled){background:#e1f2fc}.hotel-day.is-between{background:#e9f4ff;border-radius:0}.hotel-day.is-selected{background:#147ebd;color:white;font-weight:750}.hotel-stay-search button:disabled{opacity:.32;cursor:not-allowed}.hotel-calendar-foot{border-top:1px solid #e5ecf7;padding-top:18px;font-size:.85rem}.hotel-guests{max-width:540px}.hotel-guest-row{display:grid;grid-template-columns:1fr 48px 34px 48px;gap:10px;align-items:center;padding:12px 0}.hotel-guest-row>span{text-align:center;font-weight:750}.hotel-counter{border:1px solid #cfdaec;background:#f5f8ff;color:#202b60;font-size:22px!important}.hotel-child-ages{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.hotel-child-ages label{display:flex;flex-direction:column;gap:8px;font-size:.8rem;flex:1;min-width:110px}.hotel-child-ages select{padding:12px;background:white;border:1px solid #cfdaec;border-radius:8px}.hotel-guests>p{font-size:.85rem;color:#64718d}.hotel-stay-search :focus-visible{outline:3px solid #25a8e0;outline-offset:2px}
@media(max-width:760px){.hotel-stay-bar{grid-template-columns:1fr}.hotel-stay-trigger{padding:14px 16px}.hotel-calendar,.hotel-guests{padding:12px;margin-top:16px}.hotel-months{grid-template-columns:1fr;gap:0}.hotel-month:nth-child(2){display:none}.hotel-calendar-foot{align-items:stretch;flex-direction:column}.hotel-stay-search .hotel-day{min-height:44px;font-size:14px!important}.hotel-days{gap:1px}.hotel-calendar-top strong{font-size:.88rem}.hotel-month-arrow{width:44px}.hotel-stay-submit{min-height:52px!important}.hotel-guest-row{grid-template-columns:1fr 44px 24px 44px;gap:6px}.hotel-stay-note{line-height:1.6}}
.hotel-destination-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;margin-bottom:14px}.hotel-destination-row label{display:flex;flex-direction:column;gap:8px;color:#202b60;font-size:.85rem;font-weight:650}.hotel-destination-row input,.hotel-destination-row select{width:100%;min-width:0;box-sizing:border-box;padding:15px;border:1px solid #cfdaec;border-radius:12px;background:white;color:#202b60;font:inherit;min-height:50px}.hotel-stay-search [hidden]{display:none!important}.home-search-panel .hotel-stay-search{padding:20px;background:#f4f8ff;border-radius:18px}.ht-page>.hotel-stay-search{padding:24px;background:#f4f8ff;border:1px solid #dbe5f2;border-radius:18px;margin-bottom:24px}.hotel-stay-search .hotel-stay-trigger{white-space:normal}.hotel-stay-search .hotel-stay-submit{white-space:nowrap}
@media(max-width:760px){.hotel-destination-row{grid-template-columns:1fr}.home-search-panel .hotel-stay-search,.ht-page>.hotel-stay-search{padding:14px}.hotel-destination-row input,.hotel-destination-row select,.hotel-child-ages select{font-size:16px}}
/* Tatilly hotel search cards */
html[data-theme] .ht-page .ht-local-list{gap:22px}
html[data-theme] .ht-page .ht-local-card{grid-template-columns:minmax(240px,.95fr) minmax(0,1.3fr) minmax(260px,.9fr);border:1px solid #dbe5f2;border-radius:22px;background:#fff;box-shadow:0 8px 28px #202b600a}
html[data-theme] .ht-page .ht-local-card-body{padding:24px}
html[data-theme] .ht-page .ht-local-card-body h2{font-size:1.45rem;color:#202b60}
html[data-theme] .ht-page .ht-local-card-body h2 a{color:#202b60}
html[data-theme] .ht-page .ht-local-card .ht-local-location{color:#386c9b}
html[data-theme] .ht-page .ht-local-card .ht-local-description{color:#64718d;-webkit-line-clamp:3;font-size:.86rem}
html[data-theme] .ht-page .ht-local-card :is(.ht-local-facts span,.ht-local-badge){background:#e7f4fe;color:#17699e}
html[data-theme] .ht-page .ht-local-card-action{background:#f5f8ff;border-color:#dbe5f2;padding:24px;align-items:stretch;gap:10px}
html[data-theme] .ht-page .ht-local-card-action>strong{color:#202b60;font-size:1rem}
html[data-theme] .ht-page .ht-local-card-action>p{font-size:.8rem;margin:0;color:#64718d}
html[data-theme] .ht-page .ht-local-card-action .ht-go{background:#137cbd;border-color:#137cbd;color:white;min-height:48px;border-radius:10px}
.ht-result-check{min-height:48px;border:1px solid #137cbd;border-radius:10px;background:white;color:#17699e;font:inherit;font-size:.85rem;font-weight:750;cursor:pointer;padding:10px 16px}.ht-result-check:disabled{opacity:.6;cursor:wait}
.ht-result-price{display:flex;flex-direction:column;gap:7px}.ht-result-price:empty{display:none}.ht-result-price>strong{font-size:1.8rem;color:#202b60;letter-spacing:-.04em}.ht-result-price del{color:#738099;font-size:1rem}.ht-result-price small{font-size:.75rem;color:#64718d;line-height:1.6}.ht-result-campaign{background:#fff3ce;color:#6e5114;border-radius:8px;padding:6px 9px;font-size:.78rem;font-weight:700}.ht-result-price p{font-size:.82rem;line-height:1.6}.ht-result-check:focus-visible{outline:3px solid #25a8e0;outline-offset:3px}
@media(max-width:1000px){html[data-theme] .ht-page .ht-local-card{grid-template-columns:240px minmax(0,1fr)}html[data-theme] .ht-page .ht-local-card-action{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);align-items:center}html[data-theme] .ht-page .ht-result-price{grid-column:1;grid-row:3/6}html[data-theme] .ht-page .ht-local-card-action :is(.ht-go,.ht-result-check){grid-column:2}}
@media(max-width:620px){html[data-theme] .ht-page .ht-local-card{grid-template-columns:minmax(0,1fr)}html[data-theme] .ht-page .ht-local-card-action{display:flex;flex-direction:column;align-items:stretch;padding:20px}html[data-theme] .ht-page .ht-local-card-body{padding:20px}html[data-theme] .ht-page .ht-local-card .ht-local-picture{min-height:230px}html[data-theme] .ht-page .ht-local-card-body h2{font-size:1.25rem}}
.ht-result-sort{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px;background:#f4f8ff;border:1px solid #dbe5f2;border-radius:14px}.ht-result-sort label{display:flex;gap:12px;align-items:center;font-weight:700;color:#202b60;font-size:.85rem}.ht-result-sort select{padding:12px;border:1px solid #cbd9ed;background:white;color:#202b60;border-radius:10px;font:inherit;min-height:48px}.ht-result-sort small{max-width:55ch;color:#64718d;font-size:.76rem}.ht-local-card [hidden]{display:none!important}@media(max-width:620px){.ht-result-sort label{flex-direction:column;align-items:stretch;width:100%}.ht-result-sort select{width:100%;font-size:16px}}

.ht-local-detail .ht-local-certificate{display:flex;flex-wrap:wrap;gap:4px 7px;align-items:baseline;margin:8px 0 14px;color:#244c83;font-size:14px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}.ht-local-certificate strong{font-weight:700;min-width:0}@media(max-width:650px){.ht-local-detail .ht-local-certificate{font-size:13px;margin:8px 0 12px}}

/* Otel satışı (Tatilsepeti): arama, liste, oda seçimi, misafir bilgileri. Sitenin tema renklerini kullanır. */
.ht-page { --ht-line: var(--line, #e3e8ef); --ht-soft: color-mix(in srgb, var(--navy, #14325c) 4%, #fff); --ht-ink: var(--ink, #1c2533); --ht-mut: var(--muted, #5f6b7a); padding-bottom: 3rem; }
.ht-head { margin: 1.5rem 0 1.2rem; max-width: 70ch; }
.ht-head h1 { margin: 0 0 .4rem; font-size: clamp(1.7rem, 3.4vw, 2.4rem); line-height: 1.15; color: var(--navy); letter-spacing: -.02em; }
.ht-head p { margin: 0; color: var(--ht-mut); line-height: 1.6; }

.ht-search { background: #fff; border: 1px solid var(--ht-line); border-radius: 16px; padding: 1rem 1.1rem 1.1rem; box-shadow: 0 14px 34px -28px var(--navy); }
.ht-search.is-compact { box-shadow: none; margin-top: .8rem; }
.ht-scope { display: inline-flex; gap: .25rem; padding: .2rem; border-radius: 999px; background: var(--ht-soft); margin-bottom: .8rem; }
.ht-scopebtn { border: 0; background: transparent; padding: .45rem 1rem; border-radius: 999px; font: inherit; font-weight: 600; color: var(--ht-mut); cursor: pointer; }
.ht-scopebtn[aria-checked="true"] { background: #fff; color: var(--navy); box-shadow: 0 2px 8px -4px rgba(0,0,0,.3); }
.ht-fields { display: grid; grid-template-columns: minmax(220px, 2.2fr) repeat(2, minmax(140px, 1fr)) repeat(2, minmax(90px, .6fr)) auto; gap: .7rem; align-items: end; }
.ht-field { display: grid; gap: .3rem; min-width: 0; margin: 0; font-size: .85rem; font-weight: 600; color: var(--ht-mut); }
.ht-field > span, .ht-where > label { font-size: .82rem; font-weight: 600; color: var(--ht-mut); }
.ht-where { display: grid; gap: .3rem; }
.ht-field input, .ht-field select, .ht-where input, .ht-where select, .ht-ages select, .ht-sortrow select { width: 100%; min-height: 46px; padding: .55rem .75rem; border: 1px solid var(--ht-line); border-radius: 10px; font: inherit; font-weight: 500; color: var(--ht-ink); background: #fff; box-sizing: border-box; }
.ht-field input[aria-invalid="true"] { border-color: var(--danger, #c0392b); }
.ht-cityrow { display: flex; gap: .4rem; }
.ht-cityrow input { flex: 1; }
.ht-ages { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.ht-ages:empty { display: none; }
.ht-ages select { width: auto; min-width: 130px; }
.ht-agesl { font-size: .82rem; font-weight: 600; color: var(--ht-mut); }
.ht-go { border: 0; cursor: pointer; font: inherit; font-weight: 700; min-height: 46px; white-space: nowrap; }
.ht-ghost { display: inline-flex; align-items: center; min-height: 46px; padding: 0 1rem; border: 1px solid var(--ht-line); border-radius: 10px; background: #fff; color: var(--navy); font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; white-space: nowrap; }
.ht-msg { margin: 1rem 0; padding: .85rem 1rem; border-radius: 12px; background: var(--ht-soft); color: var(--ht-ink); line-height: 1.55; }
.ht-msg.is-error { background: #fdecea; color: #8c1d13; }
.ht-msg.is-warn { background: #fff4df; color: #7a4b00; }
.ht-msg.is-wait { color: var(--ht-mut); }

.ht-results { margin-top: 1.4rem; }
html[data-theme] .ht-page .ht-results > .ht-result-body { grid-column: 1 / -1; min-width: 0; }
.ht-feedback { display: grid; gap: .75rem; padding: clamp(1.2rem, 3vw, 2rem); border: 1px solid #d6e4e4; border-radius: 18px; background: linear-gradient(125deg, #f2f7f5, #fff); color: var(--ht-ink); }
.ht-feedback.is-error { border-color: #e6d9bb; background: linear-gradient(125deg, #fbf7ed, #fff); }
.ht-feedback-label { color: #73613b; font-size: .73rem; font-weight: 800; letter-spacing: .11em; }
.ht-feedback h2 { margin: 0; font-size: clamp(1.25rem, 2.2vw, 1.65rem); line-height: 1.3; color: var(--ht-ink); }
.ht-feedback p { max-width: 76ch; margin: 0; color: var(--ht-mut); line-height: 1.7; }
.ht-feedback-actions { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; margin-top: .5rem; }
.ht-feedback-actions .ht-go { display: inline-flex; align-items: center; justify-content: center; padding: .75rem 1.2rem; }
.ht-feedback-link { padding: .7rem .3rem; color: var(--ht-ink); text-underline-offset: .2em; }
@media (max-width: 520px) { .ht-feedback-actions > .ht-go, .ht-feedback-actions > .ht-ghost { width: 100%; justify-content: center; } }
.ht-sum { margin: 0 0 .6rem; color: var(--ht-mut); font-weight: 600; }
.ht-sortrow { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin: 0 0 .8rem; font-weight: 700; color: var(--navy); }
.ht-sortrow select { width: auto; min-height: 40px; }
.ht-list, .ht-roomlist { list-style: none; margin: 0; padding: 0; display: grid; gap: .9rem; }
.ht-card { display: grid; grid-template-columns: 220px minmax(0, 1fr) auto; gap: 1.1rem; align-items: stretch; background: #fff; border: 1px solid var(--ht-line); border-radius: 16px; overflow: hidden; }
.ht-pic { display: block; background: var(--ht-soft); min-height: 150px; }
.ht-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ht-body { padding: 1rem 0; min-width: 0; }
.ht-name { margin: 0 0 .3rem; font-size: 1.15rem; line-height: 1.3; }
.ht-name a { color: var(--navy); text-decoration: none; }
.ht-name a:hover { text-decoration: underline; text-underline-offset: .2em; }
.ht-meta { margin: 0 0 .5rem; color: var(--ht-mut); font-size: .92rem; }
.ht-board { margin: 0 0 .3rem; font-weight: 600; color: var(--ht-ink); }
.ht-camp { margin: .4rem 0 0; font-size: .88rem; color: var(--link, var(--navy)); }
.ht-price { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: .15rem; padding: 1rem 1.1rem; text-align: right; min-width: 180px; }
.ht-amt { font-size: 1.35rem; font-weight: 800; color: var(--navy); letter-spacing: -.01em; }
.ht-per { font-size: .82rem; color: var(--ht-mut); margin-bottom: .55rem; }
.ht-roombtn, .ht-pick { white-space: nowrap; }
.ht-pager { display: flex; gap: .8rem; align-items: center; justify-content: center; margin: 1.4rem 0 0; color: var(--ht-mut); }

.ht-back { display: inline-block; margin: 1.2rem 0 .8rem; color: var(--link, var(--navy)); font-weight: 600; text-decoration: none; }
.ht-hhead { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 1.4rem; align-items: end; margin-bottom: 1rem; }
.ht-hhead:not(:has(figure)) { grid-template-columns: 1fr; }
.ht-cover { margin: 0; border-radius: 16px; overflow: hidden; aspect-ratio: 4 / 3; background: var(--ht-soft); }
.ht-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ht-htitle h1 { margin: 0 0 .35rem; font-size: clamp(1.6rem, 3.2vw, 2.3rem); line-height: 1.15; color: var(--navy); letter-spacing: -.02em; }
.ht-stay { margin: .2rem 0 0; display: inline-block; padding: .45rem .8rem; border-radius: 10px; background: var(--ht-soft); font-weight: 600; color: var(--ht-ink); }
.ht-change { margin: 0 0 1.4rem; }
.ht-change > summary { cursor: pointer; font-weight: 600; color: var(--link, var(--navy)); }
.ht-rooms h2, .ht-book h2 { margin: 1.2rem 0 .8rem; font-size: 1.35rem; color: var(--navy); }
.ht-room { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; background: #fff; border: 1px solid var(--ht-line); border-radius: 14px; padding: .2rem 0 .2rem 1.1rem; transition: border-color .15s; }
.ht-room.is-picked { border-color: var(--orange); box-shadow: 0 0 0 2px color-mix(in srgb, var(--orange) 35%, transparent); }
.ht-rinfo { padding: .9rem 0; min-width: 0; }
.ht-rinfo h3 { margin: 0 0 .25rem; font-size: 1.05rem; color: var(--ht-ink); }
.ht-cap, .ht-note { margin: .2rem 0 0; font-size: .88rem; color: var(--ht-mut); }
.ht-cancel { margin-top: .5rem; font-size: .88rem; }
.ht-cancel > summary { cursor: pointer; color: var(--link, var(--navy)); font-weight: 600; }
.ht-cancel p { margin: .4rem 0 0; color: var(--ht-mut); line-height: 1.55; }

.ht-book { margin-top: 1.4rem; padding-top: .4rem; border-top: 1px solid var(--ht-line); }
.ht-pickline { margin: 0 0 1rem; font-weight: 600; }
.ht-form { display: grid; gap: 1rem; max-width: 860px; }
.ht-guest { margin: 0; padding: .9rem 1rem 1rem; border: 1px solid var(--ht-line); border-radius: 14px; background: #fff; min-width: 0; }
.ht-guest legend { padding: 0 .35rem; font-weight: 700; color: var(--navy); }
.ht-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: .7rem; }
.ht-terms { padding: .9rem 1rem; border-radius: 12px; background: var(--ht-soft); line-height: 1.55; }
.ht-terms p { margin: .3rem 0 0; color: var(--ht-mut); }
.ht-chk { display: flex; gap: .6rem; align-items: flex-start; line-height: 1.5; }
.ht-chk input { width: 1.15rem; height: 1.15rem; margin-top: .2rem; flex: none; }
.ht-status:empty { display: none; }
.ht-status { padding: .75rem 1rem; border-radius: 12px; background: var(--ht-soft); }
.ht-status.is-error { background: #fdecea; color: #8c1d13; }
.ht-form > .ht-go { justify-self: start; }
.ht-small { margin: 0; font-size: .85rem; color: var(--ht-mut); line-height: 1.55; }
.ht-paybox { max-width: 560px; padding: 1.2rem 1.3rem; border: 1px solid var(--ht-line); border-radius: 16px; background: #fff; display: grid; gap: .6rem; }
.ht-paybox p { margin: 0; line-height: 1.55; }
.ht-paytotal { font-size: 2rem; font-weight: 800; color: var(--navy); letter-spacing: -.02em; }
.ht-paybox .ht-go { justify-self: start; margin-top: .4rem; }

@media (max-width: 980px) { .ht-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ht-where, .ht-go { grid-column: 1 / -1; } }
@media (max-width: 720px) {
  .ht-card { grid-template-columns: 1fr; }
  .ht-pic { min-height: 170px; aspect-ratio: 16 / 9; }
  .ht-body { padding: 0 1rem; }
  .ht-price, .ht-room .ht-price { align-items: flex-start; text-align: left; padding: .2rem 1rem 1rem; min-width: 0; }
  .ht-room { grid-template-columns: 1fr; padding: .2rem 0 0 0; }
  .ht-rinfo { padding: .9rem 1rem 0; }
  .ht-hhead { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .ht-room { transition: none; } }

/* /hotel-room-gallery.css */
.hotel-room-gallery{position:relative;overflow:hidden;isolation:isolate;background:#eaf1f5;border-radius:14px;aspect-ratio:3/2;width:100%;touch-action:pan-y;min-width:0}.hotel-room-gallery>img{width:100%;height:100%;display:block;object-fit:cover}.hotel-room-gallery>button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid #ffffffa0;border-radius:50%;background:#fff;color:#152f42;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 2px 12px #0002}.hotel-room-gallery-prev{left:10px}.hotel-room-gallery-next{right:10px}.hotel-room-gallery-count{position:absolute;bottom:10px;right:12px;padding:4px 10px;border-radius:20px;background:#10273acc;color:#fff;font-size:12px}.hotel-room-gallery:focus-visible,.hotel-room-gallery button:focus-visible{outline:3px solid #6d4aff;outline-offset:3px}.lha-repeat-row .hotel-room-gallery{max-width:420px;margin-top:12px}.hlb-offer>.hotel-room-gallery{max-width:280px;align-self:start}.hlb-offer:has(>.hotel-room-gallery){grid-template-columns:minmax(180px,280px) minmax(0,1fr) minmax(170px,.7fr)}@media(max-width:760px){.hlb-offer:has(>.hotel-room-gallery){grid-template-columns:1fr}.hlb-offer>.hotel-room-gallery{max-width:none}}

/* /market-booking.css */
.market-booking{padding:22px;border:1px solid #c9dcd3;border-radius:14px;background:#fff;color:#254c44}.market-booking h3{margin-top:0}.market-booking p{line-height:1.65;font-size:14px}.market-booking form{display:grid;gap:15px}.market-booking label{display:grid;gap:7px;font-size:13px}.market-booking input,.market-booking select{box-sizing:border-box;width:100%;max-width:100%;min-height:44px;border:1px solid #c5d5ce;border-radius:8px;padding:10px;background:#fff;color:#203c33;font:inherit}.market-booking select{white-space:normal}.market-total{font-size:20px;font-weight:750;background:#edf6f0;border-radius:9px;padding:14px}.market-booking .market-check{display:flex;align-items:flex-start;gap:10px;font-weight:400}.market-booking .market-check input{width:20px;min-height:20px;flex-shrink:0;margin-top:3px}.market-small{font-size:12px!important;color:#657a71}.market-text{white-space:pre-wrap;overflow-wrap:anywhere}.market-error{color:#ae3024}.market-error:empty{display:none}.market-notice{background:#fff4ce;padding:12px;border-radius:8px}.market-booking .btn{min-height:44px;white-space:normal;text-align:center}.market-booking summary{cursor:pointer}.market-booking a{overflow-wrap:anywhere}

.market-booking .market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.market-booking .market-grid label{min-width:0}.market-booking select{max-width:100%}.market-price-lines{font-size:.9rem}.market-price-lines p{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.market-booking [hidden]{display:none!important}@media(max-width:600px){.market-booking .market-grid{grid-template-columns:1fr}.market-booking input,.market-booking select{font-size:16px;min-height:44px}}

/* /site-marketplace.css */
.market-site{padding-top:42px;padding-bottom:60px;color:var(--navy,#254c44)}.market-public-heading{background:#edf5ee;border:1px solid #dbe8df;border-radius:20px;padding:42px;margin-bottom:26px}.market-public-heading h1{font-size:clamp(28px,4vw,42px);line-height:1.2;margin:14px 0}.market-kicker{text-transform:uppercase;letter-spacing:1.4px;font-size:11px;font-weight:700;color:#527568}.market-public-search{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.market-public-search label{display:grid;gap:7px;flex:1;font-size:13px;min-width:180px}.market-public-search input,.market-public-search select{padding:12px;border:1px solid #c9d7d0;border-radius:9px;min-height:46px;font:inherit;box-sizing:border-box;width:100%;background:white}.market-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.market-public-card{border:1px solid #d7e3db;border-radius:16px;padding:25px;display:flex;flex-direction:column;gap:15px;background:white}.market-public-card h2{font-size:23px;margin:0;line-height:1.35;overflow-wrap:anywhere}.market-public-card h2 a{color:inherit;text-decoration:none}.market-public-card>p{font-size:14px;line-height:1.8;flex:1;margin:0;color:#5c7268}.market-public-price{font-weight:700;font-size:21px;border-top:1px solid #e2eae5;padding-top:18px}.market-public-price small{display:block;font-size:11px;font-weight:400;margin-top:5px}.market-public-card .btn{font-size:13px;text-align:center;white-space:normal}.market-public-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:40px;margin-top:24px}.market-public-detail h1{font-size:clamp(28px,4vw,40px);line-height:1.25;margin:15px 0}.market-public-detail h2{font-size:20px;margin-top:32px}.market-public-detail article>p{line-height:1.8}.market-public-detail aside{align-self:start}.market-lead{font-size:18px;color:#607569}.market-back{font-size:14px}.market-site small{color:#60756a}
@media(max-width:900px){.market-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-public-detail{grid-template-columns:1fr;gap:25px}}
@media(max-width:600px){.market-public-grid{grid-template-columns:1fr}.market-public-heading{padding:25px}.market-public-search label{flex-basis:100%;min-width:0}.market-public-search .btn{width:100%}.market-public-card{padding:22px}.market-public-detail aside{min-width:0}}

/* /site-search-unified.css */
/* Ana sayfa arama konsolu — Tur, Otel ve Uçak sekmeleri için ortak tasarım katmanı (22.10.2026).
   Tüm alanlar aynı "kutucuk" yapısını kullanır: küçük başlık üstte, değer altta; tek buton dili, tek not satırı. */
html #home-page.home-page .home-search {
  --sx-ink: #15264a; --sx-navy: #203764; --sx-navy2: #2c5291; --sx-accent: var(--orange, #f59a3f);
  --sx-line: #d8e1ec; --sx-line-hover: #b6c5d8; --sx-field: #f6f8fc; --sx-muted: #5d6f86; --sx-ring: rgba(44, 82, 145, .16);
  --sx-h: 62px; --sx-r: 14px;
  position: relative; padding: 1.35rem 1.5rem 1.25rem; border: 1px solid #e0e7f0; border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 0 #fff inset, 0 28px 60px -36px rgba(21, 38, 74, .42), 0 6px 18px -12px rgba(21, 38, 74, .14);
}
html #home-page.home-page .home-search::before {
  content: ''; position: absolute; top: -1px; left: 28px; right: 28px; height: 3px; border-radius: 0 0 4px 4px;
  background: linear-gradient(90deg, var(--sx-navy) 0%, var(--sx-navy2) 55%, var(--sx-accent) 100%); opacity: .9;
}

/* Başlık ve sekmeler */
html #home-page.home-page .home-search-top { margin-bottom: .95rem; }
html #home-page.home-page .home-search-top h2 { color: var(--sx-ink); font-size: 1.08rem; font-weight: 800; letter-spacing: -.01em; }
html #home-page.home-page .home-search-top > span { padding: .25rem .65rem; border-radius: 999px; color: var(--sx-muted); background: #f1f4f9; font-size: .74rem; font-weight: 600; }
html #home-page.home-page .home-search > .home-search-tabs { margin-bottom: 1.1rem; }
html #home-page.home-page .home-search-tabs { gap: 4px; padding: 4px; border: 1px solid #e3e9f1; border-radius: 16px; background: #eef2f8; }
html #home-page.home-page .home-search-tab { gap: .5rem; min-width: 96px; min-height: 44px; padding: .55rem 1.15rem; border: 0; border-radius: 12px; color: #4b5e77; font-size: .88rem; font-weight: 750; transition: background .18s, color .18s, box-shadow .18s; }
html #home-page.home-page .home-search-tab::before {
  content: ''; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor;
  -webkit-mask: var(--sx-icon) center / contain no-repeat; mask: var(--sx-icon) center / contain no-repeat;
}
html #home-page.home-page #home-search-tab-tour { --sx-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6.5 9 4l6 2.5L21 4v13.5L15 20l-6-2.5L3 20z'/%3E%3Cpath d='M9 4v13.5M15 6.5V20'/%3E%3C/svg%3E"); }
html #home-page.home-page #home-search-tab-hotel { --sx-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19V6M3 15h18v4M21 15v-3a3 3 0 0 0-3-3h-7v6'/%3E%3Ccircle cx='7' cy='11' r='2'/%3E%3C/svg%3E"); }
html #home-page.home-page #home-search-tab-flight { --sx-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z'/%3E%3C/svg%3E"); }
html #home-page.home-page .home-search-tab:hover { color: var(--sx-ink); background: #e3e9f2; }
html #home-page.home-page .home-search-tab[aria-selected="true"] { color: #fff; background: var(--sx-navy); box-shadow: 0 8px 18px -10px rgba(32, 55, 100, .75); }
html #home-page.home-page .home-search-tab[aria-selected="true"]::after { display: none; }
html #home-page.home-page .home-search-tab:focus-visible { outline: 3px solid var(--sx-accent); outline-offset: 2px; }

/* Ortak alan kutucuğu */
html #home-page.home-page .home-search :is(
  .home-tour-search .home-search-fields > label,
  .home-flight-fields > .home-hotel-field,
  .hotel-destination-row > label,
  .hotel-stay-trigger) {
  position: relative; display: flex; flex-direction: column; justify-content: center; gap: 2px;
  min-width: 0; min-height: var(--sx-h); margin: 0; padding: .5rem .95rem .45rem;
  border: 1px solid var(--sx-line); border-radius: var(--sx-r); background: var(--sx-field);
  color: var(--sx-muted); font-size: .72rem; font-weight: 700; line-height: 1.35; letter-spacing: .01em; text-align: left;
  box-shadow: none; transition: border-color .15s, background .15s, box-shadow .15s; cursor: text;
}
html #home-page.home-page .home-search :is(.home-tour-search .home-search-fields > label, .home-flight-fields > .home-hotel-field, .hotel-destination-row > label, .hotel-stay-trigger):hover { border-color: var(--sx-line-hover); }
html #home-page.home-page .home-search :is(.home-tour-search .home-search-fields > label, .home-flight-fields > .home-hotel-field, .hotel-destination-row > label):focus-within,
html #home-page.home-page .home-search .hotel-stay-trigger:is(:focus-visible, [aria-expanded="true"]) {
  border-color: var(--sx-navy2); background: #fff; box-shadow: 0 0 0 4px var(--sx-ring); outline: none;
}
html #home-page.home-page .home-search .home-flight-fields > .home-hotel-field > label { display: block; margin: 0; color: inherit; font: inherit; line-height: inherit; }
html #home-page.home-page .home-search :is(.home-tour-search .home-search-fields, .home-flight-fields, .hotel-destination-row) :is(input, select) {
  display: block; width: 100%; min-width: 0; min-height: 26px; margin: 0; padding: 0; border: 0; border-radius: 0;
  color: var(--sx-ink); background-color: transparent; box-shadow: none; outline: none;
  font: inherit; font-size: 16px; font-weight: 650; line-height: 1.6; letter-spacing: 0;
}
html #home-page.home-page .home-search :is(.home-tour-search .home-search-fields, .home-flight-fields, .hotel-destination-row) input::placeholder { color: #8796a9; font-weight: 500; opacity: 1; }
html #home-page.home-page .home-search :is(.home-tour-search .home-search-fields, .home-flight-fields, .hotel-destination-row) select {
  -webkit-appearance: none; appearance: none; padding-right: 22px; cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6f86' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right center / 16px no-repeat;
}
html #home-page.home-page .home-search .home-flight-fields input[type="date"]::-webkit-calendar-picker-indicator { margin: 0; opacity: .55; cursor: pointer; }
html #home-page.home-page .home-search .home-flight-fields > .home-hotel-field:has(input[aria-invalid="true"]) { border-color: #c0573b; background: #fff8f4; }

/* Otel tarih/misafir düğmeleri: aynı kutucuk, başlık + değer */
html #home-page.home-page .home-search .hotel-stay-trigger { cursor: pointer; white-space: normal; }
html #home-page.home-page .home-search .hotel-stay-trigger small { display: block; color: var(--sx-muted); font-size: .72rem; font-weight: 700; }
html #home-page.home-page .home-search .hotel-stay-trigger strong { display: block; overflow: hidden; color: var(--sx-ink); font-size: 16px; font-weight: 650; line-height: 1.6; white-space: nowrap; text-overflow: ellipsis; }

/* Tek buton dili */
html #home-page.home-page .home-search :is(.home-search-fields > .home-primary, .home-flight-fields > .home-primary, .hotel-stay-submit) {
  display: inline-flex; align-items: center; justify-content: center; gap: .55rem; align-self: stretch;
  width: 100%; min-width: 0; min-height: var(--sx-h); margin: 0; padding: .7rem 1.1rem; border: 0; border-radius: var(--sx-r);
  color: #fff; background: linear-gradient(135deg, var(--sx-navy) 0%, var(--sx-navy2) 100%);
  box-shadow: 0 12px 24px -14px rgba(32, 55, 100, .85); font: inherit; font-size: .95rem; font-weight: 800; letter-spacing: .005em;
  white-space: nowrap; cursor: pointer; filter: none; transition: transform .15s, box-shadow .15s, background .15s;
}
html #home-page.home-page .home-search :is(.home-search-fields > .home-primary, .home-flight-fields > .home-primary, .hotel-stay-submit)::after {
  content: ''; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
html #home-page.home-page .home-search :is(.home-search-fields > .home-primary, .home-flight-fields > .home-primary, .hotel-stay-submit):hover { transform: translateY(-1px); box-shadow: 0 16px 28px -14px rgba(32, 55, 100, .9); background: linear-gradient(135deg, #1a2e55 0%, #2a4d8a 100%); }
html #home-page.home-page .home-search :is(.home-search-fields > .home-primary, .home-flight-fields > .home-primary, .hotel-stay-submit):focus-visible { outline: 3px solid var(--sx-accent); outline-offset: 2px; }

/* Izgaralar: üç sekmede aynı satır yüksekliği ve buton genişliği */
html #home-page.home-page .home-search .home-tour-search .home-search-fields { grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) minmax(0, 1fr) 176px; gap: 10px; align-items: stretch; }
html #home-page.home-page .home-search .home-search-fields.home-flight-fields { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.35fr) minmax(0, .95fr) minmax(0, .95fr) minmax(0, .85fr) 176px; gap: 10px; align-items: stretch; }
html #home-page.home-page .home-search .hotel-stay-search {
  position: relative; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, .95fr) minmax(0, 1.4fr) minmax(0, 1.2fr) 176px; gap: 10px;
  margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--sx-ink);
}
html #home-page.home-page .home-search .hotel-stay-search > :is(.hotel-destination-row, .hotel-stay-bar) { display: contents; }
html #home-page.home-page .home-search .hotel-stay-search > :not(.hotel-destination-row, .hotel-stay-bar) { grid-column: 1 / -1; }
html #home-page.home-page .home-search .hotel-destination-suggestions { position: absolute; z-index: 30; top: calc(var(--sx-h) + 2px); left: 0; width: min(560px, 100%); box-shadow: 0 18px 36px -18px rgba(21, 38, 74, .45); }
html #home-page.home-page .home-search .hotel-stay-search :is(.hotel-calendar, .hotel-guests) { margin-top: 4px; border-color: var(--sx-line); border-radius: 18px; box-shadow: 0 18px 40px -26px rgba(21, 38, 74, .4); }

/* Gidiş-dönüş / tek yön: sekmelerle aynı dilde küçük anahtar */
html #home-page.home-page .home-search .home-flight-trip { display: inline-flex; gap: 2px; margin: 0 0 .75rem; padding: 3px; border: 1px solid #e3e9f1; border-radius: 12px; background: #f3f6fa; }
html #home-page.home-page .home-search .home-flight-trip .home-scope-tab { min-height: 36px; padding: .35rem .9rem; border: 0; border-radius: 9px; color: #4b5e77; background: transparent; font-size: .8rem; font-weight: 700; }
html #home-page.home-page .home-search .home-flight-trip .home-scope-tab:hover { color: var(--sx-ink); }
html #home-page.home-page .home-search .home-flight-trip .home-scope-tab.is-active { color: var(--sx-navy); background: #fff; box-shadow: 0 2px 6px -2px rgba(21, 38, 74, .25); }

/* Uçak: yolculuk tipi + tercih anahtarları aynı satırda */
html #home-page.home-page .home-search .home-flight-line { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; margin: 0 0 .75rem; }
html #home-page.home-page .home-search .home-flight-line .home-flight-trip { margin: 0; }
html #home-page.home-page .home-search .home-flight-opts { display: flex; flex-wrap: wrap; gap: 6px; }
html #home-page.home-page .home-search .home-flight-opt { position: relative; display: inline-flex; align-items: center; gap: .45rem; min-height: 38px; padding: .35rem .85rem .35rem .6rem; border: 1px solid var(--sx-line); border-radius: 999px; color: #3d5170; background: #fff; font-size: .8rem; font-weight: 700; cursor: pointer; user-select: none; }
html #home-page.home-page .home-search .home-flight-opt input { width: 16px; height: 16px; margin: 0; accent-color: var(--sx-navy); cursor: pointer; }
html #home-page.home-page .home-search .home-flight-opt:has(input:checked) { border-color: var(--sx-navy); color: var(--sx-navy); background: #eef3fb; }
html #home-page.home-page .home-search .home-flight-opt:has(input:focus-visible) { outline: 3px solid var(--sx-accent); outline-offset: 2px; }

/* Ortak not satırı */
html #home-page.home-page .home-search :is(.home-search-note, .hotel-stay-note) {
  display: flex; align-items: center; gap: .5rem; margin: .8rem 0 0; color: var(--sx-muted); font-size: .76rem; font-weight: 500; line-height: 1.6;
}
html #home-page.home-page .home-search :is(.home-search-note, .hotel-stay-note)::before { content: ''; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: var(--sx-accent); }
html #home-page.home-page .home-search .home-flight-search .home-hotel-error { margin-top: .7rem; }

html #home-page.home-page .home-search .home-flight-fields > [hidden] { display: none; }
html #home-page.home-page .home-search .home-search-fields.home-flight-fields:has(> :nth-child(4)[hidden]) { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.35fr) minmax(0, 1.1fr) minmax(0, .9fr) 176px; }
/* Uçak: dar masaüstünde iki satır (rota / tarih-yolcu-buton), tarih alanları sıkışmaz */
@media (max-width: 1240px) {
  html #home-page.home-page .home-search .home-search-fields.home-flight-fields { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  html #home-page.home-page .home-search .home-search-fields.home-flight-fields > * { grid-column: span 3; }
  html #home-page.home-page .home-search .home-search-fields.home-flight-fields > .fl-place { grid-column: span 6; }
  html #home-page.home-page .home-search .home-search-fields.home-flight-fields:has(> :nth-child(4)[hidden]) { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  html #home-page.home-page .home-search .home-search-fields.home-flight-fields:has(> :nth-child(4)[hidden]) > :is(:nth-child(3), :nth-child(5), .home-primary) { grid-column: span 4; }
}
@media (max-width: 1080px) {
  html #home-page.home-page .home-search .home-tour-search .home-search-fields { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  html #home-page.home-page .home-search .home-tour-search .home-search-fields > :is(.home-destination, .home-primary) { grid-column: 1 / -1; }
  html #home-page.home-page .home-search .hotel-stay-search { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html #home-page.home-page .home-search .hotel-stay-search .hotel-destination-row > label:first-child,
  html #home-page.home-page .home-search .hotel-stay-search .hotel-stay-submit { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  html #home-page.home-page .home-search { padding: 1rem .9rem .95rem; border-radius: 18px; }
  html #home-page.home-page .home-search::before { left: 18px; right: 18px; }
  html #home-page.home-page .home-search-tab { min-width: 0; padding: .5rem .5rem; font-size: .84rem; }
  html #home-page.home-page .home-search :is(.home-tour-search .home-search-fields > label, .home-flight-fields > .home-hotel-field, .hotel-destination-row > label, .hotel-stay-trigger) { padding-left: .8rem; padding-right: .8rem; }
  html #home-page.home-page .home-search .home-flight-trip { display: flex; flex: 1 1 100%; }
  html #home-page.home-page .home-search .home-flight-trip .home-scope-tab { flex: 1; }
  html #home-page.home-page .home-search .home-search-fields.home-flight-fields > :is(.fl-place, :nth-child(5), .home-primary) { grid-column: 1 / -1; }
  html #home-page.home-page .home-search .home-search-fields.home-flight-fields > :is(:nth-child(3), :nth-child(4)) { grid-column: span 6; }
  html #home-page.home-page .home-search .home-search-fields.home-flight-fields:has(> :nth-child(4)[hidden]) > :is(:nth-child(3), :nth-child(5), .home-primary) { grid-column: 1 / -1; }
  html #home-page.home-page .home-search .hotel-stay-search { grid-template-columns: minmax(0, 1fr); }
  html #home-page.home-page .home-search :is(.home-search-note, .hotel-stay-note) { align-items: flex-start; }
  html #home-page.home-page .home-search :is(.home-search-note, .hotel-stay-note)::before { margin-top: .55em; }
}
@media (prefers-reduced-motion: reduce) {
  html #home-page.home-page .home-search :is(.home-search-tab, .home-primary, .hotel-stay-submit) { transition: none; }
  html #home-page.home-page .home-search :is(.home-search-fields > .home-primary, .home-flight-fields > .home-primary, .hotel-stay-submit):hover { transform: none; }
}

/* Otel tarih/misafir düğmesi her sayfada başlık + değer olarak okunur (/oteller dahil) */
.hotel-stay-trigger small { display: block; margin-bottom: 2px; color: #64718d; font-size: .75rem; font-weight: 700; }
.hotel-stay-trigger strong { display: block; font-weight: 700; }

/* ============ Ortak takvim (otel tarih seçimi + uçak gidiş/dönüş) ============ */
html .hotel-calendar {
  --cal-ink: #15264a; --cal-navy: #203764; --cal-navy2: #2c5291; --cal-soft: #e8eefa; --cal-line: #e2e8f1; --cal-muted: #6a7b91; --cal-accent: var(--orange, #f59a3f);
  margin-top: 12px; padding: 18px 20px 16px; border: 1px solid var(--cal-line); border-radius: 20px; background: #fff; color: var(--cal-ink);
  box-shadow: 0 30px 70px -36px rgba(21, 38, 74, .5), 0 8px 20px -14px rgba(21, 38, 74, .18);
  animation: acxCalIn .16s ease-out;
}
@keyframes acxCalIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
html .hotel-calendar .hotel-calendar-top { display: grid; grid-template-columns: 40px minmax(0, 1fr) 40px; align-items: center; gap: 12px; }
html .hotel-calendar .hotel-calendar-top > strong, html .hotel-calendar .acx-cal-head > strong { justify-self: center; color: var(--cal-ink); font-size: .95rem; font-weight: 800; text-align: center; }
html .hotel-calendar .hotel-month-arrow {
  display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; min-height: 40px; padding: 0 0 3px; border: 1px solid var(--cal-line); border-radius: 50%;
  color: var(--cal-navy); background: #fff; font: inherit; font-size: 24px !important; line-height: 1; cursor: pointer; transition: background .15s, border-color .15s;
}
html .hotel-calendar .hotel-month-arrow:hover:not(:disabled) { border-color: #c9d5e5; background: #f2f6fc; }
html .hotel-calendar .hotel-month-arrow:disabled { opacity: .3; cursor: not-allowed; }
html .hotel-calendar .acx-cal-head { display: grid; justify-items: center; gap: 8px; min-width: 0; }
html .hotel-calendar .acx-cal-steps { display: inline-flex; gap: 4px; padding: 3px; border-radius: 12px; background: #f1f4f9; }
html .hotel-calendar .acx-cal-step { display: grid; justify-items: start; min-width: 130px; min-height: 44px; padding: 4px 12px; border: 0; border-radius: 9px; color: var(--cal-muted); background: transparent; font: inherit; text-align: left; cursor: pointer; }
html .hotel-calendar .acx-cal-step small { font-size: .68rem; font-weight: 700; }
html .hotel-calendar .acx-cal-step span { color: var(--cal-ink); font-size: .85rem; font-weight: 700; }
html .hotel-calendar .acx-cal-step.is-active { background: #fff; box-shadow: 0 2px 8px -3px rgba(21, 38, 74, .3); }
html .hotel-calendar .acx-cal-step.is-active small { color: var(--cal-navy2); }
html .hotel-calendar .hotel-months { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; margin: 16px 0 10px; }
html .hotel-calendar .hotel-month > h3 { margin: 0 0 10px !important; color: var(--cal-ink); font-size: .95rem !important; font-weight: 800; text-align: center !important; text-transform: capitalize; }
html .hotel-calendar .hotel-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px 0; }
html .hotel-calendar .hotel-weekday { padding: 6px 0; color: var(--cal-muted); font-size: .7rem; font-weight: 750; letter-spacing: .04em; text-align: center; text-transform: uppercase; }
html .hotel-calendar .hotel-weekday.is-weekend { color: #c06a22; }
html .hotel-calendar .hotel-day {
  position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; height: 42px; min-height: 42px; margin: 0; padding: 0;
  border: 0; border-radius: 12px; color: var(--cal-ink); background: transparent; font: inherit; font-size: .9rem !important; font-weight: 600; cursor: pointer;
  transition: background .12s, color .12s;
}
html .hotel-calendar .hotel-day.is-weekend:not(:disabled):not(.is-selected) { color: #a65a1c; }
html .hotel-calendar .hotel-day:hover:not(:disabled):not(.is-selected) { background: #eef3fb; }
html .hotel-calendar .hotel-day:disabled { color: #b8c2cf; background: transparent; opacity: 1; cursor: not-allowed; }
html .hotel-calendar .hotel-day.is-today:not(.is-selected) { box-shadow: inset 0 0 0 1.5px #c7d3e4; }
html .hotel-calendar .hotel-day.has-mark::after { content: ''; position: absolute; bottom: 5px; left: calc(50% - 2.5px); width: 5px; height: 5px; border-radius: 50%; background: #1e8a7a; }
html .hotel-calendar .hotel-day.has-mark:not(:disabled):not(.is-selected) { font-weight: 800; }
html .hotel-calendar .hotel-day.is-selected.has-mark::after { background: #fff; }
html .hotel-calendar .acx-cal-legend { display: inline-flex; align-items: center; gap: 6px; }
html .hotel-calendar .acx-cal-legend::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #1e8a7a; }
html .hotel-calendar .acx-cal-presets { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 0; }
html .hotel-calendar .acx-cal-preset { min-height: 34px; padding: 5px 12px; border: 1px solid #dbe3ee; border-radius: 999px; color: #34496a; background: #fff; font: inherit; font-size: .8rem; font-weight: 700; text-transform: capitalize; cursor: pointer; }
html .hotel-calendar .acx-cal-preset:hover { border-color: #b9c8db; background: #f3f6fb; }
html .hotel-calendar .acx-cal-preset.is-active { border-color: var(--cal-navy); color: #fff; background: var(--cal-navy); }
html .hotel-calendar .acx-cal-actions { display: flex; gap: 8px; }
html .hotel-calendar .acx-cal-clear { min-height: 44px; padding: 10px 16px; border: 1px solid #dbe3ee; border-radius: 12px; color: #34496a; background: #fff; font: inherit; font-size: .88rem; font-weight: 700; cursor: pointer; }
html .hotel-calendar .acx-cal-clear:disabled { opacity: .4; cursor: not-allowed; }
html .hotel-calendar .hotel-day:is(.is-between, .is-preview) { border-radius: 0; color: var(--cal-navy); background: var(--cal-soft); }
html .hotel-calendar .hotel-day.is-preview { background: #f0f4fb; }
html .hotel-calendar .hotel-day.is-selected { color: #fff; background: linear-gradient(135deg, var(--cal-navy), var(--cal-navy2)); font-weight: 800; box-shadow: 0 6px 14px -8px rgba(32, 55, 100, .9); }
html .hotel-calendar .hotel-day.is-start.has-range { border-radius: 12px 0 0 12px; }
html .hotel-calendar .hotel-day.is-end:not(.is-start) { border-radius: 0 12px 12px 0; }
html .hotel-calendar .hotel-day.is-selected.is-today::after { background: #fff; }
html .hotel-calendar .hotel-day:focus-visible { outline: 3px solid var(--cal-accent); outline-offset: 1px; z-index: 1; }
html .hotel-calendar .hotel-calendar-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding-top: 14px; border-top: 1px solid var(--cal-line); color: var(--cal-muted); font-size: .84rem; font-weight: 600; }
html .hotel-calendar .hotel-stay-apply { min-height: 44px; padding: 10px 22px; border: 0; border-radius: 12px; color: #fff; background: linear-gradient(135deg, var(--cal-navy), var(--cal-navy2)); font: inherit; font-size: .88rem; font-weight: 800 !important; cursor: pointer; }
html .hotel-calendar .hotel-stay-apply:disabled { opacity: .4; cursor: not-allowed; }

/* Misafir paneli aynı dilde */
html .hotel-guests { margin-top: 12px; padding: 16px 20px; border: 1px solid #e2e8f1; border-radius: 20px; background: #fff; box-shadow: 0 30px 70px -36px rgba(21, 38, 74, .5); animation: acxCalIn .16s ease-out; }
html .hotel-guests .hotel-guest-row { border-bottom: 1px solid #eef2f7; }
html .hotel-guests .hotel-counter { width: 44px; height: 44px; min-height: 44px; padding: 0; border: 1px solid #d8e1ec; border-radius: 50%; color: #203764; background: #fff; }
html .hotel-guests .hotel-counter:hover:not(:disabled) { background: #f2f6fc; }

/* Uçak takvimi: açılır pencere, alanların hemen altında */
.acx-cal-anchor { position: relative; }
html .acx-cal { position: absolute; z-index: 60; margin: 0; max-width: 100%; box-sizing: border-box; }
html .acx-cal[hidden] { display: none !important; }
.acx-date-native { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; margin: -1px !important; padding: 0 !important; overflow: hidden; clip: rect(0 0 0 0); border: 0 !important; opacity: 0; pointer-events: none; }
.acx-date-btn { display: block; width: 100%; min-width: 0; margin: 0; padding: 0; border: 0; color: inherit; background: none; font: inherit; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
html #home-page.home-page .home-search :is(.home-flight-fields, .home-tour-search .home-search-fields) .acx-date-btn { min-height: 26px; color: var(--sx-ink); font-size: 16px; font-weight: 650; line-height: 1.6; }
html #home-page.home-page .home-search :is(.home-flight-fields, .home-tour-search .home-search-fields) .acx-date-btn:focus-visible { outline: none; }
html #home-page.home-page .home-search .home-tour-search .acx-date-btn.acx-empty { color: #8796a9; font-weight: 500; }
html #home-page.home-page .home-search .home-tour-search .home-search-fields > .home-when:has(.acx-date-btn[aria-expanded="true"]) { border-color: var(--sx-navy2); background: #fff; box-shadow: 0 0 0 4px var(--sx-ring); }
html #home-page.home-page .home-search .home-tour-search .home-search-fields > .home-when { cursor: pointer; }
html #home-page.home-page .home-search .home-flight-fields > .home-hotel-field:has(.acx-date-btn[aria-expanded="true"]) { border-color: var(--sx-navy2); background: #fff; box-shadow: 0 0 0 4px var(--sx-ring); }
html #home-page.home-page .home-search .home-flight-fields > .home-hotel-field:has(.acx-date-btn) { cursor: pointer; }
html[data-theme] .ht-page.fl-page .fl-fields .acx-date-btn { min-height: 46px; padding: 0 .8rem; border: 1px solid var(--ht-line, #cfdcdc); border-radius: 10px; background: #fff; color: var(--ht-ink, #17323a); font-size: 15px; font-weight: 600; line-height: 44px; }
html[data-theme] .ht-page.fl-page .fl-fields .acx-date-btn[aria-expanded="true"], html[data-theme] .ht-page.fl-page .fl-fields .acx-date-btn:focus-visible { border-color: #2c5291; outline: none; box-shadow: 0 0 0 3px rgba(44, 82, 145, .16); }

/* Ana sayfa otel takvimi masaüstünde açılır pencere gibi alanların altında */
@media (min-width: 1081px) {
  html #home-page.home-page .home-search .hotel-stay-search > :is(.hotel-calendar, .hotel-guests) { position: absolute; z-index: 60; top: calc(var(--sx-h) + 8px); margin: 0; }
  html #home-page.home-page .home-search .hotel-stay-search > .hotel-calendar { left: 0; right: 0; max-width: 760px; margin-left: auto; }
  html #home-page.home-page .home-search .hotel-stay-search > .hotel-guests { right: 186px; width: 400px; }
}
@media (max-width: 700px) {
  html .hotel-calendar { padding: 14px 12px 12px; border-radius: 18px; }
  html .hotel-calendar .hotel-months { grid-template-columns: minmax(0, 1fr); gap: 0; }
  html .hotel-calendar .hotel-month:nth-child(2) { display: none; }
  html .hotel-calendar .acx-cal-step { min-width: 0; padding: 4px 10px; }
  html .hotel-calendar .hotel-day { height: 44px; }
  html .hotel-calendar .hotel-calendar-foot { flex-direction: column; align-items: stretch; }
}
@media (prefers-reduced-motion: reduce) { html .hotel-calendar, html .hotel-guests { animation: none; } }

/* Tur listesi filtresi: hareket tarihi aralığı */
.listing-date-range { position: relative; }
.listing-date-range .acx-date-btn { min-height: 44px; margin-top: 6px; padding: 0 .75rem; border: 1px solid #cfd9e6; border-radius: 10px; background: #fff; color: #15264a; font-size: 15px; font-weight: 600; line-height: 42px; }
.listing-date-range .acx-date-btn.acx-empty { color: #6a7b91; font-weight: 500; }
.listing-date-range .acx-date-btn[aria-expanded="true"], .listing-date-range .acx-date-btn:focus-visible { border-color: #2c5291; outline: none; box-shadow: 0 0 0 3px rgba(44, 82, 145, .16); }
html .acx-cal.is-fixed { position: fixed; z-index: 10050; max-height: calc(100vh - 16px); overflow: auto; }

/* ============ Otel ve uçak sayfaları: ana sayfa arama konsoluyla aynı tasarım dili (22.10.2026) ============ */
html[data-theme] body .ht-page {
  --ht-ink: #15264a; --ht-mut: #5d6f86; --ht-line: #d8e1ec; --ht-soft: #f1f5fb; --ht-teal: #203764; --ht-cream: #fbf5ec;
  --px-navy: #203764; --px-navy2: #2c5291; --px-accent: var(--orange, #f59a3f); --px-line: #d8e1ec; --px-field: #f6f8fc; --px-ring: rgba(44, 82, 145, .16); --px-h: 62px;
}
html[data-theme] body .ht-page :focus-visible { outline-color: var(--px-accent); }
html[data-theme] body .ht-page .ht-head { border-color: #e0e7f0; background: radial-gradient(ellipse at 95% 0%, #fdebd6 0, transparent 46%), linear-gradient(120deg, #eef3fb, #f9fbfe 80%); }
html[data-theme] body .ht-page .ht-head::after { border-color: #c9d6ea60; box-shadow: 0 0 0 32px #cfdcef22, 0 0 0 64px #cfdcef12; }
html[data-theme] body .ht-page .ht-head::before { content: ''; position: absolute; top: 0; left: 28px; right: 28px; height: 3px; border-radius: 0 0 4px 4px; background: linear-gradient(90deg, var(--px-navy), var(--px-navy2) 55%, var(--px-accent)); }
html[data-theme] body .ht-page :is(.ht-go, .ht-roombtn, .ht-pick) { border: 0; border-radius: 12px; color: #fff; background: linear-gradient(135deg, var(--px-navy), var(--px-navy2)); box-shadow: 0 12px 24px -16px rgba(32, 55, 100, .85); font-weight: 800; }
html[data-theme] body .ht-page :is(.ht-go, .ht-roombtn, .ht-pick):hover { background: linear-gradient(135deg, #1a2e55, #2a4d8a); }
html[data-theme] body .ht-page .ht-ghost { border-color: var(--px-line); border-radius: 12px; color: var(--px-navy); background: #fff; }
html[data-theme] body .ht-page .ht-ghost:hover { border-color: #b6c5d8; background: #f2f6fc; }
html[data-theme] body .ht-page :is(input, select):focus { border-color: var(--px-navy2); }
html[data-theme] body .ht-page .ht-scope { gap: 2px; padding: 3px; border-color: #e3e9f1; border-radius: 12px; background: #f1f4f9; }
html[data-theme] body .ht-page .ht-scopebtn { min-height: 38px; border: 0; border-radius: 9px; color: #4b5e77; font-weight: 700; }
html[data-theme] body .ht-page .ht-scopebtn:hover { color: var(--ht-ink); background: transparent; }
html[data-theme] body .ht-page .ht-scopebtn[aria-checked="true"] { color: var(--px-navy); background: #fff; box-shadow: 0 2px 6px -2px rgba(21, 38, 74, .25); }
html[data-theme] body .ht-page :is(.ht-search, .hotel-stay-search) { border-color: #e0e7f0; background: linear-gradient(180deg, #fff, #fbfcfe); box-shadow: 0 28px 60px -40px rgba(21, 38, 74, .42), 0 6px 18px -14px rgba(21, 38, 74, .14); }
html[data-theme] body .ht-page > .ht-head + :is(.ht-search, .hotel-stay-search) { border: 1px solid #e0e7f0; border-top: 0; border-radius: 0 0 22px 22px; background: linear-gradient(180deg, #f6f9fd 0, #fff 60%); }

/* Ortak kutucuk: uçak formu ve otel arama formu */
html[data-theme] body .ht-page :is(.fl-fields .ht-field, .fl-fields .fl-place, .hotel-stay-search .hotel-destination-row > label, .hotel-stay-search .hotel-stay-trigger) {
  position: relative; display: flex; flex-direction: column; justify-content: center; gap: 2px; min-width: 0; min-height: var(--px-h); margin: 0; padding: .5rem .95rem .45rem;
  border: 1px solid var(--px-line); border-radius: 14px; background: var(--px-field); color: var(--ht-mut); font-size: .72rem; font-weight: 700; line-height: 1.35; text-align: left; box-shadow: none; transition: border-color .15s, background .15s, box-shadow .15s;
}
html[data-theme] body .ht-page :is(.fl-fields .ht-field, .fl-fields .fl-place, .hotel-stay-search .hotel-destination-row > label, .hotel-stay-search .hotel-stay-trigger):hover { border-color: #b6c5d8; }
html[data-theme] body .ht-page :is(.fl-fields .ht-field, .fl-fields .fl-place, .hotel-stay-search .hotel-destination-row > label):focus-within,
html[data-theme] body .ht-page :is(.fl-fields .ht-field:has(.acx-date-btn[aria-expanded="true"]), > .hotel-stay-search .hotel-stay-trigger[aria-expanded="true"], > .hotel-stay-search .hotel-stay-trigger:focus-visible) { border-color: var(--px-navy2); background: #fff; box-shadow: 0 0 0 4px var(--px-ring); outline: none; }
html[data-theme] body .ht-page :is(.fl-fields .ht-field > span, .fl-fields .fl-place > label) { margin: 0; color: var(--ht-mut); font-size: .72rem; font-weight: 700; line-height: 1.35; }
html[data-theme] body .ht-page :is(.fl-fields .ht-field, .fl-fields .fl-place, .hotel-stay-search .hotel-destination-row) :is(input:not([type="checkbox"]), select) {
  display: block; width: 100%; min-width: 0; min-height: 26px; margin: 0; padding: 0; border: 0; border-radius: 0; color: var(--ht-ink); background-color: transparent; box-shadow: none; outline: none; font: inherit; font-size: 16px; font-weight: 650; line-height: 1.6;
}
html[data-theme] body .ht-page :is(.fl-fields, .hotel-stay-search .hotel-destination-row) select { -webkit-appearance: none; appearance: none; padding-right: 22px; cursor: pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6f86' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right center / 16px no-repeat; }
html[data-theme] body .ht-page.fl-page .fl-fields .acx-date-btn { min-height: 26px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--ht-ink); font-size: 16px; font-weight: 650; line-height: 1.6; }
html[data-theme] body .ht-page.fl-page .fl-fields .acx-date-btn:focus-visible { outline: none; box-shadow: none; }
html[data-theme] body .ht-page > .hotel-stay-search .hotel-stay-trigger small { color: var(--ht-mut); font-size: .72rem; font-weight: 700; }
html[data-theme] body .ht-page > .hotel-stay-search .hotel-stay-trigger strong { overflow: hidden; color: var(--ht-ink); font-size: 16px; font-weight: 650; line-height: 1.6; white-space: nowrap; text-overflow: ellipsis; }

/* Uçak sayfası arama ızgarası */
html[data-theme] body .ht-page.fl-page .fl-fields { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 10px; align-items: stretch; }
html[data-theme] body .ht-page.fl-page .fl-fields > * { grid-column: span 2; grid-row: auto; }
html[data-theme] body .ht-page.fl-page .fl-fields > .fl-route { grid-column: span 6; grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr); gap: 8px; align-items: center; }
html[data-theme] body .ht-page.fl-page .fl-fields > .ht-field:nth-child(2), html[data-theme] body .ht-page.fl-page .fl-fields > .ht-field:nth-child(3) { grid-column: span 3; }
html[data-theme] body .ht-page.fl-page .fl-fields:has(> .ht-field:nth-child(3)[hidden]) > .ht-field:nth-child(2) { grid-column: span 6; }
html[data-theme] body .ht-page.fl-page .fl-fields > .ht-go { order: 40; grid-row: auto !important; grid-column: span 4; width: 100%; min-height: var(--px-h); font-size: .95rem; }
html[data-theme] body .ht-page.fl-page .fl-fields > .ht-chk { order: 50; grid-row: auto !important; grid-column: auto / span 3; }
html[data-theme] body .ht-page.fl-page .fl-swap { width: 40px; height: 40px; min-height: 40px; padding: 0; border-radius: 50%; font-size: 16px; box-shadow: 0 4px 10px -6px rgba(21, 38, 74, .4); }
html[data-theme] body .ht-page.fl-page .fl-fields > .acx-cal { order: 20; }
html[data-theme] body .ht-page :is(.fl-fields > .ht-chk, .fl-filter .ht-chk) { position: relative; display: inline-flex; align-items: center; gap: .45rem; width: auto; min-height: 40px; margin: 0; padding: .35rem .9rem .35rem .65rem; border: 1px solid var(--px-line); border-radius: 999px; color: #3d5170; background: #fff; font-size: .82rem; font-weight: 700; line-height: 1.3; cursor: pointer; justify-self: start; }
html[data-theme] body .ht-page :is(.fl-fields > .ht-chk, .fl-filter .ht-chk) input { width: 16px; height: 16px; min-height: 0; margin: 0; accent-color: var(--px-navy); }
html[data-theme] body .ht-page :is(.fl-fields > .ht-chk, .fl-filter .ht-chk):has(input:checked) { border-color: var(--px-navy); color: var(--px-navy); background: #eef3fb; }
html[data-theme] body .ht-page .fl-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html[data-theme] body .ht-page .fl-filter select { min-height: 40px; padding: .4rem 2rem .4rem .8rem; border: 1px solid var(--px-line); border-radius: 999px; background-color: #fff; color: var(--ht-ink); font-size: .85rem; font-weight: 650; }

/* Otel sayfası arama ızgarası: ana sayfa otel sekmesiyle aynı */
html[data-theme] body .ht-page > .hotel-stay-search { position: relative; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, .95fr) minmax(0, 1.4fr) minmax(0, 1.2fr) 176px; gap: 10px; padding: 1.3rem 1.5rem 1.2rem; color: var(--ht-ink); }
html[data-theme] body .ht-page > .hotel-stay-search > :is(.hotel-destination-row, .hotel-stay-bar) { display: contents; }
html[data-theme] body .ht-page > .hotel-stay-search > :not(.hotel-destination-row, .hotel-stay-bar) { grid-column: 1 / -1; }
html[data-theme] body .ht-page > .hotel-stay-search .hotel-destination-suggestions { position: absolute; z-index: 30; top: calc(1.3rem + var(--px-h) + 2px); left: 1.5rem; width: min(560px, calc(100% - 3rem)); box-shadow: 0 18px 36px -18px rgba(21, 38, 74, .45); }
html[data-theme] body .ht-page > .hotel-stay-search .hotel-stay-submit { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; width: 100%; min-height: var(--px-h); padding: .7rem 1.1rem; border: 0; border-radius: 14px; color: #fff; background: linear-gradient(135deg, var(--px-navy), var(--px-navy2)); box-shadow: 0 12px 24px -14px rgba(32, 55, 100, .85); font-size: .95rem; font-weight: 800; white-space: nowrap; }
html[data-theme] body .ht-page :is(.hotel-stay-search .hotel-stay-submit, .fl-fields > .ht-go)::after {
  content: ''; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
html[data-theme] body .ht-page > .hotel-stay-search .hotel-stay-note { display: flex; align-items: center; gap: .5rem; margin: .35rem 0 0; color: var(--ht-mut); font-size: .78rem; }
html[data-theme] body .ht-page > .hotel-stay-search .hotel-stay-note::before { content: ''; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: var(--px-accent); }
@media (max-width: 1080px) {
  html[data-theme] body .ht-page.fl-page .fl-fields > .fl-route { grid-column: 1 / -1; }
  html[data-theme] body .ht-page.fl-page .fl-fields > .ht-field:nth-child(2), html[data-theme] body .ht-page.fl-page .fl-fields > .ht-field:nth-child(3) { grid-column: span 6; }
  html[data-theme] body .ht-page.fl-page .fl-fields:has(> .ht-field:nth-child(3)[hidden]) > .ht-field:nth-child(2) { grid-column: 1 / -1; }
  html[data-theme] body .ht-page.fl-page .fl-fields > .ht-field { grid-column: span 3; }
  html[data-theme] body .ht-page.fl-page .fl-fields > .ht-go { grid-column: 1 / -1; }
  html[data-theme] body .ht-page > .hotel-stay-search { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-theme] body .ht-page > .hotel-stay-search .hotel-destination-row > label:first-child, html[data-theme] body .ht-page > .hotel-stay-search .hotel-stay-submit { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  html[data-theme] body .ht-page.fl-page .fl-fields > .fl-route { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  html[data-theme] body .ht-page.fl-page .fl-swap { justify-self: center; transform: rotate(90deg); }
  html[data-theme] body .ht-page.fl-page .fl-fields > .ht-field { grid-column: span 6; }
  html[data-theme] body .ht-page.fl-page .fl-fields > .ht-chk { grid-column: span 6; justify-self: stretch; }
  html[data-theme] body .ht-page.fl-page .fl-fields > .ht-go { order: 99; }
  html[data-theme] body .ht-page > .hotel-stay-search { grid-template-columns: minmax(0, 1fr); padding: 1rem .9rem; }
}

/* Otel listesi: sol filtre paneli */
html[data-theme] body .ht-page .ht-hotel-layout { display: grid; grid-template-columns: 270px minmax(0, 1fr); align-items: start; gap: 22px; margin-top: 1rem; }
html[data-theme] body .ht-page .ht-hotel-main { min-width: 0; }
html[data-theme] body .ht-page .ht-hotel-main > .ht-local-list { margin-top: 1rem; }
html[data-theme] body .ht-page .ht-hotel-filters { position: sticky; top: 96px; max-height: calc(100vh - 112px); overflow: auto; padding: 16px 16px 12px; border: 1px solid #e0e7f0; border-radius: 18px; background: #fff; box-shadow: 0 18px 40px -32px rgba(21, 38, 74, .4); overscroll-behavior: contain; }
html[data-theme] body .ht-page .ht-hf-toggle { display: none; }
html[data-theme] body .ht-page .ht-hf-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
html[data-theme] body .ht-page .ht-hf-head h2 { margin: 0; color: var(--ht-ink); font-size: 1rem; font-weight: 800; }
html[data-theme] body .ht-page .ht-hf-clear { min-height: 32px; padding: 4px 10px; border: 0; border-radius: 8px; color: var(--px-navy2, #2c5291); background: #eef3fb; font: inherit; font-size: .78rem; font-weight: 700; cursor: pointer; }
html[data-theme] body .ht-page .ht-hf-group { margin: 0; padding: 12px 0 10px; border: 0; border-top: 1px solid #edf1f6; min-width: 0; }
html[data-theme] body .ht-page .ht-hf-group legend { padding: 0 0 6px; color: var(--ht-ink); font-size: .8rem; font-weight: 800; letter-spacing: .01em; }
html[data-theme] body .ht-page .ht-hf-opt { display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 2px 6px; margin: 0 -6px; border-radius: 9px; color: #34496a; font-size: .86rem; font-weight: 600; cursor: pointer; }
html[data-theme] body .ht-page .ht-hf-opt:hover { background: #f3f6fb; }
html[data-theme] body .ht-page .ht-hf-opt input { flex: 0 0 18px; width: 18px; height: 18px; min-height: 0; margin: 0; accent-color: var(--px-navy, #203764); cursor: pointer; }
html[data-theme] body .ht-page .ht-hf-label { flex: 1; min-width: 0; }
html[data-theme] body .ht-page .ht-hf-n { min-width: 26px; padding: 1px 7px; border-radius: 999px; color: #5d6f86; background: #f1f4f9; font-size: .72rem; font-weight: 700; text-align: center; }
html[data-theme] body .ht-page .ht-hf-opt:has(input:checked) { color: var(--px-navy, #203764); }
html[data-theme] body .ht-page .ht-hf-opt:has(input:checked) .ht-hf-n { color: #fff; background: var(--px-navy, #203764); }
html[data-theme] body .ht-page .ht-hf-opt.is-zero { opacity: .5; }
html[data-theme] body .ht-page .ht-hf-note { margin: 8px 0 0; color: #6a7b91; font-size: .72rem; line-height: 1.5; }
html[data-theme] body .ht-page .ht-hf-empty { margin-top: 1rem; }
@media (max-width: 900px) {
  html[data-theme] body .ht-page .ht-hotel-layout { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  html[data-theme] body .ht-page .ht-hotel-filters { position: static; max-height: none; padding: 0; border: 0; background: none; box-shadow: none; }
  html[data-theme] body .ht-page .ht-hf-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 16px; border: 1px solid #d8e1ec; border-radius: 999px; color: var(--px-navy, #203764); background: #fff; font: inherit; font-size: .9rem; font-weight: 800; cursor: pointer; }
  html[data-theme] body .ht-page .ht-hf-toggle::before { content: ''; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E") center / contain no-repeat; }
  html[data-theme] body .ht-page .ht-hotel-filters:not(.is-open) :is(.ht-hf-head, .ht-hf-body) { display: none; }
  html[data-theme] body .ht-page .ht-hotel-filters.is-open :is(.ht-hf-head, .ht-hf-body) { display: block; }
  html[data-theme] body .ht-page .ht-hotel-filters.is-open .ht-hf-head { display: flex; margin-top: 12px; }
  html[data-theme] body .ht-page .ht-hotel-filters.is-open { padding-bottom: 6px; }
  html[data-theme] body .ht-page .ht-hotel-filters.is-open > .ht-hf-body, html[data-theme] body .ht-page .ht-hotel-filters.is-open > .ht-hf-head { padding: 0 14px; border: 1px solid #e0e7f0; background: #fff; }
  html[data-theme] body .ht-page .ht-hotel-filters.is-open > .ht-hf-head { padding-top: 12px; border-bottom: 0; border-radius: 16px 16px 0 0; }
  html[data-theme] body .ht-page .ht-hotel-filters.is-open > .ht-hf-body { padding-bottom: 12px; border-top: 0; border-radius: 0 0 16px 16px; }
}
html[data-theme] body .ht-page .ht-hf-group legend { float: left; width: 100%; padding: 0 0 6px; }
html[data-theme] body .ht-page .ht-hf-group legend + * { clear: both; }
html[data-theme] body .ht-page :is(.ht-local-card-action .ht-go, .ht-local-detail .hlb-price .ht-go, .ht-local-detail .ht-go:not(.ht-booking-dock .ht-go)) { border: 0; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #203764, #2c5291); box-shadow: 0 12px 24px -16px rgba(32, 55, 100, .85); }
html[data-theme] body .ht-page :is(.ht-local-card-action .ht-go, .ht-local-detail .ht-go):hover { background: linear-gradient(135deg, #1a2e55, #2a4d8a); }