:root{--radius:16px;--pad:16px;--gap:16px}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:#111}
a{text-decoration:none;color:inherit}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--pad)}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:50}
.header .bar{display:flex;align-items:center;gap:12px;min-height:64px}
.logo{height:36px}
.nav{margin-left:auto;display:flex;gap:12px;flex-wrap:wrap}
.nav a{padding:8px 12px;border-radius:10px}
.hero{position:relative}
.hero img{width:100%;height:340px;object-fit:cover;border-radius:0}
.hero .panel{position:absolute;left:16px;top:16px;background:#fff;border-radius:20px;padding:16px;max-width:360px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.grid{display:grid;gap:var(--gap)}
@media(min-width:768px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}}
.card{border:1px solid #eee;border-radius:var(--radius);overflow:hidden;background:#fff}
.card .media img{width:100%;height:200px;object-fit:cover}
.card .body{padding:12px}
.badge{display:inline-flex;align-items:center;gap:6px;background:#f3f4f6;border-radius:999px;padding:4px 10px;font-size:12px}
.progress{width:100%;height:8px;background:#eee;border-radius:6px;overflow:hidden}
.progress > span{display:block;height:100%;background:#7c3aed}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:0;background:#7c3aed;color:#fff}
.btn.secondary{background:#111}
.footer{margin-top:48px;padding:24px 0;border-top:1px solid #eee}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#111;color:#fff;padding:12px 16px;border-radius:12px;opacity:0;pointer-events:none;transition:.25s}
.toast.show{opacity:1}


/* Patches v0.1.3 */
.nav ul, .nav li{margin:0;padding:0;list-style:none}
.nav li a{display:inline-block}
.hero{margin-bottom:16px}
.empty-hero{width:100%;height:360px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px}


/* v0.2.0 UI refresh */
:root{--accent:#7c3aed;--bg:#ffffff;--muted:#f3f4f6;--text:#0f172a}
body{background:var(--bg);color:var(--text)}
.header{backdrop-filter:saturate(180%) blur(8px)}
.header .bar{min-height:72px}
.nav ul,.nav li{list-style:none;margin:0;padding:0}
.nav li a{display:inline-block;padding:10px 14px;border:1px solid #e5e7eb;background:#fff;border-radius:999px;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.nav li a:hover{border-color:#d1d5db}
.hero img{height:520px}
@media(max-width:768px){.hero img{height:380px}}
.hero .panel{border:1px solid #eee}
.search-form{display:flex;gap:8px}
.search-form input[type="search"]{flex:1;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}
.btn{background:var(--accent)}
.btn:hover{opacity:.9}
.card{box-shadow:0 6px 24px rgba(0,0,0,.05)}
.badge{background:var(--muted)}
.progress>span{background:var(--accent)}
.container.narrow{max-width:1080px}
.logo{height:40px}

/* v0.2.2 slider */
.hero-slider{position:relative;overflow:hidden}
.hero-slide{position:relative}
.hero-slide img{width:100%;height:520px;object-fit:cover}
.hero .panel{max-width:380px}
.quick-book{display:grid;gap:8px}
.quick-book input,.quick-book select{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;width:100%}

/* v0.2.3 UI fixes */
.nav ul{display:flex;gap:12px;flex-wrap:wrap}
.hero-slider{position:relative;height:520px;overflow:hidden;border-radius:0}
@media(max-width:768px){.hero-slider{height:380px}}
.hero-slide{position:absolute;inset:0;display:none}
.hero-slide.active{display:block}
.hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;padding:16px;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,.25);border:1px solid #eee}
.quick-book{display:grid;gap:10px}
.quick-book input,.quick-book select{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;width:100%}
.hero-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.hero-nav button{pointer-events:auto;border:0;background:rgba(0,0,0,.35);color:#fff;width:44px;height:44px;border-radius:999px;margin:0 8px;font-size:18px}
.hero-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:6px}
.hero-dots button{width:8px;height:8px;border-radius:999px;border:0;background:rgba(255,255,255,.6)}
.hero-dots button.active{background:var(--accent)}
.btn{background:var(--accent);color:#fff}
.btn:hover{opacity:.95}

/* v0.3.0 booking overlay & inputs */
.hero-slider{position:relative;height:520px;overflow:hidden}
@media(max-width:768px){.hero-slider{height:380px}}
.hero-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-35%);z-index:5}
.hero .panel{position:relative;left:auto;top:auto;transform:none}
.quick-book{display:grid;gap:10px}
.quick-book input[type="tel"]{appearance:textfield}
.quick-book input[type="number"]::-webkit-outer-spin-button,
.quick-book input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
.quick-book .btn{margin-top:6px}
@media(min-width:1024px){.hero-overlay{transform:translate(-50%,-30%)}}

/* v0.3.2 form labels */
.field{display:grid;gap:6px}
.field label{font-size:13px;font-weight:600;color:#334155}

/* v0.4.1 smooth slider + pro form */
.hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity 900ms ease-in-out, transform 1200ms ease-in-out;will-change:opacity,transform}
.hero-slide.active{opacity:1;transform:scale(1)}
.hero-nav button{background:rgba(0,0,0,.28)}
.hero-dots button{background:rgba(255,255,255,.55)}

.panel{border-radius:20px}
.quick-book .field input,
.quick-book .field select{border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;box-shadow:0 1px 0 rgba(0,0,0,.02);background:#fff}
.quick-book .field input:focus,
.quick-book .field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,58,237,.15)}
.quick-book .btn{height:44px;font-weight:600;border-radius:14px}
.quick-book .field label{font-size:12px;font-weight:700;color:#1f2937;letter-spacing:.2px;text-transform:none}

/* v0.4.2 responsive booking panel */
.hero-overlay{width:min(520px,92vw)}
.panel{padding:18px}
.quick-book .row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:768px){
  .quick-book .row-2{grid-template-columns:1fr}
  .panel{padding:14px}
}

/* v0.4.3 hero overlay straddle */
.hero{position:relative;padding-bottom:140px}
@media(max-width:768px){.hero{padding-bottom:110px}}
.hero-overlay{position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);z-index:5;width:min(560px,92vw)}
@media(max-width:768px){.hero-overlay{bottom:-24px;width:min(520px,94vw)}}
.panel{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.25), 0 2px 6px rgba(0,0,0,.08)}

/* v0.4.4 hero overlay fix + headings */
.hero{padding-bottom:220px} /* daha fazla boşluk bırak */
.hero-overlay{bottom:20px} /* panel tamamen görünsün */

.section-title{font-size:1.75rem;font-weight:800;color:#111827;letter-spacing:-0.5px;margin:60px 0 28px;position:relative;display:inline-block}
.section-title::after{content:"";display:block;height:4px;width:60%;background:var(--accent);margin-top:6px;border-radius:2px}

/* v0.4.5 overlay outside slider */
.hero{position:relative;padding-bottom:260px}
.hero-overlay{position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);z-index:15;width:min(560px,92vw)}
@media(max-width:768px){.hero{padding-bottom:220px}.hero-overlay{bottom:-28px;width:min(520px,94vw)}}

/* v0.4.6 hero safe spacing */
.hero{position:relative;padding-bottom:200px}
@media(max-width:768px){.hero{padding-bottom:180px}}
.hero-overlay{bottom:-36px}

/* v0.4.7 overlay lift */
.hero{padding-bottom:180px}
.hero-overlay{bottom:40px}
@media(max-width:768px){
  .hero{padding-bottom:160px}
  .hero-overlay{bottom:24px}
}

/* v0.4.8 overlay lifted more */
.hero{padding-bottom:140px}
.hero-overlay{bottom:120px}
@media(max-width:768px){
  .hero{padding-bottom:130px}
  .hero-overlay{bottom:70px}
}

/* v0.4.9 overlay +50px (5 kademe) */
.hero-overlay{bottom:170px}
.hero{padding-bottom:120px}
@media(max-width:768px){
  .hero-overlay{bottom:120px}
  .hero{padding-bottom:110px}
}

/* v0.5.0 overlay: center horizontally & vertically; pull up onto banner */
.hero{position:relative}
/* Stronger selector + !important to beat older rules */
.hero > .hero-overlay{
  position:absolute;
  left:50%;
  top:42% !important;     /* bannerın üst kısmına 5+ kademe çekildi */
  bottom:auto !important; /* önceki bottom ayarlarını geçersiz kıl */
  transform:translate(-50%, -50%);
  z-index:15;
  width:min(560px,92vw);
}
@media(max-width:768px){
  .hero > .hero-overlay{
    top:48% !important;   /* mobilde biraz daha aşağı, ama yine banner üstünde */
    width:min(520px,94vw);
  }
}

/* v0.5.1 — 2025 polish */
:root{
  --radius: 16px;
  --shadow-lg: 0 20px 60px rgba(0,0,0,.22), 0 2px 6px rgba(0,0,0,.06);
  --shadow-sm: 0 6px 18px rgba(0,0,0,.10);
}
body{font-family: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}

/* Header pills */
.nav ul{display:flex;gap:14px;align-items:center}
.nav a{display:inline-block;padding:10px 16px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.02);transition:all .2s ease}
.nav a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

/* Buttons */
.btn{border-radius:14px;font-weight:700;box-shadow:var(--shadow-sm)}
.btn.secondary{background:#fff;color:#111;border:1px solid #e5e7eb}
.btn.secondary:hover{border-color:var(--accent);color:var(--accent)}

/* Cards hover */
.card{border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);transition:transform .18s ease, box-shadow .18s ease}

/* Section titles */
.section-title{font-size:clamp(22px,2.2vw,30px);font-weight:900;letter-spacing:-.4px;margin:54px 0 22px;display:inline-block;color:#0f172a}
.section-title::after{content:"";display:block;height:4px;width:64%;background:linear-gradient(90deg,var(--accent),#8b5cf6);margin-top:6px;border-radius:3px}

/* Hero overlay exact center horizontally, slight below banner */
.hero{position:relative;padding-bottom:190px}
.hero > .hero-overlay{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:auto !important;
  bottom:-18px; /* bannerın biraz dışında dursun */
  z-index:15;
  width:min(560px,92vw);
}
@media(max-width:768px){
  .hero{padding-bottom:170px}
  .hero > .hero-overlay{bottom:-14px;width:min(520px,94vw)}
}

/* Panel + form finesse */
.panel{background:#fff;border-radius:20px;box-shadow:var(--shadow-lg)}
.quick-book .field input,
.quick-book .field select{border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;background:#fff}
.quick-book .field input:focus,
.quick-book .field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,58,237,.15)}
.quick-book .btn{height:46px}

/* Dots & arrows modern */
.hero-nav button{background:rgba(0,0,0,.28);backdrop-filter:saturate(120%) blur(4px)}
.hero-dots button{background:rgba(255,255,255,.55)}
.hero-dots button.active{background:var(--accent)}


/* === TourPress Pro v0.5.1-fix (2025 polish + robust hero) === */
:root{
  --hero-h: clamp(380px, 56vw, 560px);
  --panel-offset: 22px;
  --accent: #7c3aed;
}
.hero{position:relative;padding-bottom:calc(140px + var(--panel-offset))}
.hero-slider{position:relative;height:var(--hero-h);overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .9s ease, transform 1.2s ease}
.hero-slide.active{opacity:1;transform:scale(1)}
.hero > .hero-overlay{position:absolute;top:calc(var(--hero-h) - var(--panel-offset));left:50%;transform:translateX(-50%);bottom:auto !important;z-index:15;width:min(560px,92vw)}
@media(max-width:768px){
  :root{--hero-h:400px;--panel-offset:18px}
  .hero{padding-bottom:calc(120px + var(--panel-offset))}
  .hero > .hero-overlay{width:min(520px,94vw)}
}
.panel{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.06)}
.section-title{font-size:clamp(22px,2.2vw,30px);font-weight:900;letter-spacing:-.4px;margin:54px 0 22px;display:inline-block;color:#0f172a}
.section-title::after{content:"";display:block;height:4px;width:64%;background:linear-gradient(90deg,var(--accent),#8b5cf6);margin-top:6px;border-radius:3px}
.quick-book .field label{font-size:12px;font-weight:700;color:#1f2937}
.quick-book .field input,.quick-book .field select{border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px}
.quick-book .field input:focus,.quick-book .field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,58,237,.15)}
.btn{border-radius:14px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.1)}


/* === v0.5.1-fix2: 75/25 straddle & container-centered === */
:root{
  --panel-ratio: .75;    /* Panelin %75'i banner içinde kalsın */
  --panel-tail: 160px;   /* Banner altındaki güvenli boşluk */
}
.hero{padding-bottom:var(--panel-tail)}

/* Panelin referans noktası banner alt çizgisi olsun */
.hero-slider{position:relative}
.hero > .hero-overlay{
  top: var(--hero-h);                /* banner alt çizgisi */
  left: 50%;
  transform: translate(-50%, calc(-1 * var(--panel-ratio) * 100%));
  bottom: auto !important;
}

/* Mobilde biraz daha aşağı (okunabilirlik) */
@media (max-width: 768px){
  :root{ --panel-ratio: .78; --panel-tail: 140px; }
}



/* === Split hero (banner left, panel right) === */
.container{max-width:1180px;margin:0 auto;padding:0 18px}
.hero-split{padding:24px 0 0}
.hero-split .hero-wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:center}
.hero-media{position:relative;height:clamp(340px, 48vw, 520px);border-radius:20px;overflow:hidden;box-shadow:0 16px 44px rgba(0,0,0,.18)}
.hero-media .hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .9s ease, transform 1.2s ease}
.hero-media .hero-slide.active{opacity:1;transform:scale(1)}
.hero-media .hero-nav{position:absolute;inset:auto 12px 12px auto;z-index:2}
.hero-media .hero-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:2}
.hero-panel .panel{padding:18px;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.06)}

@media(max-width:992px){
  .hero-split .hero-wrap{grid-template-columns:1fr;gap:18px}
  .hero-media{height:clamp(280px, 58vw, 420px)}
}



/* === v0.5.1-split2: Panoramic masthead banner (left) + pro panel (right) === */
.hero-split .hero-wrap{grid-template-columns:1.8fr 1fr} /* banner biraz daha geniş */
.hero-media{
  aspect-ratio: 21 / 9;
  height:auto;
  min-height:220px;
  max-height:360px;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 16px 44px rgba(0,0,0,.18);
}
.hero-media .hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .9s ease, transform 1.2s ease}
.hero-media .hero-slide.active{opacity:1;transform:scale(1)}
.hero-media .hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-panel .panel{padding:20px;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.06)}

