/* ============================================================================
   OLBIY FOOT BUTTER — GELİŞTİRME KATMANI
   style.css'e DOKUNMAZ; onun üstüne biner. Tüm eklentiler burada.
   ============================================================================ */

/* ---------- Fiyat + paket bloğu (kampanya kutusunun içinde) ---------- */
.price-block{margin:26px 0 4px;padding:22px;border-radius:24px;background:#F5EBD4;color:var(--ink)}
.price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}
.price-now{font-family:var(--serif);font-size:44px;line-height:1;letter-spacing:-.03em}
.price-old{font-size:17px;color:#8a9384;text-decoration:line-through}
.price-off{background:var(--coral);color:#fff;font-size:11px;font-weight:800;padding:5px 10px;border-radius:99px}
.price-note{margin:9px 0 0;font-size:12px;color:#5f6a5b}
.price-note b{color:var(--leaf)}

/* ---------- Paket kartları ---------- */
.pkg-head{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf)}
.pkg-list{display:flex;flex-direction:column;gap:11px}
.pkg-card{position:relative;display:flex;align-items:center;gap:13px;padding:16px 15px;border:2px solid rgba(36,50,31,.14);border-radius:18px;background:var(--paper);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;transition:border-color .2s,box-shadow .2s,transform .15s;-webkit-tap-highlight-color:transparent}
.pkg-card:hover{border-color:rgba(82,124,69,.5)}
.pkg-card.sel{border-color:var(--leaf);box-shadow:0 0 0 3px rgba(82,124,69,.14)}
.pkg-tick{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid rgba(36,50,31,.28);position:relative;transition:.2s}
.pkg-card.sel .pkg-tick{border-color:var(--leaf);background:var(--leaf)}
.pkg-card.sel .pkg-tick:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.pkg-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.pkg-name{font-family:var(--serif);font-size:19px;line-height:1.15}
.pkg-meta{font-size:12.5px;color:#5f6a5b;line-height:1.4}
.pkg-meta b{color:var(--ink)}
.pkg-save{color:#4F7A2E!important;font-weight:800!important}
.pkg-right{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.pkg-price{font-family:var(--serif);font-size:22px;line-height:1;white-space:nowrap}
.pkg-ship{font-size:11px;font-weight:700;color:#7b856f;white-space:nowrap}
.pkg-ship.free{color:#4F7A2E}
.pkg-flag{position:absolute;top:-10px;right:13px;padding:3px 9px;border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.06em;white-space:nowrap;background:var(--butter);color:var(--ink);box-shadow:0 3px 10px rgba(36,50,31,.18)}
.pkg-flag.v{background:var(--leaf);color:#fff}
.pkg-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:14px;border-top:1px dashed rgba(36,50,31,.22)}
.pkg-total span{font-size:13px;font-weight:700;color:#5f6a5b}
.pkg-total strong{font-family:var(--serif);font-size:27px;line-height:1}

/* Kampanya kutusunda paket bloğu koyu zeminde */
.campaign-main .price-block{background:rgba(255,250,240,.07);border:1px solid rgba(220,236,162,.22);color:#fff}
.campaign-main .price-old{color:#a8b4a4}
.campaign-main .price-note{color:#cdd8c9}
.campaign-main .price-note b{color:var(--lime)}
.campaign-main .pkg-head{color:var(--lime)}
.campaign-main .pkg-card{background:rgba(255,250,240,.05);border-color:rgba(220,236,162,.22);color:#fff}
.campaign-main .pkg-card:hover{border-color:rgba(220,236,162,.5)}
.campaign-main .pkg-card.sel{border-color:var(--lime);background:rgba(220,236,162,.1);box-shadow:0 0 0 3px rgba(220,236,162,.13)}
.campaign-main .pkg-tick{border-color:rgba(220,236,162,.45)}
.campaign-main .pkg-card.sel .pkg-tick{border-color:var(--lime);background:var(--lime)}
.campaign-main .pkg-card.sel .pkg-tick:after{border-color:var(--deep)}
.campaign-main .pkg-meta{color:#c3cebf}
.campaign-main .pkg-meta b{color:#fff}
.campaign-main .pkg-save{color:var(--lime)!important}
.campaign-main .pkg-ship{color:#a8b4a4}
.campaign-main .pkg-ship.free{color:var(--lime)}
.campaign-main .pkg-total{border-top-color:rgba(220,236,162,.28)}
.campaign-main .pkg-total span{color:#cdd8c9}

/* ---------- Sosyal kanıt (marka) ---------- */
.brand-proof{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0 0;padding:15px 17px;border-radius:18px;background:rgba(220,236,162,.16);border:1px solid rgba(82,124,69,.2)}
.bp-stars{color:#e0a020;font-size:15px;letter-spacing:2px}
.bp-text{font-size:13px;line-height:1.5;color:#4d5848;margin:0}
.bp-text b{font-family:var(--serif);font-size:16px}
.bp-text small{display:block;font-size:11px;color:#75806f;margin-top:2px}
.campaign-main .brand-proof{background:rgba(255,250,240,.07);border-color:rgba(220,236,162,.22)}
.campaign-main .bp-text{color:#e8eee4}
.campaign-main .bp-text small{color:#a8b4a4}

/* ---------- Hero ürün galerisi ---------- */
.hero-gallery{display:flex;gap:9px;justify-content:center;margin-top:16px;position:relative;z-index:5;flex-wrap:wrap}
.hg-thumb{width:62px;height:62px;border-radius:14px;overflow:hidden;border:2px solid rgba(36,50,31,.14);background:var(--paper);cursor:pointer;padding:0;transition:border-color .2s,transform .2s}
.hg-thumb.sel{border-color:var(--leaf)}
.hg-thumb:hover{transform:translateY(-2px)}
.hg-thumb img{width:100%;height:100%;object-fit:cover}

/* ---------- Kimler için ---------- */
.audience{background:var(--paper)}
.aud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:auto}
.aud-card{padding:30px 26px;border-radius:28px;background:var(--cream);border:1px solid var(--line);display:flex;flex-direction:column;gap:11px}
.aud-ico{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:26px}
.aud-card h3{font-family:var(--serif);font-size:25px;margin:6px 0 0;line-height:1.15}
.aud-card p{margin:0;font-size:14px;line-height:1.65;color:#5f6a5b}

/* ---------- Stok çubuğu / sayaç görünürlük ---------- */
.status-card.stock .stock-meter i{background:var(--coral)}
.status-card.stock strong[data-stock-text]{color:var(--ink)}

/* ---------- WhatsApp ---------- */
.wa-float{position:fixed;right:22px;bottom:82px;z-index:33;width:54px;height:54px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 12px 34px rgba(37,211,102,.4);opacity:0;visibility:hidden;transform:translateY(16px) scale(.9);transition:.25s}
.wa-float.show{opacity:1;visibility:visible;transform:none}
.wa-float:hover{transform:translateY(-3px)}
.wa-float svg{width:28px;height:28px;fill:#fff}

/* ---------- Modal: paket adımı ---------- */
.modal-pkg{padding:22px 26px 0}
.order-panel{width:min(820px,100%)}
.modal-pkg .pkg-total{margin-bottom:4px}
.modal-note{padding:14px 26px 18px;font-size:12px;color:#6a7365;text-align:center;line-height:1.6}
.order-frame{border-top:1px solid var(--line)}
.order-frame iframe{min-height:640px}

@media(max-width:1000px){
  .aud-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .price-block{padding:18px;border-radius:20px}
  .price-now{font-size:38px}
  .pkg-card{padding:14px 13px;gap:11px;border-radius:16px}
  .pkg-name{font-size:18px}
  .pkg-meta{font-size:12px}
  .pkg-price{font-size:20px}
  .pkg-total strong{font-size:24px}
  .aud-grid{grid-template-columns:1fr;gap:14px}
  .aud-card{padding:26px 22px;border-radius:24px}
  .aud-card h3{font-size:24px}
  .aud-card p{font-size:15px}
  .brand-proof{padding:14px}
  .bp-text{font-size:12.5px}
  .hg-thumb{width:54px;height:54px}
  .wa-float{right:14px;bottom:132px;width:50px;height:50px}
  .wa-float svg{width:26px;height:26px}
  .modal-pkg{padding:16px 16px 0}
  .modal-note{padding:12px 16px 14px}
  .order-frame iframe{min-height:0;height:62vh}
}
@media(prefers-reduced-motion:reduce){
  .pkg-card,.hg-thumb,.wa-float{transition:none}
}

/* ==================== HERO: puan + teklif ==================== */
.hero-rating{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:24px 0 0;font-size:13px}
.hr-stars{color:#e0a020;letter-spacing:2px;font-size:15px}
.hero-rating>b{font-family:var(--serif);font-size:17px}
.hr-count{color:#66705f}
.hr-count b{color:var(--ink)}
.hero-offer{display:inline-flex;align-items:center;gap:18px;margin:18px 0 0;padding:14px 20px;border-radius:20px;background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 30px rgba(36,50,31,.07)}
.ho-price{display:flex;flex-direction:column;gap:2px}
.ho-price small{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf)}
.ho-price strong{font-family:var(--serif);font-size:32px;line-height:1;letter-spacing:-.03em}
.ho-sep{width:1px;height:38px;background:var(--line)}
.ho-lines{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#5f6a5b;text-align:left}
.ho-ship{font-weight:700;color:#4F7A2E}

/* ==================== UGC / bakım anları ==================== */
.ugc-zone{padding:clamp(70px,8vw,110px) 0;background:var(--cream);overflow:hidden}
.ugc-zone .section-intro{padding-inline:20px}
.ug-row{overflow:hidden;margin-bottom:14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ug-track{display:flex;gap:14px;width:max-content;will-change:transform;transform:translate3d(0,0,0);animation:ugScroll 52s linear infinite}
.ug-row.rev .ug-track{animation-duration:64s;animation-direction:reverse}
.ug-tile{margin:0;flex:0 0 auto;width:230px;border-radius:22px;overflow:hidden;background:var(--paper);box-shadow:0 12px 32px rgba(67,50,36,.1)}
.ug-tile img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;display:block}
@keyframes ugScroll{to{transform:translate3d(calc(-50% - 7px),0,0)}}
.ug-cta{display:flex;justify-content:center;margin-top:26px;padding-inline:20px}

/* ==================== Karşılaştırma tablosu ==================== */
.compare-zone{background:var(--paper)}
.cmp-wrap{max-width:1000px;margin:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp-table{width:100%;border-collapse:separate;border-spacing:0;min-width:620px}
.cmp-table th,.cmp-table td{padding:17px 18px;text-align:left;font-size:14px;border-bottom:1px solid var(--line)}
.cmp-table thead th{font-family:var(--serif);font-size:17px;font-weight:600;border-bottom:2px solid rgba(36,50,31,.2)}
.cmp-table td:first-child{font-weight:700;color:#5f6a5b;width:30%}
.cmp-table .cmp-us{background:rgba(220,236,162,.28)}
.cmp-table thead .cmp-us{background:var(--lime);border-radius:18px 18px 0 0;color:var(--ink)}
.cmp-table tbody tr:last-child .cmp-us{border-radius:0 0 18px 18px;border-bottom:0}
.cmp-table tbody tr:last-child td{border-bottom:0}
.cmp-table .cmp-us b{color:var(--deep)}

/* ==================== Risk / güvence bandı ==================== */
.risk-zone{background:var(--deep);color:#fff;padding:clamp(60px,7vw,100px) clamp(24px,7vw,110px)}
.risk-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(36px,5vw,70px);align-items:center}
.risk-copy h2{font-family:var(--serif);font-size:clamp(40px,4.4vw,60px);line-height:1.02;letter-spacing:-.04em;margin:18px 0}
.risk-copy h2 em{color:var(--lime)}
.risk-copy p{color:#d7dfd3;line-height:1.75;font-size:15px;margin:0}
.risk-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.risk-card{display:flex;align-items:center;gap:13px;padding:19px;border-radius:20px;background:rgba(255,250,240,.06);border:1px solid rgba(220,236,162,.2)}
.risk-card>span{font-size:24px;flex:0 0 auto}
.risk-card strong{display:block;font-size:14px}
.risk-card small{display:block;font-size:11.5px;color:#b9c5b5;margin-top:3px;line-height:1.4}

@media(max-width:1000px){
  .risk-inner{grid-template-columns:1fr;gap:30px}
}
@media(max-width:700px){
  .hero-rating{justify-content:center;margin-top:20px}
  .hero-offer{display:flex;width:100%;justify-content:center;gap:14px;padding:13px 15px;border-radius:18px}
  .ho-price strong{font-size:27px}
  .ho-lines{font-size:11.5px}
  .ug-tile{width:150px;border-radius:16px}
  .ug-track{gap:10px}
  @keyframes ugScroll{to{transform:translate3d(calc(-50% - 5px),0,0)}}
  .ugc-zone{padding:60px 0}
  .cmp-table th,.cmp-table td{padding:14px 13px;font-size:13px}
  .cmp-table thead th{font-size:15px}
  .risk-cards{grid-template-columns:1fr}
  .risk-card{padding:16px}
  .ug-cta .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .ug-track{animation:none}
}

/* ============================================================================
   BOŞLUK SİSTEMİ + MOBİL DÜZELTMELER  (en sonda = son söz bunda)
   Tüm bölümler tek ölçekten beslenir → yapışan/eşitsiz alan kalmaz.
   ============================================================================ */
:root{--sec-y:clamp(72px,8vw,120px);--sec-x:clamp(20px,7vw,110px);--gap:18px}

.section-pad,
.campaign-zone,
.compare-zone,
.audience,
.risk-zone{padding:var(--sec-y) var(--sec-x)}
.ugc-zone{padding:var(--sec-y) 0}
.section-intro{margin-bottom:clamp(34px,4vw,54px)}

/* hero: sağ/sol nefes + alt boşluk eşitle */
.hero{padding:clamp(56px,7vw,105px) var(--sec-x) clamp(56px,6vw,90px)}

/* kart ızgaraları aynı gap */
.benefit-grid,.aud-grid,.care-mosaic,.gallery-grid,.risk-cards{gap:var(--gap)}

/* ---------- Kayan şerit (tek yerden) ---------- */
.ug-strip{padding:0;overflow:hidden;background:var(--cream)}
.ug-strip .ug-row{margin:0}
.ugc-zone .ug-row{margin:0}
.ug-row{--tile-gap:14px}
.ug-track{gap:var(--tile-gap)}
@keyframes ugScroll{to{transform:translate3d(calc(-50% - (var(--tile-gap) / 2)),0,0)}}
.ug-cta{margin-top:clamp(24px,3vw,34px)}

/* şerit ile komşu bölüm arasında nefes */
.ug-strip + .problem-story{padding-top:var(--sec-y)}

/* ---------- Mobil ---------- */
@media(max-width:700px){
  :root{--sec-y:60px;--sec-x:18px;--gap:14px}

  .hero{padding:38px 18px 44px}
  .hero-actions{margin:26px 0 0}
  .hero-rating{margin-top:18px}
  .hero-offer{margin-top:14px}
  .hero-trust{margin-top:16px}
  .hero-stage{margin-top:8px}

  /* kampanya kutusu içi eşit ritim */
  .price-block{margin:20px 0 0}
  .campaign-main .pkg-wrap,.campaign-main [data-pkg-mount]{margin-top:18px;display:block}
  .campaign-actions{margin-top:20px}
  .brand-proof{margin-top:18px}
  .campaign-assurances{margin-top:0}

  /* şerit */
  .ug-row{--tile-gap:10px}
  .ug-tile{width:148px;border-radius:16px}
  .ugc-zone .section-intro{padding-inline:18px}

  /* alt bar + WhatsApp çakışmasın */
  .wa-float{bottom:128px}
  .back-to-top{bottom:128px}
}

/* ---------- Çok dar ekran ---------- */
@media(max-width:380px){
  .hero-offer{flex-direction:column;align-items:flex-start;gap:10px}
  .ho-sep{width:100%;height:1px}
  .ho-lines{text-align:left}
  .ug-tile{width:132px}
}

/* ============================================================================
   SARI KREM — ÖZEL BLOKLAR
   ============================================================================ */

/* ---------- İKON ŞERİDİ (blob zeminli line-icon) ---------- */
.icon-strip{background:var(--cream);padding:clamp(46px,5vw,66px) var(--sec-x);border-block:1px solid var(--line)}
.is-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.is-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.is-art{position:relative;width:104px;height:104px;display:grid;place-items:center}
.is-blob{position:absolute;inset:0;fill:var(--lime)}
.is-item:nth-child(2n) .is-blob{fill:#F3E3AE}
.is-item:nth-child(3n) .is-blob{fill:#EFD9C4}
.is-ico{position:relative;width:56px;height:56px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.is-ico .accent{stroke:var(--coral)}
.is-ico .fillx{fill:var(--butter);stroke:none}
.is-label{font-size:14px;font-weight:700;line-height:1.35;color:var(--ink);max-width:150px}

/* ---------- "BU KREM NE YAPAR?" — netlik bölümü ---------- */
.explain{background:var(--paper);padding:var(--sec-y) var(--sec-x)}
.ex-lead{max-width:940px;margin:0 auto clamp(38px,4vw,56px);text-align:center}
.ex-lead h2{font-family:var(--serif);font-size:clamp(40px,5vw,66px);line-height:1.04;letter-spacing:-.04em;margin:16px 0}
.ex-lead h2 em{color:var(--leaf)}
.ex-lead p{font-size:17px;line-height:1.75;color:#5d5545;margin:0 auto;max-width:720px}
.ex-lead .mark{background:linear-gradient(180deg,transparent 58%,rgba(245,197,24,.55) 58%);padding:0 3px;font-weight:700;color:var(--ink)}

.ex-steps{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.ex-card{position:relative;background:var(--cream);border:1px solid var(--line);border-radius:30px;padding:32px 28px 30px;display:flex;flex-direction:column;gap:14px;overflow:hidden}
.ex-card:before{content:attr(data-n);position:absolute;top:-14px;right:14px;font-family:var(--serif);font-size:110px;line-height:1;color:rgba(43,36,24,.06);pointer-events:none}
.ex-ico{width:70px;height:70px;border-radius:20px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto}
.ex-ico svg{width:40px;height:40px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ex-ico .accent{stroke:var(--coral)}
.ex-card h3{font-family:var(--serif);font-size:27px;line-height:1.15;margin:4px 0 0}
.ex-card p{font-size:15px;line-height:1.7;color:#5d5545;margin:0}
.ex-tag{align-self:flex-start;margin-top:auto;padding:7px 13px;border-radius:99px;background:var(--butter);color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.04em}

/* ---------- BÖLGELER (nerede kullanılır) ---------- */
.zones{background:var(--cream);padding:var(--sec-y) var(--sec-x)}
.zone-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.zone-card{border-radius:26px;overflow:hidden;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease}
.zone-card:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(58,48,30,.14)}
.zone-media{aspect-ratio:16/9;overflow:hidden;background:var(--lime)}
.zone-media img{width:100%;height:100%;object-fit:cover}
.zone-cap{padding:20px 22px 24px}
.zone-cap span{display:block;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--leaf);margin-bottom:7px}
.zone-cap h3{font-family:var(--serif);font-size:24px;line-height:1.15;margin:0 0 7px}
.zone-cap p{font-size:14px;line-height:1.6;color:#5d5545;margin:0}

/* ---------- 9 BOTANİK ---------- */
.botanik{background:var(--deep);color:#fff;padding:var(--sec-y) var(--sec-x)}
.bt-head{max-width:820px;margin:0 auto clamp(34px,4vw,50px);text-align:center}
.bt-head h2{font-family:var(--serif);font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-.04em;margin:16px 0}
.bt-head h2 em{color:var(--lime)}
.bt-head p{color:#d9dccf;line-height:1.75;margin:0}
.bt-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.bt-chip{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:20px;background:rgba(255,251,242,.06);border:1px solid rgba(227,237,190,.2)}
.bt-dot{width:44px;height:44px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:var(--lime)}
.bt-dot svg{width:24px;height:24px;fill:none;stroke:var(--deep);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bt-chip strong{display:block;font-size:15px}
.bt-chip small{display:block;font-size:12px;color:#b9c2ab;margin-top:3px;line-height:1.4}
.bt-note{max-width:1180px;margin:26px auto 0;text-align:center;font-size:13px;color:#b9c2ab;line-height:1.6}

/* ---------- ÜRETİM / GÜVEN ---------- */
.factory{background:var(--paper);padding:var(--sec-y) var(--sec-x)}
.fc-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.fc-card{border-radius:22px;overflow:hidden;background:var(--cream);border:1px solid var(--line)}
.fc-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.fc-card p{margin:0;padding:16px 18px 18px;font-size:13.5px;font-weight:700;line-height:1.4}

@media(max-width:1000px){
  .is-grid{grid-template-columns:repeat(3,1fr);gap:22px}
  .ex-steps,.zone-grid,.bt-grid{grid-template-columns:1fr 1fr}
  .fc-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .icon-strip{padding:40px 14px}
  .is-grid{grid-template-columns:repeat(3,1fr);gap:18px 8px}
  .is-art{width:78px;height:78px}
  .is-ico{width:42px;height:42px}
  .is-label{font-size:11.5px;max-width:104px;line-height:1.3}
  .ex-lead h2{font-size:clamp(34px,9.5vw,42px)}
  .ex-lead p{font-size:16px}
  .ex-steps,.zone-grid,.bt-grid,.fc-grid{grid-template-columns:1fr}
  .ex-card{padding:26px 22px;border-radius:24px}
  .ex-card h3{font-size:25px}
  .ex-card p{font-size:15px}
  .zone-cap h3{font-size:23px}
  .bt-head h2{font-size:36px}
  .zone-card:hover{transform:none}
}

/* ---------- Netlik bölümü: ürün bandı ---------- */
.ex-shot{max-width:1240px;margin:0 auto clamp(34px,4vw,50px);border-radius:30px;overflow:hidden;border:1px solid var(--line);position:relative}
.ex-shot img{width:100%;display:block}
.ex-shot figcaption{position:absolute;left:24px;bottom:24px;right:24px;padding:18px 22px;border-radius:20px;background:rgba(255,251,242,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px rgba(43,36,24,.16)}
.ex-shot figcaption strong{display:block;font-family:var(--serif);font-size:22px;line-height:1.2;margin-bottom:5px}
.ex-shot figcaption span{font-size:13.5px;line-height:1.55;color:#5d5545}

/* ---------- Termal hikâye (2'li görsel + metin) ---------- */
.thermal{background:var(--cream);padding:var(--sec-y) var(--sec-x)}
.th-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.th-card{border-radius:24px;overflow:hidden;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.th-card img{width:100%;aspect-ratio:1;object-fit:cover}
.th-card div{padding:20px}
.th-card h3{font-family:var(--serif);font-size:21px;line-height:1.15;margin:0 0 6px}
.th-card p{font-size:13.5px;line-height:1.6;color:#5d5545;margin:0}

/* ---------- Botanik görseli ---------- */
.bt-shot{max-width:560px;margin:0 auto clamp(30px,3vw,42px);border-radius:26px;overflow:hidden;border:1px solid rgba(227,237,190,.25)}
.bt-shot img{width:100%;display:block}

@media(max-width:1000px){ .th-grid{grid-template-columns:1fr 1fr} }
@media(max-width:700px){
  .ex-shot{border-radius:22px;margin-bottom:26px}
  .ex-shot figcaption{position:relative;left:auto;right:auto;bottom:auto;border-radius:0;box-shadow:none;backdrop-filter:none;padding:18px}
  .ex-shot figcaption strong{font-size:20px}
  .th-grid{grid-template-columns:1fr}
  .th-card img{aspect-ratio:16/9}
}

/* ---------- Sipariş modalı: sadece stoktv formu (paket seçimi formun içinde) ---------- */
.order-panel{width:min(760px,100%);max-height:94vh;display:flex;flex-direction:column}
.order-frame{flex:none;border-top:1px solid var(--line);min-height:0}
.order-frame iframe{width:100%;height:100%;min-height:720px;border:0;display:block}
@media(max-width:700px){
  .order-panel{max-height:96vh}
  .order-frame iframe{min-height:0;height:80vh}
}

/* ---------- Risk / güvence bandı ---------- */
.risk-zone{background:var(--deep);color:#fff;padding:var(--sec-y) var(--sec-x)}
.risk-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(36px,5vw,70px);align-items:center}
.risk-copy h2{font-family:var(--serif);font-size:clamp(38px,4.4vw,58px);line-height:1.02;letter-spacing:-.04em;margin:16px 0}
.risk-copy h2 em{color:var(--lime)}
.risk-copy p{color:#d9dccf;line-height:1.75;font-size:15.5px;margin:0}
.risk-copy .kicker.light{color:var(--lime)}
.risk-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.risk-card{display:flex;align-items:center;gap:13px;padding:19px;border-radius:20px;background:rgba(255,251,242,.06);border:1px solid rgba(227,237,190,.2)}
.risk-card>span{font-size:24px;flex:0 0 auto}
.risk-card strong{display:block;font-size:14px}
.risk-card small{display:block;font-size:11.5px;color:#b9c5b5;margin-top:3px;line-height:1.4}

/* ---------- Değerlendirme puan bloğu ---------- */
.rating-hero{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center;margin-top:22px;padding:22px 26px;border-radius:24px;background:var(--cream);border:1px solid var(--line);max-width:620px;margin-inline:auto}
.rh-score{display:flex;flex-direction:column;align-items:center;gap:2px}
.rh-score strong{font-family:var(--serif);font-size:52px;line-height:1;color:var(--ink)}
.rh-stars{color:#E5A81E;font-size:18px;letter-spacing:2px}
.rh-score small{font-size:12px;color:#7a7264;margin-top:4px}
.rh-bars{flex:1 1 200px;display:flex;flex-direction:column;gap:5px;min-width:180px}
.rh-bars span{display:flex;align-items:center;gap:9px}
.rh-bars i{font-style:normal;font-size:11px;font-weight:700;color:#7a7264;width:10px;text-align:right}
.rh-bars b{flex:1;height:7px;border-radius:99px;background:rgba(43,36,24,.1);overflow:hidden}
.rh-bars u{display:block;height:100%;background:var(--butter);border-radius:99px}

@media(max-width:1000px){ .risk-inner{grid-template-columns:1fr;gap:28px} }
@media(max-width:700px){
  .risk-cards{grid-template-columns:1fr}
  .risk-card{padding:16px}
  .rating-hero{flex-direction:column;gap:18px;padding:20px}
  .rh-bars{width:100%}
}

/* ============================================================================
   HELLO SLIM BOXER — ÜRÜNE ÖZEL BÖLÜMLER
   ============================================================================ */
.ts-ico{font-size:26px}

/* Özellikler */
.oz-zone{background:var(--cream);padding:var(--sec-y) var(--sec-x)}
.oz-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.oz-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:30px 26px;display:flex;flex-direction:column;gap:9px;transition:transform .3s,box-shadow .3s}
.oz-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.oz-ico{font-size:34px}
.oz-card h3{font-family:var(--serif);font-size:23px;line-height:1.15;margin:2px 0 0}
.oz-card p{font-size:14.5px;line-height:1.6;color:#5c584f;margin:0}

/* 6 renk showcase */
.renk-zone{background:var(--paper);padding:var(--sec-y) var(--sec-x)}
.renk-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.rk-card{margin:0;border-radius:24px;overflow:hidden;background:var(--cream);border:1px solid var(--line);transition:transform .3s ease,box-shadow .3s ease}
.rk-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow)}
.rk-media{aspect-ratio:1;display:grid;place-items:center;background:#F3EEE4;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--rk) 16%, #fff), #F3EEE4)}
.rk-media img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(30,25,20,.22))}
.rk-card figcaption{display:flex;align-items:center;gap:9px;padding:16px 20px;font-family:var(--serif);font-size:19px}
.rk-dot{width:15px;height:15px;border-radius:50%;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.renk-cta{display:flex;justify-content:center;margin-top:clamp(26px,3vw,38px)}

/* Kutu açılışı */
.kutu-zone{background:var(--deep);color:#fff;padding:var(--sec-y) var(--sec-x)}
.kutu-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,5vw,64px);align-items:center}
.kutu-media{border-radius:28px;overflow:hidden}
.kutu-media img{width:100%;display:block}
.kutu-copy h2{font-family:var(--serif);font-size:clamp(34px,4.2vw,54px);line-height:1.05;letter-spacing:-.03em;margin:14px 0}
.kutu-copy h2 em{color:var(--butter)}
.kutu-copy>p{color:#d9d5cd;line-height:1.7;font-size:15.5px}
.kutu-copy .kicker{color:var(--butter)}
.kutu-list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:11px;font-size:15px}
.kutu-list li{color:#eee9df}

/* Kalite */
.kalite-zone{background:var(--cream);padding:var(--sec-y) var(--sec-x)}
.kal-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.kal-card{margin:0;border-radius:24px;overflow:hidden;background:var(--paper);border:1px solid var(--line)}
.kal-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.kal-card figcaption{padding:20px 22px}
.kal-card strong{display:block;font-family:var(--serif);font-size:20px;margin-bottom:5px}
.kal-card span{font-size:14px;color:#5c584f;line-height:1.55}

/* Beden tablosu (compare-table stilini kullanır) */
.bed-wrap,.cmp-wrap{max-width:820px;margin:auto;overflow-x:auto}
.compare-zone .cmp-wrap{max-width:1000px}

@media(max-width:1000px){
  .oz-grid,.renk-grid,.kal-grid{grid-template-columns:1fr 1fr}
  .kutu-inner{grid-template-columns:1fr;gap:28px}
}
@media(max-width:640px){
  .oz-grid,.renk-grid,.kal-grid{grid-template-columns:1fr}
  .rk-media{aspect-ratio:4/3}
  .oz-card{padding:24px 20px}
}

/* ============================================================================
   HERO SLAYT SHOVU (6 renk, 2sn otomatik)
   ============================================================================ */
.hero-slider{position:relative;width:100%;aspect-ratio:1/1;max-width:560px;margin:0 auto;border-radius:32px;overflow:hidden;background:#F3EEE4}
.hs-slide{position:absolute;inset:0;margin:0;display:grid;place-items:center;opacity:0;transform:scale(1.04);transition:opacity .8s ease,transform 2.4s ease;
  background:#EFE9DE;background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--rk) 20%, #fff), #EFE9DE)}
.hs-slide.sel{opacity:1;transform:scale(1);z-index:2}
.hs-slide img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(30,25,20,.28))}
.hs-slide figcaption{position:absolute;left:20px;bottom:18px;display:flex;align-items:center;gap:9px;
  padding:9px 15px;border-radius:99px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  font-family:var(--serif);font-size:16px;font-weight:600;box-shadow:0 6px 18px rgba(30,25,20,.12)}
.hs-dot{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.hs-badge{position:absolute;top:16px;right:16px;z-index:4;background:var(--ink);color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em;
  text-align:center;line-height:1.35;padding:11px 15px;border-radius:16px;box-shadow:0 10px 26px rgba(24,23,28,.28)}
.hs-badge b{color:var(--butter)}
.hs-navs{display:flex;gap:9px;justify-content:center;margin-top:18px}
.hs-nav{width:34px;height:5px;border:0;border-radius:99px;background:rgba(24,23,28,.16);cursor:pointer;padding:0;transition:.25s}
.hs-nav.sel{background:var(--butter);width:46px}
.hs-nav:hover{background:rgba(24,23,28,.34)}

/* MOBİLDE: slayt en üstte (müşteriyi karşılar) */
@media(max-width:860px){
  .hero-wrap,.hero{display:flex!important;flex-direction:column}
  .hero-stage{order:-1;width:100%;margin-bottom:24px}
  .hero-slider{aspect-ratio:4/5;max-width:100%}
  .hs-badge{top:12px;right:12px;font-size:10px;padding:9px 12px}
}
@media(prefers-reduced-motion:reduce){ .hs-slide{transition:opacity .3s} }

/* ---------- "Neden Hello Slim" görsel bandı (efektli) ---------- */
.oz-banner{position:relative;max-width:1240px;margin:0 auto clamp(24px,3vw,38px);border-radius:26px;overflow:hidden}
.oz-banner img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block;transition:transform 1.2s ease}
.oz-banner:hover img{transform:scale(1.04)}
.oz-banner figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 26px 18px;background:linear-gradient(to top,rgba(24,23,28,.72),transparent);color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em}
@media(max-width:640px){ .oz-banner img{aspect-ratio:4/3} }

/* ---------- Kimler için: görseller TAM görünsün (portrait, kesilmesin) ---------- */
.audience .zone-media{aspect-ratio:3/4;background:var(--cream)}
.audience .zone-media img{object-fit:cover;object-position:center 22%}
.aud-grid-img{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){ .aud-grid-img{grid-template-columns:1fr 1fr} }
@media(max-width:560px){ .aud-grid-img{grid-template-columns:1fr 1fr} .audience .zone-media{aspect-ratio:3/4} }

/* ---------- hero mobil sıra (1000px'de slayt üstte) ---------- */
@media(max-width:1000px){ .hero-stage{order:-1;margin-bottom:22px} }

/* ============================================================================
   RENKLİ HİKAYE KARTLARI (boxed — diğer bölümlerle uyumlu)
   ============================================================================ */
.story-zone{padding:var(--sec-y) var(--sec-x)}
.story-box{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;
  background:var(--st-bg);color:var(--st-fg);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}
.story-box.rev .story-media{order:2}
.story-media{min-height:clamp(320px,38vw,500px)}
.story-media img{width:100%;height:100%;object-fit:cover;display:block}
.story-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,4.5vw,66px);gap:6px}
.story-kick{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.story-copy h2{font-family:var(--serif);font-size:clamp(30px,3.4vw,46px);line-height:1.05;letter-spacing:-.03em;margin:8px 0 4px;color:var(--st-fg)}
.story-copy p{font-size:15.5px;line-height:1.7;opacity:.92;margin:0 0 8px;max-width:440px}
.story-btn{align-self:flex-start;margin-top:14px;background:var(--st-fg);color:var(--st-bg);border-radius:99px;padding:15px 26px;font-weight:700;min-height:52px;transition:transform .2s,box-shadow .2s}
.story-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.22)}
.story-btn span{margin-left:10px}

/* ============================================================================
   MODERN İKONLAR + ANİMASYONLU ROZETLER
   ============================================================================ */
/* Modern SVG ikon boyutları + renkli */
.mi{display:block}
.oz-ico{width:auto;height:auto;font-size:0;color:var(--butter)}
.oz-ico .mi-oz{width:34px;height:34px}
.oz-card:nth-child(1) .oz-ico{color:#E8A33D}.oz-card:nth-child(2) .oz-ico{color:#E2593F}
.oz-card:nth-child(3) .oz-ico{color:#7E9B6E}.oz-card:nth-child(4) .oz-ico{color:#6E5445}
.oz-card:nth-child(5) .oz-ico{color:#4F8FB0}.oz-card:nth-child(6) .oz-ico{color:#C08A3E}
.ts-ico{color:var(--butter);font-size:0}
.ts-ico .mi-ts{width:30px;height:30px}
.trust-bar>div:nth-child(2) .ts-ico{color:var(--coral)}
.trust-bar>div:nth-child(3) .ts-ico{color:var(--leaf)}
.trust-bar>div:nth-child(4) .ts-ico{color:#6E5445}
.risk-card>span{font-size:0}
.risk-card .mi-risk{width:26px;height:26px;color:var(--butter)}

/* Yanıp sönen renkli rozet şeridi */
.fx-strip{overflow:hidden;background:var(--deep);padding:16px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.fx-track{display:flex;gap:14px;width:max-content;animation:fxScroll 26s linear infinite}
.fx-chip{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:11px 20px;border-radius:99px;
  background:var(--c);color:var(--t);font-weight:800;font-size:14px;white-space:nowrap;
  box-shadow:0 4px 16px color-mix(in srgb, var(--c) 55%, transparent);animation:fxPulse 1.8s ease-in-out infinite}
.fx-chip svg{width:19px;height:19px}
@keyframes fxScroll{to{transform:translateX(calc(-50% - 7px))}}
@keyframes fxPulse{0%,100%{box-shadow:0 4px 16px color-mix(in srgb,var(--c) 45%,transparent);transform:translateY(0)}
  50%{box-shadow:0 6px 26px color-mix(in srgb,var(--c) 85%,transparent);transform:translateY(-2px)}}
.fx-strip:hover .fx-track{animation-play-state:paused}

/* Hero floating rozetler (yanıp sönen) */
.hs-float{position:absolute;z-index:5;font-size:12px;font-weight:800;padding:9px 14px;border-radius:99px;
  color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.22);animation:floatPulse 2.2s ease-in-out infinite}
.hs-float-1{top:auto;bottom:78px;left:-8px;background:var(--coral);animation-delay:.2s}
.hs-float-2{top:64px;left:-6px;background:var(--leaf);animation-delay:1s}
@keyframes floatPulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 8px 22px rgba(0,0,0,.2)}
  50%{transform:translateY(-4px) scale(1.04);box-shadow:0 14px 30px rgba(0,0,0,.28)}}

@media(max-width:860px){
  .hs-float-1{bottom:auto;top:52px;left:6px}
  .hs-float-2{top:auto;bottom:52px;left:6px}
  .fx-chip{font-size:13px;padding:10px 16px}
}
@media(prefers-reduced-motion:reduce){
  .fx-track{animation:none}.fx-chip,.hs-float{animation:none}
}

@media(max-width:860px){
  .story-box{grid-template-columns:1fr;border-radius:24px}
  .story-box.rev .story-media{order:0}
  .story-media{min-height:0;aspect-ratio:4/3}
  .story-copy{padding:30px 22px 34px}
  .story-btn{width:100%;justify-content:center;text-align:center;display:inline-flex;align-items:center}
}

/* ============================================================================
   BÖLÜM ARA MESAFELERİNİ EŞİTLE (hepsi --sec-y — tutarlı dikey ritim)
   ============================================================================ */
.campaign-zone,.ugc-zone,.oz-zone,.renk-zone,.kutu-zone,.kalite-zone,.story-zone,
.audience,.compare-zone,.beden-zone,.risk-zone,.faq,.section-pad{
  padding-top:var(--sec-y)!important;
  padding-bottom:var(--sec-y)!important;
}

/* ============================================================================
   YORUMLAR + DEĞERLENDİRME ÖZETİ
   ============================================================================ */
.reviews-zone{background:var(--cream)}
.rating-hero{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center;margin:0 auto clamp(28px,3vw,42px);padding:22px 26px;border-radius:24px;background:var(--paper);border:1px solid var(--line);max-width:620px}
.rh-score{display:flex;flex-direction:column;align-items:center;gap:2px}
.rh-score strong{font-family:var(--serif);font-size:52px;line-height:1;color:var(--ink)}
.rh-stars{color:#E5A81E;font-size:18px;letter-spacing:2px}
.rh-score small{font-size:12px;color:#7a7264;margin-top:4px}
.rh-bars{flex:1 1 200px;display:flex;flex-direction:column;gap:5px;min-width:180px}
.rh-bars span{display:flex;align-items:center;gap:9px}
.rh-bars i{font-style:normal;font-size:11px;font-weight:700;color:#7a7264;width:10px;text-align:right}
.rh-bars b{flex:1;height:7px;border-radius:99px;background:rgba(24,23,28,.1);overflow:hidden}
.rh-bars u{display:block;height:100%;background:var(--butter);border-radius:99px}

.rev-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.rev-card{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:26px 24px;display:flex;flex-direction:column;gap:12px}
.rev-top{display:flex;align-items:center;justify-content:space-between}
.rev-stars{color:#E5A81E;font-size:16px;letter-spacing:1px}
.rev-badge{font-size:11px;font-weight:700;color:#3f7a3f;background:rgba(126,155,110,.16);padding:4px 9px;border-radius:99px}
.rev-card blockquote{margin:0;font-size:15px;line-height:1.65;color:#3a362e}
.rev-card figcaption{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;margin-top:auto}
.rev-av{width:34px;height:34px;border-radius:50%;background:var(--butter);color:#1a1200;display:grid;place-items:center;font-weight:800}

@media(max-width:1000px){ .rev-grid{grid-template-columns:1fr 1fr} }
@media(max-width:640px){ .rev-grid{grid-template-columns:1fr} .rating-hero{flex-direction:column;gap:16px} .rh-bars{width:100%} }

/* ============================================================================
   TASARIM KATMANI 2026 — "Güneşli Poster" hizası
   (A: sanat yönetimi · B: hero · C: kartlar · D: efektler · E: tipografi
    F: bölümler · G: mobil) — mevcut kurallara dokunmaz, üzerine gelir.
   ============================================================================ */

/* A2 · Gün ışığı huzmeleri (hero + final) */
.hero{position:relative}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:conic-gradient(from 208deg at 8% -12%,rgba(232,163,61,.16) 0deg,transparent 26deg,rgba(232,163,61,.09) 42deg,transparent 68deg,rgba(232,163,61,.13) 84deg,transparent 110deg)}
.hero>*{position:relative;z-index:1}
.final-cta{position:relative;overflow:hidden}
.final-cta::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:conic-gradient(from 155deg at 92% -10%,rgba(232,163,61,.14) 0deg,transparent 30deg,rgba(232,163,61,.08) 48deg,transparent 76deg)}

/* A3 · Pamuk dokunuşu — bölüm köşelerinde yumuşak toplar */
.ugc-zone,.kalite-zone{position:relative}
.ugc-zone::after,.kalite-zone::after{content:"";position:absolute;width:130px;height:90px;right:4%;top:26px;pointer-events:none;opacity:.5;
  background:radial-gradient(28px 24px at 24% 62%,#fff 60%,transparent 61%),radial-gradient(22px 19px at 56% 40%,#FDF9F1 60%,transparent 61%),radial-gradient(19px 16px at 82% 66%,#fff 60%,transparent 61%);
  filter:blur(1.5px)}

/* A1 · Koyu blokları aydınlat — tek koyu blok kampanya kutusu kalır */
.kutu-zone{background:linear-gradient(175deg,#FAF6EF 0%,#F3E7CF 100%)!important;color:var(--ink)!important}
.kutu-zone .kutu-copy,.kutu-zone h2,.kutu-zone p,.kutu-zone .kutu-list li{color:var(--ink)!important}
.kutu-zone .kicker{color:#C9882A!important}
.kutu-zone h2 em{color:#C9882A}
.kutu-zone .kutu-list li{border-color:rgba(24,23,28,.12)!important}
.risk-zone{background:#F4EDE0!important;color:var(--ink)!important}
.risk-zone h2,.risk-zone p,.risk-zone .risk-copy{color:var(--ink)!important}
.risk-zone .kicker.light{color:#C9882A!important}
.risk-zone h2 em{color:#C9882A}
.risk-zone .risk-card{background:#fff!important;color:var(--ink)!important;box-shadow:0 10px 30px rgba(30,25,20,.08)}
.risk-zone .risk-card small{color:#6f6a60!important}
.risk-zone .risk-card svg{stroke:#C9882A}

/* A4 · Adaçayı swatch düzeltmesi ürün noktalarında (marka: #93A68C) */
.rk-dot[style*="#7E9B6E"],.hs-dot[style*="#7E9B6E"]{background:#93A68C!important}

/* B1/B4 · Hero görsel + fiyat kartı */
.hero-visual{border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(30,25,20,.16)}
.hero-visual img{width:100%;height:auto;display:block;transition:transform .6s ease}
.hero-offer{background:#fff;border:1.5px solid rgba(232,163,61,.55);border-radius:18px;padding:14px 18px;box-shadow:0 12px 34px rgba(201,136,42,.13)}
.hero-offer .ho-price strong{font-size:30px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.hero-offer .ho-price small{color:#8a8478;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px}

/* B2 · Hero renk noktaları */
.hero-dots{display:inline-flex;align-items:center;gap:12px;margin:2px 0 18px;text-decoration:none}
.hero-dots .hd-swatches{display:inline-flex}
.hero-dots i{width:22px;height:22px;border-radius:50%;background:var(--c);border:2.5px solid #fff;box-shadow:0 2px 8px rgba(30,25,20,.2);margin-left:-6px;transition:transform .2s}
.hero-dots i:first-child{margin-left:0}
.hero-dots:hover i{transform:translateY(-3px)}
.hero-dots i:nth-child(2){transition-delay:.03s}.hero-dots i:nth-child(3){transition-delay:.06s}.hero-dots i:nth-child(4){transition-delay:.09s}.hero-dots i:nth-child(5){transition-delay:.12s}.hero-dots i:nth-child(6){transition-delay:.15s}
.hero-dots small{font-size:12.5px;font-weight:700;color:#8a6b21}

/* B3 · Floating rozetler — poster dili */
.hs-float{display:inline-flex;align-items:center;gap:7px;background:var(--butter);color:var(--ink);font-weight:800;font-size:12.5px;padding:10px 16px;border-radius:99px;box-shadow:0 10px 26px rgba(201,136,42,.35);transform:rotate(-3deg)}
.hs-float svg{width:16px;height:16px}
.hs-float-2{transform:rotate(2.5deg);background:#fff;box-shadow:0 10px 26px rgba(30,25,20,.14)}
@media (prefers-reduced-motion: no-preference){
  .hs-float{animation:hsFloat 5s ease-in-out infinite}
  .hs-float-2{animation-delay:1.4s}
  @keyframes hsFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
}

/* B5 · Hero mini avatarlar */
.hr-avs{display:inline-flex;margin-right:2px}
.hr-avs i{width:26px;height:26px;border-radius:50%;border:2px solid #fff;margin-left:-8px;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:11px;color:#fff;box-shadow:0 2px 6px rgba(30,25,20,.18)}
.hr-avs i:first-child{margin-left:0;background:#E2593F}
.hr-avs i:nth-child(2){background:#7E9B6E}
.hr-avs i:nth-child(3){background:#6E5445}
.hr-avs i:nth-child(4){background:var(--ink)}

/* C1 · Paket kartları — teklif kartı */
.pkg-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.pkg-card.sel{transform:scale(1.018);box-shadow:0 14px 36px rgba(201,136,42,.2);border-color:var(--butter)!important}
.pkg-card .pkg-flag{background:var(--butter);color:var(--ink);font-weight:800;letter-spacing:.06em;transform:rotate(2deg);box-shadow:0 6px 16px rgba(201,136,42,.35)}
.pkg-save{color:#1e7c3c!important}
.pkg-mini{display:inline-flex;gap:3px;margin-top:5px}
.pkg-mini i{width:9px;height:9px;border-radius:50%;display:inline-block}

/* C2 · Özellik kartlarına renk kodu */
.oz-card{position:relative;overflow:hidden}
.oz-card::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--oc,#E8A33D)}
.oz-card:nth-child(1){--oc:#E2593F}.oz-card:nth-child(2){--oc:#E8A33D}.oz-card:nth-child(3){--oc:#93A68C}
.oz-card:nth-child(4){--oc:#1c1c1c}.oz-card:nth-child(5){--oc:#6E5445}.oz-card:nth-child(6){--oc:#B9BCC0}
.oz-card .oz-ico{background:color-mix(in srgb,var(--oc,#E8A33D) 12%,#fff)!important}
.oz-card .oz-ico svg{stroke:color-mix(in srgb,var(--oc,#E8A33D) 80%,#000)}

/* C3 · Renk kartları hover */
.rk-card .rk-media{overflow:hidden}
.rk-card .rk-media img{transition:transform .5s ease}
.rk-card:hover .rk-media img{transform:scale(1.05)}
.rk-card:hover{box-shadow:0 18px 44px rgba(30,25,20,.14)}
.rk-card:hover .rk-dot{animation:rkPulse 1s ease infinite}
@keyframes rkPulse{50%{box-shadow:0 0 0 6px rgba(232,163,61,.25)}}

/* C4 · Yorum kartı bağlam satırı */
.rev-bought{display:block;font-size:11.5px;color:#8a8478;font-weight:600;margin-top:3px}

/* C5 · Durum kartları → tek kart */
.campaign-status{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:6px;display:flex;flex-direction:column;gap:0}
.campaign-status .status-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.campaign-status .status-card+.status-card{border-top:1px solid rgba(255,255,255,.1)!important}

/* C6 · Story derinliği */
.story-box .story-media img{transition:transform .6s ease}
.story-box:hover .story-media img{transform:scale(1.03)}
.story-btn{transition:background .2s,transform .2s}
.story-btn:hover{transform:translateY(-2px)}

/* D1 · CTA nabız (nefes alan buton) */
@media (prefers-reduced-motion: no-preference){
  .btn-primary.js-order{animation:ctaBreath 7s ease-in-out infinite}
  @keyframes ctaBreath{0%,88%,100%{transform:scale(1);box-shadow:0 10px 26px rgba(201,136,42,.25)}93%{transform:scale(1.03);box-shadow:0 16px 40px rgba(201,136,42,.4)}}
}
/* D2 · CTA ok kayması */
.btn span,.header-cta span{display:inline-block;transition:transform .22s ease}
.btn:hover span,.header-cta:hover span{transform:translateX(4px)}

/* D4 · Sticky bar yumuşak giriş */
.floating-order{transition:transform .35s cubic-bezier(.34,1.4,.64,1),opacity .3s}

/* D6 · Marquee sakinleştirme */
.marquee-track{animation-duration:26s!important}
.fx-track:hover{animation-play-state:paused}
.fx-track:hover .fx-chip{animation-play-state:paused}

/* D7 · Reveal çeşitliliği — grid'lerde kademeli giriş */
.oz-grid .reveal:nth-child(2){transition-delay:.08s}.oz-grid .reveal:nth-child(3){transition-delay:.16s}
.oz-grid .reveal:nth-child(4){transition-delay:.08s}.oz-grid .reveal:nth-child(5){transition-delay:.16s}.oz-grid .reveal:nth-child(6){transition-delay:.24s}
.renk-grid .reveal:nth-child(2){transition-delay:.07s}.renk-grid .reveal:nth-child(3){transition-delay:.14s}
.renk-grid .reveal:nth-child(4){transition-delay:.07s}.renk-grid .reveal:nth-child(5){transition-delay:.14s}.renk-grid .reveal:nth-child(6){transition-delay:.21s}
.aud-grid-img .reveal:nth-child(2){transition-delay:.08s}.aud-grid-img .reveal:nth-child(3){transition-delay:.16s}.aud-grid-img .reveal:nth-child(4){transition-delay:.24s}

/* E1 · Vurgu (em) renk sistemi — açık zemin hardal koyusu */
.section-intro h2 em,.hero h1 em,.faq-title h2 em,.final-copy h2 em{color:#C9882A}
.campaign-main h2 em{color:var(--butter)}

/* E2 · Fiyat tipografisi */
.price-now,[data-hero-price],.pkg-price,[data-pkg-total],.final-roundel strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em}

/* E3 · Kicker aksan renkleri */
.oz-zone .kicker{color:#C9882A}
.renk-zone .kicker{color:#D6543C}
.kalite-zone .kicker{color:#6E8A5E}
.reviews-zone .kicker{color:#C9882A}

/* E4 · Kampanya kutusu okunabilirlik */
.campaign-main p{color:#d9d4cb}
.campaign-main{line-height:1.65}

/* F3 · Karşılaştırma tablosu yüzü */
.cmp-table td.cmp-us b::before{content:"✓ ";color:#1e7c3c;font-weight:800}
.cmp-table td:last-child{color:#9a958c}
.cmp-table tbody td:last-child::before{content:"✗ ";color:#c0392b;font-weight:800;opacity:.6}
.cmp-table tbody tr:last-child td:last-child::before{content:""}
.cmp-table thead .cmp-us{position:relative}

/* F4 · Beden yardımcısı */
.bed-helper{max-width:640px;margin:0 auto 18px;text-align:center}
/* modal içi kompakt beden yardımcısı */
.om-bed{max-width:none;margin:12px 16px 0;padding:11px 12px 12px;border:1.5px dashed #E8A33D;border-radius:14px;background:#FBF6EA;text-align:center}
.om-bed>span{font-size:13px;color:#3d3a34}
.om-bed .bh-chips{margin:9px 0 2px;gap:6px}
.om-bed .bh-chips button{padding:8px 13px;font-size:12.5px}
.om-bed .bh-result{margin-top:7px;font-size:13px}
@media(max-width:640px){.om-bed{margin:10px 12px 0}}
.bed-helper>span{font-size:14px;font-weight:700;color:#6f6a60}
.bh-chips{display:flex;justify-content:center;gap:8px;margin:12px 0 4px;flex-wrap:wrap}
.bh-chips button{border:1.5px solid rgba(24,23,28,.16);background:#fff;border-radius:99px;padding:9px 16px;font-size:13px;font-weight:700;transition:.18s}
.bh-chips button:hover{border-color:var(--butter)}
.bh-chips button.sel{background:var(--butter);border-color:var(--butter);color:var(--ink)}
.bh-result{font-size:14px;margin-top:8px}
.bh-result b{color:#C9882A;font-size:16px}
tr.bed-hi td{background:rgba(232,163,61,.16)!important;font-weight:700}

/* F5 · Final CTA poster dokunuşu */
.final-roundel{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:128px;height:128px;border-radius:50%;background:var(--butter);color:var(--ink);margin:6px 0 14px;box-shadow:0 16px 44px rgba(201,136,42,.4);transform:rotate(4deg)}
.final-roundel strong{font-size:29px;font-weight:800;line-height:1}
.final-roundel small{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-top:5px}
.final-strip{display:inline-flex;align-items:center;gap:12px;background:#fff;border-radius:99px;padding:10px 20px;margin-top:16px;font-size:12px;font-weight:800;color:var(--ink);box-shadow:0 10px 30px rgba(30,25,20,.1)}
.final-strip i{width:4px;height:4px;border-radius:50%;background:var(--butter)}

/* F6 · Footer güven satırı */
.footer-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:12px;font-weight:700;color:#8a8478}

/* F7 · WhatsApp karşılama balonu */
.wa-tip{position:fixed;right:84px;bottom:30px;z-index:59;background:#fff;color:var(--ink);font-size:13px;font-weight:600;padding:10px 14px;border-radius:14px 14px 3px 14px;box-shadow:0 12px 34px rgba(30,25,20,.2);opacity:0;transform:translateY(8px);transition:.3s;pointer-events:none}
.wa-tip.show{opacity:1;transform:translateY(0);pointer-events:auto}
.wa-tip button{margin-left:8px;font-weight:800;color:#8a8478}

/* G · Mobil */
@media (max-width:760px){
  .hero-visual img{max-height:38vh;object-fit:cover}
  .hero-dots{margin-bottom:14px}
  .fx-chip{padding:8px 13px!important;font-size:11px!important}
  .fx-chip svg{width:14px!important;height:14px!important}
  .final-roundel{width:108px;height:108px}
  .final-roundel strong{font-size:24px}
  .final-strip{gap:8px;font-size:10.5px;padding:9px 14px;flex-wrap:wrap;justify-content:center}
  .hr-avs i{width:22px;height:22px;font-size:10px}
  .wa-tip{right:78px;bottom:24px}
  .footer-trust{gap:10px;font-size:11px}
}

/* D3 · fiyat flash */
.price-flash{color:#C9882A!important;transition:color .2s}

/* B1+ · Hero mini renk şeridi */
.hero-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:12px}
.hero-thumbs img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:13px;background:#F1EDE6;transition:transform .22s ease,box-shadow .22s ease}
.hero-thumbs img:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(30,25,20,.16)}
@media (max-width:760px){
  .hero-visual img{max-height:32vh}
  .hero-thumbs{gap:6px;margin-top:9px}
  .hero-thumbs img{border-radius:9px}
}

/* B3+ · Rozet konum düzeltmesi (mini şeride binmesin) */
.hero-stage .hs-float-1{bottom:auto;top:54%;left:-14px}
@media (max-width:760px){.hero-stage .hs-float-1{top:auto;bottom:24%;left:-6px}}

/* B3++ · Mobil rozet konumları: görselin üstünde kalsınlar */
@media (max-width:760px){
  .hero-stage .hs-float-1{top:5%;bottom:auto;left:-4px}
  .hero-stage .hs-float-2{top:56%;bottom:auto;right:-4px;left:auto}
}

/* ── DÜZELTMELER (kullanıcı geri bildirimi, tur 2) ── */

/* C5-fix · Durum paneli: koyu metin sorunu — tek kart AÇIK zemin */
.campaign-status{background:#FBF6EC;border:1px solid rgba(24,23,28,.08)}
.campaign-status .status-card+.status-card{border-top:1px solid rgba(24,23,28,.1)!important}
.campaign-status .status-card small{color:#8a8478}
.campaign-status .status-card strong{color:var(--ink)}
.campaign-status .status-card p{color:#6f6a60}

/* Hero görseli: dikey kampanya karesi (kampanya-renkli) */
.hero-visual img{width:100%;max-height:600px;object-fit:cover;object-position:center top}

/* Hero thumbs: buton galeriye dönüştü */
.hero-thumbs{grid-template-columns:repeat(7,1fr)}
.hero-thumbs .ht{padding:0;border:2.5px solid transparent;border-radius:15px;overflow:hidden;background:#F1EDE6;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.hero-thumbs .ht img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:0;display:block}
.hero-thumbs .ht:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(30,25,20,.16)}
.hero-thumbs .ht.sel{border-color:var(--butter);box-shadow:0 8px 20px rgba(201,136,42,.25)}

/* Final CTA görseli: taşma düzeltmesi (mobil + dar ekran) */
.final-cta>img{height:auto!important;max-width:min(88vw,720px)}
@media (max-width:760px){
  .final-cta>img{max-width:min(92vw,440px)}
  .hero-visual img{max-height:44vh;object-position:center 12%}
  .hero-thumbs{gap:5px}
  .hero-thumbs .ht{border-radius:10px;border-width:2px}
}

/* ── DÜZELTME (tur 3): mobilde 1. thumb'ın diğerlerinin üzerine binmesi ──
   Neden: dokunmatikte hover takılı kalıyor + görsel buton kutusuna kilitli değildi.
   Çözüm: görsel mutlak konumla kutuya hapsedildi, hover efektleri sadece fareli cihazlarda. */
.hero-thumbs .ht{position:relative;aspect-ratio:1/1;width:100%;transform:none!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.hero-thumbs .ht img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none!important;box-shadow:none!important;transition:none}
@media (hover:hover) and (pointer:fine){
  .hero-thumbs .ht:hover{transform:translateY(-4px)!important;box-shadow:0 10px 24px rgba(30,25,20,.16)}
}
/* Dokunmatikte diğer yapışkan hover'ları da etkisizleştir */
@media (hover:none){
  .hero-dots:hover i{transform:none}
  .rk-card:hover .rk-media img{transform:none}
  .rk-card:hover{box-shadow:none}
  .story-box:hover .story-media img{transform:none}
  .btn:hover span,.header-cta:hover span{transform:none}
}

/* tur 3 ek: konteyner tam genişlik (mutlak konumlu görseller büzüşme yapmasın) */
.hero-thumbs{width:100%}

/* ============================================================
   CRO FAZ 2 — Hikâye odaklı akış (koyu güven, editoryal, teklif,
   bento, yorum kolajı, hero değer kartı v2)
   ============================================================ */

/* --- Hero Değer Kartı v2 --- */
.hero-offer.ho-v2{display:block;width:100%;max-width:470px;margin:18px 0 0;padding:16px 18px 14px;text-align:left;background:#fff;border:1.5px solid rgba(232,163,61,.55);border-radius:18px;box-shadow:0 12px 34px rgba(201,136,42,.13)}
.ho-v2 .ho2-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ho-v2 .ho2-adet{display:inline-block;padding:4px 11px;border-radius:99px;background:var(--butter);color:#231400;font-weight:800;font-size:14px;letter-spacing:.04em}
.ho-v2 .ho2-mikro{font-size:11px;font-weight:600;color:#8a8478;text-transform:uppercase;letter-spacing:.06em}
.ho-v2 .ho2-fiyat{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:9px}
.ho-v2 .ho2-eski{font-size:17px;color:#b3a99a;text-decoration:line-through;font-weight:600}
.ho-v2 .ho2-simdi{font-family:var(--serif);font-size:38px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ho-v2 .ho2-birim{font-size:13px;font-weight:700;color:#4F7A2E}
.ho-v2 .ho2-pill{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.ho-v2 .ho2-pill span{padding:5px 10px;border-radius:99px;background:rgba(24,23,28,.05);border:1px solid rgba(24,23,28,.1);font-size:11.5px;font-weight:700;white-space:nowrap}
.ho-v2 .ho2-kargo{margin:11px 0 0;padding-top:10px;border-top:1px dashed rgba(24,23,28,.18);font-size:12.5px;font-weight:700;color:#8a5b12}
@media(max-width:700px){.hero-offer.ho-v2{max-width:none}.ho-v2 .ho2-simdi{font-size:32px}}

/* --- Koyu güven kartları --- */
.guven-zone{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:clamp(28px,4vw,44px) clamp(24px,7vw,110px);background:var(--cream)}
.gv-card{display:flex;gap:15px;align-items:flex-start;background:var(--deep);color:#fff;border-radius:20px;padding:22px 22px 20px;box-shadow:0 16px 44px rgba(24,21,25,.22)}
.gv-ico{flex:none;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(232,163,61,.14);color:var(--butter)}
.gv-ico svg{width:24px;height:24px}
.gv-card h3{margin:2px 0 6px;font-family:var(--serif);font-size:18.5px;line-height:1.2}
.gv-card p{margin:0;font-size:12.8px;line-height:1.55;color:rgba(255,255,255,.72)}
@media(max-width:900px){.guven-zone{grid-template-columns:1fr;gap:12px}}

/* --- Editoryal split --- */
.edit-zone{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(40px,6vw,72px) clamp(24px,7vw,110px);background:var(--paper)}
.ed-media{border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}
.ed-media img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block}
.ed-copy .kicker{display:inline-block;margin-bottom:10px}
.ed-copy h2{margin:0 0 14px;font-family:var(--serif);font-size:clamp(30px,3.6vw,50px);line-height:1.08;letter-spacing:-.02em}
.ed-copy h2 em{color:var(--butter);font-style:italic}
.ed-copy p{margin:0 0 22px;font-size:15.5px;line-height:1.65;color:#5c5148;max-width:46ch}
@media(max-width:900px){.edit-zone{grid-template-columns:1fr;gap:20px}.ed-media img{min-height:240px}}

/* --- Kompakt teklif kartı --- */
.teklif-zone{padding:clamp(30px,5vw,56px) clamp(24px,7vw,110px);background:var(--cream)}
.tk-card{display:grid;grid-template-columns:1.15fr .85fr;border-radius:26px;overflow:hidden;background:var(--deep);color:#fff;box-shadow:0 26px 70px rgba(24,21,25,.3)}
.tk-sol{padding:clamp(26px,3.5vw,44px)}
.tk-sol h2{margin:12px 0 14px;font-family:var(--serif);font-size:clamp(26px,3vw,40px);line-height:1.1;letter-spacing:-.02em}
.tk-sol h2 em{color:var(--butter);font-style:italic}
.tk-fiyat{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:6px 0 16px}
.tk-eski{font-size:18px;color:rgba(255,255,255,.42);text-decoration:line-through;font-weight:600}
.tk-simdi{font-family:var(--serif);font-size:clamp(38px,4vw,52px);line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.tk-birim{font-size:13.5px;font-weight:700;color:#9FD08A}
.tk-chips{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.tk-chip{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 16px 10px;border-radius:14px;border:1.6px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;transition:.2s}
.tk-chip b{font-size:15px;font-weight:800}
.tk-chip span{font-size:12px;color:rgba(255,255,255,.65)}
.tk-chip em{position:absolute;top:-9px;right:10px;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.05em;padding:2px 8px;border-radius:99px;background:var(--butter);color:#231400}
.tk-chip.sel{border-color:var(--butter);background:rgba(232,163,61,.16);box-shadow:0 8px 22px rgba(232,163,61,.2)}
.tk-chip:hover{border-color:rgba(232,163,61,.7)}
.tk-sol>.btn{width:100%;justify-content:center}
.tk-risk{margin:11px 0 0;font-size:12.3px;font-weight:600;color:rgba(255,255,255,.72);text-align:center}
.tk-aciliyet{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px;padding:12px 15px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.ta-stok{display:flex;align-items:center;gap:10px;font-size:12.5px}
.ta-stok b{color:#FFB3A0;font-weight:800;white-space:nowrap}
.ta-meter{display:block;width:90px;height:5px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}
.ta-meter u{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#E2593F,#E8A33D);transition:width .8s ease}
.ta-sayac{font-size:12.5px;color:rgba(255,255,255,.8);font-weight:600;white-space:nowrap}
.ta-sayac b{font-variant-numeric:tabular-nums;font-weight:800;color:#fff}
.ta-sayac em{font-style:normal;opacity:.5}
.tk-sag{position:relative;min-height:100%}
.tk-sag img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.tk-card{grid-template-columns:1fr}.tk-sag{display:none}.tk-aciliyet{justify-content:center}}

/* --- Bento vitrin --- */
.bento-zone{padding:clamp(40px,6vw,72px) clamp(24px,7vw,110px);background:var(--paper)}
.bento-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin-top:8px}
.bn-big{position:relative;margin:0;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);min-height:420px}
.bn-big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bn-big figcaption{position:absolute;left:16px;bottom:16px}
.bn-big figcaption span{display:inline-block;padding:8px 15px;border-radius:99px;background:rgba(24,23,28,.78);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.bn-minis{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bn-card{border-radius:20px;padding:20px 18px 17px;background:var(--bn,#FAF6EF);border:1px solid rgba(24,23,28,.06)}
.bn-ico{display:inline-flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;background:rgba(255,255,255,.75);color:var(--ink);box-shadow:0 6px 16px rgba(30,25,20,.08)}
.bn-ico svg{width:21px;height:21px}
.bn-card h3{margin:11px 0 6px;font-family:var(--serif);font-size:16.5px;line-height:1.2}
.bn-card p{margin:0;font-size:12.4px;line-height:1.5;color:#5c5148}
.bn-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bn-stat{border-radius:20px;padding:22px 18px;text-align:center;background:var(--bn,#FAF6EF);border:1px solid rgba(24,23,28,.06)}
.bn-stat strong{display:block;font-family:var(--serif);font-size:clamp(26px,2.6vw,36px);letter-spacing:-.02em}
.bn-stat small{display:block;margin-top:4px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a7f72}
@media(max-width:900px){.bento-grid{grid-template-columns:1fr}.bn-big{min-height:280px}.bn-stats{grid-template-columns:1fr 1fr 1fr;gap:10px}.bn-minis{gap:12px}}
@media(max-width:520px){.bn-minis{grid-template-columns:1fr 1fr}.bn-stat strong{font-size:22px}}

/* --- Yorum kolajı --- */
.rev-split{display:grid;grid-template-columns:1.5fr .5fr;gap:16px;align-items:start}
.rev-photos{display:grid;gap:16px;position:sticky;top:100px}
.rev-photos img{width:100%;border-radius:20px;box-shadow:var(--shadow);aspect-ratio:3/4;object-fit:cover}
@media(max-width:900px){.rev-split{grid-template-columns:1fr}.rev-photos{position:static;grid-template-columns:1fr 1fr}}

/* --- Paket kartı: üstü çizili liste fiyatı --- */
.pkg-old{font-size:12.5px;color:#b3a99a;text-decoration:line-through;font-weight:600;white-space:nowrap;display:block}

/* ============================================================
   CRO FAZ 2B — 6 tasarım geliştirmesi
   ============================================================ */

/* --- 1. Kutu açılış sahnesi (scroll) --- */
.kutu-sahne{background:var(--cream)}
.ks-track{position:relative;height:260vh}
.ks-sticky{position:sticky;top:0;min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(20px,4vw,60px);padding:clamp(30px,5vw,60px) clamp(24px,7vw,110px);overflow:hidden}
.ks-copy .kicker{display:inline-block;margin-bottom:8px}
.ks-copy h2{margin:0 0 12px;font-family:var(--serif);font-size:clamp(28px,3.2vw,44px);line-height:1.1;letter-spacing:-.02em}
.ks-copy h2 em{color:var(--butter);font-style:italic}
.ks-cap{min-height:44px;margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid rgba(24,23,28,.08);font-size:14px;font-weight:700;color:#7a5b18;box-shadow:0 8px 22px rgba(30,25,20,.06);transition:.3s}
.ks-dots{display:flex;gap:8px;margin-top:16px}
.ks-dots i{width:22px;height:22px;border-radius:50%;background:var(--c,#ccc);box-shadow:0 4px 12px rgba(30,25,20,.18);opacity:0;transform:translateY(18px) scale(.4);transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}
.ks-dots.fly i{opacity:1;transform:none}
.ks-dots.fly i:nth-child(1){transition-delay:.02s}.ks-dots.fly i:nth-child(2){transition-delay:.08s}.ks-dots.fly i:nth-child(3){transition-delay:.14s}.ks-dots.fly i:nth-child(4){transition-delay:.2s}.ks-dots.fly i:nth-child(5){transition-delay:.26s}.ks-dots.fly i:nth-child(6){transition-delay:.32s}
.ks-stage{position:relative;aspect-ratio:1/1;max-height:74vh;margin:0 auto;width:100%;max-width:620px}
.ks-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.96) translateY(10px);transition:opacity .45s ease,transform .55s ease;filter:drop-shadow(0 30px 50px rgba(30,25,20,.22))}
.ks-img.on{opacity:1;transform:none}
@media(max-width:900px){
  .ks-track{height:220vh}
  .ks-sticky{grid-template-columns:1fr;align-content:center;gap:8px;padding:24px 20px}
  .ks-stage{max-width:340px;max-height:44vh;order:-1}
  .ks-copy h2{font-size:24px}
  .ks-cap{font-size:12.8px;min-height:38px}
  .kutu-sahne .kutu-list{font-size:12.5px}
}

/* --- 2. Haftanın renk takvimi --- */
.takvim-zone{padding:clamp(40px,6vw,72px) clamp(24px,7vw,110px);background:var(--paper)}
.tv-wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(18px,3vw,40px);align-items:center;margin-top:10px}
.tv-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.tv-strip button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:13px 4px 11px;border-radius:14px;border:1.6px solid rgba(24,23,28,.1);background:var(--cream);transition:.2s;min-width:0}
.tv-strip button b{font-size:12px;font-weight:800;letter-spacing:.04em}
.tv-strip button i{width:26px;height:26px;border-radius:50%;background:var(--c,#eee);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5),0 4px 10px rgba(30,25,20,.14);font-style:normal;display:flex;align-items:center;justify-content:center;font-size:14px}
.tv-strip button small{font-size:9.6px;font-weight:700;color:#8a7f72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.tv-strip button.sel{border-color:var(--butter);background:#fff;box-shadow:0 10px 26px rgba(201,136,42,.16);transform:translateY(-2px)}
.tv-strip button.tv-joker i{background:linear-gradient(135deg,#E2593F,#E8A33D 35%,#93A68C 65%,#1c1c1c);color:#fff}
.tv-stage{position:relative;margin:0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:var(--cream)}
.tv-stage img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.tv-stage figcaption{position:absolute;left:14px;bottom:14px;padding:9px 16px;border-radius:99px;background:rgba(24,23,28,.8);backdrop-filter:blur(8px);color:#fff;font-size:12.5px;font-weight:700}
@media(max-width:900px){
  .tv-wrap{grid-template-columns:1fr}
  .tv-strip{order:2;grid-template-columns:repeat(7,minmax(64px,1fr));overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .tv-stage figcaption{font-size:11px;left:10px;bottom:10px}
}

/* --- 3. Sıradan vs Hello Slim sürgüsü --- */
.cmp-slider{max-width:820px;margin:0 auto 26px}
.cs-frame{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}
.cs-frame>.cs-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.cs-top{position:absolute;inset:0 auto 0 0;width:50%;overflow:hidden}
.cs-top .cs-img{height:100%;aspect-ratio:auto;object-fit:cover;filter:grayscale(.92) sepia(.18) contrast(.82) brightness(.9)}
.cs-handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;border:0;padding:0;transform:translateX(-50%);cursor:ew-resize;box-shadow:0 0 18px rgba(0,0,0,.35)}
.cs-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--ink);box-shadow:0 8px 22px rgba(0,0,0,.3);font-weight:700}
.cs-tag{position:absolute;top:12px;padding:7px 13px;border-radius:12px;font-size:11.5px;font-weight:800;line-height:1.25;color:#fff;pointer-events:none}
.cs-tag small{display:block;font-size:9.6px;font-weight:600;opacity:.85}
.cs-tag-l{left:12px;background:rgba(60,55,50,.82)}
.cs-tag-r{right:12px;background:rgba(30,124,60,.88)}
.cs-hint{margin:10px 0 0;text-align:center;font-size:12px;font-weight:700;color:#8a7f72}
@media(max-width:640px){.cs-frame>.cs-img{aspect-ratio:4/3}.cs-tag{font-size:10px;padding:6px 9px}.cs-tag small{font-size:8.6px}}

/* --- 4. Chip / kart seçim mikroanimasyonu --- */
@keyframes hsPop{0%{transform:scale(1)}45%{transform:scale(1.09)}100%{transform:scale(1)}}
@keyframes hsGlow{0%{box-shadow:0 0 0 0 rgba(30,124,60,.45)}100%{box-shadow:0 0 0 14px rgba(30,124,60,0)}}
.tk-chip.pop,.pkg-card.pop{animation:hsPop .45s cubic-bezier(.34,1.56,.64,1)}
.pkg-save.save-flash{display:inline-block;animation:hsPop .5s cubic-bezier(.34,1.56,.64,1),hsGlow .85s ease-out;border-radius:8px}
@media(prefers-reduced-motion:reduce){.tk-chip.pop,.pkg-card.pop,.pkg-save.save-flash{animation:none}}

/* --- 5. Fotoğraflı yorum kartları --- */
.rev-card.has-photo{padding-top:0;overflow:hidden}
.rev-photo{display:block;margin:0 -18px 14px;height:170px;overflow:hidden}
.rev-photo img{width:100%;height:100%;object-fit:cover;display:block}
.rev-card .rev-city{display:inline-block;margin-left:auto;font-size:11px;font-weight:700;color:#8a7f72;white-space:nowrap}
.rev-card figcaption{flex-wrap:wrap;gap:6px 10px}

/* --- 6. Masaüstü sticky üst teklif barı --- */
.top-bar{position:fixed;left:0;right:0;top:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:18px;height:52px;padding:0 22px;background:rgba(24,23,28,.94);backdrop-filter:blur(12px);color:#fff;transform:translateY(-110%);transition:transform .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.top-bar.show{transform:none}
.tb-info{display:flex;align-items:baseline;gap:10px;font-size:13.5px;white-space:nowrap}
.tb-info b{font-weight:800;color:var(--butter)}
.tb-info s{color:rgba(255,255,255,.45);font-size:12px}
.tb-info strong{font-family:var(--serif);font-size:19px}
.tb-info em{font-style:normal;font-size:11.5px;color:rgba(255,255,255,.65)}
.tb-btn{padding:9px 20px!important;font-size:12.5px!important;border-radius:99px}
@media(max-width:900px){.top-bar{display:none}}
.site-header.tb-hide{transform:translateY(-110%)}

/* ===== Faz 2B düzeltmeleri (Fatih geri bildirimi) ===== */

/* 1) Kutu sahnesi liste yazıları okunur olsun */
.kutu-sahne .kutu-list li{color:#4a4238!important;opacity:1!important}
.kutu-sahne .kutu-list{color:#4a4238}

/* 2) Kutu görselinin arkasına geometrik doku */
.ks-stage .ks-img{z-index:2}
.ksd{position:absolute;z-index:1;pointer-events:none}
.ks-stage::before{content:"";position:absolute;z-index:0;left:50%;top:52%;transform:translate(-50%,-50%);width:88%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#F6EBD8 0%,#F6EBD8 45%,rgba(246,235,216,0) 72%)}
.ksd-halka{right:2%;top:4%;width:34%;aspect-ratio:1;border-radius:50%;border:2px dashed rgba(201,136,42,.5);animation:ksdSpin 40s linear infinite}
.ksd-nokta{left:0;bottom:6%;width:30%;aspect-ratio:1.2;background-image:radial-gradient(rgba(126,155,110,.5) 2.2px,transparent 2.6px);background-size:16px 16px;border-radius:12px}
.ksd-blob{left:4%;top:6%;width:16%;aspect-ratio:1;border-radius:38% 62% 55% 45%/48% 40% 60% 52%;background:rgba(232,163,61,.28);animation:ksdFloat 7s ease-in-out infinite}
.ksd-yaprak{right:6%;bottom:10%;font-size:clamp(20px,2.4vw,30px);color:rgba(126,155,110,.55);animation:ksdFloat 9s ease-in-out infinite reverse}
@keyframes ksdSpin{to{transform:rotate(360deg)}}
@keyframes ksdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media(prefers-reduced-motion:reduce){.ksd-halka,.ksd-blob,.ksd-yaprak{animation:none}}

/* 3) Takvim günleri mobilde 2'li ızgara (Pazar jokeri tam satır) */
@media(max-width:900px){
  .tv-strip{grid-template-columns:1fr 1fr;overflow:visible;padding-bottom:0}
  .tv-strip button{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 14px}
  .tv-strip button b{min-width:32px;text-align:left}
  .tv-strip button small{font-size:11px;max-width:none}
  .tv-strip button.tv-joker{grid-column:1/-1}
}
/* poz geçişinde eski görüntü kesin gizlensin */
.ks-img{visibility:hidden;transition:opacity .45s ease,transform .55s ease,visibility 0s linear .5s}
.ks-img.on{visibility:visible;transition:opacity .45s ease,transform .55s ease,visibility 0s}

/* ============================================================
   SATIN AL DEDİRTME — modal v2, WhatsApp sipariş, çıkış yakalama
   ============================================================ */

/* --- Modal video bandı (geniş) --- */
.om-video{position:relative;height:210px;overflow:hidden}
.om-video video{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.om-video::after{content:"";position:absolute;inset:auto 0 0 0;height:44px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.28))}
@media(max-width:640px){.om-video{height:170px}}
/* --- Güven kartı: efektli --- */
.om-guven2{position:relative;display:flex;align-items:center;gap:12px;margin:12px 14px 0;padding:13px 15px;border-radius:15px;background:linear-gradient(120deg,#1E7C3C,#2FA457 60%,#1E7C3C);color:#fff;box-shadow:0 12px 28px rgba(30,124,60,.32);overflow:hidden}
.om-guven2::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 62%);transform:translateX(-130%);animation:ogShine 3.4s ease-in-out infinite}
@keyframes ogShine{0%,55%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
.og-ico{flex:none;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:21px;animation:ogBounce 2.6s ease-in-out infinite}
@keyframes ogBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.og-txt{flex:1;display:flex;flex-direction:column;line-height:1.25}
.og-txt b{font-size:14.5px;font-weight:800}
.og-txt small{font-size:11.5px;color:rgba(255,255,255,.85);margin-top:2px}
.og-check{flex:none;width:26px;height:26px;border-radius:50%;background:#fff;color:#1E7C3C;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;box-shadow:0 0 0 0 rgba(255,255,255,.5);animation:ogPulse 2s ease-out infinite}
@keyframes ogPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}70%{box-shadow:0 0 0 11px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.om-kargo{margin:10px 14px 0;padding:10px 14px;border-radius:12px;background:#FDF6E7;border:1.5px dashed rgba(201,136,42,.5);font-size:13px;font-weight:800;color:#8a5b12;text-align:center}
/* --- WhatsApp sipariş butonu: efektli --- */
.om-wa{position:relative;flex:none;display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100% - 28px);margin:12px 14px 14px;padding:16px;border:0;border-radius:15px;background:linear-gradient(120deg,#25D366,#1fb857 60%,#25D366);color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:.25s;box-shadow:0 12px 30px rgba(37,211,102,.38);overflow:hidden}
.om-wa::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.3) 48%,transparent 62%);transform:translateX(-130%);animation:ogShine 3.4s ease-in-out infinite;animation-delay:1.2s}
.om-wa svg{width:22px;height:22px;animation:ogBounce 2.6s ease-in-out infinite}
.om-wa:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(37,211,102,.5)}
@media(prefers-reduced-motion:reduce){.om-guven2::after,.om-wa::after,.og-ico,.og-check,.om-wa svg{animation:none}}

/* --- UGC & editoryal video karoları --- */
.ug-tile.ug-video video{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.ed-media video{width:100%;height:100%;min-height:340px;max-height:560px;object-fit:cover;display:block}
@media(max-width:900px){.ed-media video{min-height:240px}}

/* --- Çıkış yakalama --- */
.exit-ov{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease}
.exit-ov.open{opacity:1;visibility:visible;pointer-events:auto}
.eo-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.35) saturate(1.1)}
.eo-bg::after{content:"";position:absolute;inset:0;backdrop-filter:blur(6px)}
.eo-panel{position:relative;width:min(430px,94vw);background:#FAF6EF;border-radius:26px;padding:30px 26px 24px;text-align:center;box-shadow:0 40px 90px rgba(0,0,0,.4);transform:translateY(26px) scale(.96);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.exit-ov.open .eo-panel{transform:none}
.eo-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(24,23,28,.07);font-size:19px;cursor:pointer;color:#18171C}
.eo-kick{display:inline-block;padding:5px 14px;border-radius:99px;background:#E8A33D;color:#231400;font-size:12px;font-weight:800;letter-spacing:.04em}
.eo-panel h3{margin:14px 0 10px;font-family:var(--serif);font-size:clamp(24px,5vw,31px);line-height:1.12;letter-spacing:-.02em}
.eo-panel h3 em{color:#C9882A;font-style:italic}
.eo-panel p{margin:0 0 14px;font-size:14px;line-height:1.6;color:#5c5148}
.eo-kupon{margin:0 auto 16px;padding:11px 16px;border:2px dashed #C9882A;border-radius:13px;background:#fff;font-size:13.5px;font-weight:600;color:#5c5148;width:fit-content}
.eo-kupon b{font-size:17px;color:#18171C;letter-spacing:.08em;margin-left:6px}
.eo-panel .btn{width:100%;justify-content:center}
.eo-wa{display:block;width:100%;margin-top:10px;padding:12px;border:1.6px solid #25D366;border-radius:13px;background:transparent;color:#128C4B;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:.2s}
.eo-wa:hover{background:rgba(37,211,102,.08)}
.eo-mini{display:block;margin-top:12px;font-size:10.5px;color:#a39685;line-height:1.4}
@media(prefers-reduced-motion:reduce){.exit-ov,.eo-panel{transition:none}}

/* --- Modal kapanış yakalama --- */
.mc-ov{position:fixed;inset:0;z-index:410;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(24,23,28,.55);backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease}
.mc-ov.open{opacity:1;visibility:visible;pointer-events:auto}
.mc-panel{position:relative;width:min(410px,94vw);background:#FAF6EF;border:2px solid #E8A33D;border-radius:24px;padding:34px 24px 22px;text-align:center;box-shadow:0 36px 80px rgba(0,0,0,.4);transform:translateY(30px) scale(.94);transition:transform .42s cubic-bezier(.34,1.56,.64,1)}
.mc-ov.open .mc-panel{transform:none}
.mc-gift{position:absolute;top:-27px;left:50%;transform:translateX(-50%);width:54px;height:54px;border-radius:50%;background:#E8A33D;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 10px 26px rgba(201,136,42,.45);animation:mcWiggle 2.2s ease-in-out infinite}
@keyframes mcWiggle{0%,100%{transform:translateX(-50%) rotate(0)}25%{transform:translateX(-50%) rotate(-9deg)}75%{transform:translateX(-50%) rotate(9deg)}}
.mc-panel h3{margin:12px 0 10px;font-family:var(--serif);font-size:clamp(24px,5vw,30px);line-height:1.1;letter-spacing:-.02em}
.mc-panel h3 em{color:#C9882A;font-style:italic}
.mc-panel p{margin:0 0 13px;font-size:14px;line-height:1.6;color:#5c5148}
.mc-panel .btn{width:100%;justify-content:center}
.mc-no{display:block;width:100%;margin-top:11px;padding:6px;border:0;background:transparent;color:#a39685;font:inherit;font-size:12px;cursor:pointer;text-decoration:underline}
@media(prefers-reduced-motion:reduce){.mc-gift{animation:none}.mc-ov,.mc-panel{transition:none}}

.eo-avantaj{position:relative;border:1.6px solid #C9882A;border-radius:14px;background:#fff;padding:15px 14px 11px;margin:6px 0 14px}
.eo-avantaj .ea-flag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#C9882A;color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;padding:3px 11px;border-radius:99px;white-space:nowrap}
.eo-avantaj b{font-size:15px;color:#18171C}
.eo-avantaj strong{font-size:19px;color:#C9882A;margin-left:2px}
.eo-avantaj small{display:block;margin-top:3px;color:#7d7466;font-size:12.5px}
.eo-avantaj small s{opacity:.75}
.eo-avantaj em{font-style:normal;font-weight:700;color:#3E7C4F}
@media(max-width:700px){.om-wa{font-size:13.5px;padding:14px 12px;gap:8px;line-height:1.3;white-space:normal;text-align:center}.om-wa svg{width:20px;height:20px;flex:none}}