/* HELLO SLIM — YENİ TASARIM (hs27) · postcss ile .hs27 kapsamlı */

/* ==== style.css ==== */
.hs27{--ink:#18171C;--deep:#181519;--leaf:#7E9B6E;--lime:#EEF2E2;--cream:#FAF6EF;--butter:#E8A33D;--coral:#E2593F;--paper:#FFFFFF;--line:rgba(24,23,28,.12);--serif:"El Messiri","IBM Plex Sans Arabic",Tahoma,serif;--sans:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;--shadow:0 24px 70px rgba(30,25,20,.13)}
.hs27 *{box-sizing:border-box}
.hs27{scroll-behavior:smooth}
.hs27{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
.hs27 button,.hs27 a{font:inherit}
.hs27 button{cursor:pointer}
.hs27 img{max-width:100%;display:block}
.hs27 a{color:inherit;text-decoration:none}
.hs27 em{font-family:var(--serif);font-weight:600}
.hs27 .hero{min-height:710px;padding:clamp(65px,8vw,115px) clamp(24px,7vw,110px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;background:radial-gradient(circle at 15% 15%,#fff 0,transparent 26%),var(--cream);overflow:hidden}
.hs27 .hero:after{content:"";position:absolute;inset-inline-start:-100px;bottom:-170px;width:430px;height:310px;border:1px solid rgba(82,124,69,.24);border-radius:50%;transform:rotate(20deg)}
.hs27 .hero-copy{position:relative;z-index:2;max-width:670px}
.hs27 .eyebrow,.hs27 .kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:var(--leaf)}
.hs27 .hero h1,.hs27 .section-intro h2,.hs27 .promise h2,.hs27 .faq h2{font-family:var(--serif);font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.045em;margin:24px 0}
.hs27 .hero h1 em,.hs27 .section-intro h2 em,.hs27 .faq h2 em{color:var(--leaf)}
.hs27 .hero-lead{font-size:17px;line-height:1.75;max-width:610px;color:#566051}
.hs27 .btn{border:0;border-radius:99px;padding:15px 23px;font-weight:700;transition:transform .2s,box-shadow .2s}
.hs27 .btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(36,50,31,.16)}
.hs27 .btn-primary{background:var(--butter);color:var(--ink)}
.hs27 .btn-large{padding:18px 28px}
.hs27 .btn span{margin-inline-start:12px}
.hs27 .section-pad{padding:clamp(80px,10vw,150px) clamp(24px,7vw,110px)}
.hs27 .section-intro{text-align:center;max-width:950px;margin:0 auto 58px}
.hs27 .section-intro h2{font-size:clamp(42px,5vw,68px);line-height:1.05}
.hs27 .section-intro p{max-width:690px;margin:auto;line-height:1.75;color:#687064}
.hs27 .promise{display:grid;grid-template-columns:1fr 1fr;min-height:750px;background:var(--deep);color:#fff}
.hs27 .kicker.light{color:var(--lime)}
.hs27 .texture-copy .btn,.hs27 .promise-copy .btn{align-self:flex-start}
.hs27 .section-intro.compact{max-width:850px}
.hs27 .p1{top:25px;inset-inline-end:16%;background:var(--butter)}
.hs27 .p2{bottom:26px;inset-inline-end:6%;background:var(--coral)}
.hs27 .p3{bottom:15px;inset-inline-start:5%;background:var(--cream)}
.hs27 .promise{min-height:680px;background:#46583A}
.hs27 .faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:var(--paper)}
.hs27 .faq-title h2{font-size:clamp(48px,5vw,70px)}
.hs27 .faq-title p{color:#697064;line-height:1.7}
.hs27 .faq-list details{border-bottom:1px solid var(--line);padding:0 4px}
.hs27 .faq-list summary{list-style:none;cursor:pointer;padding:24px 0;font-weight:700;display:flex;justify-content:space-between;gap:20px}
.hs27 .faq-list summary::-webkit-details-marker{display:none}
.hs27 .faq-list summary span{font-size:22px;font-weight:400;transition:.25s}
.hs27 .faq-list details[open] summary span{transform:rotate(45deg)}
.hs27 .faq-list p{margin:0 40px 24px 0;color:#687064;line-height:1.7;font-size:14px}
.hs27 .l1{inset-inline-start:-160px;top:-70px;transform:rotate(24deg)}
.hs27 .l2{inset-inline-end:-120px;bottom:-70px;transform:rotate(210deg)}
.hs27 footer{background:#2B2418;color:#fff;padding:58px clamp(24px,7vw,110px) 25px}
.hs27 .floating-order{position:fixed;left:50%;bottom:18px;transform:translate(-50%,120px);width:min(710px,calc(100% - 32px));z-index:35;border:0;border-radius:18px;background:var(--ink);color:#fff;padding:12px 15px 12px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 18px 50px rgba(25,34,22,.3);transition:.35s}
.hs27 .floating-order.show{transform:translate(-50%,0)}
.hs27 .floating-order>span{display:flex;flex-direction:column;text-align:start}
.hs27 .floating-order b{font-size:13px}
.hs27 .floating-order small{font-size:10px;color:#c8d1c4;margin-top:3px}
.hs27 .floating-order strong{background:var(--butter);color:var(--ink);padding:13px 18px;border-radius:12px;font-size:12px}
.hs27 .modal{position:fixed;inset:0;background:rgba(24,33,21,.72);backdrop-filter:blur(9px);z-index:100;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.25s}
.hs27 .modal.open{opacity:1;visibility:visible}
.hs27 .modal-panel{width:min(760px,100%);max-height:92vh;overflow:auto;background:var(--paper);border-radius:28px;box-shadow:var(--shadow);transform:translateY(18px);transition:.25s}
.hs27 .modal.open .modal-panel{transform:none}
.hs27 .modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line)}
.hs27 .modal-head span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--leaf);font-weight:700}
.hs27 .modal-head h2{font-family:var(--serif);font-size:28px;margin:3px 0 0}
.hs27 .modal-close{width:42px;height:42px;border:0;border-radius:50%;background:var(--cream);font-size:27px}
.hs27 .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.hs27 .reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.hs27 .hero{grid-template-columns:1fr;text-align:center;padding-top:70px}
.hs27 .hero-copy{margin:auto}
.hs27 .promise,.hs27 .faq{grid-template-columns:1fr}
.hs27 .faq{gap:50px}
.hs27 .faq-title{text-align:center}}
@media(max-width:700px){.hs27 .hero{padding:60px 20px 35px;min-height:auto}
.hs27 .hero h1{font-size:48px}
.hs27 .hero-lead{font-size:15px}
.hs27 .section-pad{padding:78px 20px}
.hs27 .section-intro{margin-bottom:38px}
.hs27 .section-intro h2{font-size:40px}
.hs27 .promise{min-height:auto}
.hs27 .p1{inset-inline-end:0}
.hs27 .p2{inset-inline-end:-5px}
.hs27 .p3{inset-inline-start:-5px}
.hs27 .faq-title h2{font-size:46px}
.hs27 .floating-order{bottom:10px;padding:9px 9px 9px 14px}
.hs27 .floating-order strong{padding:12px 10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.hs27{scroll-behavior:auto}
.hs27 .reveal{opacity:1;transform:none;transition:none}
.hs27 *{animation:none!important}}
/* Mobile readability and editorial card enhancements */
.hs27{scroll-padding-top:118px}
@keyframes topMarquee{to{transform:translateX(50%)}}
@keyframes sectionMarquee{to{transform:translateX(50%)}}
@media(max-width:700px){.hs27{scroll-padding-top:104px}
.hs27 .hero{padding:42px 18px 38px}
.hs27 .eyebrow,.hs27 .kicker{font-size:10px;line-height:1.5;letter-spacing:.13em}
.hs27 .hero h1{font-size:clamp(39px,11.5vw,48px);line-height:1.02;margin:20px 0}
.hs27 .hero-lead{font-size:16px;line-height:1.65}
.hs27 .hero-actions .btn,.hs27 .texture-copy .btn,.hs27 .promise-copy .btn,.hs27 .approach-copy .btn,.hs27 .final-copy .btn{width:100%;min-height:54px}
.hs27 .section-pad{padding:68px 18px}
.hs27 .section-intro h2{font-size:clamp(36px,10vw,42px);line-height:1.08}
.hs27 .section-intro p,.hs27 .faq-title p{font-size:16px;line-height:1.7}
.hs27 .faq{gap:35px}
.hs27 .faq-title h2{font-size:42px}
.hs27 .faq-list summary{font-size:16px;line-height:1.4;padding:21px 0}
.hs27 .faq-list p{font-size:15px;line-height:1.65;margin-inline-end:15px}
.hs27 .floating-order>span{display:none}
.hs27 .floating-order strong{width:100%;font-size:13px;min-height:45px;display:grid;place-items:center}
.hs27 .modal{padding:8px}
.hs27 .modal-panel{border-radius:20px;max-height:96vh}
.hs27 .modal-head{padding:17px}
.hs27 .modal-head h2{font-size:23px}}
@media(max-width:380px){.hs27 .hero h1{font-size:38px}}
.hs27 .care-diary-cta .btn{flex:0 0 auto}
@media(max-width:1200px){.hs27 .promise{grid-template-columns:1.1fr .9fr}}
@media(max-width:1000px){.hs27 .promise{grid-template-columns:1fr}}
@media(max-width:700px){.hs27 .care-diary-cta .btn{width:100%;min-height:52px}}
/* Seamless marquee{position:fixed;inset-inline-start:16px;top:8px;z-index:200;transform:translateY(-150%);background:var(--butter);color:var(--ink);padding:12px 18px;border-radius:10px;font-weight:700;transition:transform .2s}
.hs27 .back-to-top.show{opacity:1;visibility:visible;transform:none}
.hs27 :focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.hs27 .btn:active,.hs27 .floating-order:active{transform:translateY(1px)}
@media(max-width:700px){.hs27 .floating-order.show~.back-to-top.show{bottom:76px}}
.hs27 .status-card.stock{background:#E6EFC4}
.hs27 .status-card.timer{background:#fffaf0}
.hs27 .stock-meter{height:5px;border-radius:99px;background:rgba(36,50,31,.12);overflow:hidden;margin-top:12px}
.hs27 .stock-meter i{display:block;width:68%;height:100%;border-radius:inherit;background:var(--leaf);transition:width .4s}
.hs27 .timer-units{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:13px}
.hs27 .timer-units span{padding:8px 4px;border-radius:10px;background:var(--cream);text-align:center}
.hs27 .timer-units b{display:block;font-size:16px}
.hs27 .timer-units small{font-size:7px}
@keyframes campaignPulse{50%{transform:scale(.72);opacity:.65}}
@media(max-width:700px){.hs27 .campaign-actions .btn{width:100%;min-height:54px}}
/* ==== enhance.css ==== */
/* ============================================================================
   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) ---------- */
.hs27 .price-block{margin:26px 0 4px;padding:22px;border-radius:24px;background:#F5EBD4;color:var(--ink)}
.hs27 .price-now{font-family:var(--serif);font-size:44px;line-height:1;letter-spacing:-.03em}
.hs27 .price-note{margin:9px 0 0;font-size:12px;color:#5f6a5b}
.hs27 .price-note b{color:var(--leaf)}
/* ---------- Paket kartları ---------- */
.hs27 .pkg-head{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf)}
.hs27 .pkg-list{display:flex;flex-direction:column;gap:11px}
.hs27 .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:start;width:100%;font:inherit;color:inherit;transition:border-color .2s,box-shadow .2s,transform .15s;-webkit-tap-highlight-color:transparent}
.hs27 .pkg-card:hover{border-color:rgba(82,124,69,.5)}
.hs27 .pkg-card.sel{border-color:var(--leaf);box-shadow:0 0 0 3px rgba(82,124,69,.14)}
.hs27 .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}
.hs27 .pkg-card.sel .pkg-tick{border-color:var(--leaf);background:var(--leaf)}
.hs27 .pkg-card.sel .pkg-tick:after{content:"";position:absolute;inset-inline-start:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.hs27 .pkg-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.hs27 .pkg-name{font-family:var(--serif);font-size:19px;line-height:1.15}
.hs27 .pkg-meta{font-size:12.5px;color:#5f6a5b;line-height:1.4}
.hs27 .pkg-meta b{color:var(--ink)}
.hs27 .pkg-save{color:#4F7A2E!important;font-weight:800!important}
.hs27 .pkg-right{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:end}
.hs27 .pkg-price{font-family:var(--serif);font-size:22px;line-height:1;white-space:nowrap}
.hs27 .pkg-ship{font-size:11px;font-weight:700;color:#7b856f;white-space:nowrap}
.hs27 .pkg-ship.free{color:#4F7A2E}
.hs27 .pkg-flag{position:absolute;top:-10px;inset-inline-end: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)}
.hs27 .pkg-flag.v{background:var(--leaf);color:#fff}
.hs27 .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)}
.hs27 .pkg-total span{font-size:13px;font-weight:700;color:#5f6a5b}
.hs27 .pkg-total strong{font-family:var(--serif);font-size:27px;line-height:1}
.hs27 .campaign-main .price-note{color:#cdd8c9}
.hs27 .campaign-main .price-note b{color:var(--lime)}
.hs27 .campaign-main .pkg-head{color:var(--lime)}
.hs27 .campaign-main .pkg-card{background:rgba(255,250,240,.05);border-color:rgba(220,236,162,.22);color:#fff}
.hs27 .campaign-main .pkg-card:hover{border-color:rgba(220,236,162,.5)}
.hs27 .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)}
.hs27 .campaign-main .pkg-tick{border-color:rgba(220,236,162,.45)}
.hs27 .campaign-main .pkg-card.sel .pkg-tick{border-color:var(--lime);background:var(--lime)}
.hs27 .campaign-main .pkg-card.sel .pkg-tick:after{border-color:var(--deep)}
.hs27 .campaign-main .pkg-meta{color:#c3cebf}
.hs27 .campaign-main .pkg-meta b{color:#fff}
.hs27 .campaign-main .pkg-save{color:var(--lime)!important}
.hs27 .campaign-main .pkg-ship{color:#a8b4a4}
.hs27 .campaign-main .pkg-ship.free{color:var(--lime)}
.hs27 .campaign-main .pkg-total{border-top-color:rgba(220,236,162,.28)}
.hs27 .campaign-main .pkg-total span{color:#cdd8c9}
.hs27 .hg-thumb.sel{border-color:var(--leaf)}
/* ---------- Stok çubuğu / sayaç görünürlük ---------- */
.hs27 .status-card.stock .stock-meter i{background:var(--coral)}
.hs27 .status-card.stock strong[data-stock-text]{color:var(--ink)}
/* ---------- WhatsApp ---------- */
.hs27 .wa-float{position:fixed;inset-inline-end: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}
.hs27 .wa-float.show{opacity:1;visibility:visible;transform:none}
.hs27 .wa-float:hover{transform:translateY(-3px)}
.hs27 .wa-float svg{width:28px;height:28px;fill:#fff}
.hs27 .modal-pkg .pkg-total{margin-bottom:4px}
@media(max-width:700px){.hs27 .price-now{font-size:38px}
.hs27 .pkg-card{padding:14px 13px;gap:11px;border-radius:16px}
.hs27 .pkg-name{font-size:18px}
.hs27 .pkg-meta{font-size:12px}
.hs27 .pkg-price{font-size:20px}
.hs27 .pkg-total strong{font-size:24px}
.hs27 .wa-float{inset-inline-end:14px;bottom:132px;width:50px;height:50px}
.hs27 .wa-float svg{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.hs27 .pkg-card,.hs27 .wa-float{transition:none}}
.hs27 .ho-ship{font-weight:700;color:#4F7A2E}
.hs27 .ugc-zone .section-intro{padding-inline:20px}
.hs27 .ug-row.rev .ug-track{animation-duration:64s;animation-direction:reverse}

@keyframes ugScroll{to{transform:translate3d(calc(-50% - 7px),0,0)}}
.hs27 .cmp-table{width:100%;border-collapse:separate;border-spacing:0;min-width:620px}
.hs27 .cmp-table th,.hs27 .cmp-table td{padding:17px 18px;text-align:start;font-size:14px;border-bottom:1px solid var(--line)}
.hs27 .cmp-table thead th{font-family:var(--serif);font-size:17px;font-weight:600;border-bottom:2px solid rgba(36,50,31,.2)}
.hs27 .cmp-table td:first-child{font-weight:700;color:#5f6a5b;width:30%}
.hs27 .cmp-table .cmp-us{background:rgba(220,236,162,.28)}
.hs27 .cmp-table thead .cmp-us{background:var(--lime);border-radius:18px 18px 0 0;color:var(--ink)}
.hs27 .cmp-table tbody tr:last-child .cmp-us{border-radius:0 0 18px 18px;border-bottom:0}
.hs27 .cmp-table tbody tr:last-child td{border-bottom:0}
.hs27 .cmp-table .cmp-us b{color:var(--deep)}
/* ==================== Risk / güvence bandı ==================== */
.hs27 .risk-zone{background:var(--deep);color:#fff;padding:clamp(60px,7vw,100px) clamp(24px,7vw,110px)}
.hs27 .risk-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(36px,5vw,70px);align-items:center}
.hs27 .risk-copy h2{font-family:var(--serif);font-size:clamp(40px,4.4vw,60px);line-height:1.02;letter-spacing:-.04em;margin:18px 0}
.hs27 .risk-copy h2 em{color:var(--lime)}
.hs27 .risk-copy p{color:#d7dfd3;line-height:1.75;font-size:15px;margin:0}
.hs27 .risk-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.hs27 .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)}
.hs27 .risk-card>span{font-size:24px;flex:0 0 auto}
.hs27 .risk-card strong{display:block;font-size:14px}
.hs27 .risk-card small{display:block;font-size:11.5px;color:#b9c5b5;margin-top:3px;line-height:1.4}
@media(max-width:1000px){.hs27 .risk-inner{grid-template-columns:1fr;gap:30px}}
@media(max-width:700px){
  @keyframes ugScroll{to{transform:translate3d(calc(-50% - 5px),0,0)}}
.hs27 .cmp-table th,.hs27 .cmp-table td{padding:14px 13px;font-size:13px}
.hs27 .cmp-table thead th{font-size:15px}
.hs27 .risk-cards{grid-template-columns:1fr}
.hs27 .risk-card{padding:16px}
.hs27 .ug-cta .btn{width:100%}}
/* ============================================================================
   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.
   ============================================================================ */
.hs27{--sec-y:clamp(72px,8vw,120px);--sec-x:clamp(20px,7vw,110px);--gap:18px}
.hs27 .section-pad,.hs27 .risk-zone{padding:var(--sec-y) var(--sec-x)}
.hs27 .section-intro{margin-bottom:clamp(34px,4vw,54px)}
/* hero: sağ/sol nefes + alt boşluk eşitle */
.hs27 .hero{padding:clamp(56px,7vw,105px) var(--sec-x) clamp(56px,6vw,90px)}
.hs27 .risk-cards{gap:var(--gap)}

@keyframes ugScroll{to{transform:translate3d(calc(-50% - (var(--tile-gap) / 2)),0,0)}}
/* ---------- Mobil ---------- */
@media(max-width:700px){.hs27{--sec-y:60px;--sec-x:18px;--gap:14px}

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

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

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

  /* alt bar + WhatsApp çakışmasın */
  .hs27 .wa-float{bottom:128px}
  .hs27 .back-to-top{bottom:128px}}
/* ---------- Çok dar ekran ---------- */
@media(max-width:380px){.hs27 .hero-offer{flex-direction:column;align-items:flex-start;gap:10px}
  .hs27 .ho-sep{width:100%;height:1px}
  .hs27 .ho-lines{text-align:start}
  .hs27 .ug-tile{width:132px}}
.hs27 .ex-lead .mark{background:linear-gradient(180deg,transparent 58%,rgba(245,197,24,.55) 58%);padding:0 3px;font-weight:700;color:var(--ink)}
/* ---------- Risk / güvence bandı ---------- */
.hs27 .risk-zone{background:var(--deep);color:#fff;padding:var(--sec-y) var(--sec-x)}
.hs27 .risk-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(36px,5vw,70px);align-items:center}
.hs27 .risk-copy h2{font-family:var(--serif);font-size:clamp(38px,4.4vw,58px);line-height:1.02;letter-spacing:-.04em;margin:16px 0}
.hs27 .risk-copy h2 em{color:var(--lime)}
.hs27 .risk-copy p{color:#d9dccf;line-height:1.75;font-size:15.5px;margin:0}
.hs27 .risk-copy .kicker.light{color:var(--lime)}
.hs27 .risk-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.hs27 .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)}
.hs27 .risk-card>span{font-size:24px;flex:0 0 auto}
.hs27 .risk-card strong{display:block;font-size:14px}
.hs27 .risk-card small{display:block;font-size:11.5px;color:#b9c5b5;margin-top:3px;line-height:1.4}
@media(max-width:1000px){.hs27 .risk-inner{grid-template-columns:1fr;gap:28px}}
@media(max-width:700px){.hs27 .risk-cards{grid-template-columns:1fr}
.hs27 .risk-card{padding:16px}}
.hs27 .kutu-copy .kicker{color:var(--butter)}
/* Beden tablosu (compare-table stilini kullanır) */
.hs27 .bed-wrap{max-width:820px;margin:auto;overflow-x:auto}
/* ============================================================================
   HERO SLAYT SHOVU (6 renk{position:relative;width:100%;aspect-ratio:1/1;max-width:560px;margin:0 auto;border-radius:32px;overflow:hidden;background:#F3EEE4}
.hs27 .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)}
.hs27 .hs-slide.sel{opacity:1;transform:scale(1);z-index:2}
.hs27 .hs-slide img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(30,25,20,.28))}
.hs27 .hs-slide figcaption{position:absolute;inset-inline-start: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)}
.hs27 .hs-nav{width:34px;height:5px;border:0;border-radius:99px;background:rgba(24,23,28,.16);cursor:pointer;padding:0;transition:.25s}
.hs27 .hs-nav.sel{background:var(--butter);width:46px}
.hs27 .hs-nav:hover{background:rgba(24,23,28,.34)}
/* MOBİLDE: slayt en üstte (müşteriyi karşılar) */
@media(max-width:860px){.hs27 .hero-wrap,.hs27 .hero{display:flex!important;flex-direction:column}
  .hs27 .hero-stage{order:-1;width:100%;margin-bottom:24px}
  .hs27 .hero-slider{aspect-ratio:4/5;max-width:100%}
  .hs27 .hs-badge{top:12px;inset-inline-end:12px;font-size:10px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.hs27 .hs-slide{transition:opacity .3s}}
/* ---------- Kimler için: görseller TAM görünsün (portrait{aspect-ratio:3/4;background:var(--cream)}
/* ---------- hero mobil sıra (1000px'de slayt üstte) ---------- */
@media(max-width:1000px){.hs27 .hero-stage{order:-1;margin-bottom:22px}}
.hs27 .story-box.rev .story-media{order:2}
/* ============================================================================
   MODERN İKONLAR + ANİMASYONLU ROZETLER
   ============================================================================ */
/* Modern SVG ikon boyutları + renkli */
.hs27 .mi{display:block}
.hs27 .risk-card>span{font-size:0}
.hs27 .risk-card .mi-risk{width:26px;height:26px;color:var(--butter)}

@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)}}
/* Hero floating rozetler (yanıp sönen) */
.hs27 .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}
.hs27 .hs-float-1{top:auto;bottom:78px;inset-inline-start:-8px;background:var(--coral);animation-delay:.2s}
.hs27 .hs-float-2{top:64px;inset-inline-start:-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){.hs27 .hs-float-1{bottom:auto;top:52px;inset-inline-start:6px}
.hs27 .hs-float-2{top:auto;bottom:52px;inset-inline-start:6px}}
@media(prefers-reduced-motion:reduce){.hs27 .hs-float{animation:none}}
@media(max-width:860px){.hs27 .story-box.rev .story-media{order:0}}
.hs27 .beden-zone,.hs27 .risk-zone,.hs27 .faq,.hs27 .section-pad{padding-top:var(--sec-y)!important;
  padding-bottom:var(--sec-y)!important;}
.hs27 .rev-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.hs27 .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}
.hs27 .rev-top{display:flex;align-items:center;justify-content:space-between}
.hs27 .rev-stars{color:#E5A81E;font-size:16px;letter-spacing:1px}
.hs27 .rev-card blockquote{margin:0;font-size:15px;line-height:1.65;color:#3a362e}
.hs27 .rev-card figcaption{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;margin-top:auto}
.hs27 .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){.hs27 .rev-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.hs27 .rev-grid{grid-template-columns:1fr}}
/* ============================================================================
   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) */
.hs27 .hero{position:relative}
.hs27 .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)}
.hs27 .hero>*{position:relative;z-index:1}
.hs27 .kutu-zone .kicker{color:#C9882A!important}
.hs27 .risk-zone{background:#F4EDE0!important;color:var(--ink)!important}
.hs27 .risk-zone h2,.hs27 .risk-zone p,.hs27 .risk-zone .risk-copy{color:var(--ink)!important}
.hs27 .risk-zone .kicker.light{color:#C9882A!important}
.hs27 .risk-zone h2 em{color:#C9882A}
.hs27 .risk-zone .risk-card{background:#fff!important;color:var(--ink)!important;box-shadow:0 10px 30px rgba(30,25,20,.08)}
.hs27 .risk-zone .risk-card small{color:#6f6a60!important}
.hs27 .risk-zone .risk-card svg{stroke:#C9882A}
/* B1/B4 · Hero görsel + fiyat kartı */
.hs27 .hero-visual{border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(30,25,20,.16)}
.hs27 .hero-visual img{width:100%;height:auto;display:block;transition:transform .6s ease}
/* B3 · Floating rozetler — poster dili */
.hs27 .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)}
.hs27 .hs-float svg{width:16px;height:16px}
.hs27 .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){.hs27 .hs-float{animation:hsFloat 5s ease-in-out infinite}
.hs27 .hs-float-2{animation-delay:1.4s}

  @keyframes hsFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}}
/* C1 · Paket kartları — teklif kartı */
.hs27 .pkg-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.hs27 .pkg-card.sel{transform:scale(1.018);box-shadow:0 14px 36px rgba(201,136,42,.2);border-color:var(--butter)!important}
.hs27 .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)}
.hs27 .pkg-save{color:#1e7c3c!important}

@keyframes rkPulse{50%{box-shadow:0 0 0 6px rgba(232,163,61,.25)}}
/* C4 · Yorum kartı bağlam satırı */
.hs27 .rev-bought{display:block;font-size:11.5px;color:#8a8478;font-weight:600;margin-top:3px}
/* D1 · CTA nabız (nefes alan buton) */
@media (prefers-reduced-motion: no-preference){.hs27 .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ı */
.hs27 .btn span{display:inline-block;transition:transform .22s ease}
.hs27 .btn:hover span{transform:translateX(-4px)}
/* D4 · Sticky bar yumuşak giriş */
.hs27 .floating-order{transition:transform .35s cubic-bezier(.34,1.4,.64,1),opacity .3s}
/* D7 · Reveal çeşitliliği — grid'lerde kademeli giriş */
.hs27 .oz-grid .reveal:nth-child(2){transition-delay:.08s}
.hs27 .oz-grid .reveal:nth-child(3){transition-delay:.16s}
.hs27 .oz-grid .reveal:nth-child(4){transition-delay:.08s}
.hs27 .oz-grid .reveal:nth-child(5){transition-delay:.16s}
.hs27 .oz-grid .reveal:nth-child(6){transition-delay:.24s}
.hs27 .renk-grid .reveal:nth-child(2){transition-delay:.07s}
.hs27 .renk-grid .reveal:nth-child(3){transition-delay:.14s}
.hs27 .renk-grid .reveal:nth-child(4){transition-delay:.07s}
.hs27 .renk-grid .reveal:nth-child(5){transition-delay:.14s}
.hs27 .renk-grid .reveal:nth-child(6){transition-delay:.21s}
.hs27 .aud-grid-img .reveal:nth-child(2){transition-delay:.08s}
.hs27 .aud-grid-img .reveal:nth-child(3){transition-delay:.16s}
.hs27 .aud-grid-img .reveal:nth-child(4){transition-delay:.24s}
/* E1 · Vurgu (em) renk sistemi — açık zemin hardal koyusu */
.hs27 .section-intro h2 em,.hs27 .hero h1 em,.hs27 .faq-title h2 em{color:#C9882A}
/* E2 · Fiyat tipografisi */
.hs27 .price-now,.hs27 [data-hero-price],.hs27 .pkg-price,.hs27 [data-pkg-total]{font-variant-numeric:tabular-nums;letter-spacing:-.03em}
/* E3 · Kicker aksan renkleri */
.hs27 .oz-zone .kicker{color:#C9882A}
.hs27 .renk-zone .kicker{color:#D6543C}
.hs27 .kalite-zone .kicker{color:#6E8A5E}
.hs27 .reviews-zone .kicker{color:#C9882A}
/* F3 · Karşılaştırma tablosu yüzü */
.hs27 .cmp-table td.cmp-us b::before{content:"✓ ";color:#1e7c3c;font-weight:800}
.hs27 .cmp-table td:last-child{color:#9a958c}
.hs27 .cmp-table tbody td:last-child::before{content:"✗ ";color:#c0392b;font-weight:800;opacity:.6}
.hs27 .cmp-table tbody tr:last-child td:last-child::before{content:""}
.hs27 .cmp-table thead .cmp-us{position:relative}
/* F4 · Beden yardımcısı */
.hs27 .bed-helper{max-width:640px;margin:0 auto 18px;text-align:center}
/* modal içi kompakt beden yardımcısı */
.hs27 .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}
.hs27 .om-bed>span{font-size:13px;color:#3d3a34}
.hs27 .om-bed .bh-chips{margin:9px 0 2px;gap:6px}
.hs27 .om-bed .bh-chips button{padding:8px 13px;font-size:12.5px}
.hs27 .om-bed .bh-result{margin-top:7px;font-size:13px}
@media(max-width:640px){.hs27 .om-bed{margin:10px 12px 0}}
.hs27 .bed-helper>span{font-size:14px;font-weight:700;color:#6f6a60}
.hs27 .bh-chips{display:flex;justify-content:center;gap:8px;margin:12px 0 4px;flex-wrap:wrap}
.hs27 .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}
.hs27 .bh-chips button:hover{border-color:var(--butter)}
.hs27 .bh-chips button.sel{background:var(--butter);border-color:var(--butter);color:var(--ink)}
.hs27 .bh-result{font-size:14px;margin-top:8px}
.hs27 .bh-result b{color:#C9882A;font-size:16px}
.hs27 tr.bed-hi td{background:rgba(232,163,61,.16)!important;font-weight:700}
/* F7 · WhatsApp karşılama balonu */
.hs27 .wa-tip{position:fixed;inset-inline-end: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}
.hs27 .wa-tip.show{opacity:1;transform:translateY(0);pointer-events:auto}
.hs27 .wa-tip button{margin-inline-start:8px;font-weight:800;color:#8a8478}
/* G · Mobil */
@media (max-width:760px){.hs27 .hero-visual img{max-height:38vh;object-fit:cover}
  .hs27 .hero-dots{margin-bottom:14px}
  .hs27 .fx-chip{padding:8px 13px!important;font-size:11px!important}
  .hs27 .fx-chip svg{width:14px!important;height:14px!important}
  .hs27 .final-roundel{width:108px;height:108px}
  .hs27 .final-roundel strong{font-size:24px}
  .hs27 .final-strip{gap:8px;font-size:10.5px;padding:9px 14px;flex-wrap:wrap;justify-content:center}
  .hs27 .hr-avs i{width:22px;height:22px;font-size:10px}
  .hs27 .wa-tip{inset-inline-end:78px;bottom:24px}
  .hs27 .footer-trust{gap:10px;font-size:11px}}
/* D3 · fiyat flash */
.hs27 .price-flash{color:#C9882A!important;transition:color .2s}
/* B1+ · Hero mini renk şeridi */
.hs27 .hero-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:12px}
.hs27 .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}
.hs27 .hero-thumbs img:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(30,25,20,.16)}
@media (max-width:760px){.hs27 .hero-visual img{max-height:32vh}
.hs27 .hero-thumbs{gap:6px;margin-top:9px}
.hs27 .hero-thumbs img{border-radius:9px}}
/* B3+ · Rozet konum düzeltmesi (mini şeride binmesin) */
.hs27 .hero-stage .hs-float-1{bottom:auto;top:54%;inset-inline-start:-14px}
@media (max-width:760px){.hs27 .hero-stage .hs-float-1{top:auto;bottom:24%;inset-inline-start:-6px}}
/* B3++ · Mobil rozet konumları: görselin üstünde kalsınlar */
@media (max-width:760px){.hs27 .hero-stage .hs-float-1{top:5%;bottom:auto;inset-inline-start:-4px}
  .hs27 .hero-stage .hs-float-2{top:56%;bottom:auto;inset-inline-end:-4px;inset-inline-start:auto}}
/* ── DÜZELTMELER (kullanıcı geri bildirimi{background:#FBF6EC;border:1px solid rgba(24,23,28,.08)}
/* Hero görseli: dikey kampanya karesi (kampanya-renkli) */
.hs27 .hero-visual img{width:100%;max-height:600px;object-fit:cover;object-position:center top}
/* Hero thumbs: buton galeriye dönüştü */
.hs27 .hero-thumbs{grid-template-columns:repeat(7,1fr)}
.hs27 .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}
.hs27 .hero-thumbs .ht img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:0;display:block}
.hs27 .hero-thumbs .ht:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(30,25,20,.16)}
.hs27 .hero-thumbs .ht.sel{border-color:var(--butter);box-shadow:0 8px 20px rgba(201,136,42,.25)}
@media (max-width:760px){.hs27 .hero-visual img{max-height:44vh;object-position:center 12%}
.hs27 .hero-thumbs{gap:5px}
.hs27 .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. */
.hs27 .hero-thumbs .ht{position:relative;aspect-ratio:1/1;width:100%;transform:none!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.hs27 .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){.hs27 .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){.hs27 .hero-dots:hover i{transform:none}
  .hs27 .rk-card:hover .rk-media img{transform:none}
  .hs27 .rk-card:hover{box-shadow:none}
  .hs27 .story-box:hover .story-media img{transform:none}
  .hs27 .btn:hover span,.hs27 .header-cta:hover span{transform:none}}
/* tur 3 ek: konteyner tam genişlik (mutlak konumlu görseller büzüşme yapmasın) */
.hs27 .hero-thumbs{width:100%}
/* ============================================================
   CRO FAZ 2 — Hikâye odaklı akış (koyu güven,editoryal,teklif,bento,yorum kolajı{display:block;width:100%;max-width:470px;margin:18px 0 0;padding:16px 18px 14px;text-align:start;background:#fff;border:1.5px solid rgba(232,163,61,.55);border-radius:18px;box-shadow:0 12px 34px rgba(201,136,42,.13)}
.hs27 .ed-copy .kicker{display:inline-block;margin-bottom:10px}
.hs27 .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}
.hs27 .tk-chip b{font-size:15px;font-weight:800}
.hs27 .tk-chip span{font-size:12px;color:rgba(255,255,255,.65)}
.hs27 .tk-chip em{position:absolute;top:-9px;inset-inline-end:10px;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.05em;padding:2px 8px;border-radius:99px;background:var(--butter);color:#231400}
.hs27 .tk-chip.sel{border-color:var(--butter);background:rgba(232,163,61,.16);box-shadow:0 8px 22px rgba(232,163,61,.2)}
.hs27 .tk-chip:hover{border-color:rgba(232,163,61,.7)}
.hs27 .tk-sol>.btn{width:100%;justify-content:center}
.hs27 .ta-stok{display:flex;align-items:center;gap:10px;font-size:12.5px}
.hs27 .ta-stok b{color:#FFB3A0;font-weight:800;white-space:nowrap}
.hs27 .ta-meter{display:block;width:90px;height:5px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}
.hs27 .ta-meter u{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#E2593F,#E8A33D);transition:width .8s ease}
.hs27 .ta-sayac{font-size:12.5px;color:rgba(255,255,255,.8);font-weight:600;white-space:nowrap}
.hs27 .ta-sayac b{font-variant-numeric:tabular-nums;font-weight:800;color:#fff}
.hs27 .ta-sayac em{font-style:normal;opacity:.5}
/* --- Paket kartı: üstü çizili liste fiyatı --- */
.hs27 .pkg-old{font-size:12.5px;color:#b3a99a;text-decoration:line-through;font-weight:600;white-space:nowrap;display:block}
.hs27 .ks-track{position:relative;height:260vh}
.hs27 .ks-copy .kicker{display:inline-block;margin-bottom:8px}
.hs27 .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}
.hs27 .ks-dots{display:flex;gap:8px;margin-top:16px}
.hs27 .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)}
.hs27 .ks-dots.fly i{opacity:1;transform:none}
.hs27 .ks-dots.fly i:nth-child(1){transition-delay:.02s}
.hs27 .ks-dots.fly i:nth-child(2){transition-delay:.08s}
.hs27 .ks-dots.fly i:nth-child(3){transition-delay:.14s}
.hs27 .ks-dots.fly i:nth-child(4){transition-delay:.2s}
.hs27 .ks-dots.fly i:nth-child(5){transition-delay:.26s}
.hs27 .ks-dots.fly i:nth-child(6){transition-delay:.32s}
.hs27 .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))}
.hs27 .ks-img.on{opacity:1;transform:none}
@media(max-width:900px){.hs27 .ks-track{height:220vh}
.hs27 .ks-cap{font-size:12.8px;min-height:38px}}
.hs27 .tv-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.hs27 .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}
.hs27 .tv-strip button b{font-size:12px;font-weight:800;letter-spacing:.04em}
.hs27 .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}
.hs27 .tv-strip button small{font-size:9.6px;font-weight:700;color:#8a7f72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hs27 .tv-strip button.sel{border-color:var(--butter);background:#fff;box-shadow:0 10px 26px rgba(201,136,42,.16);transform:translateY(-2px)}
.hs27 .tv-strip button.tv-joker i{background:linear-gradient(135deg,#E2593F,#E8A33D 35%,#93A68C 65%,#1c1c1c);color:#fff}
@media(max-width:900px){.hs27 .tv-strip{order:2;grid-template-columns:repeat(7,minmax(64px,1fr));overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}}
.hs27 .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}
.hs27 .cs-frame>.cs-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.hs27 .cs-top{position:absolute;inset-block:0 0;inset-inline:0 auto;width:50%;overflow:hidden}
.hs27 .cs-top .cs-img{height:100%;aspect-ratio:auto;object-fit:cover;filter:grayscale(.92) sepia(.18) contrast(.82) brightness(.9)}
.hs27 .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)}
.hs27 .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}
@media(max-width:640px){.hs27 .cs-frame>.cs-img{aspect-ratio:4/3}}
/* --- 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)}}
.hs27 .tk-chip.pop,.hs27 .pkg-card.pop{animation:hsPop .45s cubic-bezier(.34,1.56,.64,1)}
.hs27 .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){.hs27 .tk-chip.pop,.hs27 .pkg-card.pop,.hs27 .pkg-save.save-flash{animation:none}}
/* --- 5. Fotoğraflı yorum kartları --- */
.hs27 .rev-card.has-photo{padding-top:0;overflow:hidden}
.hs27 .rev-card .rev-city{display:inline-block;margin-inline-start:auto;font-size:11px;font-weight:700;color:#8a7f72;white-space:nowrap}
.hs27 .rev-card figcaption{flex-wrap:wrap;gap:6px 10px}
/* --- 6. Masaüstü sticky üst teklif barı --- */
.hs27 .top-bar{position:fixed;inset-inline-start:0;inset-inline-end: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)}
.hs27 .top-bar.show{transform:none}
@media(max-width:900px){.hs27 .top-bar{display:none}}
/* 2) Kutu görselinin arkasına geometrik doku */
.hs27 .ks-stage .ks-img{z-index:2}

@keyframes ksdSpin{to{transform:rotate(360deg)}}

@keyframes ksdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
/* 3) Takvim günleri mobilde 2'li ızgara (Pazar jokeri tam satır) */
@media(max-width:900px){.hs27 .tv-strip{grid-template-columns:1fr 1fr;overflow:visible;padding-bottom:0}
  .hs27 .tv-strip button{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 14px}
  .hs27 .tv-strip button b{min-width:32px;text-align:start}
  .hs27 .tv-strip button small{font-size:11px;max-width:none}
  .hs27 .tv-strip button.tv-joker{grid-column:1/-1}}
/* poz geçişinde eski görüntü kesin gizlensin */
.hs27 .ks-img{visibility:hidden;transition:opacity .45s ease,transform .55s ease,visibility 0s linear .5s}
.hs27 .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ş) --- */
.hs27 .om-video{position:relative;height:210px;overflow:hidden}
.hs27 .om-video video{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.hs27 .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){.hs27 .om-video{height:170px}}
/* --- Güven kartı: efektli --- */
.hs27 .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}
.hs27 .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%)}}
.hs27 .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)}}
.hs27 .og-txt{flex:1;display:flex;flex-direction:column;line-height:1.25}
.hs27 .og-txt b{font-size:14.5px;font-weight:800}
.hs27 .og-txt small{font-size:11.5px;color:rgba(255,255,255,.85);margin-top:2px}
.hs27 .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)}}
/* --- WhatsApp sipariş butonu: efektli --- */
.hs27 .om-wa{position:relative;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}
.hs27 .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}
.hs27 .om-wa svg{width:22px;height:22px;animation:ogBounce 2.6s ease-in-out infinite}
.hs27 .om-wa:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(37,211,102,.5)}
@media(prefers-reduced-motion:reduce){.hs27 .om-guven2::after,.hs27 .om-wa::after,.hs27 .og-ico,.hs27 .og-check,.hs27 .om-wa svg{animation:none}}
/* --- Çıkış yakalama --- */
.hs27 .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}
.hs27 .exit-ov.open{opacity:1;visibility:visible;pointer-events:auto}
.hs27 .eo-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.35) saturate(1.1)}
.hs27 .eo-bg::after{content:"";position:absolute;inset:0;backdrop-filter:blur(6px)}
.hs27 .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)}
.hs27 .exit-ov.open .eo-panel{transform:none}
.hs27 .eo-close{position:absolute;top:12px;inset-inline-end:14px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(24,23,28,.07);font-size:19px;cursor:pointer;color:#18171C}
.hs27 .eo-kick{display:inline-block;padding:5px 14px;border-radius:99px;background:#E8A33D;color:#231400;font-size:12px;font-weight:800;letter-spacing:.04em}
.hs27 .eo-panel h3{margin:14px 0 10px;font-family:var(--serif);font-size:clamp(24px,5vw,31px);line-height:1.12;letter-spacing:-.02em}
.hs27 .eo-panel h3 em{color:#C9882A;font-style:italic}
.hs27 .eo-panel p{margin:0 0 14px;font-size:14px;line-height:1.6;color:#5c5148}
.hs27 .eo-panel .btn{width:100%;justify-content:center}
.hs27 .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}
.hs27 .eo-wa:hover{background:rgba(37,211,102,.08)}
.hs27 .eo-mini{display:block;margin-top:12px;font-size:10.5px;color:#a39685;line-height:1.4}
@media(prefers-reduced-motion:reduce){.hs27 .exit-ov,.hs27 .eo-panel{transition:none}}
/* --- Modal kapanış yakalama --- */
.hs27 .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}
.hs27 .mc-ov.open{opacity:1;visibility:visible;pointer-events:auto}
.hs27 .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)}
.hs27 .mc-ov.open .mc-panel{transform:none}
.hs27 .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)}}
.hs27 .mc-panel h3{margin:12px 0 10px;font-family:var(--serif);font-size:clamp(24px,5vw,30px);line-height:1.1;letter-spacing:-.02em}
.hs27 .mc-panel h3 em{color:#C9882A;font-style:italic}
.hs27 .mc-panel p{margin:0 0 13px;font-size:14px;line-height:1.6;color:#5c5148}
.hs27 .mc-panel .btn{width:100%;justify-content:center}
.hs27 .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){.hs27 .mc-gift{animation:none}
.hs27 .mc-ov,.hs27 .mc-panel{transition:none}}
.hs27 .eo-avantaj{position:relative;border:1.6px solid #C9882A;border-radius:14px;background:#fff;padding:15px 14px 11px;margin:6px 0 14px}
.hs27 .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}
.hs27 .eo-avantaj b{font-size:15px;color:#18171C}
.hs27 .eo-avantaj strong{font-size:19px;color:#C9882A;margin-inline-start:2px}
.hs27 .eo-avantaj small{display:block;margin-top:3px;color:#7d7466;font-size:12.5px}
.hs27 .eo-avantaj small s{opacity:.75}
.hs27 .eo-avantaj em{font-style:normal;font-weight:700;color:#3E7C4F}
/* ============ TAM PERFORMANS PAKETİ (Eylül 2026) ============ */

/* --- #2 Yapışkan bar: mini paket seçici --- */
.hs27 .floating-order{flex-direction:column;gap:9px;padding:10px 12px;cursor:default}
.hs27 .fo-chips{display:flex;gap:7px;width:100%}
.hs27 .fo-chips .tk-chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 4px;border:1.5px solid rgba(255,255,255,.22);border-radius:11px;background:rgba(255,255,255,.06);color:#fff;position:relative;transition:.2s}
.hs27 .fo-chips .tk-chip b{font-size:11.5px;font-weight:800}
.hs27 .fo-chips .tk-chip span{font-size:10.5px;color:#d7dcd2}
.hs27 .fo-chips .tk-chip em{position:absolute;top:-8px;inset-inline-end:6px;font-style:normal;font-size:7.5px;font-weight:800;letter-spacing:.04em;background:var(--butter,#F7C948);color:#18171C;padding:2px 6px;border-radius:99px}
.hs27 .fo-chips .tk-chip.sel{border-color:var(--butter,#F7C948);background:rgba(247,201,72,.16)}
.hs27 .fo-chips .tk-chip.sel span{color:#fff}
.hs27 .fo-main{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:none;border:0;color:#fff;padding:0;text-align:start}
.hs27 .fo-main>span{display:flex;flex-direction:column}
.hs27 .fo-main b{font-size:13px}
.hs27 .fo-main small{font-size:10px;color:#c8d1c4;margin-top:3px}
.hs27 .fo-main strong{background:var(--butter,#F7C948);color:#18171C;padding:13px 18px;border-radius:12px;font-size:12px;white-space:nowrap}
@media(max-width:700px){.hs27 .fo-main>span{display:none}
.hs27 .fo-main strong{width:100%;text-align:center;min-height:45px;display:grid;place-items:center}}
/* --- #4 Kargo zaman çizelgesi --- */
.hs27 .ship-steps{display:flex;align-items:stretch;justify-content:center;gap:10px;max-width:660px;margin:18px auto 6px;padding:16px 18px;background:#fff;border:1px solid rgba(36,50,31,.1);border-radius:18px;box-shadow:0 12px 32px rgba(67,50,36,.08)}
.hs27 .ss-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;min-width:0}
.hs27 .ss-step i{font-style:normal;font-size:21px;line-height:1}
.hs27 .ss-step b{font-size:13px;margin-top:3px}
.hs27 .ss-step small{font-size:11px;color:#75806f;line-height:1.3}
.hs27 .ss-line{flex:1;max-width:70px;height:2px;align-self:center;background:repeating-linear-gradient(90deg,#C9882A 0 6px,transparent 6px 11px);border-radius:2px}
.hs27 .ship-steps.ss-compact{margin:12px 16px 0;padding:11px 12px;box-shadow:none;border:1.5px dashed rgba(201,136,42,.45);background:#FBF6EA}
.hs27 .ss-compact .ss-step i{font-size:17px}
.hs27 .ss-compact .ss-step b{font-size:12px}
.hs27 .ss-compact .ss-step small{font-size:10px}
@media(max-width:700px){.hs27 .ship-steps{margin-inline:16px}}
/* --- #1 Canlı sipariş bildirimi --- */
.hs27 .lp-toast{position:fixed;inset-inline-start:14px;bottom:96px;z-index:60;display:flex;align-items:center;gap:10px;max-width:min(340px,calc(100vw - 28px));background:#fff;border:1px solid rgba(36,50,31,.12);border-inline-start:4px solid #4F7A2E;border-radius:14px;padding:11px 12px;box-shadow:0 16px 44px rgba(25,34,22,.22);opacity:0;transform:translateY(14px);transition:.3s}
.hs27 .lp-toast.show{opacity:1;transform:none}
.hs27 .lp-ico{font-size:20px;flex:none}
.hs27 .lp-txt{font-size:12.5px;line-height:1.45;color:#3d443a}
.hs27 .lp-txt b{color:#18171C}
.hs27 .lp-txt i{font-style:normal;color:#4F7A2E;font-weight:800}
.hs27 .lp-x{flex:none;border:0;background:none;font-size:17px;color:#9aa295;cursor:pointer;padding:2px}
/* --- #5 Beden sihirbazı 2. adım --- */
.hs27 .bh-step2{margin:10px 0 2px}
.hs27 .bh-step2>span{display:block;font-size:12.5px;font-weight:700;color:#6f6a60;margin-bottom:7px}
.hs27 .bh-fit button{border:1.5px solid rgba(24,23,28,.16);background:#fff;border-radius:99px;padding:8px 15px;font-size:12.5px;font-weight:700;transition:.18s}
.hs27 .bh-fit button.sel{background:#18171C;border-color:#18171C;color:#FFD9A0}
.hs27 .bh-result [data-bed-neden]{font-weight:400}
/* --- #7 Basit hesap kartı --- */
.hs27 .mal-zone{padding:26px 18px}
.hs27 .mal-kart{max-width:760px;margin:0 auto;background:#18171C;color:#fff;border-radius:26px;padding:30px 24px 24px;text-align:center;box-shadow:0 24px 60px rgba(25,34,22,.25)}
.hs27 .mal-kart .kicker{color:#FFD9A0}
.hs27 .mal-kart h2{font-family:var(--serif,Georgia),serif;font-size:clamp(26px,6vw,38px);margin:10px 0 20px;line-height:1.08}
.hs27 .mal-kart h2 em{color:#FFD9A0}
.hs27 .mal-grid{display:flex;align-items:stretch;justify-content:center;gap:12px}
.hs27 .mal-box{flex:1;max-width:250px;border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;gap:4px}
.hs27 .mal-box small{font-size:11px;opacity:.75;line-height:1.35}
.hs27 .mal-box strong{font-family:var(--serif,Georgia),serif;font-size:27px}
.hs27 .mal-box em{font-style:normal;font-size:11.5px;opacity:.85;line-height:1.4}
.hs27 .mal-eski{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.hs27 .mal-eski strong{color:#f0a9a0;text-decoration:line-through;text-decoration-thickness:2px}
.hs27 .mal-yeni{background:#FFD9A0;color:#18171C;border:1px solid #FFD9A0}
.hs27 .mal-vs{align-self:center;font-size:22px;color:#FFD9A0}
.hs27 .mal-not{margin:16px 0 0;font-size:13.5px;color:#d8dfd5}
.hs27 .mal-not b{color:#9CD67A;font-size:15px}
.hs27 .mal-not small{display:block;margin-top:5px;font-size:10.5px;opacity:.55}
@media(max-width:560px){.hs27 .mal-grid{flex-direction:column;align-items:center}
.hs27 .mal-box{max-width:none;width:100%}
.hs27 .mal-vs{transform:rotate(90deg)}}
/* --- #8 Modal mini-SSS --- */
.hs27 .om-sss{margin:12px 16px 0;border:1px solid rgba(36,50,31,.12);border-radius:14px;background:#fff;overflow:hidden}
.hs27 .om-sss details+details{border-top:1px solid rgba(36,50,31,.1)}
.hs27 .om-sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;font-size:13px;font-weight:700}
.hs27 .om-sss summary::-webkit-details-marker{display:none}
.hs27 .om-sss summary span{font-size:16px;font-weight:400;transition:.2s}
.hs27 .om-sss details[open] summary span{transform:rotate(45deg)}
.hs27 .om-sss p{margin:0;padding:0 14px 12px;font-size:12.5px;line-height:1.55;color:#5c5148}
/* --- #6 Parmakla renk gezdirme --- */
.hs27 .renk-swipe{max-width:640px;margin:0 auto 34px;padding:0 4px}
.hs27 .rs-stage{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 20px 50px rgba(67,50,36,.18);touch-action:pan-y;cursor:ew-resize}
.hs27 .rs-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .22s ease}
.hs27 .rs-stage img.on{opacity:1}
.hs27 .rs-label{position:absolute;top:16px;inset-inline-start:16px;z-index:3;background:rgba(20,17,12,.55);backdrop-filter:blur(5px);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.05em;padding:8px 14px;border-radius:99px}

@keyframes rsHint{0%,100%{transform:translateX(-50%)}50%{transform:translateX(calc(-50% + 7px))}}
.hs27 .rs-dots{display:flex;justify-content:center;gap:8px;margin-top:13px}
.hs27 .rs-dots i{width:12px;height:12px;border-radius:50%;background:var(--rc);opacity:.4;transition:.2s;border:2px solid transparent}
.hs27 .rs-dots i.on{opacity:1;transform:scale(1.25);border-color:#18171C}
/* --- #10 A/B varyant B: toplam fiyat önde --- */

/* --- #11 Exit popup: WhatsApp birincil --- */
.hs27 .eo-wa-buyuk{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0 0 10px;padding:15px 16px;border:0;border-radius:14px;background:linear-gradient(120deg,#2EB85C,#1F9C4C);color:#fff;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 10px 26px rgba(31,156,76,.35);animation:eoWaPulse 2.4s ease-in-out infinite;transition:.2s}
.hs27 .eo-wa-buyuk:hover{transform:translateY(-1px);filter:brightness(1.06)}

@keyframes eoWaPulse{0%,100%{box-shadow:0 10px 26px rgba(31,156,76,.35)}55%{box-shadow:0 10px 26px rgba(31,156,76,.35),0 0 0 10px rgba(46,184,92,0)}}
@media(prefers-reduced-motion:reduce){.hs27 .eo-wa-buyuk{animation:none}}
/* --- WhatsApp hızlı sipariş formu --- */
.hs27 .wa-ov{position:fixed;inset:0;z-index:10080;display:flex;align-items:flex-end;justify-content:center;background:rgba(24,23,28,.55);backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease}
.hs27 .wa-ov.open{opacity:1;visibility:visible;pointer-events:auto}
.hs27 .wa-panel{position:relative;width:100%;max-width:520px;max-height:92vh;max-height:92dvh;overflow:auto;background:#FFFBF2;border-radius:24px 24px 0 0;padding:24px 20px 18px;box-shadow:0 -20px 60px rgba(20,15,8,.35);transform:translateY(46px);transition:transform .32s cubic-bezier(.32,1.2,.5,1)}
.hs27 .wa-ov.open .wa-panel{transform:none}
@media(min-width:701px){.hs27 .wa-ov{align-items:center;padding:20px}
.hs27 .wa-panel{border-radius:24px}}
.hs27 .wa-panel h3{margin:10px 0 8px;font-family:var(--serif,Georgia),serif;font-size:clamp(22px,5vw,27px);line-height:1.12;letter-spacing:-.02em}
.hs27 .wa-panel h3 em{color:#1F9C4C;font-style:italic}
.hs27 .wa-ozet{margin:0 0 14px;padding:9px 12px;border-radius:11px;background:#EFF7EA;border:1px solid rgba(31,156,76,.25);font-size:12.8px;font-weight:700;color:#1c5c34}
.hs27 .wa-form{display:flex;flex-direction:column;gap:10px}
.hs27 .wf-row{display:flex;gap:10px}
.hs27 .wf-row .wf-alan{flex:1}
.hs27 .wf-alan{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6f6a60}
.hs27 .wf-alan input,.hs27 .wf-alan textarea{width:100%;border:1.6px solid rgba(24,23,28,.16);border-radius:11px;background:#fff;padding:11px 12px;font:inherit;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0;color:#18171C;transition:border-color .18s}
.hs27 .wf-alan input:focus,.hs27 .wf-alan textarea:focus{outline:none;border-color:#1F9C4C;box-shadow:0 0 0 3px rgba(31,156,76,.13)}
.hs27 .wf-alan textarea{resize:vertical;min-height:56px}
.hs27 .wf-eksik{border-color:#C64B33 !important;box-shadow:0 0 0 3px rgba(198,75,51,.12)}
.hs27 .wf-beden{display:flex;flex-direction:column;gap:6px;border-radius:12px}
.hs27 .wf-beden>span{font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6f6a60}
.hs27 .wf-beden.wf-eksik{outline:2px solid #C64B33;outline-offset:4px;box-shadow:none;border-color:transparent !important}
.hs27 .wf-bedenler{display:flex;gap:8px}
.hs27 .wf-bedenler button{flex:1;padding:11px 0;border:1.6px solid rgba(24,23,28,.16);border-radius:11px;background:#fff;font:inherit;font-size:14px;font-weight:800;transition:.18s}
.hs27 .wf-bedenler button.sel{background:#1F9C4C;border-color:#1F9C4C;color:#fff;box-shadow:0 6px 16px rgba(31,156,76,.3)}
.hs27 .wf-err{margin:0;font-size:12.5px;font-weight:700;color:#C64B33}
.hs27 .wa-gonder{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:2px;padding:15px 16px;border:0;border-radius:14px;background:linear-gradient(120deg,#2EB85C,#1F9C4C);color:#fff;font:inherit;font-weight:800;font-size:15.5px;cursor:pointer;box-shadow:0 10px 26px rgba(31,156,76,.35);transition:.2s}
.hs27 .wa-gonder:hover{transform:translateY(-1px);filter:brightness(1.06)}
.hs27 .wf-not{display:block;margin-top:2px;font-size:11px;line-height:1.5;color:#8a8478;text-align:center}
.hs27 .wa-panel .eo-close{position:absolute;top:12px;inset-inline-end:12px}
/* --- Modalda sabit (sticky) WhatsApp sipariş butonu --- */
.hs27 .om-wa-sabit{position:sticky;bottom:0;z-index:7;margin:14px 0 0;padding:12px 16px 14px;background:linear-gradient(180deg,rgba(255,251,242,0),#FFFBF2 42%)}
.hs27 .om-wa2{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:0;border-radius:16px;background:linear-gradient(120deg,#2EB85C,#1F9C4C);color:#fff;font:inherit;cursor:pointer;text-align:start;box-shadow:0 12px 30px rgba(31,156,76,.38);transition:.2s;animation:eoWaPulse 2.6s ease-in-out infinite}
.hs27 .om-wa2:hover{transform:translateY(-1px);filter:brightness(1.05)}
.hs27 .ow-logo{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center}
.hs27 .ow-logo svg{width:22px;height:22px;fill:currentColor}
.hs27 .ow-txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.hs27 .ow-txt b{font-size:14.5px;font-weight:800;line-height:1.25}
.hs27 .ow-txt small{font-size:11px;opacity:.88}
.hs27 .ow-ok{margin-inline-start:auto;font-size:19px;font-weight:800;opacity:.9}
@media(prefers-reduced-motion:reduce){.hs27 .om-wa2{animation:none}}
/* --- WA formu: WhatsApp profil başlığı --- */
.hs27 .wa-panel{padding-top:0}
.hs27 .wa-head{display:flex;align-items:center;gap:11px;margin:0 -20px 0;padding:13px 14px 12px 16px;background:linear-gradient(120deg,#075E54,#0B7A63);border-radius:24px 24px 0 0;position:sticky;top:0;z-index:8}
.hs27 .wh-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.28)}
.hs27 .wh-info{display:flex;flex-direction:column;gap:2px;min-width:0;color:#fff}
.hs27 .wh-info b{display:flex;align-items:center;gap:5px;font-size:15.5px;font-weight:800;line-height:1.2}
.hs27 .wh-tick{width:15px;height:15px;flex:none}
.hs27 .wh-info small{font-size:11.5px;color:rgba(255,255,255,.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs27 .wh-close{margin-inline-start:auto;flex:none;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:19px;line-height:1;cursor:pointer;transition:.18s}
.hs27 .wh-close:hover{background:rgba(255,255,255,.28)}
.hs27 .wa-chat{margin:0 -20px 14px;padding:12px 16px 13px;background:#EBE3D7 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" opacity="0.05"><circle cx="12" cy="14" r="5" fill="none" stroke="%23594f3e" stroke-width="1.4"/><path d="M55 20l7 4-7 4z" fill="none" stroke="%23594f3e" stroke-width="1.4"/><circle cx="74" cy="66" r="6" fill="none" stroke="%23594f3e" stroke-width="1.4"/><path d="M22 62c4-5 10-5 14 0" fill="none" stroke="%23594f3e" stroke-width="1.4"/></svg>')}
.hs27 .wc-bubble{position:relative;max-width:88%;margin:0;background:#fff;border-radius:3px 13px 13px 13px;padding:9px 12px 8px;font-size:13.5px;line-height:1.5;color:#24211c;box-shadow:0 1px 1.5px rgba(0,0,0,.1)}
.hs27 .wc-bubble::before{content:"";position:absolute;inset-inline-start:-7px;top:0;border:8px solid transparent;border-top-color:#fff;border-inline-end-color:#fff;border-inline-start-width:0}
.hs27 .wc-saat{display:inline-block;margin-inline-start:8px;font-size:10px;color:#9a938a;transform:translateY(1px)}
@media(max-width:700px){.hs27 .wa-head{border-radius:24px 24px 0 0}}
/* --- WhatsApp balonu: chipli yeni alt barın ÜSTÜNDE dursun --- */
@media(max-width:900px){.hs27 .wa-float{bottom:160px}}
@media(min-width:901px){.hs27 .wa-float{bottom:160px}}
@media(min-width:1100px){.hs27 .wa-float{bottom:82px}}
/* --- BÜYÜK İNDİRİM konsepti --- */
.hs27 .ind-pill{display:inline-flex;align-items:center;align-self:center;margin-inline-start:9px;padding:4px 9px;border-radius:9px;background:#C6402B;color:#fff;font-size:14px;font-weight:800;font-family:inherit;letter-spacing:.02em;transform:rotate(-3deg);box-shadow:0 6px 16px rgba(198,64,43,.35);animation:indPop 2.4s ease-in-out infinite}
.hs27 .ind-pill[hidden]{display:none}
.hs27 .ind-pill-kucuk{font-size:11px;padding:3px 7px;margin-inline-start:0;margin-inline-end:6px}

@keyframes indPop{0%,100%{transform:rotate(-3deg) scale(1)}50%{transform:rotate(-3deg) scale(1.08)}}
.hs27 .ind-serit{overflow:hidden;background:linear-gradient(100deg,#C6402B,#A93322);transform:rotate(-1.2deg) scale(1.03);margin:16px -10px 18px;box-shadow:0 12px 32px rgba(198,64,43,.28)}
.hs27 .is-track{display:flex;gap:18px;align-items:center;white-space:nowrap;padding:11px 0;color:#FFE9CF;font-weight:800;font-size:13px;letter-spacing:.13em;width:max-content;animation:indKay 20s linear infinite}
.hs27 .is-track i{font-style:normal;opacity:.65;color:#F3C46F}

@keyframes indKay{to{transform:translateX(50%)}}
.hs27 .pkg-ind{display:inline-block;align-self:flex-end;padding:2px 7px;border-radius:7px;background:#FCE8E1;color:#B5462F;font-size:10px;font-weight:800;letter-spacing:.04em;margin-bottom:2px}
@media(prefers-reduced-motion:reduce){.hs27 .is-track,.hs27 .ind-pill{animation:none}}
/* --- Revize: WA butonu sabit degil,sipariş butonunun altında --- */
.hs27 .om-wa-sabit{position:static;margin:10px 0 0;padding:0;background:none}
/* --- Revize: toplam satırındaki indirim pili düz ve okunur --- */
.hs27 .pt-sag .ind-pill{transform:none;animation:none;font-size:12px;font-weight:800;padding:4px 8px;margin:0 7px 0 0;border-radius:8px;background:#C6402B;color:#fff;line-height:1;white-space:nowrap;box-shadow:none}
/* --- WA formu: adet (paket) çipleri --- */
.hs27 .wf-paket{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.hs27 .wf-paket>span{font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6f6a60}
.hs27 .wf-paketler{display:flex;gap:8px}
.hs27 .wf-paketler [data-wf-pkt]{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 9px;border:1.6px solid rgba(24,23,28,.16);border-radius:12px;background:#fff;font:inherit;cursor:pointer;transition:.18s}
.hs27 .wf-paketler [data-wf-pkt] b{font-size:14px;font-weight:800;line-height:1.1}
.hs27 .wf-paketler [data-wf-pkt] small{font-size:12px;font-weight:700;color:#6f6a60}
.hs27 .wf-paketler .wfp-ind{position:absolute;top:-8px;inset-inline-end:-4px;background:#C6402B;color:#fff;font-style:normal;font-size:10px;font-weight:800;padding:2px 6px;border-radius:8px;box-shadow:0 4px 10px rgba(198,64,43,.3)}
.hs27 .wf-paketler .wfp-best{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);background:#18171C;color:#F7C948;font-style:normal;font-size:8.5px;font-weight:800;letter-spacing:.03em;padding:2px 7px;border-radius:7px;white-space:nowrap}
.hs27 .wf-paketler [data-wf-pkt].sel{background:#EFF7EA;border-color:#1F9C4C;box-shadow:0 6px 16px rgba(31,156,76,.25)}
.hs27 .wf-paketler [data-wf-pkt].sel b{color:#1c5c34}
.hs27 .wf-paketler [data-wf-pkt].sel small{color:#1c5c34}
/* ==== hs26.css sipariş modalı bileşenleri (hs27 adıyla) ==== */
@keyframes hsx-topMarquee{to{transform:translateX(50%)}}
@keyframes hsx-sectionMarquee{to{transform:translateX(50%)}}
@keyframes hsx-campaignPulse{50%{transform:scale(.72);opacity:.65}}

@keyframes hsx-ugScroll{to{transform:translate3d(calc(-50% - 7px),0,0)}}

  @keyframes hsx-ugScroll{to{transform:translate3d(calc(-50% - 5px),0,0)}}

@keyframes hsx-ugScroll{to{transform:translate3d(calc(-50% - (var(--tile-gap) / 2)),0,0)}}

@keyframes hsx-fxScroll{to{transform:translateX(calc(50% + 7px))}}

@keyframes hsx-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)}}

@keyframes hsx-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)}}

  @keyframes hsFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}

@keyframes rkPulse{50%{box-shadow:0 0 0 6px rgba(232,163,61,.25)}}

  @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)}}

@keyframes hsRsHint{0%,100%{transform:translateX(-50%)}50%{transform:translateX(calc(-50% + 7px))}}

@keyframes hsEoWaPulse{0%,100%{box-shadow:0 10px 26px rgba(31,156,76,.35)}55%{box-shadow:0 10px 26px rgba(31,156,76,.35),0 0 0 10px rgba(46,184,92,0)}}

@keyframes hsBdFlash{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 3px rgba(232,163,61,.65)}}

@keyframes hsBuyShine{0%,52%{inset-inline-start:-80%}100%{inset-inline-start:140%}}

@keyframes hsBuyPulse{0%,100%{box-shadow:0 10px 28px rgba(232,163,61,.42)}55%{box-shadow:0 10px 28px rgba(232,163,61,.42),0 0 0 10px rgba(232,163,61,0)}}

@keyframes hsIndPop{0%,100%{transform:rotate(-3deg) scale(1)}50%{transform:rotate(-3deg) scale(1.08)}}

@keyframes hsIndKay{to{transform:translateX(50%)}}

@keyframes hsOkNudge{0%,100%{transform:translateX(0)}55%{transform:translateX(-4px)}}

@keyframes kvZipla{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

@keyframes buyVurgu{0%,100%{box-shadow:0 10px 28px rgba(232,163,61,.42)}50%{box-shadow:0 0 0 8px rgba(31,156,76,.45)}}
.hs27 .floating-order{position:fixed;left:50%;bottom:18px;transform:translate(-50%,120px);width:min(710px,calc(100% - 32px));z-index:35;border:0;border-radius:18px;background:var(--ink);color:#fff;padding:12px 15px 12px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 18px 50px rgba(25,34,22,.3);transition:.35s}
.hs27 .floating-order.show{transform:translate(-50%,0)}
.hs27 .floating-order>span{display:flex;flex-direction:column;text-align:start}
.hs27 .floating-order b{font-size:13px}
.hs27 .floating-order small{font-size:10px;color:#c8d1c4;margin-top:3px}
.hs27 .floating-order strong{background:var(--butter);color:var(--ink);padding:13px 18px;border-radius:12px;font-size:12px}
.hs27 .modal{position:fixed;inset:0;background:rgba(24,33,21,.72);backdrop-filter:blur(9px);z-index:100;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.25s}
.hs27 .modal.open{opacity:1;visibility:visible}
.hs27 .modal-panel{width:min(760px,100%);max-height:92vh;overflow:auto;background:var(--paper);border-radius:28px;box-shadow:var(--shadow);transform:translateY(18px);transition:.25s}
.hs27 .modal.open .modal-panel{transform:none}
.hs27 .modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line)}
.hs27 .modal-head span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--leaf);font-weight:700}
.hs27 .modal-head h2{font-family:var(--serif);font-size:28px;margin:3px 0 0}
.hs27 .modal-close{width:42px;height:42px;border:0;border-radius:50%;background:var(--cream);font-size:27px}
@media(max-width:700px){.hs27 .floating-order{bottom:10px;padding:9px 9px 9px 14px}
.hs27 .floating-order strong{padding:12px 10px;font-size:10px}}
@media(max-width:700px){.hs27 .floating-order>span{display:none}
.hs27 .floating-order strong{width:100%;font-size:13px;min-height:45px;display:grid;place-items:center}
.hs27 .modal{padding:8px}
.hs27 .modal-panel{border-radius:20px;max-height:96vh}
.hs27 .modal-head{padding:17px}
.hs27 .modal-head h2{font-size:23px}}
.hs27 .btn:active,.hs27 .floating-order:active{transform:translateY(1px)}
@media(max-width:700px){.hs27 .floating-order.show~.back-to-top.show{bottom:76px}}
.hs27 .pkg-head{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf)}
.hs27 .pkg-list{display:flex;flex-direction:column;gap:11px}
.hs27 .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:start;width:100%;font:inherit;color:inherit;transition:border-color .2s,box-shadow .2s,transform .15s;-webkit-tap-highlight-color:transparent}
.hs27 .pkg-card:hover{border-color:rgba(82,124,69,.5)}
.hs27 .pkg-card.sel{border-color:var(--leaf);box-shadow:0 0 0 3px rgba(82,124,69,.14)}
.hs27 .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}
.hs27 .pkg-card.sel .pkg-tick{border-color:var(--leaf);background:var(--leaf)}
.hs27 .pkg-card.sel .pkg-tick:after{content:"";position:absolute;inset-inline-start:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.hs27 .pkg-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.hs27 .pkg-name{font-family:var(--serif);font-size:19px;line-height:1.15}
.hs27 .pkg-meta{font-size:12.5px;color:#5f6a5b;line-height:1.4}
.hs27 .pkg-meta b{color:var(--ink)}
.hs27 .pkg-save{color:#4F7A2E!important;font-weight:800!important}
.hs27 .pkg-right{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:end}
.hs27 .pkg-price{font-family:var(--serif);font-size:22px;line-height:1;white-space:nowrap}
.hs27 .pkg-ship{font-size:11px;font-weight:700;color:#7b856f;white-space:nowrap}
.hs27 .pkg-ship.free{color:#4F7A2E}
.hs27 .pkg-flag{position:absolute;top:-10px;inset-inline-end: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)}
.hs27 .pkg-flag.v{background:var(--leaf);color:#fff}
.hs27 .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)}
.hs27 .pkg-total span{font-size:13px;font-weight:700;color:#5f6a5b}
.hs27 .pkg-total strong{font-family:var(--serif);font-size:27px;line-height:1}
.hs27 .campaign-main .pkg-head{color:var(--lime)}
.hs27 .campaign-main .pkg-card{background:rgba(255,250,240,.05);border-color:rgba(220,236,162,.22);color:#fff}
.hs27 .campaign-main .pkg-card:hover{border-color:rgba(220,236,162,.5)}
.hs27 .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)}
.hs27 .campaign-main .pkg-tick{border-color:rgba(220,236,162,.45)}
.hs27 .campaign-main .pkg-card.sel .pkg-tick{border-color:var(--lime);background:var(--lime)}
.hs27 .campaign-main .pkg-card.sel .pkg-tick:after{border-color:var(--deep)}
.hs27 .campaign-main .pkg-meta{color:#c3cebf}
.hs27 .campaign-main .pkg-meta b{color:#fff}
.hs27 .campaign-main .pkg-save{color:var(--lime)!important}
.hs27 .campaign-main .pkg-ship{color:#a8b4a4}
.hs27 .campaign-main .pkg-ship.free{color:var(--lime)}
.hs27 .campaign-main .pkg-total{border-top-color:rgba(220,236,162,.28)}
.hs27 .campaign-main .pkg-total span{color:#cdd8c9}
.hs27 .modal-pkg .pkg-total{margin-bottom:4px}
@media(max-width:700px){.hs27 .pkg-card{padding:14px 13px;gap:11px;border-radius:16px}
.hs27 .pkg-name{font-size:18px}
.hs27 .pkg-meta{font-size:12px}
.hs27 .pkg-price{font-size:20px}
.hs27 .pkg-total strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.hs27 .pkg-card,.hs27 .wa-float{transition:none}}
@media(max-width:700px){.hs27 .campaign-main .pkg-wrap{margin-top:18px;display:block}}
.hs27 .beden-zone,.hs27 .risk-zone,.hs27 .faq,.hs27 .section-pad{padding-top:var(--sec-y)!important;
  padding-bottom:var(--sec-y)!important;}
.hs27 .modal{position:fixed;inset:0;background:rgba(28,23,15,.72);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:10050;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.25s}
.hs27 .modal.open{opacity:1;visibility:visible}
.hs27 .modal-panel{width:min(520px,100%);max-height:92vh;overflow:auto;-webkit-overflow-scrolling:touch;background:#FFFBF2;border-radius:28px;transform:translateY(18px);transition:.25s}
.hs27 .modal.open .modal-panel{transform:none}
.hs27 .modal-body{padding:0 26px 24px}
.hs27 .modal-hero{display:flex;align-items:center;gap:13px;padding:22px 26px 18px}
.hs27 .modal-hero img{width:66px;height:66px;flex:0 0 auto;object-fit:contain;border-radius:14px;background:#5C7A3E}
.hs27 .modal-hero strong{display:block;font-family:var(--serif);font-size:18px;line-height:1.2}
.hs27 .modal-hero small{display:block;font-size:12px;color:#7a7264;margin-top:3px}
@media(max-width:700px){.hs27 .modal{padding:10px;align-items:flex-end}
.hs27 .modal-panel{max-width:100%;max-height:94vh;border-radius:22px}
.hs27 .modal-hero{padding:18px 16px 14px}
.hs27 .modal-body{padding:0 16px 18px}}
.hs27 .beden-wrap{margin-top:18px}
.hs27 .bd-hint{font-weight:600;font-size:12px;opacity:.7;margin-inline-start:4px}
.hs27 .beden-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.hs27 .beden-btn{min-width:56px;padding:12px 16px;border:2px solid currentColor;border-radius:12px;font-weight:800;font-size:15px;background:transparent;color:inherit;opacity:.55;cursor:pointer;transition:.18s;-webkit-tap-highlight-color:transparent}
.hs27 .beden-btn:hover{opacity:.85}
.hs27 .beden-btn.sel{opacity:1;border-color:#E8A33D;background:#E8A33D;color:#1a1200;box-shadow:0 4px 14px rgba(232,163,61,.4)}
.hs27 .pkg-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.hs27 .pkg-card.sel{transform:scale(1.018);box-shadow:0 14px 36px rgba(201,136,42,.2);border-color:var(--butter)!important}
.hs27 .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)}
.hs27 .pkg-save{color:#1e7c3c!important}
.hs27 .floating-order{transition:transform .35s cubic-bezier(.34,1.4,.64,1),opacity .3s}
.hs27 .price-now,.hs27 [data-hero-price],.hs27 .pkg-price,.hs27 [data-pkg-total]{font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.wa-tip{position:fixed;inset-inline-end: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-inline-start:8px;font-weight:800;color:#8a8478}
@media (max-width:760px){.wa-tip{inset-inline-end:78px;bottom:24px}}
.hs27 .price-flash{color:#C9882A!important;transition:color .2s}
.hs27 .floating-order{flex-direction:column;gap:9px;padding:10px 12px;cursor:default}
.hs27 .om-sss{margin:12px 0 0;border:1px solid rgba(36,50,31,.12);border-radius:14px;background:#fff;overflow:hidden}
.hs27 .om-sss details+details{border-top:1px solid rgba(36,50,31,.1)}
.hs27 .om-sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;font-size:13px;font-weight:700}
.hs27 .om-sss summary::-webkit-details-marker{display:none}
.hs27 .om-sss summary span{font-size:16px;font-weight:400;transition:.2s}
.hs27 .om-sss details[open] summary span{transform:rotate(45deg)}
.hs27 .om-sss p{margin:0;padding:0 14px 12px;font-size:12.5px;line-height:1.55;color:#5c5148}
.hs27 .om-stok{margin:10px 0 0;text-align:center;font-size:12.5px;font-weight:700;color:#B5462F}
.hs27 .pt-sag{display:flex;align-items:baseline;gap:8px}
.hs27 .pt-old{opacity:.5;font-size:13.5px}
.hs27 .hs27-buy.need-beden{background:#fff;color:var(--ink);border:2px dashed rgba(201,136,42,.75);box-shadow:none}
.hs27 .beden-wrap.bd-flash{animation:hsBdFlash .8s ease 2}
.hs27 .beden-wrap{border-radius:14px}
.hs27 .wf-beden{display:flex;flex-direction:column;gap:6px;border-radius:12px}
.hs27 .wf-beden>span{font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6f6a60}
.hs27 .wf-beden.wf-eksik{outline:2px solid #C64B33;outline-offset:4px;box-shadow:none;border-color:transparent !important}
.hs27 .wf-bedenler{display:flex;gap:8px}
.hs27 .wf-bedenler button{flex:1;padding:11px 0;border:1.6px solid rgba(24,23,28,.16);border-radius:11px;background:#fff;font:inherit;font-size:14px;font-weight:800;transition:.18s}
.hs27 .wf-bedenler button.sel{background:#1F9C4C;border-color:#1F9C4C;color:#fff;box-shadow:0 6px 16px rgba(31,156,76,.3)}
.hs27 .om-wa-sabit{position:sticky;bottom:0;z-index:7;margin:14px -16px 0;padding:12px 16px 14px;background:linear-gradient(180deg,rgba(255,251,242,0),#FFFBF2 42%)}
@media(min-width:701px){.hs27 .om-wa-sabit{margin-inline:-26px;padding-inline:26px}}
.hs27 .om-wa2{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:0;border-radius:16px;background:linear-gradient(120deg,#2EB85C,#1F9C4C);color:#fff;font:inherit;cursor:pointer;text-align:start;box-shadow:0 12px 30px rgba(31,156,76,.38);transition:.2s;animation:hsEoWaPulse 2.6s ease-in-out infinite}
.hs27 .om-wa2:hover{transform:translateY(-1px);filter:brightness(1.05)}
@media(prefers-reduced-motion:reduce){.hs27 .om-wa2{animation:none}}
.hs27 .hs27-buy{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;overflow:hidden;padding:15px 14px;line-height:1.2}
.hs27 .hs27-buy b{font-size:clamp(13.5px,4.1vw,16.5px);font-weight:900;letter-spacing:.035em;white-space:nowrap;max-width:100%}
.hs27 .hs27-buy small{font-size:11.5px;font-weight:700;opacity:.82;letter-spacing:.01em;white-space:nowrap;max-width:100%}
.hs27 .hs27-buy:not(:disabled){animation:hsBuyPulse 2.3s ease-in-out infinite}
.hs27 .hs27-buy:not(:disabled)::after{content:"";position:absolute;top:-4px;bottom:-4px;inset-inline-start:-80%;width:50%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:hsBuyShine 3.4s ease-in-out infinite;pointer-events:none}
.hs27 .hs27-buy.need-beden{background:var(--butter);color:var(--ink);border:0;box-shadow:0 10px 28px rgba(232,163,61,.42)}
.hs27 .hs27-buy:disabled{animation:none;opacity:.55}
.hs27 .hs27-buy:disabled::after{display:none}
@media(prefers-reduced-motion:reduce){.hs27 .hs27-buy:not(:disabled),.hs27 .hs27-buy:not(:disabled)::after{animation:none}}
.hs27 .pkg-ind{display:inline-block;align-self:flex-end;padding:2px 7px;border-radius:7px;background:#FCE8E1;color:#B5462F;font-size:10px;font-weight:800;letter-spacing:.04em;margin-bottom:2px}
.hs27 .om-wa-sabit{position:static;margin:10px 0 0;padding:0;background:none}
.hs27 .pt-sag .ind-pill{transform:none;animation:none;font-size:12px;font-weight:800;padding:4px 8px;margin:0 7px 0 0;border-radius:8px;background:#C6402B;color:#fff;line-height:1;white-space:nowrap;box-shadow:none}
@media(max-width:380px){.hs27 .hs27-buy b{font-size:13px}}
.hs27 .pkg-card{overflow:visible}
.hs27 .pkg-hediye{position:absolute;top:-9px;inset-inline-end:10px;background:linear-gradient(100deg,#1F9C4C,#177A3B);color:#fff;font-size:10.5px;font-weight:900;letter-spacing:.04em;padding:3px 9px;border-radius:9px;box-shadow:0 6px 14px rgba(31,156,76,.35);transform:rotate(2deg);z-index:2}
.hs27 .pkg-card:has(.pkg-flag) .pkg-hediye{inset-inline-end:auto;inset-inline-start:14px;transform:rotate(-2deg)}
.hs27 .pkg-birim2{display:block;font-size:11px;font-weight:700;color:#6f6a60;margin-top:2px}
.hs27 .beden-wrap{display:flex;flex-direction:column;background:#FFF6E3;border:2px solid rgba(232,163,61,.55);border-radius:18px;padding:16px 14px 14px;box-shadow:0 10px 26px rgba(201,136,42,.14);margin:14px 0}
.hs27 .beden-wrap .pkg-head{order:1;font-size:15px;font-weight:900;letter-spacing:.05em;display:flex;align-items:center;gap:7px;margin:0 0 10px}
.hs27 .beden-wrap .pkg-head::before{content:"📏"}
.hs27 .beden-wrap .beden-list{order:2;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.hs27 .beden-btn{min-height:54px;font-size:17px;font-weight:900;border:2px solid rgba(24,23,28,.22);border-radius:14px;background:#fff;transition:.15s}
.hs27 .beden-btn.sel{background:#E8A33D;border-color:#C9882A;color:#241503;box-shadow:0 8px 20px rgba(232,163,61,.4);transform:scale(1.04)}
.hs27 .beden-wrap .bed-helper{order:3;margin-top:12px;margin-bottom:0}
.hs27 .hs27-buy.buy-vurgu{animation:buyVurgu .65s ease-in-out 2}
.hs27 .campaign-actions>.btn{width:100%}
.hs27 .order-card{margin-top:14px;border-radius:16px;padding:15px 16px 13px}
.hs27 .oc-steps{display:flex;align-items:stretch;gap:10px}
.hs27 .oc-step{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.hs27 .oc-num{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.hs27 .oc-txt{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.hs27 .oc-txt b{font-size:13.5px;font-weight:700}
.hs27 .oc-txt small{font-size:11.5px}
.hs27 .oc-arrow{flex:none;align-self:center;font-size:16px}
.hs27 .oc-note{margin:13px 0 0;padding:11px 13px;border-radius:9px;font-size:12.7px;line-height:1.5}
.hs27 .oc-note b{font-weight:700}
.hs27 .oc-trust{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:11px;font-size:11.5px;font-weight:600}
.hs27 .campaign-actions .order-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.hs27 .campaign-actions .oc-num{background:rgba(255,255,255,.14);color:#fff}
.hs27 .campaign-actions .oc-step:first-child .oc-num{background:#E8A33D;color:#231400}
.hs27 .campaign-actions .oc-txt b{color:#fff}
.hs27 .campaign-actions .oc-txt small{color:rgba(255,255,255,.5)}
.hs27 .campaign-actions .oc-arrow{color:rgba(255,255,255,.35)}
.hs27 .campaign-actions .oc-note{background:rgba(232,163,61,.12);border-inline-start:3px solid #E8A33D;color:rgba(255,255,255,.85)}
.hs27 .campaign-actions .oc-note b{color:#fff}
.hs27 .campaign-actions .oc-trust{color:rgba(255,255,255,.68)}
.hs27 .modal-body .order-card{background:#fff;border:1px solid rgba(30,25,20,.12)}
.hs27 .modal-body .oc-num{background:rgba(30,25,20,.1);color:#231d16}
.hs27 .modal-body .oc-step:first-child .oc-num{background:#E8A33D;color:#231400}
.hs27 .modal-body .oc-txt b{color:#231d16}
.hs27 .modal-body .oc-txt small{color:#8a7f72}
.hs27 .modal-body .oc-arrow{color:#c9bdae}
.hs27 .modal-body .oc-note{background:rgba(232,163,61,.14);border-inline-start:3px solid #E8A33D;color:#5c5148}
.hs27 .modal-body .oc-note b{color:#231d16}
.hs27 .modal-body .oc-trust{color:#8a7f72}
@media (max-width:440px){.hs27 .oc-steps{flex-direction:column;align-items:stretch;gap:8px}
.hs27 .oc-arrow{align-self:flex-start;transform:rotate(90deg);margin-inline-start:7px}}
.hs27 .pkg-old{font-size:12.5px;color:#b3a99a;text-decoration:line-through;font-weight:600;white-space:nowrap}
.hs27 .pkg-kargo{margin:9px 0 0;text-align:center;font-size:12.3px;font-weight:700;color:#8a5b12}
.hs27 .modal-body .pkg-kargo{color:#8a5b12}
.hs27 .oc-risk{margin:10px 0 0;text-align:center;font-size:12.5px;font-weight:600;line-height:1.45}
.hs27 .campaign-actions .oc-risk{color:rgba(255,255,255,.82)}
.hs27 .campaign-actions .pkg-kargo{color:#F3C46F}
.hs27 .modal-body .oc-risk{color:#5c5148}
.hs27 .oc-mini{margin:11px 0 0;padding-top:10px;border-top:1px dashed rgba(30,25,20,.14);font-size:12px;line-height:1.5;color:#6b6155;font-style:italic}
.hs27 .mh-proof{color:#8a5b12;font-weight:700}
.hs27 .ed-copy .kicker{display:inline-block;margin-bottom:10px}
.hs27 .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;cursor:pointer;font:inherit;transition:.2s}
.hs27 .tk-chip b{font-size:15px;font-weight:800}
.hs27 .tk-chip span{font-size:12px;color:rgba(255,255,255,.65)}
.hs27 .tk-chip em{position:absolute;top:-9px;inset-inline-end:10px;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.05em;padding:2px 8px;border-radius:99px;background:#E8A33D;color:#231400}
.hs27 .tk-chip.sel{border-color:#E8A33D;background:rgba(232,163,61,.16);box-shadow:0 8px 22px rgba(232,163,61,.2)}
.hs27 .tk-sol>.btn{width:100%;justify-content:center}
.hs27 .tk-sol .pkg-kargo{color:#F3C46F}
.hs27 .ta-stok{display:flex;align-items:center;gap:10px;font-size:12.5px}
.hs27 .ta-stok b{color:#FFB3A0;font-weight:800;white-space:nowrap}
.hs27 .ta-meter{display:block;width:90px;height:5px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}
.hs27 .ta-meter u{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#E2593F,#E8A33D);transition:width .8s ease}
.hs27 .ta-sayac{font-size:12.5px;color:rgba(255,255,255,.8);font-weight:600;white-space:nowrap}
.hs27 .ta-sayac b{font-variant-numeric:tabular-nums;font-weight:800;color:#fff}
.hs27 .ta-sayac em{font-style:normal;opacity:.5}
.hs27 .tv-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.hs27 .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:#FAF6EF;cursor:pointer;font:inherit;transition:.2s;min-width:0}
.hs27 .tv-strip button b{font-size:12px;font-weight:800;letter-spacing:.04em}
.hs27 .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;color:#fff}
.hs27 .tv-strip button small{font-size:9.6px;font-weight:700;color:#8a7f72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hs27 .tv-strip button.sel{border-color:#E8A33D;background:#fff;box-shadow:0 10px 26px rgba(201,136,42,.16);transform:translateY(-2px)}
.hs27 .tv-strip button.tv-joker i{background:linear-gradient(135deg,#E2593F,#E8A33D 35%,#93A68C 65%,#1c1c1c)}
@media(max-width:900px){.hs27 .tv-strip{order:2;grid-template-columns:1fr 1fr}
.hs27 .tv-strip button{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 14px}
.hs27 .tv-strip button b{min-width:32px;text-align:start}
.hs27 .tv-strip button small{font-size:11px;max-width:none}
.hs27 .tv-strip button.tv-joker{grid-column:1/-1}}
.hs27 .ks-track{position:relative}
.hs27 .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}
.hs27 .ks-dots{display:flex;gap:8px;margin-top:16px}
.hs27 .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)}
.hs27 .ks-dots.fly i{opacity:1;transform:none}
.hs27 .ks-dots.fly i:nth-child(2){transition-delay:.08s}
.hs27 .ks-dots.fly i:nth-child(3){transition-delay:.14s}
.hs27 .ks-dots.fly i:nth-child(4){transition-delay:.2s}
.hs27 .ks-dots.fly i:nth-child(5){transition-delay:.26s}
.hs27 .ks-dots.fly i:nth-child(6){transition-delay:.32s}

  @keyframes hsKsdSpin{to{transform:rotate(360deg)}}

  @keyframes hsKsdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.hs27 .ks-img{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden;transform:scale(.96) translateY(10px);transition:opacity .45s ease,transform .55s ease,visibility 0s linear .5s;filter:drop-shadow(0 30px 50px rgba(30,25,20,.22))}
.hs27 .ks-img.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease,transform .55s ease,visibility 0s}
@media(max-width:900px){.hs27 .ks-cap{font-size:12.8px;min-height:38px}}
.hs27 .cs-frame{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px rgba(30,25,20,.13);touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}
.hs27 .cs-frame>.cs-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.hs27 .cs-top{position:absolute;inset-block:0 0;inset-inline:0 auto;width:50%;overflow:hidden}
.hs27 .cs-top .cs-img{height:100%;aspect-ratio:auto;object-fit:cover;filter:grayscale(.92) sepia(.18) contrast(.82) brightness(.9)}
.hs27 .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)}
.hs27 .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:#18171C;box-shadow:0 8px 22px rgba(0,0,0,.3);font-weight:700}
@media(max-width:640px){.hs27 .cs-frame>.cs-img{aspect-ratio:4/3}}

  @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)}}
.hs27 .tk-chip.pop,.hs27 .pkg-card.pop{animation:hsPop .45s cubic-bezier(.34,1.56,.64,1)}
.hs27 .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){.hs27 .tk-chip.pop,.hs27 .pkg-card.pop,.hs27 .pkg-save.save-flash{animation:none}}
.hs27 .top-bar{position:fixed;inset-inline-start:0;inset-inline-end:0;top:0;z-index:9990;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)}
.hs27 .top-bar.show{transform:none}
@media(max-width:900px){.hs27 .top-bar{display:none}}
.hs27 .rev-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hs27 .rev-card{margin:0;background:#fff;border:1px solid rgba(24,23,28,.08);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(30,25,20,.06)}
.hs27 .rev-card.has-photo{padding-top:0;overflow:hidden}
.hs27 .rev-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.hs27 .rev-stars{color:#e0a020;letter-spacing:2px;font-size:14px}
.hs27 .rev-card blockquote{margin:0 0 12px;font-size:13.5px;line-height:1.6;color:#3c352d}
.hs27 .rev-card figcaption{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;font-weight:700}
.hs27 .rev-av{flex:none;width:30px;height:30px;border-radius:50%;background:#E8A33D;color:#231400;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.hs27 .rev-bought{display:block;font-size:10.5px;font-weight:600;color:#8a7f72}
.hs27 .rev-city{margin-inline-start:auto;font-size:11px;font-weight:700;color:#8a7f72;white-space:nowrap}
@media(max-width:900px){.hs27 .rev-grid{grid-template-columns:1fr}}
/* ===== Satın Al Dedirtme: modal video,WA,çıkış ===== */
  /* modal içi kompakt beden yardımcısı */
  .hs27 .om-bed{max-width:none;margin:8px 0 12px;padding:11px 12px 12px;border:1.5px dashed #E8A33D;border-radius:14px;background:#FBF6EA;text-align:center}
.hs27 .om-bed>span{font-size:13px;color:#3d3a34;font-weight:700;display:block}
.hs27 .om-bed .bh-chips{margin:9px 0 2px;gap:6px;display:flex;justify-content:center;flex-wrap:wrap}
.hs27 .om-bed .bh-chips button{padding:8px 13px;font-size:12.5px}
.hs27 .om-bed .bh-result{margin-top:7px;font-size:13px}
.hs27 .om-video{position:relative;height:210px;overflow:hidden}
.hs27 .om-video video,.hs27 .om-video img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.hs27 .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){.hs27 .om-video{height:170px}}
.hs27 .om-guven2{position:relative;display:flex;align-items:center;gap:12px;margin:12px 16px 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}
.hs27 .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:hsOgShine 3.4s ease-in-out infinite}

  @keyframes hsOgShine{0%,55%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
.hs27 .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:hsOgBounce 2.6s ease-in-out infinite}

  @keyframes hsOgBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.hs27 .og-txt{flex:1;display:flex;flex-direction:column;line-height:1.25}
.hs27 .og-txt b{font-size:14.5px;font-weight:800}
.hs27 .og-txt small{font-size:11.5px;color:rgba(255,255,255,.85);margin-top:2px}
.hs27 .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;animation:hsOgPulse 2s ease-out infinite}

  @keyframes hsOgPulse{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)}}
.hs27 .om-wa{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:12px;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}
.hs27 .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:hsOgShine 3.4s ease-in-out infinite;animation-delay:1.2s}
.hs27 .om-wa svg{width:22px;height:22px;animation:hsOgBounce 2.6s ease-in-out infinite}
.hs27 .om-wa:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(37,211,102,.5)}
@media(prefers-reduced-motion:reduce){.hs27 .om-guven2::after,.hs27 .om-wa::after,.hs27 .og-ico,.hs27 .og-check,.hs27 .om-wa svg{animation:none}}
.hs27 .exit-ov{position:fixed;inset:0;z-index:9995;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease}
.hs27 .exit-ov.open{visibility:visible;pointer-events:auto}
.hs27 .exit-ov.open{opacity:1}
.hs27 .eo-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.35) saturate(1.1)}
.hs27 .eo-bg::after{content:"";position:absolute;inset:0;backdrop-filter:blur(6px)}
.hs27 .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)}
.hs27 .exit-ov.open .eo-panel{transform:none}
.hs27 .eo-close{position:absolute;top:12px;inset-inline-end:14px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(24,23,28,.07);font-size:19px;cursor:pointer;color:#18171C}
.hs27 .eo-kick{display:inline-block;padding:5px 14px;border-radius:99px;background:#E8A33D;color:#231400;font-size:12px;font-weight:800;letter-spacing:.04em}
.hs27 .eo-panel h3{margin:14px 0 10px;font-family:var(--serif);font-size:clamp(24px,5vw,31px);line-height:1.12;letter-spacing:-.02em}
.hs27 .eo-panel h3 em{color:#C9882A;font-style:italic}
.hs27 .eo-panel p{margin:0 0 14px;font-size:14px;line-height:1.6;color:#5c5148}
.hs27 .eo-panel .btn{width:100%;justify-content:center}
.hs27 .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}
.hs27 .eo-wa:hover{background:rgba(37,211,102,.08)}
.hs27 .eo-avantaj{position:relative;border:1.6px solid #C9882A;border-radius:14px;background:#fff;padding:15px 14px 11px;margin:6px 0 14px}
.hs27 .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}
.hs27 .eo-avantaj b{font-size:15px;color:#18171C}
.hs27 .eo-avantaj strong{font-size:19px;color:#C9882A;margin-inline-start:2px}
.hs27 .eo-avantaj small{display:block;margin-top:3px;color:#7d7466;font-size:12.5px}
.hs27 .eo-avantaj small s{opacity:.75}
.hs27 .eo-avantaj em{font-style:normal;font-weight:700;color:#3E7C4F}
.hs27 .eo-mini{display:block;margin-top:12px;font-size:10.5px;color:#a39685;line-height:1.4}
.hs27 .nudge{margin:0 0 10px;padding:12px 14px;border-radius:13px;background:rgba(232,163,61,.14);border:1.5px dashed #E8A33D;font-size:13px;color:#231400}
.hs27 .campaign-actions .nudge,.hs27 .modal-body .nudge{color:inherit}
.hs27 .nudge b{font-weight:800}
.hs27 .nudge .ng-btns{display:flex;gap:8px;margin-top:9px}
.hs27 .nudge button{flex:1;padding:9px;border-radius:9px;border:0;font:inherit;font-weight:700;cursor:pointer}
.hs27 .nudge .ng-evet{background:#E8A33D;color:#231400}
.hs27 .nudge .ng-hayir{background:rgba(24,23,28,.08);color:#18171C}
.hs27 .modal-body .nudge{color:#3c352d}
.hs27 .mc-ov{position:fixed;inset:0;z-index:9996;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}
.hs27 .mc-ov.open{opacity:1;visibility:visible;pointer-events:auto}
.hs27 .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)}
.hs27 .mc-ov.open .mc-panel{transform:none}
.hs27 .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:hsMcWiggle 2.2s ease-in-out infinite}

  @keyframes hsMcWiggle{0%,100%{transform:translateX(-50%) rotate(0)}25%{transform:translateX(-50%) rotate(-9deg)}75%{transform:translateX(-50%) rotate(9deg)}}
.hs27 .mc-panel h3{margin:12px 0 10px;font-family:var(--serif);font-size:clamp(24px,5vw,30px);line-height:1.1;letter-spacing:-.02em}
.hs27 .mc-panel h3 em{color:#C9882A;font-style:italic}
.hs27 .mc-panel p{margin:0 0 13px;font-size:14px;line-height:1.6;color:#5c5148}
.hs27 .mc-panel .btn{width:100%;justify-content:center}
.hs27 .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){.hs27 .mc-gift{animation:none}
.hs27 .mc-ov,.hs27 .mc-panel{transition:none}}
/* Modal: iOS taşma düzeltmesi — başlık ve X her zaman görünür */
  .hs27 .modal-panel{max-height:92vh;max-height:92dvh;display:flex;flex-direction:column}
.hs27 .modal-head{position:sticky;top:0;z-index:6;background:#FFFBF2;flex:none;box-shadow:0 6px 18px rgba(28,23,15,.06)}
.hs27 .modal-body{flex:1 1 auto}
.hs27 .om-video,.hs27 .om-guven2,.hs27 .modal-hero{flex:none}
@media(max-width:700px){.hs27 .modal{padding:8px}
.hs27 .modal-panel{max-height:96vh;max-height:96dvh}}
/* WA formu: adet cipleri (liquid icine gomulu — CSS dosyasi guncel olmasa da calisir) */
.hs27 .wf-paket{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.hs27 .wf-paket>span{font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6f6a60}
.hs27 .wf-paketler{display:flex;gap:8px}
.hs27 .wf-paketler [data-wf-pkt]{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 9px;border:1.6px solid rgba(24,23,28,.16);border-radius:12px;background:#fff;font:inherit;cursor:pointer;transition:.18s}
.hs27 .wf-paketler [data-wf-pkt] b{font-size:14px;font-weight:800;line-height:1.1}
.hs27 .wf-paketler [data-wf-pkt] small{font-size:12px;font-weight:700;color:#6f6a60}
.hs27 .wf-paketler .wfp-ind{position:absolute;top:-8px;inset-inline-end:-4px;background:#C6402B;color:#fff;font-style:normal;font-size:10px;font-weight:800;padding:2px 6px;border-radius:8px;box-shadow:0 4px 10px rgba(198,64,43,.3)}
.hs27 .wf-paketler .wfp-best{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);background:#18171C;color:#F7C948;font-style:normal;font-size:8.5px;font-weight:800;letter-spacing:.03em;padding:2px 7px;border-radius:7px;white-space:nowrap}
.hs27 .wf-paketler [data-wf-pkt].sel{background:#EFF7EA;border-color:#1F9C4C;box-shadow:0 6px 16px rgba(31,156,76,.25)}
.hs27 .wf-paketler [data-wf-pkt].sel b,.hs27 .wf-paketler [data-wf-pkt].sel small{color:#1c5c34}
/* === HEDİYE KAMPANYASI (gömülü) === */
.hs27 .pkg-card{overflow:visible}
.hs27 .pkg-hediye{position:absolute;top:-9px;inset-inline-end:10px;background:linear-gradient(100deg,#1F9C4C,#177A3B);color:#fff;font-size:10.5px;font-weight:900;letter-spacing:.04em;padding:3px 9px;border-radius:9px;box-shadow:0 6px 14px rgba(31,156,76,.35);transform:rotate(2deg);z-index:2}
.hs27 .pkg-card:has(.pkg-flag) .pkg-hediye{inset-inline-end:auto;inset-inline-start:14px;transform:rotate(-2deg)}
.hs27 .pkg-birim2{display:block;font-size:11px;font-weight:700;color:#6f6a60;margin-top:2px}
.hs27 .ind-hediye{background:#1F9C4C;transform:rotate(-3deg)}
.hs27 .ind-pill[hidden],.hs27 [data-hero-gift][hidden],.hs27 [data-hero-old][hidden]{display:none!important}
.hs27 .wfp-gift{background:#1F9C4C;box-shadow:0 4px 10px rgba(31,156,76,.3)}
.hs27 .kutu-viz{display:flex;align-items:center;gap:3px;font-size:15px;margin:2px 0;line-height:1;flex-wrap:wrap;max-width:100%}
.hs27 .kutu-viz i,.hs27 .kutu-viz b{font-style:normal;display:inline-block}
.hs27 .kutu-viz b{animation:kvZipla 1.6s ease-in-out infinite}
.hs27 .kutu-viz b:nth-child(odd){animation-delay:.25s}
.hs27 .kutu-viz em{font-style:normal;font-size:9.5px;font-weight:900;color:#177A3B;background:#EFF7EA;border:1px solid rgba(31,156,76,.3);padding:2px 6px;border-radius:99px;margin-inline-start:2px;white-space:nowrap}

@keyframes kvZipla{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.hs27 .hs-satir{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px 7px;border-top:1px dashed rgba(24,23,28,.14);font-size:12.5px;font-weight:700;color:#514a3f}
.hs27 .hs-satir[hidden]{display:none}
.hs27 .hs-sifir{color:#177A3B;font-weight:900;font-size:13px}
.hs27 .yh-teklif{display:flex;align-items:center;gap:12px;width:100%;max-width:440px;margin:4px 0 14px;padding:13px 16px;border:0;border-radius:16px;background:linear-gradient(120deg,#1F9C4C,#177A3B);color:#fff;font:inherit;text-align:start;cursor:pointer;box-shadow:0 12px 30px rgba(31,156,76,.35);position:relative;overflow:hidden;transition:transform .18s}
.hs27 .yh-teklif:hover{transform:translateY(-2px)}
.hs27 .yh-teklif::after{content:"";position:absolute;top:-4px;bottom:-4px;inset-inline-start:-80%;width:46%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);animation:hsBuyShine 3.4s ease-in-out infinite;pointer-events:none}
.hs27 .yt-ikon{font-size:26px;line-height:1}
.hs27 .yt-metin{display:flex;flex-direction:column;gap:3px;min-width:0}
.hs27 .yt-metin b{font-size:14px;font-weight:900;letter-spacing:.03em;line-height:1.2}
.hs27 .yt-metin small{font-size:11.5px;opacity:.92;font-weight:700;line-height:1.3}
.hs27 .yt-ok{margin-inline-start:auto;font-style:normal;font-weight:900;font-size:19px;animation:hsOkNudge 1.5s ease-in-out infinite}
@media(max-width:380px){.hs27 .yt-metin b{font-size:12.8px}
.hs27 .yt-metin small{font-size:10.8px}}
@media(prefers-reduced-motion:reduce){.hs27 .kutu-viz b,.hs27 .yh-teklif::after,.hs27 .yt-ok{animation:none}}
/* === BEDEN SEÇ: belirgin kart tasarımı === */
.hs27 .beden-wrap{display:flex;flex-direction:column;background:#FFF6E3;border:2px solid rgba(232,163,61,.55);border-radius:18px;padding:16px 14px 14px;box-shadow:0 10px 26px rgba(201,136,42,.14);margin:14px 0}
.hs27 .beden-wrap .pkg-head{order:1;font-size:15px;font-weight:900;letter-spacing:.05em;display:flex;align-items:center;gap:7px;margin:0 0 10px}
.hs27 .beden-wrap .pkg-head::before{content:"📏"}
.hs27 .beden-wrap .beden-list{order:2;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.hs27 .beden-btn{min-height:54px;font-size:17px;font-weight:900;border:2px solid rgba(24,23,28,.22);border-radius:14px;background:#fff;transition:.15s}
.hs27 .beden-btn.sel{background:#E8A33D;border-color:#C9882A;color:#241503;box-shadow:0 8px 20px rgba(232,163,61,.4);transform:scale(1.04)}
.hs27 .beden-wrap .bed-helper{order:3;margin-top:12px;margin-bottom:0}
/* === HIZLI SECIM + buton vurgusu === */
.hs27 .hizli-secim{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;margin:0 0 12px;padding:12px 14px;border:2px dashed #C9882A;border-radius:14px;background:#FFF3D6;color:#241503;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-align:start;transition:.15s}
.hs27 .hizli-secim:hover{background:#FFECC0}
.hs27 .hizli-secim b{font-weight:900}
.hs27 .hizli-secim i{font-style:normal;color:#177A3B;font-weight:800}
.hs27 .hizli-secim em{font-style:normal;margin-inline-start:auto;background:#E8A33D;color:#241503;font-weight:900;font-size:12px;letter-spacing:.04em;padding:8px 12px;border-radius:10px;white-space:nowrap}
.hs27 .hizli-secim.secildi{background:#EFF7EA;border-color:#1F9C4C}
.hs27 .hs27-buy.buy-vurgu{animation:buyVurgu .65s ease-in-out 2}

@keyframes buyVurgu{0%,100%{box-shadow:0 10px 28px rgba(232,163,61,.42)}50%{box-shadow:0 0 0 8px rgba(31,156,76,.45)}}
/* ==== yeni.css (v3 kabuk) ==== */
/* ============================================================
   HELLO SLIM — YENİ YAPRAK v2 · Aydınlık premium editoryal
   Araştırma kuralları: bol beyaz alan,görsel altı metin,ilk
   ekranda sosyal kanıt,tek büyük CTA + dibinde güven kümesi,sade yüksek kontrast butonlar. (Meta/TikTok uyumlu.)
   style.css + enhance.css üzerine yüklenir.
   ============================================================ */

.hs27{--y-bg:#FAF6EF; --y-kart:#FFFFFF; --y-ink:#1F1B16; --y-soluk:#6B6357;
  --y-hardal:#E8A33D; --y-hardal2:#D9922C; --y-mercan:#C6402B;
  --y-cizgi:rgba(31,27,22,.1); --y-golge:0 16px 44px rgba(67,50,36,.1);}
/* ---- kabuk ---- */
.hs27{background:var(--y-bg);color:var(--y-ink)}
.hs27 main{background:var(--y-bg)}
.hs27{overflow-x:hidden;overflow-x:clip}
.hs27{overflow-x:hidden;overflow-x:clip}
/* ortak */
.hs27 .y-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:800;color:#A8741F}
.hs27 h2{font-family:var(--serif,var(--serif));letter-spacing:-.03em;color:var(--y-ink)}
.hs27 h2 em{color:#C9882A;font-style:italic}
/* buton: sade,büyük,yüksek kontrast (araştırma kuralı) */
.hs27 .y-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:16px;padding:18px 30px;min-height:58px;background:var(--y-hardal);color:#241503;font:inherit;font-size:16.5px;font-weight:800;cursor:pointer;box-shadow:0 10px 26px rgba(232,163,61,.35);transition:transform .18s,box-shadow .18s,background .18s}
.hs27 .y-cta:hover{transform:translateY(-2px);background:var(--y-hardal2);box-shadow:0 14px 34px rgba(232,163,61,.4)}
.hs27 .y-cta:active{transform:translateY(0)}
.hs27 .y-cta-kucuk{padding:14px 24px;min-height:48px;font-size:14.5px}
/* indirim pili: sakin,net,dönmeyen */
.hs27 .ind-pill{display:inline-flex;align-items:center;align-self:center;margin-inline-start:10px;padding:5px 10px;border-radius:9px;background:var(--y-mercan);color:#fff;font-size:14px;font-weight:800;letter-spacing:.02em;transform:none;animation:none;box-shadow:none;line-height:1}
/* ---- HERO: split editoryal ---- */
.hs27 .y-hero{padding:26px 18px 10px}
.hs27 .yh-kolon{max-width:1160px;margin:0 auto;display:flex;flex-direction:column-reverse;gap:22px}
.hs27 .yh-foto{position:relative}
.hs27 .yh-foto img{width:100%;aspect-ratio:1/1;max-height:54vh;object-fit:cover;object-position:center 30%;border-radius:26px;box-shadow:var(--y-golge);display:block}
.hs27 .yh-rozet{position:absolute;top:14px;inset-inline-end:14px;background:rgba(250,246,239,.92);backdrop-filter:blur(6px);color:var(--y-ink);font-size:10px;font-weight:800;letter-spacing:.12em;text-align:center;line-height:1.45;padding:9px 12px;border-radius:14px;box-shadow:0 8px 22px rgba(67,50,36,.18)}
.hs27 .yh-metin{padding:0 4px}
.hs27 .y-hero h1{font-family:var(--serif,var(--serif));font-size:clamp(42px,10.5vw,76px);line-height:1;letter-spacing:-.04em;margin:0 0 12px;color:var(--y-ink)}
.hs27 .y-hero h1 em{color:#C9882A;font-style:italic}
.hs27 .yh-alt{max-width:520px;font-size:16px;line-height:1.65;color:var(--y-soluk);margin:0 0 16px}
.hs27 .yh-fiyat{display:flex;flex-direction:column;gap:4px;margin:0 0 16px}
.hs27 .yh-buyuk{display:flex;align-items:center}
.hs27 .yh-buyuk strong{font-family:var(--serif,var(--serif));font-size:clamp(38px,8.5vw,52px);line-height:1;letter-spacing:-.02em}
.hs27 .yh-detay{font-size:14.5px;font-weight:700;color:var(--y-soluk)}
.hs27 .yh-detay s{opacity:.65}
.hs27 .y-hero .y-cta{width:100%;max-width:440px}
.hs27 .yh-guven{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.hs27 .yh-guven span{font-size:12px;font-weight:700;color:var(--y-ink);background:var(--y-kart);border:1px solid var(--y-cizgi);padding:7px 12px;border-radius:99px}
.hs27 .yh-guven i{display:none}
@media(min-width:761px){.hs27 .y-hero{padding:44px 24px 16px}
.hs27 .yh-kolon{flex-direction:row;align-items:center;gap:48px}
.hs27 .yh-metin{flex:1.05}
.hs27 .yh-foto{flex:.95;max-width:560px}
.hs27 .yh-foto img{aspect-ratio:5/6;max-height:620px}
.hs27 .y-hero .y-cta{width:auto}}
/* ---- USP ızgarası ---- */
.hs27 .y-usp{max-width:1160px;margin:26px auto 0;padding:0 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hs27 .yu-kart{display:flex;flex-direction:column;gap:3px;background:var(--y-kart);border:1px solid var(--y-cizgi);border-radius:18px;padding:15px 15px 13px;box-shadow:0 8px 22px rgba(67,50,36,.05)}
.hs27 .yu-kart i{font-style:normal;font-size:21px;line-height:1;margin-bottom:4px}
.hs27 .yu-kart b{font-size:13.5px;letter-spacing:-.01em}
.hs27 .yu-kart small{font-size:11.5px;color:var(--y-soluk);line-height:1.4}
@media(min-width:761px){.hs27 .y-usp{grid-template-columns:repeat(4,1fr);gap:14px;padding:0 24px}}
/* ---- indirim şeridi ---- */
.hs27 .ind-serit{margin:26px -10px 0;transform:rotate(-1.2deg) scale(1.03)}
.hs27 .y-band{background:var(--y-ink);box-shadow:0 12px 30px rgba(31,27,22,.2);margin-top:16px}
.hs27 .y-band .is-track{color:#F6EEDF}
.hs27 .y-band .is-track i{color:var(--y-hardal)}
/* ---- RENK STÜDYOSU (aydınlık) ---- */
.hs27 .y-studio{position:relative;overflow:hidden;padding:70px 20px 60px;text-align:center;background:#fff}
.hs27 .ys-amb{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,var(--amb,#E8A33D) 0%,transparent 58%);opacity:.16;transition:background .9s ease;pointer-events:none}
.hs27 .y-studio::before{display:none}
.hs27 .ys-ic{position:relative;z-index:2;max-width:680px;margin:0 auto}
.hs27 .ys-ust h2{font-size:clamp(34px,8.5vw,54px);line-height:1.03;margin:12px 0 6px}
.hs27 .ys-sahne{position:relative;height:min(72vw,400px);margin:14px auto 2px;touch-action:pan-y;cursor:ew-resize}
.hs27 .ys-tekli{position:absolute;left:50%;top:50%;width:min(76vw,380px);height:auto;transform:translate(-50%,-52%);filter:drop-shadow(0 26px 30px rgba(67,50,36,.28));animation:ysSuzul 5.6s ease-in-out infinite;transition:opacity .22s ease}
.hs27 .ys-tekli.gecis{opacity:0}

@keyframes ysSuzul{0%,100%{transform:translate(-50%,-52%) rotate(-1deg)}50%{transform:translate(-50%,-55%) rotate(1deg)}}
.hs27 .ys-golge{position:absolute;left:50%;bottom:6px;width:48%;height:18px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(67,50,36,.22),transparent 70%);border-radius:50%}
.hs27 .ys-ad{margin:4px 0 14px;display:flex;flex-direction:column;gap:2px}
.hs27 .ys-ad b{font-family:var(--serif,var(--serif));font-size:clamp(23px,5.5vw,30px);letter-spacing:-.02em}
.hs27 .ys-ad small{font-size:13px;color:var(--y-soluk)}
.hs27 .ys-cips{display:flex;justify-content:center;gap:12px;margin:0 0 14px}
.hs27 .ys-cips button{width:36px;height:36px;border-radius:50%;border:2px solid rgba(31,27,22,.14);background:var(--cip,#E8A33D);cursor:pointer;transition:.2s;padding:0}
.hs27 .ys-cips button:nth-child(1){--cip:#E8A33D}
.hs27 .ys-cips button:nth-child(2){--cip:#D4593F}
.hs27 .ys-cips button:nth-child(3){--cip:#8AA07A}
.hs27 .ys-cips button:nth-child(4){--cip:#A9ADB2}
.hs27 .ys-cips button:nth-child(5){--cip:#6E5445}
.hs27 .ys-cips button:nth-child(6){--cip:#2E2E32}
.hs27 .ys-cips button.on{transform:scale(1.26);border-color:var(--y-ink);box-shadow:0 0 0 4px rgba(31,27,22,.08)}
.hs27 .ys-alt{margin:0 0 16px;font-size:14.5px;color:var(--y-soluk)}
.hs27 .ys-alt b{color:#A8741F}
@media(prefers-reduced-motion:reduce){.hs27 .ys-tekli{animation:none}}
/* ---- KANIT KARTLARI: metin görselin altında ---- */
.hs27 .y-kanit{padding:66px 18px 12px;max-width:1160px;margin:0 auto}
.hs27 .yk-ust{text-align:center;max-width:640px;margin:0 auto 26px}
.hs27 .yk-ust h2{font-size:clamp(34px,8.5vw,54px);line-height:1.03;margin:10px 0 0}
.hs27 .yk-izgara{display:grid;gap:16px}
.hs27 .yk-kart{margin:0;background:var(--y-kart);border:1px solid var(--y-cizgi);border-radius:24px;overflow:hidden;box-shadow:var(--y-golge)}
.hs27 .yk-medya img{width:100%;aspect-ratio:5/4;object-fit:cover;display:block}
.hs27 .yk-kart figcaption{padding:16px 18px 18px}
.hs27 .yk-no{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.14em;color:#A8741F;margin-bottom:6px}
.hs27 .yk-kart h3{font-family:var(--serif,var(--serif));font-size:22px;letter-spacing:-.02em;margin:0 0 6px}
.hs27 .yk-kart p{margin:0;font-size:13.5px;line-height:1.6;color:var(--y-soluk)}
@media(min-width:761px){.hs27 .yk-izgara{grid-template-columns:1fr 1fr;gap:22px}
.hs27 .yk-kart h3{font-size:24px}}
/* ---- LIFESTYLE ---- */
.hs27 .y-life{padding:60px 0 34px;overflow:hidden;background:#fff;margin-top:48px}
.hs27 .yl-ust{text-align:center;max-width:720px;margin:0 auto 24px;padding:0 20px}
.hs27 .yl-ust h2{font-size:clamp(32px,8vw,50px);line-height:1.04;margin:10px 0 0}
.hs27 .yl-serit{display:flex;gap:14px;overflow-x:auto;padding:6px 20px 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.hs27 .yl-serit::-webkit-scrollbar{display:none}
.hs27 .yl-serit figure{flex:0 0 min(70vw,300px);margin:0;scroll-snap-align:center;border-radius:20px;overflow:hidden;position:relative;box-shadow:var(--y-golge)}
.hs27 .yl-serit img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .5s ease}
.hs27 .yl-serit figure:hover img{transform:scale(1.04)}
.hs27 .yl-serit figcaption{position:absolute;inset-inline-start:12px;bottom:12px;background:rgba(250,246,239,.9);backdrop-filter:blur(6px);color:var(--y-ink);font-size:12px;font-weight:700;padding:7px 13px;border-radius:99px}
.hs27 .yl-hint{text-align:center;margin:0;font-size:11.5px;font-weight:700;letter-spacing:.1em;color:rgba(31,27,22,.4)}
@media(min-width:900px){.hs27 .yl-serit{padding-inline:max(20px,calc(50vw - 560px))}}
/* ---- PAKETLER ---- */
.hs27 .y-pkg{padding:66px 18px 26px;max-width:720px;margin:0 auto;text-align:center}
.hs27 .yp-ust h2{font-size:clamp(34px,8.5vw,54px);line-height:1.03;margin:10px 0 20px}
.hs27 .yp-kartlar{display:flex;flex-direction:column;gap:12px;text-align:start;margin-bottom:12px}
.hs27 .pkg-kargo{color:#A8741F}
.hs27 .yp-aciliyet{display:flex;flex-direction:column;align-items:center;gap:9px;margin:12px 0 18px}
.hs27 .ta-stok{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}
.hs27 .ta-meter{width:130px;height:7px;border-radius:99px;background:rgba(31,27,22,.1);overflow:hidden;display:inline-block}
.hs27 .ta-meter u{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--y-mercan),var(--y-hardal));border-radius:99px;transition:width 1s ease}
.hs27 .ta-sayac{font-size:13px;font-weight:700;color:var(--y-mercan)}
.hs27 .ta-sayac b{font-variant-numeric:tabular-nums;background:rgba(198,64,43,.1);padding:2px 7px;border-radius:7px}
.hs27 .y-pkg .y-cta{width:100%;max-width:440px}
.hs27 .yp-risk{margin:12px 0 0;font-size:12.5px;color:var(--y-soluk)}
.hs27 .ship-steps{background:var(--y-kart)}
/* ---- 6 ERKEK ---- */
.hs27 .y-studio6{position:relative;margin:52px 0 0;overflow:hidden}
.hs27 .y-studio6 img{width:100%;display:block}
.hs27 .y6-yazi{position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:0;padding:80px 22px 26px;background:linear-gradient(180deg,transparent,rgba(31,27,22,.78));text-align:center}
.hs27 .y6-yazi h2{font-size:clamp(28px,7vw,48px);line-height:1.04;margin:8px 0 0;color:#FAF6EF;text-shadow:0 3px 22px rgba(0,0,0,.45)}
.hs27 .y6-yazi h2 em{color:#F3C46F}
.hs27 .y6-yazi .y-kicker{color:#F3C46F}
/* ---- beden / risk / faq ---- */
.hs27 .beden-zone{padding-top:64px}
.hs27 .bed-helper{background:var(--y-kart);border:1.5px dashed rgba(201,136,42,.5);border-radius:18px;padding:18px 16px;max-width:640px;margin:0 auto 22px}
.hs27 .bed-wrap{max-width:640px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch}
.hs27 .cmp-table{width:100%;min-width:340px;border-collapse:collapse;font-size:14px}
.hs27 .cmp-table th,.hs27 .cmp-table td{padding:11px 12px;text-align:start;border-bottom:1px solid var(--y-cizgi)}
.hs27 .cmp-table th{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--y-soluk)}
.hs27 tr.bed-hi td{background:rgba(232,163,61,.14)}
.hs27 .risk-zone{padding:60px 18px}
.hs27 .risk-inner{max-width:880px;margin:0 auto;background:var(--y-ink);color:#F6EEDF;border-radius:26px;padding:34px 26px;display:grid;gap:22px}
.hs27 .risk-inner h2{color:#F6EEDF}
.hs27 .risk-inner h2 em{color:#F3C46F}
.hs27 .risk-copy p{color:rgba(246,238,223,.78);line-height:1.7}
.hs27 .risk-inner .kicker.light{color:#F3C46F}
@media(min-width:800px){.hs27 .risk-inner{grid-template-columns:1.1fr .9fr;align-items:center;padding:44px 40px}}
.hs27 .faq{background:transparent;display:block;max-width:760px;margin:0 auto}
.hs27 .faq-title{text-align:center;margin-bottom:18px}
/* ---- FİNAL: krem kart ---- */
.hs27 .y-final{padding:64px 18px 80px;max-width:1060px;margin:0 auto}
.hs27 .yf-kart{display:flex;flex-direction:column;background:var(--y-kart);border:1px solid var(--y-cizgi);border-radius:28px;overflow:hidden;box-shadow:var(--y-golge)}
.hs27 .yf-foto img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.hs27 .yf-ic{padding:26px 22px 30px;text-align:center}
.hs27 .y-final h2{font-size:clamp(32px,8vw,50px);line-height:1.03;margin:10px 0 12px}
.hs27 .yf-fiyat{display:flex;align-items:center;justify-content:center;margin:0 0 18px}
.hs27 .yf-fiyat strong{font-family:var(--serif,var(--serif));font-size:clamp(34px,7.5vw,46px)}
.hs27 .y-final .y-cta{width:100%;max-width:420px}
.hs27 .y-final .yh-guven{justify-content:center;margin-top:16px}
@media(min-width:800px){.hs27 .yf-kart{flex-direction:row;align-items:stretch}
.hs27 .yf-foto{flex:1}
.hs27 .yf-foto img{height:100%;aspect-ratio:auto}
.hs27 .yf-ic{flex:1;display:flex;flex-direction:column;justify-content:center;padding:44px 40px}}
/* stüdyo bandını krem zeminde tut */
.hs27 .y-life + .ind-serit{display:none}
/* ============ REVİZE: kontrast + duyuru + video kartları ============ */

/* duyuru artık sabit değil — logoyu/menüyü örtmez{position:static}
/* koyu bölümlerde yazılar: eski !important kuralını etkisizleştir */
.hs27 h2{color:inherit}
.hs27 .risk-zone .risk-inner{color:#F6EEDF}
.hs27 .risk-zone h2,.hs27 .risk-zone p,.hs27 .risk-zone .risk-copy{color:#F6EEDF !important}
.hs27 .risk-zone .risk-copy h2 em{color:#F3C46F !important}
.hs27 .risk-zone .risk-copy .kicker.light{color:#F3C46F !important}
.hs27 .risk-zone .risk-card small{color:#C9C2B4 !important}
.hs27 .risk-zone .risk-card strong{color:#F6EEDF}
.hs27 .y6-yazi h2{color:#FAF6EF}
.hs27 .mal-kart,.hs27 .mal-kart h2{color:#fff}
.hs27 .mal-kart h2 em{color:#FFD9A0}
/* açık bölümlerde soluk kalan başlık etiketleri */
.hs27 .section-intro .kicker,.hs27 .faq-title .kicker{color:#A8741F}
.hs27 h1,.hs27 .yh-metin,.hs27 .yk-ust h2,.hs27 .yp-ust h2,.hs27 .yl-ust h2,.hs27 .ys-ust h2,.hs27 .yv-ust h2,.hs27 .y-final h2{color:var(--y-ink)}
/* ---- VİDEO KARTLARI ---- */
.hs27 .y-video{padding:60px 18px 8px;max-width:1160px;margin:0 auto}
.hs27 .yv-ust{text-align:center;max-width:640px;margin:0 auto 24px}
.hs27 .yv-ust h2{font-size:clamp(32px,8vw,50px);line-height:1.04;margin:10px 0 0}
.hs27 .yv-izgara{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.hs27 .yv-izgara::-webkit-scrollbar{display:none}
.hs27 .yv-kart{flex:0 0 min(72vw,300px);margin:0;scroll-snap-align:center;background:var(--y-kart);border:1px solid var(--y-cizgi);border-radius:24px;overflow:hidden;box-shadow:var(--y-golge)}
.hs27 .yv-medya{position:relative;background:#EFE8DC}
.hs27 .yv-medya video{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.hs27 .yv-kart figcaption{padding:14px 16px 16px}
.hs27 .yv-kart h3{font-family:var(--serif,var(--serif));font-size:20px;letter-spacing:-.02em;margin:0 0 5px}
.hs27 .yv-kart p{margin:0;font-size:13px;line-height:1.55;color:var(--y-soluk)}
@media(min-width:761px){.hs27 .yv-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;overflow:visible;padding:0}
.hs27 .yv-kart{flex:none}}
/* beden tablosu: eski karşılaştırma tablosundan miras kalan ✗/✓ işaretlerini kaldır */
.hs27 .beden-zone .cmp-table td::before,.hs27 .beden-zone .cmp-table td::after{content:none !important}
.hs27 .beden-zone .cmp-table td{color:var(--y-ink)}

@keyframes anKay{to{transform:translateX(50%)}}
/* videolar: mobilde ALT ALTA,hero'nun hemen altında */
.hs27 .y-video{padding:34px 18px 8px}
@media(max-width:760px){.hs27 .yv-izgara{display:flex;flex-direction:column;gap:16px;overflow:visible;padding:0}
.hs27 .yv-kart{flex:none;width:100%}
.hs27 .yv-medya video{aspect-ratio:4/5}}
/* koyu karttaki BEYAZ güvence kartları: yazılar mürekkep (soluk kalmasın) */
.hs27 .risk-zone .risk-card strong{color:#1F1B16 !important;font-size:14px}
.hs27 .risk-zone .risk-card small{color:#6B6357 !important}
.hs27 .risk-zone .risk-card .mi-risk{color:#A8741F}
/* sayaç görünürse: net oku (soluk pembe yerine dolu mercan) */
.hs27 .ta-sayac{color:#1F1B16}
.hs27 .ta-sayac b{background:#C6402B;color:#fff;padding:3px 8px;border-radius:7px}
/* ---- ÖNDEN / ARKADAN ---- */
.hs27 .y-cift{padding:60px 18px 10px;max-width:640px;margin:0 auto;text-align:center}
.hs27 .yc-ust h2{font-size:clamp(32px,8vw,50px);line-height:1.04;margin:10px 0 20px}
.hs27 .yc-kart{background:var(--y-kart);border:1px solid var(--y-cizgi);border-radius:26px;overflow:hidden;box-shadow:var(--y-golge)}
.hs27 .yc-medya{position:relative;aspect-ratio:4/5;background:#EFE8DC}
.hs27 .yc-medya img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:0;transition:opacity .35s ease}
.hs27 .yc-medya img.sel{opacity:1}
.hs27 .yc-secim{display:flex;gap:8px;padding:14px 16px 4px}
.hs27 .yc-secim button{flex:1;padding:12px 0;border:1.6px solid rgba(31,27,22,.16);border-radius:12px;background:#fff;font:inherit;font-size:14px;font-weight:800;color:var(--y-ink);cursor:pointer;transition:.18s}
.hs27 .yc-secim button.sel{background:var(--y-ink);border-color:var(--y-ink);color:#F6EEDF}
.hs27 .yc-not{margin:0;padding:10px 16px 16px;font-size:13px;font-weight:600;color:var(--y-soluk)}
/* ---- BİRLİKTE: çift video kartı ---- */
.hs27 .y-es{padding:56px 18px 6px;max-width:1060px;margin:0 auto}
.hs27 .ye-kart{display:flex;flex-direction:column;background:var(--y-kart);border:1px solid var(--y-cizgi);border-radius:26px;overflow:hidden;box-shadow:var(--y-golge)}
.hs27 .ye-video video{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.hs27 .ye-metin{padding:22px 20px 26px;text-align:center}
.hs27 .ye-metin h2{font-size:clamp(30px,7.5vw,46px);line-height:1.04;margin:10px 0 12px}
.hs27 .ye-metin p{margin:0 0 18px;font-size:14.5px;line-height:1.65;color:var(--y-soluk)}
@media(min-width:800px){.hs27 .ye-kart{flex-direction:row;align-items:stretch}
.hs27 .ye-video{flex:.9}
.hs27 .ye-video video{height:100%;aspect-ratio:auto}
.hs27 .ye-metin{flex:1.1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:start;padding:44px 42px}}
/* --- ÖNEMLİ CTA'LAR: BÜYÜK HARF + IŞILTI + NABIZ (tek satır,taşma yok) --- */
.hs27 .y-cta{position:relative;overflow:hidden;white-space:nowrap;font-size:clamp(13.5px,4vw,16.5px);font-weight:900;letter-spacing:.045em}
.hs27 .y-cta-kucuk{font-size:clamp(12.5px,3.6vw,14.5px)}
.hs27 .y-cta::after{content:"";position:absolute;top:-4px;bottom:-4px;inset-inline-start:-80%;width:46%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:yCtaShine 3.6s ease-in-out infinite;pointer-events:none}
.hs27 .y-cta:not(.y-cta-kucuk){animation:yCtaPulse 2.6s ease-in-out infinite}
.hs27 .y-cta span{display:inline-block;animation:yOkNudge 1.5s ease-in-out infinite}

@keyframes yCtaShine{0%,52%{inset-inline-start:-80%}100%{inset-inline-start:140%}}

@keyframes yCtaPulse{0%,100%{box-shadow:0 10px 26px rgba(232,163,61,.35)}55%{box-shadow:0 10px 26px rgba(232,163,61,.35),0 0 0 10px rgba(232,163,61,0)}}

@keyframes yOkNudge{0%,100%{transform:translateX(0)}55%{transform:translateX(-4px)}}
.hs27 .fo-main strong{letter-spacing:.05em;font-weight:900;position:relative;overflow:hidden}
.hs27 .fo-main strong::after{content:"";position:absolute;top:-4px;bottom:-4px;inset-inline-start:-80%;width:46%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:yCtaShine 3.2s ease-in-out infinite;pointer-events:none}
.hs27 .ow-txt b{letter-spacing:.04em;font-weight:900}
.hs27 .btn-primary.btn-large{white-space:nowrap;font-weight:900;letter-spacing:.045em;font-size:clamp(13px,3.9vw,15.5px)}
@media(max-width:380px){.hs27 .y-cta{font-size:12.6px;letter-spacing:.03em}
.hs27 .btn-primary.btn-large{font-size:12.4px}}
@media(prefers-reduced-motion:reduce){.hs27 .y-cta,.hs27 .y-cta::after,.hs27 .fo-main strong::after,.hs27 .y-cta span{animation:none}}
/* --- HEDİYE KAMPANYASI rozetleri --- */
.hs27 .pkg-card{overflow:visible}
.hs27 .pkg-hediye{position:absolute;top:-9px;inset-inline-end:10px;background:linear-gradient(100deg,#1F9C4C,#177A3B);color:#fff;font-size:10.5px;font-weight:900;letter-spacing:.04em;padding:3px 9px;border-radius:9px;box-shadow:0 6px 14px rgba(31,156,76,.35);transform:rotate(2deg)}
.hs27 .pkg-birim2{display:block;font-size:11px;font-weight:700;color:#6f6a60;margin-top:2px}
.hs27 .ind-hediye{background:#1F9C4C;transform:rotate(-3deg)}
.hs27 .ind-hediye[hidden]{display:none}
.hs27 .wfp-gift{background:#1F9C4C;box-shadow:0 4px 10px rgba(31,156,76,.3)}
.hs27 .pkg-card:has(.pkg-flag) .pkg-hediye{inset-inline-end:auto;inset-inline-start:14px;transform:rotate(-2deg)}
/* --- gizli rozetler kesinlikle görünmesin (kırmızı çizgi hatası) --- */
.hs27 .ind-pill[hidden],.hs27 [data-hero-gift][hidden],.hs27 [data-hero-old][hidden]{display:none!important}
/* ================= HEDİYE YAĞMURU VİTRİNİ ================= */
.hs27 .y-vitrin{position:relative;overflow:hidden;background:linear-gradient(140deg,#14361F,#1E6B38 55%,#17502A);padding:52px 18px 56px}
.hs27 .hv-ic{max-width:1160px;margin:0 auto;position:relative;z-index:1}
.hs27 .hv-ust{text-align:center;color:#F3EDDF;margin-bottom:30px}
.hs27 .hv-etiket{display:inline-block;background:#F7C948;color:#241503;font-weight:900;font-size:12.5px;letter-spacing:.06em;padding:8px 15px;border-radius:99px;box-shadow:0 8px 22px rgba(0,0,0,.25);animation:yEtiketPuls 2.2s ease-in-out infinite}

@keyframes yEtiketPuls{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.hs27 .hv-ust h2{font-family:var(--serif,Georgia),serif;font-size:clamp(30px,5vw,46px);line-height:1.05;margin:16px 0 8px;color:#FDF8EC}
.hs27 .hv-ust h2 em{color:#F7C948;font-style:italic}
.hs27 .hv-ust p{color:rgba(243,237,223,.85);font-size:14.5px;margin:0}
.hs27 .hv-biletler{display:grid;grid-template-columns:1fr;gap:20px;max-width:430px;margin:0 auto}
@media(min-width:900px){.hs27 .hv-biletler{grid-template-columns:repeat(3,1fr);max-width:1050px;align-items:stretch;gap:24px}}
.hs27 .hv-bilet{position:relative;display:flex;flex-direction:column;gap:8px;background:#FFFBF2;border:0;border-radius:20px;padding:24px 18px 16px;text-align:center;font:inherit;cursor:pointer;box-shadow:0 18px 44px rgba(0,0,0,.28);transition:transform .18s,box-shadow .18s}
.hs27 .hv-bilet:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(0,0,0,.34)}
.hs27 .hv-bilet.best{outline:3px solid #F7C948}
@media(min-width:900px){.hs27 .hv-bilet.best{transform:scale(1.05)}
.hs27 .hv-bilet.best:hover{transform:scale(1.05) translateY(-4px)}}
.hs27 .yb-ust{display:flex;align-items:baseline;justify-content:center;gap:8px;font-family:var(--serif,Georgia),serif;font-size:clamp(22px,2.6vw,27px);font-weight:700;color:#241C0F}
.hs27 .yb-ust i{font-style:normal;color:#C6402B;font-size:.8em}
.hs27 .yb-gelsin{color:#C6402B}
.hs27 .yb-fiyat{font-size:clamp(27px,3vw,34px);font-weight:900;color:#18171C;letter-spacing:-.02em}
.hs27 .yb-hediye{display:inline-block;align-self:center;background:#EFF7EA;border:1px solid rgba(31,156,76,.3);color:#1c5c34;font-size:12px;font-weight:800;padding:6px 11px;border-radius:99px}
.hs27 .yb-adet{font-size:11.5px;font-weight:700;color:#6f6a60}
.hs27 .yb-cta{margin-top:6px;background:var(--y-hardal,#E8A33D);color:#241503;font-weight:900;font-size:13px;letter-spacing:.045em;padding:12px 10px;border-radius:12px;transition:background .18s}
.hs27 .hv-bilet:hover .yb-cta{background:var(--y-hardal2,#F0B155)}
.hs27 .yb-flag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#18171C;color:#F7C948;font-size:10px;font-weight:900;letter-spacing:.05em;padding:4px 11px;border-radius:99px;white-space:nowrap}
.hs27 .yb-rozet{position:absolute;top:-10px;inset-inline-end:12px;background:linear-gradient(100deg,#1F9C4C,#177A3B);color:#fff;font-size:11px;font-weight:900;padding:4px 9px;border-radius:9px;transform:rotate(3deg);box-shadow:0 6px 14px rgba(0,0,0,.25)}
.hs27 .hv-yagmur{position:absolute;inset:0;pointer-events:none}
.hs27 .hv-yagmur i{position:absolute;top:-50px;font-style:normal;animation:yGiftFall linear infinite;opacity:.32}

@keyframes yGiftFall{0%{transform:translateY(-60px) rotate(-12deg)}100%{transform:translateY(680px) rotate(16deg)}}
@media(prefers-reduced-motion:reduce){.hs27 .hv-yagmur i,.hs27 .hv-etiket{animation:none}}
/* hero foto kurdelesi */
.hs27 .yh-kampanya{position:absolute;top:16px;inset-inline-start:-8px;background:#C6402B;color:#fff;font-size:12.5px;font-weight:900;letter-spacing:.04em;padding:8px 14px;border-radius:0 10px 10px 0;box-shadow:0 10px 24px rgba(198,64,43,.4);transform:rotate(-4deg);animation:yEtiketPuls 2.6s ease-in-out infinite}
.hs27 .hv-ust h2,.hs27 .hv-ust h2{color:#FDF8EC !important}
.hs27 .hv-ust h2 em,.hs27 .hv-ust h2 em{color:#F7C948 !important}
.hs27 .hv-ust p,.hs27 .hv-ust p{color:rgba(243,237,223,.88) !important}
/* --- vitrin görselli kartları (hediye kampanya v4) --- */
.hs27 .hv-kartlar{display:grid;grid-template-columns:1fr;gap:18px;max-width:400px;margin:0 auto}
@media(min-width:900px){.hs27 .hv-kartlar{grid-template-columns:repeat(3,1fr);max-width:1050px;gap:24px;align-items:stretch}}
.hs27 .hv-kart{position:relative;display:flex;flex-direction:column;background:#FFFBF2;border-radius:22px;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.28);transition:transform .18s,box-shadow .18s}
.hs27 .hv-kart:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(0,0,0,.34)}
.hs27 .hv-kart figure{margin:0;position:relative;aspect-ratio:4/5;overflow:hidden;background:#EDE4D2}
.hs27 .hv-kart figure img{width:100%;height:100%;object-fit:cover;display:block}
.hs27 .hvk-rozet{position:absolute;top:12px;inset-inline-start:12px;z-index:1;background:#F7C948;color:#241503;font-weight:900;font-size:11.5px;letter-spacing:.05em;padding:6px 12px;border-radius:99px;box-shadow:0 6px 16px rgba(0,0,0,.3);white-space:nowrap}
.hs27 .hv-kart.hvk-hediye .hvk-rozet{background:#C6402B;color:#fff;animation:yEtiketPuls 2.2s ease-in-out infinite}
.hs27 .hvk-metin{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px;text-align:start}
.hs27 .hvk-metin h3{margin:0;font-family:var(--serif,Georgia),serif;font-size:19px;line-height:1.22;color:#241C0F}
.hs27 .hvk-metin p{margin:0;font-size:13.5px;line-height:1.55;color:#6f6a60}
.hs27 .hvk-metin p b{color:#241C0F}
.hs27 .hv-cta-wrap{text-align:center;margin-top:28px}
.hs27 .hv-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:var(--y-hardal,#E8A33D);color:#241503;border:0;cursor:pointer;font:inherit;font-weight:900;font-size:15.5px;letter-spacing:.04em;padding:16px 30px;border-radius:99px;box-shadow:0 14px 34px rgba(0,0,0,.3);animation:yEtiketPuls 2.6s ease-in-out infinite;transition:background .18s,transform .18s}
.hs27 .hv-cta:hover{background:var(--y-hardal2,#F0B155);transform:translateY(-2px)}
@media(max-width:380px){.hs27 .hv-cta{font-size:13.5px;padding:15px 20px}}
@media(prefers-reduced-motion:reduce){.hs27 .hv-cta,.hs27 .hv-kart.hvk-hediye .hvk-rozet{animation:none}}
/* --- kutu görselleştirme + 0 TL satırları --- */
.hs27 .kutu-viz{display:flex;align-items:center;gap:3px;font-size:17px;margin:2px 0;line-height:1}
.hs27 .hv-bilet .kutu-viz{justify-content:center}
.hs27 .kutu-viz i,.hs27 .kutu-viz b{font-style:normal;display:inline-block}
.hs27 .kutu-viz b{animation:kvZipla 1.6s ease-in-out infinite}
.hs27 .kutu-viz b:nth-child(odd){animation-delay:.25s}
.hs27 .kutu-viz em{font-style:normal;font-size:10.5px;font-weight:900;color:#177A3B;background:#EFF7EA;border:1px solid rgba(31,156,76,.3);padding:2px 7px;border-radius:99px;margin-inline-start:4px;white-space:nowrap}

@keyframes kvZipla{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.hs27 .hs-satir{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px 7px;border-top:1px dashed rgba(24,23,28,.14);font-size:12.5px;font-weight:700;color:#514a3f}
.hs27 .hs-satir[hidden]{display:none}
.hs27 .hs-sifir{color:#177A3B;font-weight:900;font-size:13px}
@media(prefers-reduced-motion:reduce){.hs27 .kutu-viz b{animation:none}}
/* kutu-viz kart içinde taşmasın */
.hs27 .pkg-card .kutu-viz{flex-wrap:wrap;font-size:15px;max-width:100%}
.hs27 .pkg-card .kutu-viz em{font-size:9.5px;padding:2px 6px;margin-inline-start:2px}
/* --- YORUM BÖLÜMÜ (yaprak v3) --- */
.hs27 .y-yorum{padding:56px 18px;background:#FFF;border-top:1px solid var(--y-cizgi,#E9E2D5)}
.hs27 .yr-ust{text-align:center;max-width:640px;margin:0 auto 22px}
.hs27 .y-yorum .rating-hero{display:flex;align-items:center;justify-content:center;gap:28px;max-width:520px;margin:0 auto 26px}
.hs27 .y-yorum .rev-grid{max-width:1160px;margin:0 auto}
.hs27 .yr-cta{text-align:center;margin-top:26px;display:flex;flex-direction:column;align-items:center;gap:8px}
.hs27 .yr-wa{display:inline-flex;align-items:center;gap:8px;background:#1F9C4C;color:#fff;font-weight:900;font-size:14px;letter-spacing:.02em;padding:14px 22px;border-radius:99px;text-decoration:none;box-shadow:0 10px 26px rgba(31,156,76,.3);transition:transform .18s}
.hs27 .yr-wa:hover{transform:translateY(-2px)}
.hs27 .yr-cta small{font-size:11.5px;color:#8a8272}
/* --- HEDİYE-TESLİM görselleri: vitrin foto,teslimat bloğu,ona hediye et --- */
.hs27 .hv-foto{margin:0 auto 26px;max-width:300px;transform:rotate(-2deg)}
.hs27 .hv-foto img{width:100%;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.35);display:block}
@media(min-width:900px){.hs27 .hv-foto{max-width:330px}}
.hs27 .teslim-blok{display:flex;flex-direction:column;gap:18px;align-items:center;max-width:1000px;margin:30px auto;padding:0 18px}
.hs27 .teslim-foto{margin:0;max-width:340px}
.hs27 .teslim-foto img{width:100%;border-radius:20px;box-shadow:0 16px 40px rgba(20,15,8,.16);display:block}
@media(min-width:860px){.hs27 .teslim-blok{flex-direction:row;justify-content:center;gap:38px}
.hs27 .teslim-blok .ship-steps{margin:0}}
.hs27 .y-esine{padding:56px 18px;background:linear-gradient(160deg,#FBF3E4,#F6E8D4)}
.hs27 .ye2-kolon{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
@media(min-width:860px){.hs27 .ye2-kolon{flex-direction:row;align-items:center;gap:44px}
.hs27 .ye2-fotolar{flex:1.05}
.hs27 .ye2-metin{flex:1}}
.hs27 .ye2-fotolar{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.hs27 .ye2-fotolar figure{margin:0}
.hs27 .ye2-fotolar img{width:100%;border-radius:18px;box-shadow:0 14px 34px rgba(20,15,8,.14);display:block}
.hs27 .ye2-fotolar figure:first-child{transform:translateY(14px) rotate(-2deg)}
.hs27 .ye2-fotolar figure:last-child{transform:rotate(2deg)}
.hs27 .ye2-metin p{color:#514a3f;font-size:15px;line-height:1.55}
.hs27 .ye2-not{display:inline-block;font-weight:800;color:#8a5a00;background:#FFF3D6;border:1px solid #EAD9A8;padding:10px 14px;border-radius:12px;font-size:13.5px;margin:4px 0 14px}
.hs27 .ye2-metin .y-cta{margin-top:4px}
/* görsel oran düzeltmesi: width/height attribute ezilmesin */
.hs27 .hv-foto img,.hs27 .teslim-foto img,.hs27 .ye2-fotolar img{height:auto}
/* --- hero HEDİYE teklif kartı --- */
.hs27 .yh-teklif{display:flex;align-items:center;gap:12px;width:100%;max-width:440px;margin:4px 0 14px;padding:13px 16px;border:0;border-radius:16px;background:linear-gradient(120deg,#1F9C4C,#177A3B);color:#fff;font:inherit;text-align:start;cursor:pointer;box-shadow:0 12px 30px rgba(31,156,76,.35);position:relative;overflow:hidden;transition:transform .18s}
.hs27 .yh-teklif:hover{transform:translateY(-2px)}
.hs27 .yh-teklif::after{content:"";position:absolute;top:-4px;bottom:-4px;inset-inline-start:-80%;width:46%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);animation:yCtaShine 3.4s ease-in-out infinite;pointer-events:none}
.hs27 .yh-teklif[hidden]{display:none}
.hs27 .yt-ikon{font-size:26px;line-height:1}
.hs27 .yt-metin{display:flex;flex-direction:column;gap:3px;min-width:0}
.hs27 .yt-metin b{font-size:14px;font-weight:900;letter-spacing:.03em;line-height:1.2}
.hs27 .yt-metin small{font-size:11.5px;opacity:.92;font-weight:700;line-height:1.3}
.hs27 .yt-ok{margin-inline-start:auto;font-style:normal;font-weight:900;font-size:19px;animation:yOkNudge 1.5s ease-in-out infinite}
@media(max-width:380px){.hs27 .yt-metin b{font-size:12.8px}
.hs27 .yt-metin small{font-size:10.8px}}
@media(prefers-reduced-motion:reduce){.hs27 .yh-teklif::after,.hs27 .yt-ok{animation:none}}