@media(max-width:992px){
  .hero-split .hero-wrap{grid-template-columns:1fr}
  .hero-media{max-height:320px}
}


/* Masthead: single panoramic banner with right overlay */
.container{max-width:1180px;margin:0 auto;padding:0 18px}
.hero-masthead{padding:16px 0 0}
.masthead-media{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 16px 44px rgba(0,0,0,.18);aspect-ratio: 21 / 9;max-height:380px}
.masthead-media .hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .9s ease, transform 1.2s ease}
.masthead-media .hero-slide.active{opacity:1;transform:scale(1)}
.masthead-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:none;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.2);font-size:22px;line-height:44px;text-align:center;cursor:pointer;z-index:3}
.hero-arrow.left{left:12px}
.hero-arrow.right{right:12px}
.hero-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:6px;z-index:2}
.hero-dots button{width:8px;height:8px;border-radius:999px;border:none;background:rgba(255,255,255,.6)}
.hero-dots button.active{background:var(--accent)}

.reserv-float{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:min(420px,38vw)}
.reserv-float .btn{width:100%;height:46px}

.eyebrow{font-size:13px;color:#64748b;margin:22px 0 0}
.grid.cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:1100px){.grid.cols-4{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.grid.cols-4{grid-template-columns:1fr}}

/* Tour card compact style */
.tour-card .media{display:block;aspect-ratio:1/1;overflow:hidden}
.tour-card .media img{width:100%;height:100%;object-fit:cover;display:block}
.tour-card .meta{display:flex;gap:10px;align-items:center;padding:8px 12px 0;color:#64748b;font-size:12px}
.tour-card .title{margin:6px 12px 0;font-size:15px;font-weight:800;letter-spacing:-.2px}
.tour-card .foot{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 12px}
.tour-card .price{font-weight:900;color:#0f172a}
.tour-card .more{font-size:13px;color:var(--accent);text-decoration:none}



/* === v0.5.1-masthead2: sample-polish === */
:root{ --accent: #6D28D9; }

/* Arrows: big circular with accent border */
.hero-arrow{
  width:56px;height:56px;font-size:28px;line-height:56px;
  border:2px solid var(--accent);color:var(--accent);background:#fff;
  box-shadow:0 8px 30px rgba(0,0,0,.18);
}
.hero-arrow:hover{background:var(--accent);color:#fff}

/* Panel look */
.reserv-float .panel{border:1px solid #eef2f7;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.22), 0 2px 6px rgba(0,0,0,.06)}

/* Inputs and button */
.quick-book .field input,.quick-book .field select{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}
.quick-book .field label{font-size:12px;font-weight:700;color:#111827}
.quick-book .btn{height:44px;border-radius:12px}

/* Eyebrow + Heading spacing */
.eyebrow{font-weight:700;color:#6b7280;margin:18px 0 2px}
.section-title{margin:6px 0 16px}

/* Tour cards: optional ribbon */
.tour-card{position:relative;border-radius:12px;overflow:hidden}
.tour-card .media{position:relative}
.tour-card .ribbon{
  position:absolute;top:10px;left:-8px;transform:skew(-12deg);
  background:linear-gradient(90deg,#16a34a,#22c55e);color:#fff;
  padding:6px 14px;font-size:11px;font-weight:800;letter-spacing:.2px;
  box-shadow:0 6px 16px rgba(0,0,0,.2);border-radius:4px;
}
.tour-card .ribbon.orange{background:linear-gradient(90deg,#f97316,#fb923c)}
.tour-card .title a{text-decoration:none;color:#0f172a}
.tour-card:hover{transform:translateY(-2px);transition:transform .18s}



/* ==== v0.5.1-manset-fix3: robust overlay + safe arrows + 4-up grid ==== */

/* Container widths */
.container{max-width:1180px;margin:0 auto;padding:0 18px}
.container.narrow{max-width:1180px}

/* Panoramik banner */
.masthead-media{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:21/9;max-height:380px;box-shadow:0 16px 44px rgba(0,0,0,.18)}
.masthead-media img{width:100%;height:100%;object-fit:cover;object-position:center}

/* Overlay panel (masthead) */
.masthead-media{--panelW: 420px}
.masthead-media .reserv-float{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:min(var(--panelW),38vw);z-index:15}
.masthead-media .reserv-float .panel{border:1px solid #eef2f7;border-radius:18px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.06)}

/* Overlay panel (split fallback) */
.hero-split .hero-wrap{position:relative}
.hero-split .hero-panel{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:min(420px,38vw);z-index:15}
.hero-split .hero-media{border-radius:20px;overflow:hidden;aspect-ratio:21/9;max-height:380px;box-shadow:0 16px 44px rgba(0,0,0,.18)}

/* Form fields */
.quick-book .field label{font-size:12px;font-weight:700;color:#111827}
.quick-book .field input,.quick-book .field select{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}
.quick-book .btn{height:44px;border-radius:12px;width:100%}

/* Arrows inside banner but çakışmadan */
:root{--accent:#6D28D9}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;line-height:56px;border-radius:999px;border:2px solid var(--accent);color:var(--accent);background:#fff;font-size:28px;z-index:20;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.masthead-media .hero-arrow.left{left:12px}
.masthead-media .hero-arrow.right{right:calc(18px + var(--panelW));} /* panelin soluna yasla */
.hero-split .hero-media .hero-arrow.left{left:12px}
.hero-split .hero-media .hero-arrow.right{right:calc(18px + 420px)}

/* Dots */
.hero-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:6px;z-index:18}
.hero-dots button{width:8px;height:8px;border-radius:999px;border:none;background:rgba(255,255,255,.6)}
.hero-dots button.active{background:var(--accent)}

/* Headings + grid */
.eyebrow{font-weight:700;color:#6b7280;margin:22px 0 2px}
.section-title{margin:6px 0 16px}
.grid.cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:1200px){.grid.cols-4{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.grid.cols-4{grid-template-columns:1fr}}



/* ==== v0.5.1-manset-fix4 ======== */
:root{
  --container-w: 1280px;     /* daha geniş görünüm */
  --gap: 18px;
  --panelW: clamp(380px, 34vw, 500px); /* panel genişliği ekrana göre */
  --accent:#6D28D9;
}
.container{max-width:var(--container-w);margin:0 auto;padding:0 18px}
.container.narrow{max-width:var(--container-w)}

.masthead-media,
.hero-split .hero-media{
  position:relative;border-radius:20px;overflow:hidden;
  aspect-ratio:21/9;height:auto;max-height:420px;
  box-shadow:0 16px 44px rgba(0,0,0,.18);
}
.masthead-media img,
.hero-split .hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}

/* Overlay panel: sağa yaslı ve orantılı */
.masthead-media .reserv-float,
.hero-split .hero-panel{
  position:absolute;right:var(--gap);top:50%;transform:translateY(-50%);
  width:var(--panelW);z-index:15;
}
.masthead-media .reserv-float .panel,
.hero-split .hero-panel .panel{
  border:1px solid #eef2f7;border-radius:18px;background:#fff;
  box-shadow:0 20px 60px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.06);
  box-sizing:border-box;
}
.quick-book .field input,.quick-book .field select{box-sizing:border-box}

/* Oklar: paneli hesaba kat */
.hero-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:56px;height:56px;line-height:56px;text-align:center;border-radius:999px;
  border:2px solid var(--accent);color:var(--accent);background:#fff;font-size:28px;z-index:20;
  box-shadow:0 8px 30px rgba(0,0,0,.18);
}
.masthead-media .hero-arrow.left{left:12px}
.masthead-media .hero-arrow.right{right:calc(var(--panelW) + var(--gap))}
.hero-split .hero-media .hero-arrow.left{left:12px}
.hero-split .hero-media .hero-arrow.right{right:calc(var(--panelW) + var(--gap))}
.hero-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:6px;z-index:18}
.hero-dots button{width:8px;height:8px;border-radius:999px;border:none;background:rgba(255,255,255,.6)}
.hero-dots button.active{background:var(--accent)}

/* Grid 4'lü masaüstü */
.grid.cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:1220px){.grid.cols-4{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.grid.cols-4{grid-template-columns:1fr}}



/* ==== v0.5.1-manset-fix5: focus banner right to hide left-side text ==== */
.masthead-media img,
.hero-split .hero-media img{
  object-position: 75% center; /* resmi sağa odakla; soldaki yazılar kadraj dışında kalsın */
}



/* === v0.5.1-manset-1400 override === */
:root{ --container-w: 1400px; }
.container{ max-width: var(--container-w); }
.container.narrow{ max-width: var(--container-w); }



/* ==== v0.5.1-manset-fix6: right-bleed, taller banner, tighter bottom ==== */
:root{
  --container-w: 1400px;             /* 1400 istenmişti */
  --banner-bleed-right: 28px;         /* bannerı sağa taşır */
}
.container{max-width:var(--container-w)}

.hero-masthead{padding-top:10px; margin-bottom:8px;} /* biraz aşağı al, alt boşluğu kıs */
.masthead-media{
  max-height: 460px;                  /* daha uzun */
  width: calc(100% + var(--banner-bleed-right));
  margin-right: calc(var(--banner-bleed-right) * -1);
}
.hero-dots{bottom:8px}                /* alt boşluğu azalt */
#turlar.container{margin-top:10px}    /* banner altındaki boşluğu kıs */



/* ==== v0.5.1-manset-fix7: remove white gap under banner ==== */
.hero-masthead{padding-bottom:0;margin-bottom:0}
.masthead-media{margin-bottom:0}
/* next section spacing */
.hero-masthead + .container,
#turlar.container{margin-top:0 !important}
/* make sure slider dots don't push layout */
.hero-dots{bottom:6px}



/* ==== v0.5.1-manset-fix8: kill tiny white gap under banner ==== */
.hero-masthead{padding-bottom:0;margin-bottom:-12px} /* üst bölüm altına eksi margin */
.masthead-media{display:block;line-height:0;font-size:0;margin-bottom:0}
.masthead-media .hero-slide{display:block}
.masthead-media img{display:block} /* inline-img baseline boşluğunu sıfırla */
.hero-dots{bottom:4px}
#turlar.container{margin-top:0 !important;padding-top:0}



/* ==== v0.5.1-manset-fix9: no arrows + stronger transitions + ken-burns ==== */
.hero-arrow{ display:none !important; }  /* okları gizle */

.masthead-media .hero-slide,
.hero-split .hero-media .hero-slide{
  position:absolute; inset:0; opacity:0;
  transform: scale(1.06); transition: opacity .9s ease, transform 1.6s ease;
  will-change: opacity, transform;
}
.masthead-media .hero-slide.active,
.hero-split .hero-media .hero-slide.active{
  opacity:1; transform: scale(1);
  animation: heroKen 8s ease-in-out forwards;
}
@keyframes heroKen{
  0%   { transform: scale(1.06) translateX(-0.6%); }
  100% { transform: scale(1.00) translateX(0%); }
}



/* ==== v0.5.1-manset-fix10: smooth crossfade only (no zoom) ==== */
.masthead-media .hero-slide,
.hero-split .hero-media .hero-slide{
  position:absolute; inset:0; opacity:0;
  transform:none !important;
  transition: opacity 1.2s ease;  /* yumuşak geçiş */
}
.masthead-media .hero-slide.active,
.hero-split .hero-media .hero-slide.active{
  opacity:1;
  transform:none !important;
  animation:none !important; /* ken burns kapalı */
}



/* ==== v0.5.1-manset-fix11: Pro panel styling + one-step bigger ==== */
:root{
  --panelW: clamp(420px, 36vw, 560px);     /* bir kademe daha büyük */
  --panel-bg: rgba(255,255,255,.72);
  --panel-blur: 10px;
  --accent: #6D28D9;
}

/* Glassmorphism rezervasyon paneli */
.masthead-media .reserv-float .panel,
.hero-split .hero-panel .panel{
  position:relative;
  background: var(--panel-bg);
  -webkit-backdrop-filter: blur(var(--panel-blur));
  backdrop-filter: blur(var(--panel-blur));
  border:1px solid rgba(255,255,255,.72);
  border-radius:20px;
  box-shadow: 0 22px 60px rgba(0,0,0,.28), 0 4px 12px rgba(0,0,0,.08);
  padding: 22px 22px 18px;
}

/* İnce gradient çerçeve */
.masthead-media .reserv-float .panel::before,
.hero-split .hero-panel .panel::before{
  content:""; position:absolute; inset:0; border-radius:20px; padding:1px;
  background: linear-gradient(180deg, rgba(109,40,217,.35), rgba(255,255,255,.10));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude; pointer-events:none;
}

/* Başlık */
.masthead-media .reserv-float h2,
.hero-split .hero-panel h2{
  font-size:22px; font-weight:800; margin:0 0 14px; letter-spacing:.2px; color:#0f172a;
  display:flex; align-items:center; gap:8px;
}
.masthead-media .reserv-float h2::before,
.hero-split .hero-panel h2::before{
  content:""; width:10px;height:10px;border-radius:999px;background:var(--accent);
  box-shadow:0 0 0 6px rgba(109,40,217,.16);
}

/* Alanlar ve buton: daha büyük & odak efekti */
.quick-book .field{margin-bottom:10px}
.quick-book .row-2{display:flex; gap:12px}
.quick-book .row-2 .field{flex:1}

.quick-book .field input,
.quick-book .field select{
  height:50px; border-radius:14px; padding:12px 14px; font-size:14.5px;
  border:1px solid #e5e7eb; background:#fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
}
.quick-book .field input:focus,
.quick-book .field select:focus{
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(109,40,217,.15);
  outline: none;
}

.quick-book .btn{
  height:52px; border-radius:14px; font-weight:800; letter-spacing:.2px;
  background: linear-gradient(90deg,#7c3aed,#6d28d9);
  color:#fff; width:100%;
  box-shadow: 0 12px 30px rgba(109,40,217,.30);
  transition: transform .15s ease, filter .2s ease;
}
.quick-book .btn:hover{ transform: translateY(-1px); filter:brightness(1.03) }



/* ==== v0.5.1-manset-fix12: heading spacing + labels + section spacing ==== */
.masthead-media .reserv-float h2,
.hero-split .hero-panel h2{ margin:0 0 16px !important; line-height:1.25; }
.quick-book .field label{ display:block; margin:6px 0 6px; font-weight:700; }
.quick-book .field{ margin-bottom:12px; }

/* Hero -> Yaklaşan Turlar arası dengeli boşluk; beyazlık bırakmadan görünür kalsın */
.hero-masthead{ padding-bottom:0; margin-bottom:4px !important; }
#turlar.container{ margin-top:8px !important; padding-top:0; }



/* ==== v0.5.1-manset-fix13: slightly smaller panel to fit banner ==== */
:root{
  --panelW: clamp(400px, 33vw, 520px); /* bir kademe küçültüldü */
}



/* ==== v0.5.1-manset-fix14: ~5% smaller panel ==== */
:root{
  /* 33vw -> 31.35vw (yaklaşık %5 küçülme) */
  --panelW: clamp(400px, 31.35vw, 520px);
}



/* ==== v0.5.1-manset-fix15: vertical breathing room for the panel ==== */
:root{
  --panel-vert-gap: 14px;  /* banner üst/altından en az bu kadar boşluk algısı */
}

/* Panel boyutunu hafif küçült, üst-alt boşluk algısı kazandır */
.masthead-media .reserv-float .panel,
.hero-split .hero-panel .panel{
  max-height: calc(100% - var(--panel-vert-gap) * 2);
}

/* Alan yüksekliklerini 2px küçült */
.quick-book .field input,
.quick-book .field select{ height:48px; }
.quick-book .btn{ height:50px; }
.quick-book .field{ margin-bottom:10px; }



/* ==== v0.5.1-manset-fix16: smaller panel + brand color swap ==== */

/* 1) Paneli ~%10 daha küçült (33vw -> 31.35vw -> 29.7vw) ve minimumu da bir tık düşür */
:root{
  --panelW: clamp(380px, 29.7vw, 500px);
  --accent: #004e92;                   /* yeni marka rengi */
}

/* 2) #7c3aed kullanılan yerleri ez: buton, aktif noktalar, focus halkaları, rozet/badge */
.hero-dots button.active{ background: var(--accent) !important; }
.quick-book .field input:focus,
.quick-book .field select:focus{
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(0,78,146,.18) !important;
}

/* birincil buton (eski degrade #7c3aed -> #004e92) */
.quick-book .btn{
  background: linear-gradient(90deg,#004e92,#004e92) !important;
  box-shadow: 0 12px 30px rgba(0,78,146,.30) !important;
}

/* başlıktaki küçük nokta rozet rengi */
.masthead-media .reserv-float h2::before,
.hero-split .hero-panel h2::before{
  background: var(--accent) !important;
  box-shadow: 0 0 0 6px rgba(0,78,146,.16) !important;
}

/* olası mor metin/ikon durumları için genel bir override */
.text-primary, .badge-primary, .link-primary, .btn-primary{
  color:#004e92 !important;
  border-color:#004e92 !important;
}
.bg-primary{ background:#004e92 !important; }
.border-primary{ border-color:#004e92 !important; }



/* ==== v0.5.1-manset-fix17: 2 more steps smaller + SITEWIDE brand color #004e92 ==== */

/* 1) Paneli ~%10 daha küçült (29.7vw -> 26.8vw civarı) */
:root{
  --panelW: clamp(360px, 26.8vw, 480px);
  --accent: #004e92;  /* site genelinde kullanacağımız ana renk */
}

/* 2) Site genelinde #7c3aed / mor tonlarını #004e92 ile ez */
/* Bağlantılar */
a{ color:#004e92; }
a:hover, a:focus{ color:#003e73; }

/* Birincil butonlaştırılmış elemanlar */
button, .button, .btn,
input[type="submit"], input[type="button"], input[type="reset"],
.wp-block-button__link,
.quick-book .btn{
  background: #004e92 !important;
  color:#fff !important;
  border-color:#004e92 !important;
  box-shadow: 0 10px 24px rgba(0,78,146,.28) !important;
}
button:hover, .button:hover, .btn:hover,
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover,
.wp-block-button__link:hover, .quick-book .btn:hover{
  filter:brightness(1.02);
}

/* Kenarlık/odak durumları */
*:focus{
  outline-color:#004e92;
}
.quick-book .field input:focus,
.quick-book .field select:focus,
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus, select:focus{
  border-color:#004e92 !important;
  box-shadow: 0 0 0 3px rgba(0,78,146,.18) !important;
}

/* SVG/ikon birincil */
.icon-primary, .text-primary{ color:#004e92 !important; }
.icon-primary svg path{ fill:#004e92 !important; }

/* Renk sınıfları (olası utility kullanımı) */
.bg-primary{ background:#004e92 !important; }
.border-primary{ border-color:#004e92 !important; }
.badge-primary, .label-primary{ background:#004e92 !important; color:#fff !important; }

/* Pagination & current states */
.pagination .current, .page-numbers.current, .page-link.active{
  background:#004e92 !important; border-color:#004e92 !important; color:#fff !important;
}
.pagination a:hover{ border-color:#004e92 !important; color:#004e92 !important; }

/* Menü aktif/hover */
.nav a:hover, .nav .current-menu-item > a, .menu a:hover{
  color:#004e92 !important;
}

/* Slider noktası */
.hero-dots button.active{ background:#004e92 !important; }

/* Form kontrol tikleri */
input[type="checkbox"], input[type="radio"]{ accent-color:#004e92; }

/* Kart içi vurgu bantları, progress vb. */
.progress .bar, .price-badge, .ribbon, .tag-primary{ background:#004e92 !important; }



/* ==== v0.5.1-manset-fix18: enforce top/bottom gap for overlay panel ==== */
/* Not: markup 'reserv-float panel' aynı elemanda; bu yüzden '.reserv-float .panel' seçicisi çalışmıyordu. */

:root{ --panel-vert-gap: 18px; } /* iki kademe boşluk */

.masthead-media{ position: relative; }

/* Doğru seçici: .reserv-float.panel (aynı element) */
.masthead-media .reserv-float.panel{
  position: absolute;
  top: var(--panel-vert-gap);
  bottom: var(--panel-vert-gap);
  right: 18px;
  max-height: calc(100% - var(--panel-vert-gap) * 2);
  overflow: hidden; /* içerik taşmasın */
  display:block;
}

/* İçerik kaymasın diye form alanları ve buton yükseklikleri bir tık küçük */
.quick-book .field input,
.quick-book .field select{ height:46px; }
.quick-book .btn{ height:48px; }



/* ==== v0.5.1-manset-fix19: fix cropped button / robust vertical sizing ==== */
:root{ --panel-vert-gap: 18px; }

.masthead-media{ position:relative; }

/* Position overlay and allow safe scrolling if needed */
.masthead-media .reserv-float.panel{
  position:absolute;
  right:18px;
  top:var(--panel-vert-gap);
  bottom:var(--panel-vert-gap);
  max-height: calc(100% - var(--panel-vert-gap) * 2);
  box-sizing: border-box;
  overflow:auto;              /* içerik taşarsa kaydır, kesme! */
  padding-bottom: 10px;       /* alttaki buton nefes alsın */
}

/* form elemanlarını biraz daha incelt */
.quick-book .field input,
.quick-book .field select{ height:44px; }
.quick-book .btn{ height:46px; margin-top:6px; }

/* slider noktaları altta kalıp panele girmesin */
.hero-dots{ bottom: 10px; }



/* ==== v0.5.1-manset-fix20: full overlay visible + compact form ==== */
:root{ --panel-vert-gap: 18px; }

.masthead-media{ position:relative; }

/* Topa hizala; alttan sabitleme yok, içerik kadar yükseklik */
.masthead-media .reserv-float.panel{
  position:absolute;
  right:18px;
  top:var(--panel-vert-gap);
  bottom:auto;
  height:auto;
  max-height: calc(100% - var(--panel-vert-gap) * 2);
  overflow:auto;               /* taşarsa kaydır */
  padding:14px 16px;
  box-sizing:border-box;
  scrollbar-gutter: stable both-edges;
}

/* Başlığı ve iç boşlukları kompakt yap */
.masthead-media .reserv-float h2{ font-size:20px; margin:0 0 10px !important; }
.quick-book .field{ margin-bottom:8px; }
.quick-book .row-2{ gap:10px; }

/* Eleman yüksekliklerini küçült */
.quick-book .field input,
.quick-book .field select{
  height:42px;
  font-size:14px;
  padding:10px 12px;
}
.quick-book .btn{
  height:44px; font-size:14px;
  padding:0 14px; margin-top:8px;
}



/* ==== v0.5.1-manset-fix21: compact overlay, stronger gaps, always fully visible ==== */
:root{
  --panelW: clamp(350px, 25.5vw, 460px);  /* daha dar: ~%5-6 küçültme */
  --panel-vert-gap: 20px;                 /* üst/alt boşluğu bir tık artır */
}

.masthead-media{ position:relative; }
.masthead-media .reserv-float.panel{
  position:absolute;
  right:18px;
  top:var(--panel-vert-gap);
  bottom:var(--panel-vert-gap);
  max-height: calc(100% - var(--panel-vert-gap) * 2);
  overflow:auto;                /* içerik kesilmesin */
  padding:12px 14px;
  box-sizing:border-box;
}

/* Kompakt tipografi ve alanlar */
.masthead-media .reserv-float h2{ font-size:19px; margin:0 0 8px !important; }
.quick-book .field{ margin-bottom:7px; }
.quick-book .row-2{ gap:8px; }
.quick-book .field input, .quick-book .field select{
  height:40px; padding:8px 10px; font-size:13.5px;
}
.quick-book .btn{ height:42px; font-size:13.5px; margin-top:8px; }



/* ==== v0.5.1-manset-fix22: header always visible, inner scroll only ==== */
:root{
  --panelW: clamp(340px, 24.8vw, 440px);  /* bir kademe daha dar */
  --panel-vert-gap: 20px;
}

.masthead-media{ position:relative; }

/* Panel yüksekliği: hero içinde tam; başlık sabit, içerik kayar */
.masthead-media .reserv-float.panel{
  position:absolute; right:18px;
  top:var(--panel-vert-gap); bottom:var(--panel-vert-gap);
  width:var(--panelW); box-sizing:border-box;
  display:flex; flex-direction:column; overflow:hidden; /* dışarı taşmasın */
  padding:12px 14px;
}

.masthead-media .reserv-float h2{
  flex:0 0 auto; font-size:18.5px; margin:0 0 8px !important;
}
/* içerik gövdesi (.quick-book) kayar */
.masthead-media .reserv-float.panel .quick-book{
  flex:1 1 auto;
  overflow:auto; max-height:100%;
  padding-right:4px; /* kaydırma boşluğu */
  -webkit-overflow-scrolling: touch;
}

/* daha kompakt alanlar */
.quick-book .field{ margin-bottom:7px }
.quick-book .row-2{ gap:8px }
.quick-book .field input, .quick-book .field select{
  height:38px; padding:8px 10px; font-size:13.5px;
}
.quick-book .btn{ height:40px; font-size:13.5px; margin-top:8px }

/* Çok kısa hero yüksekliklerinde ekstra sıkıştırma */
@media (max-height: 740px){
  .masthead-media .reserv-float h2{ font-size:18px }
  .quick-book .field input, .quick-book .field select{ height:36px }
  .quick-book .btn{ height:38px }
}



/* ==== v0.5.1-manset-fix23: always show top of form, more compact, wider gaps ==== */
:root{
  --panelW: clamp(335px, 24vw, 430px);
  --panel-vert-gap: 22px;
}
.masthead-media{ position:relative; }
.masthead-media .reserv-float.panel{
  position:absolute; right:18px; top:var(--panel-vert-gap); bottom:var(--panel-vert-gap);
  width:var(--panelW); display:flex; flex-direction:column; overflow:hidden; padding:12px 14px;
  box-sizing:border-box;
}
.masthead-media .reserv-float h2{ flex:0 0 auto; font-size:18px; margin:0 0 6px !important; }
.masthead-media .reserv-float.panel .quick-book{
  flex:1 1 auto; overflow:auto; max-height:100%;
  -webkit-overflow-scrolling:touch; padding-right:4px;
}
.quick-book .field{ margin-bottom:6px }
.quick-book .row-2{ gap:8px }
.quick-book .field input, .quick-book .field select{ height:36px; font-size:13px; padding:7px 9px }
.quick-book .btn{ height:38px; font-size:13px; margin-top:8px }



/* ==== v0.5.1-manset-fix24: center the reservation panel horizontally on the banner ==== */
:root{
  --panelW: clamp(335px, 24vw, 430px);
  --panel-vert-gap: 22px;
}

/* Banner konteyneri kesin referans olsun */
.masthead-media{ position:relative; }

/* Sağ kenara yaslamak yerine yatayda ortala */
.masthead-media .reserv-float.panel{
  position:absolute;
  top:var(--panel-vert-gap);
  bottom:var(--panel-vert-gap);
  left:50%;
  right:auto;
  transform:translateX(-50%);
  width:min(var(--panelW), calc(100% - 48px)); /* küçük ekranlarda nefes payı */
  max-height:calc(100% - var(--panel-vert-gap) * 2);
  display:flex; flex-direction:column;
  overflow:hidden; padding:12px 14px;
  box-sizing:border-box;
  z-index:3;
}

/* İçerik gövdesi kayar; başlık sabit kalsın */
.masthead-media .reserv-float h2{ flex:0 0 auto; font-size:18px; margin:0 0 6px !important; }
.masthead-media .reserv-float.panel .quick-book{
  flex:1 1 auto; overflow:auto; max-height:100%;
  -webkit-overflow-scrolling:touch; padding-right:4px;
}

/* Küçük cihazlarda panel genişliğini daha esnek yap */
@media (max-width: 992px){
  .masthead-media .reserv-float.panel{
    width:min(480px, calc(100% - 32px));
  }
}



/* ==== v0.5.1-manset-fix25: bring panel to the RIGHT with a 10px gap ==== */
:root{ --panel-right-gap: 10px; }

/* Override previous centering: stick to right edge with fixed gap */
.masthead-media .reserv-float.panel{
  left: auto !important;
  right: var(--panel-right-gap) !important;
  transform: none !important;
  width: min(var(--panelW), calc(100% - (var(--panel-right-gap) + 24px))) !important; /* small breathing on very narrow banners */
}



/* ==== v0.5.1-manset-fix26: Tour cards -> 1080x1350 portrait & vertical meta ==== */

/* 1) Portrait image area (4:5) — try common wrappers */
.tour-card .thumb,
.tour-card .image,
.tour-item .thumb,
.tour-item .image,
.card .thumb,
.card .image,
.tour .thumb,
.tour .image{
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 14px;
}
.tour-card .thumb img,
.tour-card .image img,
.tour-item .thumb img,
.tour-item .image img,
.card .thumb img,
.card .image img,
.tour .thumb img,
.tour .image img{
  width:100% !important;
  height:100% !important;
  object-fit: cover !important;
  display:block;
}

/* 2) Convert meta to vertical list */
.tour-portrait-meta{
  margin-top:10px;
  padding:10px 12px;
  border-radius:12px;
  background:#f7f9fc;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
}
.tour-portrait-meta .row{
  display:flex; align-items:center; gap:8px;
  padding:6px 0;
  border-bottom:1px dashed rgba(0,0,0,.08);
  font-size:14px;
}
.tour-portrait-meta .row:last-child{ border-bottom:none; }
.tour-portrait-meta .label{
  min-width:70px;
  color:#475569; font-weight:600;
}
.tour-portrait-meta .value{
  color:#0f172a; font-weight:600;
}

/* 3) Hide old pill line & old price to avoid duplication — try common classes */
.tour-card .meta, .tour-item .meta, .card .meta, .tour .meta,
.tour-card .badges, .tour-item .badges{ display:none !important; }
.tour-card .price, .tour-item .price, .card .price, .tour .price{ display:none !important; }

/* 4) Minor tune for CTA */
.tour-card .btn, .tour-item .btn, .card .btn, .tour .btn{
  margin-top:10px;
}

/* 5) Progress bar hidden (not requested) */
.tour-card .progress, .tour-item .progress, .card .progress, .tour .progress{ display:none !important; }



/* ==== v0.5.1-manset-fix27: Centered title under image; hide duplicate old meta/price ==== */

/* Title that we move under the image */
.tour-portrait-title{
  text-align:center;
  font-weight:800;
  font-size:18px;
  margin:10px 0 6px;
  letter-spacing:.2px;
}

/* More aggressive hides for old meta rows/pills/prices to avoid duplicates */
.tour-card .meta, .tour-item .meta, .tour .meta, .card .meta,
.tour-card .badges, .tour-item .badges, .tour .badges, .card .badges,
.tour-card .progress, .tour-item .progress, .tour .progress, .card .progress,
.tour-card .price, .tour-item .price, .tour .price, .card .price,
.tour-card .price-wrap, .tour-item .price-wrap, .tour .price-wrap, .card .price-wrap,
.tour-card .bottom, .tour-item .bottom, .tour .bottom, .card .bottom,
.tour-card .attrs, .tour-item .attrs, .tour .attrs, .card .attrs,
.tour-card .pill, .tour-item .pill, .tour .pill, .card .pill,
.tour-card .datetime, .tour-item .datetime, .tour .datetime, .card .datetime,
.tour-card .tour-info, .tour-item .tour-info, .tour .tour-info, .card .tour-info,
.tour-card .tour-attributes, .tour-item .tour-attributes, .tour .tour-attributes, .card .tour-attributes{
  display:none !important;
}



/* ==== v0.5.1-manset-fix28: polish meta + hide duplicates sweep ==== */
.tour-portrait-meta{
  margin-top:12px;
  padding:12px 14px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #e6eef7;
  box-shadow:0 6px 20px rgba(2,16,50,.06);
}
.tour-portrait-meta .row{ 
  display:flex; align-items:center; gap:10px; 
  padding:8px 0; border-bottom:1px dashed rgba(0,0,0,.06);
  font-size:15px;
}
.tour-portrait-meta .row:last-child{ border-bottom:none; }
.tour-portrait-meta .label{ min-width:78px; color:#475569; font-weight:700; letter-spacing:.2px; }
.tour-portrait-meta .value{ color:#0f172a; font-weight:700; }
.tour-portrait-meta .value.value-price{ color:#004e92; font-weight:800; }

/* any element flagged by JS as duplicate gets hidden */
.sweep-hidden{ display:none !important; }