:root{
  --paper:#f7f2ea;
  --ink:#1d141a;
  --berry:#df3664;
  --berry-dark:#3d1128;
  --black:#2b0b1b;
  --frost:#e3ecec;
  --line:rgba(28,20,23,.16);
  --serif:"Fraunces",Georgia,serif;
  --sans:"Instrument Sans",system-ui,sans-serif;
  --pad:clamp(20px,5vw,64px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
em{font-style:italic;color:var(--berry)}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.08;letter-spacing:-.02em}
h2{font-size:clamp(2rem,4.2vw,3.2rem)}
section{padding:clamp(60px,8vw,110px) var(--pad)}

.bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--ink);color:rgba(247,242,234,.8);font-size:.8rem;padding:8px var(--pad)}
.bar a:hover{color:#fff}

.top{display:flex;justify-content:space-between;align-items:center;padding:18px var(--pad);position:sticky;top:0;background:rgba(247,242,234,.94);backdrop-filter:blur(8px);z-index:10;border-bottom:1px solid var(--line)}
.logo{display:block}
.logo img{height:52px;width:auto}
nav{display:flex;gap:26px;align-items:center;font-weight:500;font-size:.95rem}
nav a:not(.btn):hover{color:var(--berry)}

.btn{display:inline-block;background:var(--berry);color:#fff;padding:14px 26px;border-radius:4px;border:0;cursor:pointer;font:600 1rem var(--sans);transition:background .2s}
.btn:hover{background:var(--berry-dark)}
.btn.small{padding:9px 18px;font-size:.9rem}
.link{font-weight:600;border-bottom:2px solid var(--berry);padding-bottom:1px}

/* hero */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:0;padding:0;min-height:calc(100vh - 110px)}
.hero-text{padding:clamp(40px,7vw,100px) var(--pad);align-self:center}
.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:600;color:var(--berry);margin-bottom:20px}
h1{font-size:clamp(2.6rem,5.8vw,5rem);margin-bottom:24px}
.lead{max-width:34em;font-size:1.12rem;color:#3f4655;margin-bottom:32px}
.cta{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.hero-img{position:relative;overflow:hidden;min-height:420px}
.hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.strip{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);background:var(--black);color:rgba(247,242,234,.75);font-size:.9rem}
.strip li{padding:24px clamp(16px,3vw,40px);border-right:1px solid rgba(255,255,255,.12)}
.strip li:last-child{border:0}
.strip b{display:block;font-family:var(--serif);font-size:1.5rem;color:#ff9db7;line-height:1.2}

/* ürünler */
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap;margin-bottom:44px}
.sec-head p{max-width:26em;color:#3f4655}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters button{font:600 .9rem var(--sans);padding:9px 18px;border:1.5px solid var(--ink);background:transparent;border-radius:999px;cursor:pointer}
.filters button.on{background:var(--ink);color:var(--paper)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.card[hidden]{display:none}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(40,10,20,.12)}
.card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.card-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-body p{color:#3f4655;font-size:.92rem;flex:1}
.card h3{font-size:1.2rem;line-height:1.15}
.tag{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--berry)}
.card dl{display:grid;gap:6px;font-size:.82rem;border-top:1px solid var(--line);padding-top:10px}
.card dl div{display:flex;justify-content:space-between;gap:8px}
.card dt{color:#6b7383}
.card dd{font-weight:600;text-align:right}
.card .link{align-self:flex-start;margin-top:4px;font-size:.9rem}

.spec{margin-top:70px;max-width:760px}
.spec h3{font-size:1.5rem;margin-bottom:16px}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
th{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#6b7383}
td:first-child{font-weight:600;width:22%}
.note{font-size:.82rem;color:#6b7383;margin-top:10px}

/* müşteriler */
.who{background:var(--frost)}
.who h2{margin-bottom:40px}
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px)}
.who-grid>div{border-top:2px solid var(--ink);padding-top:18px}
.who h3{font-size:1.4rem;margin-bottom:8px}
.who p{color:#2f2a2c}

/* iqf */
.iqf{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,80px);align-items:center}
.iqf figure{height:520px;overflow:hidden}
.iqf img{width:100%;height:100%;object-fit:cover}
.iqf p{margin:20px 0;color:#3f4655;max-width:36em}
.iqf ol{padding-left:1.2em}
.iqf li{padding:7px 0;border-bottom:1px solid var(--line)}

/* sss */
.faq{background:#fff;border-top:1px solid var(--line)}
.faq h2{margin-bottom:30px}
details{border-bottom:1px solid var(--line);padding:18px 0;max-width:820px}
summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--berry)}
details[open] summary::after{content:"–"}
details p{margin-top:10px;color:#3f4655}

/* iletişim */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--black);color:var(--paper)}
.contact em{color:#ff9db7}
.contact p{margin-top:16px;max-width:26em;color:rgba(247,242,234,.8)}
.meta{font-weight:600;color:#fff!important;line-height:1.9}
form{display:grid;gap:16px}
label{display:grid;gap:6px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
input,select{font:400 1rem var(--sans);padding:12px 14px;border:1.5px solid transparent;background:var(--paper);color:var(--ink);border-radius:4px}
input:focus,select:focus{outline:3px solid rgba(255,138,156,.6)}
form .btn{justify-self:start}

footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px var(--pad);font-size:.8rem;background:#120a13;color:rgba(247,242,234,.6)}
footer a{text-decoration:underline}

@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-img{min-height:340px;order:-1}
  .strip{grid-template-columns:1fr 1fr}
  .strip li:nth-child(2){border-right:0}
  .strip li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
  .who-grid,.iqf,.contact{grid-template-columns:1fr}
  .iqf figure{height:320px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:520px){.cards{grid-template-columns:1fr}}

/* blog */
.blog{padding:clamp(40px,6vw,80px) var(--pad);min-height:70vh}
.blog-head{margin-bottom:40px}
.blog-head h1{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:8px}
.blog-head p{color:#3f4655}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(40,10,20,.12)}
.post-card img,.noimg{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--frost)}
.pc-body{padding:20px;display:flex;flex-direction:column;gap:8px}
.pc-body h2{font-size:1.4rem;line-height:1.15}
.pc-body p{color:#3f4655;font-size:.95rem}
.article{max-width:740px;margin:0 auto}
.article h1{font-size:clamp(2rem,4.4vw,3.2rem);margin:10px 0 24px}
.article .cover{width:100%;max-height:440px;object-fit:cover;margin-bottom:28px}
.prose{font-size:1.08rem;line-height:1.75}
.prose p,.prose ul{margin-bottom:1.1em}
.prose h3{font-size:1.5rem;margin:1.6em 0 .6em}
.prose ul{padding-left:1.3em}
.prose li{margin-bottom:.4em}
.article-cta{margin-top:40px;padding:22px;background:var(--frost);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
nav a[aria-current]{color:var(--berry)}

/* admin */
.admin-body{background:#efe9df}
.login{min-height:100vh;display:grid;place-items:center;padding:20px}
.login form{background:#fff;padding:36px;width:min(380px,100%);display:grid;gap:16px;border:1px solid var(--line)}
.login img{height:70px;width:auto;margin:0 auto}
.login h1{font-size:1.5rem;text-align:center}
.err{color:#b3142f;font-size:.9rem}
.adm{display:grid;grid-template-columns:300px 1fr;gap:24px;padding:24px var(--pad);align-items:start}
.adm aside{display:grid;gap:14px}
#postList{list-style:none;display:grid;gap:6px}
#postList button{width:100%;text-align:left;background:#fff;border:1px solid var(--line);padding:10px 12px;cursor:pointer;font:inherit;display:grid;gap:2px}
#postList button.on{border-color:var(--berry);box-shadow:inset 3px 0 0 var(--berry)}
#postList b{font-size:.92rem;line-height:1.3}
#postList small,.editor small{color:#6b7383;font-size:.78rem;font-weight:400;text-transform:none;letter-spacing:0}
.empty{color:#6b7383;padding:10px}
.adm-tools{display:grid;gap:8px}
.adm-tools button,.file-btn,.ghost{font:500 .85rem var(--sans);padding:8px 12px;border:1px solid var(--ink);background:transparent;cursor:pointer;text-align:center;border-radius:4px}
.adm-tools button:hover,.file-btn:hover,.ghost:hover{background:var(--ink);color:#fff}
.editor{background:#fff;border:1px solid var(--line);padding:26px}
.warn{background:#fff6dd;border:1px solid #e6d28a;padding:10px 14px;font-size:.85rem;margin-bottom:22px}
.editor form{display:grid;gap:16px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.editor input,.editor select,.editor textarea{font:400 1rem var(--sans);padding:11px 12px;border:1.5px solid #cfc6bb;background:#fff;border-radius:4px;width:100%;text-transform:none;letter-spacing:0}
.editor input:focus,.editor textarea:focus,.editor select:focus{outline:3px solid rgba(223,54,100,.25);border-color:var(--berry)}
.editor code{background:#f1ece4;padding:1px 5px;border-radius:3px}
.check{display:flex!important;align-items:center;gap:10px;text-transform:none!important;letter-spacing:0!important;font-size:.95rem!important}
.check input{width:auto}
.cover-prev{max-height:160px;width:auto;border:1px solid var(--line)}
.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ok{color:#2b7a3a;font-weight:600}

@media(max-width:900px){
  .post-grid,.adm{grid-template-columns:1fr}
  .row{grid-template-columns:1fr}
  .logo img{height:46px}
}

[hidden]{display:none!important}

/* talepler + form mesajları */
.leads{padding:24px var(--pad)}
.leads h2{font-size:1.8rem;margin-bottom:16px}
.leads table{background:#fff;border:1px solid var(--line);font-size:.9rem}
.leads th{background:#f6f1e8}
.leads tr.done td{color:#8a91a0;text-decoration:line-through}
.lead-actions{white-space:nowrap}
.lead-actions button{font:500 .8rem var(--sans);padding:5px 10px;border:1px solid var(--ink);background:transparent;cursor:pointer;border-radius:4px;margin-right:4px}
.lead-actions button:hover{background:var(--ink);color:#fff}
.badge{background:var(--berry);color:#fff;border-radius:999px;font-size:.72rem;padding:1px 7px;margin-left:4px}
nav .tab.on{color:var(--berry);border-bottom:2px solid var(--berry)}
.lead-ok{color:#9fe3ac;font-weight:600}
.lead-err{color:#ff9db7;font-weight:600}

/* ---- etkileşim ---- */
html.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease var(--d,0ms),transform .6s ease var(--d,0ms)}
html.js .reveal.in{opacity:1;transform:none}
html.js .card.reveal.in:hover{transform:translateY(-4px)}

.burger{display:none;width:44px;height:44px;border:1.5px solid var(--ink);background:transparent;border-radius:6px;cursor:pointer;position:relative}
.burger span,.burger span::before,.burger span::after{content:"";position:absolute;left:11px;right:11px;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.burger span{top:20px}.burger span::before{left:0;right:0;top:-7px}.burger span::after{left:0;right:0;top:7px}
.top.open .burger span{background:transparent}
.top.open .burger span::before{transform:translateY(7px) rotate(45deg)}
.top.open .burger span::after{transform:translateY(-7px) rotate(-45deg)}

.cart-btn{font:600 .9rem var(--sans);border:1.5px solid var(--ink);background:transparent;padding:8px 14px;border-radius:999px;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.cart-btn b{background:#d8d0c4;color:var(--ink);border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-size:.78rem}
.cart-btn b.has{background:var(--berry);color:#fff}
.cart-btn.bump{animation:bump .4s}
@keyframes bump{40%{transform:scale(1.12)}}

.card .add{margin-top:4px;font:600 .88rem var(--sans);padding:10px 12px;border:1.5px solid var(--berry);color:var(--berry);background:transparent;border-radius:4px;cursor:pointer;transition:background .15s,color .15s}
.card .add:hover,.card .add.added{background:var(--berry);color:#fff}
.card.dark .add{border-color:#ff9db7;color:#ff9db7}

.scrim{position:fixed;inset:0;background:rgba(20,8,14,.5);z-index:40}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,100%);background:var(--paper);z-index:50;transform:translateX(100%);transition:transform .3s;display:flex;flex-direction:column;padding:24px;box-shadow:-10px 0 40px rgba(0,0,0,.2);visibility:hidden}
.drawer.open{transform:none;visibility:visible}
.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.drawer-head h3{font-size:1.5rem}
.drawer-head button{border:0;background:transparent;font-size:1.2rem;cursor:pointer;padding:8px}
#cartList{list-style:none;overflow:auto;flex:1}
#cartList li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-weight:600}
#cartList label{font:400 .8rem var(--sans);display:flex;gap:6px;align-items:center;text-transform:none;letter-spacing:0}
#cartList input{width:84px;padding:6px 8px;font:inherit;border:1.5px solid #cfc6bb;border-radius:4px;background:#fff}
#cartList li button{border:0;background:transparent;cursor:pointer;font-size:1rem;color:#6b7383}
.drawer-empty{color:#5f6676;flex:1}
.drawer-foot{display:grid;gap:10px;padding-top:16px}
.drawer-foot .ghost{font:500 .9rem var(--sans);padding:10px;border:1px solid var(--ink);background:transparent;border-radius:4px;cursor:pointer}
.cart-note{font-size:.88rem;background:rgba(255,255,255,.1);border-left:3px solid #ff9db7;padding:10px 12px}

.stepper{margin-top:8px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.steps button{font:600 .88rem var(--sans);background:transparent;border:0;border-bottom:3px solid transparent;padding:10px 4px;cursor:pointer;display:flex;gap:8px;align-items:center;color:#6b7383;text-align:left}
.steps button span{width:26px;height:26px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font-size:.8rem;flex:none}
.steps button.past{color:var(--berry)}
.steps button.on{color:var(--ink)}
.steps button.on span{background:var(--berry);border-color:var(--berry);color:#fff}
.step-bar{height:3px;background:var(--line);margin:2px 0 18px}
.step-bar i{display:block;height:100%;width:25%;background:var(--berry);transition:width .5s}
.step-panel{min-height:110px}
.step-panel h3{font-size:1.5rem;margin-bottom:8px}
.step-panel p{color:#3f4655;margin:0;max-width:30em}

@media(max-width:900px){
  .burger{display:block}
  .top nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--pad) 20px;border-bottom:1px solid var(--line);box-shadow:0 14px 24px rgba(0,0,0,.08)}
  .top.open nav{display:flex}
  .top nav a:not(.btn){padding:14px 0;border-bottom:1px solid var(--line)}
  .top nav .cart-btn,.top nav .btn{margin-top:12px;justify-content:center;text-align:center}
  .steps{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){.drawer,.step-bar i{transition:none}.cart-btn.bump{animation:none}}

.loading{color:#6b7383;grid-column:1/-1;padding:30px 0}
#prodList{list-style:none;display:grid;gap:6px}
#prodList button{width:100%;text-align:left;background:#fff;border:1px solid var(--line);padding:10px 12px;cursor:pointer;font:inherit;display:grid;gap:2px}
#prodList button.on{border-color:var(--berry);box-shadow:inset 3px 0 0 var(--berry)}
#prodList b{font-size:.92rem;line-height:1.3}
#prodList small{color:#6b7383;font-size:.78rem}

/* ---- tanıtım: kart + detay penceresi ---- */
.sec-sub{color:#5f6676;margin-top:6px;font-size:.95rem}
.card{color:inherit;text-decoration:none;cursor:pointer}
.card img{aspect-ratio:4/3}
.card .more{margin-top:6px;font-weight:600;font-size:.9rem;color:var(--berry);border-bottom:2px solid currentColor;align-self:flex-start;padding-bottom:1px}
.card.dark .more{color:#ff9db7}
.card:focus-visible{outline:3px solid var(--berry);outline-offset:3px}

.pm{border:0;padding:0;background:var(--paper);width:min(980px,94vw);max-height:90vh;margin:auto;box-shadow:0 30px 80px rgba(20,5,12,.4);overflow:hidden}
.pm[open]{display:flex;flex-direction:column}
.pm::backdrop{background:rgba(20,8,14,.62)}
.pm-x{position:absolute;top:12px;right:12px;z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font-size:1.1rem;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.pm-body{display:grid;grid-template-columns:1fr 1fr;min-height:0;flex:1}
.pm-img{margin:0;background:var(--frost);min-height:320px}
.pm-img[hidden]{display:none}
.pm-img img{width:100%;height:100%;object-fit:cover}
.pm-info{padding:clamp(22px,3vw,40px);overflow:auto;max-height:calc(90vh - 56px)}
.pm-info h3{font-size:clamp(1.7rem,3vw,2.4rem);margin:6px 0 12px}
.pm-desc{font-weight:500;margin-bottom:12px}
.pm-details p{color:#3f4655;margin-bottom:.8em}
.pm-specs{margin:18px 0;border-top:1px solid var(--line)}
.pm-specs div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.pm-specs dt{color:#6b7383}
.pm-specs dd{font-weight:600;text-align:right}
.pm h4{font:600 .74rem var(--sans);text-transform:uppercase;letter-spacing:.1em;color:#6b7383;margin-bottom:8px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.chips li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:.85rem}
.pm-actions{margin-top:22px}
.pm-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);background:#fff}
.pm-nav button{font:600 .88rem var(--sans);padding:14px 20px;border:0;background:transparent;cursor:pointer}
.pm-nav button:hover{color:var(--berry)}
@media(max-width:760px){
  .pm{width:100vw;max-height:100vh;height:100vh}
  .pm-body{grid-template-columns:1fr;overflow:auto;display:block}
  .pm-img{min-height:0;height:240px}
  .pm-info{max-height:none;overflow:visible}
}

.credits{font-size:.78rem}
.credits summary{cursor:pointer;list-style:none;opacity:.75}
.credits p{margin-top:8px;max-width:60ch;line-height:1.6}
footer{align-items:flex-start}

/* ===== HERO: yatay slayt + buzlanma ===== */
.hero{display:block;position:relative;overflow:hidden;isolation:isolate;min-height:min(78vh,720px);background:#2b0b1b;color:#fff;padding:0}
.slides{position:absolute;inset:0;z-index:-3}
.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity 1.4s ease}
.slide.on{opacity:1;animation:kb 9s ease-out forwards}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.1)}}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,16,32,.86) 0%,rgba(8,16,32,.62) 42%,rgba(8,16,32,.12) 78%,rgba(8,16,32,0) 100%),linear-gradient(0deg,rgba(8,16,32,.5),transparent 35%)}
/* kırağı: kenarlardan içeri buz */
.hero-snow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.hero .hero-text{position:relative;z-index:1;max-width:680px;padding:clamp(60px,9vw,130px) var(--pad);min-height:min(78vh,720px);display:flex;flex-direction:column;justify-content:center}
.hero .kicker{color:#ff9db7}
.hero h1{color:#fff;font-size:clamp(2.6rem,5.6vw,5rem);text-shadow:0 2px 30px rgba(0,0,0,.35)}
.hero h1 em{color:#ff9db7}
.hero .lead{color:rgba(255,255,255,.9);max-width:32em}
.hero .link{color:#fff;border-bottom-color:#ff9db7}
.hero .btn{background:#fff;color:var(--berry-dark)}
.hero .btn:hover{background:#fde6ec}
.hero-dots{position:absolute;z-index:2;left:var(--pad);bottom:28px;display:flex;gap:10px}
.hero-dots button{width:34px;height:4px;border:0;border-radius:2px;background:rgba(255,255,255,.38);cursor:pointer;padding:0;overflow:hidden;position:relative}
.hero-dots button.on{background:rgba(255,255,255,.38)}
.hero-dots button.on::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;animation:fill 4s linear forwards}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-temp{position:absolute;z-index:2;right:clamp(20px,5vw,64px);bottom:34px;text-align:center;width:118px;height:118px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;
  background:rgba(255,240,235,.18);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 22px rgba(255,255,255,.3)}
.hero-temp b{font-family:var(--serif);font-size:1.7rem;line-height:1}
.hero-temp span{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;margin-top:5px;opacity:.9}

/* ===== ÜRÜNLER: tek tip kartlar ===== */
.cards{grid-template-columns:repeat(3,1fr);gap:44px 32px}
.card,.card:hover{background:none;border:0;box-shadow:none;display:block;text-align:center;transform:none}
.card .ph{position:relative;margin:0;aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:#e9ddd0}
.card .ph img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:transform .6s ease}
.card:hover .ph img{transform:scale(1.06)}
/* ortak buzlu çerçeve */
.card .ph::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,240,235,.28),rgba(255,240,235,0) 38%),rgba(170,205,232,.12);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),inset 0 0 46px rgba(255,235,230,.6)}
.card .peek{position:absolute;z-index:2;left:50%;top:50%;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;background:rgba(20,12,18,.88);color:#fff;display:grid;place-items:center;font-weight:600;font-size:.95rem;opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s}
.card:hover .peek,.card:focus-visible .peek{opacity:1;transform:none}
.card h3{margin-top:18px;font-family:var(--sans);font-weight:600;font-size:1.08rem;letter-spacing:.04em;text-transform:uppercase;line-height:1.3;color:var(--ink)}
.card .tag,.card p,.card .more,.card-body{display:none}

@media(max-width:900px){
  .hero,.hero .hero-text{min-height:0}
  .hero .hero-text{padding-top:90px;padding-bottom:120px}
  .hero-shade{background:linear-gradient(0deg,rgba(8,16,32,.88),rgba(8,16,32,.55) 60%,rgba(8,16,32,.35))}
  .hero-temp{width:92px;height:92px;bottom:60px}
  .hero-temp b{font-size:1.3rem}
  .cards{grid-template-columns:repeat(2,1fr);gap:30px 18px}
}
@media(max-width:520px){.cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.slide.on{animation:none}.hero-dots button.on::after{animation:none;transform:none}}

@media(max-width:520px){.hero h1{font-size:2.3rem}.hero .lead{font-size:1rem}}

/* ===== ÜST MENÜ: buzlu cam ===== */
.top{padding:12px var(--pad);background:rgba(247,242,234,.8);-webkit-backdrop-filter:saturate(1.5) blur(16px);backdrop-filter:saturate(1.5) blur(16px);
  border-bottom:1px solid rgba(150,195,222,.5);transition:padding .25s ease,background .25s ease,box-shadow .25s ease}
.top.scrolled{padding:5px var(--pad);background:rgba(251,253,254,.92);box-shadow:0 10px 30px rgba(24,56,86,.12)}
.logo img{transition:height .25s ease}
.top.scrolled .logo img{height:42px}
.top .progress{position:absolute;left:0;bottom:-1px;width:100%;height:3px;transform:scaleX(0);transform-origin:left;pointer-events:none;
  background:linear-gradient(90deg,#f8c0cf,#f8c0cf 55%,var(--berry))}
nav{gap:30px}
nav>a:not(.btn){position:relative;padding:8px 0;font-weight:500}
nav>a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:var(--berry);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
nav>a:not(.btn):hover::after,nav a.active::after,nav a[aria-current]::after{transform:scaleX(1)}
nav a.active,nav a[aria-current]{color:var(--berry)}
.top nav .btn.small{border-radius:999px;padding:10px 22px;box-shadow:0 6px 16px rgba(223,54,100,.25)}
.nav-contact{display:none}
html.nav-lock{overflow:hidden}

@media(max-width:900px){
  .top{padding:8px var(--pad)}
  .top.scrolled{padding:4px var(--pad)}
  .logo img{height:46px}
  .top nav{display:flex;visibility:hidden;opacity:0;pointer-events:none;position:absolute;left:0;right:0;top:100%;height:calc(100dvh - var(--hh,70px));overflow:auto;
    flex-direction:column;align-items:stretch;gap:0;padding:18px var(--pad) 28px;
    background:rgba(244,250,253,.97);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:none;border-bottom:0;
    transition:opacity .25s ease,visibility .25s}
  .top.open nav{visibility:visible;opacity:1;pointer-events:auto}
  .top nav>a:not(.btn){font-family:var(--serif);font-weight:700;font-size:1.7rem;padding:16px 0;border-bottom:1px solid rgba(150,195,222,.45);
    transform:translateY(10px);opacity:0;transition:transform .35s ease,opacity .35s ease}
  .top nav>a:not(.btn)::after{display:none}
  .top.open nav>a:not(.btn){transform:none;opacity:1}
  .top.open nav a:nth-child(2){transition-delay:.04s}.top.open nav a:nth-child(3){transition-delay:.08s}
  .top.open nav a:nth-child(4){transition-delay:.12s}.top.open nav a:nth-child(5){transition-delay:.16s}
  .top nav .btn{margin-top:22px;text-align:center;padding:15px 22px;font-size:1rem}
  .nav-contact{display:grid;gap:6px;margin-top:auto;padding-top:28px;color:#3f4655;font-size:.95rem}
  .burger{border-color:rgba(60,100,130,.6)}
}
@media(prefers-reduced-motion:reduce){.top,.logo img,.top nav,.top nav a{transition:none!important}}
.admin-body nav a::after{display:none}

/* ===== PERFORMANS ===== */
.hero{contain:layout paint}
.slide{will-change:opacity;backface-visibility:hidden}
.slide.on,.slide.prev{animation:kb 10s ease-out forwards;will-change:opacity,transform}
@keyframes kb{from{transform:scale(1.02) translateZ(0)}to{transform:scale(1.07) translateZ(0)}}
.hero.paused .slide.on,.hero.paused .hero-dots button.on::after{animation-play-state:paused}
.hero h1{text-shadow:0 1px 14px rgba(0,0,0,.28)}
.hero-temp{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,240,235,.28)}
.top{-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}
.hero-snow{will-change:transform}

/* ===== ÜST MENÜ: hareketli ===== */
.top{position:sticky;top:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),padding .25s ease,background .25s ease,box-shadow .25s ease;animation:navIn .8s cubic-bezier(.2,.8,.2,1) backwards}
.top.hide{transform:translateY(-102%);box-shadow:none}
.top:focus-within{transform:none}
@keyframes navIn{from{transform:translateY(-100%);opacity:0}}
@keyframes navItem{from{transform:translateY(-10px);opacity:0}}
.top .logo{animation:navItem .6s cubic-bezier(.2,.8,.2,1) .15s backwards}
.top nav>a,.top nav>.cart-btn{animation:navItem .6s cubic-bezier(.2,.8,.2,1) backwards}
.top nav>*:nth-child(2){animation-delay:.22s}.top nav>*:nth-child(3){animation-delay:.28s}.top nav>*:nth-child(4){animation-delay:.34s}
.top nav>*:nth-child(5){animation-delay:.4s}.top nav>*:nth-child(6){animation-delay:.46s}.top nav>*:nth-child(7){animation-delay:.52s}
.top .btn.small{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,box-shadow .25s,background .2s}
.top .btn.small::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease}
.top .btn.small:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(223,54,100,.32)}
.top .btn.small:hover::before{transform:translateX(120%)}
.nav-pill{display:none}
@media(min-width:901px){
  nav{position:relative;gap:4px}
  nav>a:not(.btn){padding:9px 16px;border-radius:999px;transition:color .25s}
  nav>a:not(.btn)::after{display:none}
  nav .btn.small{margin-left:14px}
  .nav-pill{display:block;position:absolute;left:0;top:0;border-radius:999px;pointer-events:none;opacity:0;z-index:0;
    background:linear-gradient(135deg,rgba(223,54,100,.10),rgba(240,184,198,.35));box-shadow:inset 0 0 0 1px rgba(223,54,100,.12)}
  .nav-pill.ready{transition:transform .4s cubic-bezier(.2,.8,.2,1),width .4s cubic-bezier(.2,.8,.2,1),height .3s,opacity .25s}
  nav>a{position:relative;z-index:1}
}
@media(prefers-reduced-motion:reduce){.top,.top .logo,.top nav>*{animation:none!important}.top.hide{transform:none}}

section[id]{scroll-margin-top:72px}

/* ===== ÜRÜN SAYFASI ===== */
.pd-page{padding:clamp(24px,4vw,48px) var(--pad) clamp(60px,8vw,110px);min-height:70vh}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.88rem;color:#6b7383;margin-bottom:26px}
.crumbs a{color:#4a5160}.crumbs a:hover{color:var(--berry)}
.crumbs b{color:var(--ink);font-weight:600}
.pd{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.pd-img{margin:0;position:sticky;top:96px;border-radius:30px;overflow:hidden;aspect-ratio:4/3;background:#e9ddd0}
.pd-img img{width:100%;height:100%;object-fit:cover}
.pd-img::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,240,235,.28),rgba(255,240,235,0) 38%),rgba(170,205,232,.1);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),inset 0 0 50px rgba(255,235,230,.6)}
.pd-info h1{font-size:clamp(2rem,4.2vw,3.4rem);margin:8px 0 14px}
.pd-lead{font-size:1.15rem;font-weight:500;margin-bottom:14px}
.pd-text{color:#3f4655;margin-bottom:.9em}
.pd-specs{margin:22px 0;border-top:1px solid var(--line)}
.pd-specs div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}
.pd-specs dt{color:#6b7383}.pd-specs dd{font-weight:600;text-align:right}
.pd-h{font:600 .76rem var(--sans);text-transform:uppercase;letter-spacing:.1em;color:#6b7383;margin:22px 0 10px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.chips li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.88rem}
.pd-cta{margin-top:30px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.pd-more{margin-top:clamp(56px,8vw,100px)}
.pd-more h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:28px}
.pd-empty{padding:80px 0;text-align:center}
.pd-empty h1{font-size:2.2rem;margin-bottom:12px}
@media(max-width:900px){.pd{grid-template-columns:1fr}.pd-img{position:relative;top:auto}}

.pd-page section{padding:0}
.pd-page .pd{padding:0}
.pd-page .pd-more{padding:0}


/* =====================================================
   TEMA: BUZ & KAR  (soğuk palet, kar taneleri, buz sarkıtları)
   ===================================================== */
:root{
  --paper:#f7f2ea;--frost:#eeeae2;--line:rgba(35,45,70,.16);
  --black:#2b0b1b;--ink:#1d141a;--ice:#f8c0cf;--ice-deep:#df3664;
}
body{
  color:var(--ink);
  background:
    radial-gradient(900px 520px at 92% -6%,rgba(255,228,205,.45),transparent 62%),
    radial-gradient(800px 480px at -8% 34%,rgba(255,255,255,.95),transparent 60%),
    var(--paper);
}
.top{background:rgba(247,242,234,.82);border-bottom-color:rgba(50,60,85,.5)}
.top.scrolled{background:rgba(252,249,244,.93)}
.faq{background:transparent;border-top:0}
.who{background:var(--frost)}
::selection{background:#f9c9d6;color:#2b0b1b}



/* buz sarkıtları */
.strip{position:relative}
.strip::after{content:"";position:absolute;left:0;right:0;top:100%;height:44px;z-index:3;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='44'%20viewBox='0%200%20120%2044'%3E%3Cpath%20fill='%232b0b1b'%20d='M0%200H120V9H0ZM3%208L10%2022L17%208ZM24%208L30%2038L36%208ZM42%208L50%2018L58%208ZM64%208L70%2031L76%208ZM81%208L88%2042L95%208ZM102%208L108%2025L114%208Z'/%3E%3C/svg%3E") repeat-x top left/150px 44px}
.products{padding-top:clamp(80px,9vw,130px)}
.contact{position:relative;margin-top:0}
.contact::before{content:"";position:absolute;left:0;right:0;top:0;height:44px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='44'%20viewBox='0%200%20120%2044'%3E%3Cpath%20fill='%23f7f2ea'%20d='M0%200H120V9H0ZM3%208L10%2022L17%208ZM24%208L30%2038L36%208ZM42%208L50%2018L58%208ZM64%208L70%2031L76%208ZM81%208L88%2042L95%208ZM102%208L108%2025L114%208Z'/%3E%3C/svg%3E") repeat-x top left/150px 44px;transform:scaleX(-1)}
.contact{padding-top:clamp(90px,10vw,130px)}
.strip b{color:var(--ice)}
.contact em{color:#ff9db7}

/* IQF görseli: buzlu çerçeve */
.iqf figure{position:relative;border-radius:30px}
.iqf figure::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,240,235,.3),rgba(255,240,235,0) 40%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.6),inset 0 0 52px rgba(255,235,230,.65)}

/* ürün kartları: buz parıltısı */
.card .ph{box-shadow:0 18px 40px -18px rgba(30,6,18,.45)}
.card:hover .ph{box-shadow:0 26px 50px -16px rgba(30,6,18,.55),0 0 0 1px rgba(255,255,255,.7)}

/* ---- ÜRÜN SAYFASI: koyu buz bandı ---- */
.pd-page{padding:0 0 clamp(60px,8vw,110px)}
.pd-band{position:relative;isolation:isolate;color:#fff;padding:clamp(24px,3vw,40px) var(--pad) clamp(70px,8vw,110px);
  background:radial-gradient(900px 520px at 85% -10%,rgba(230,130,60,.32),transparent 62%),linear-gradient(180deg,#3d1128,#2b0b1b)}
.pd-band::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px}
.pd-page .pd-band{margin-bottom:44px}
.pd-page .pd-band::before{content:"";position:absolute;left:0;right:0;bottom:-44px;height:44px;z-index:2;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='44'%20viewBox='0%200%20120%2044'%3E%3Cpath%20fill='%232b0b1b'%20d='M0%200H120V9H0ZM3%208L10%2022L17%208ZM24%208L30%2038L36%208ZM42%208L50%2018L58%208ZM64%208L70%2031L76%208ZM81%208L88%2042L95%208ZM102%208L108%2025L114%208Z'/%3E%3C/svg%3E") repeat-x top left/150px 44px}
.snow-cv{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.pd-inner{position:relative}
.pd-band .crumbs,.pd-band .crumbs a{color:rgba(255,255,255,.68)}
.pd-band .crumbs a:hover{color:#fff}
.pd-band .crumbs b{color:#fff}
.pd-band .tag{color:#ff9db7}
.pd-band .pd-info h1{color:#fff}
.pd-band .pd-lead{color:#fff}
.pd-band .pd-text{color:rgba(255,255,255,.82)}
.pd-band .pd-specs{border-top-color:rgba(255,255,255,.2)}
.pd-band .pd-specs div{border-bottom-color:rgba(255,255,255,.2)}
.pd-band .pd-specs dt{color:rgba(255,255,255,.62)}
.pd-band .pd-specs dd{color:#fff}
.pd-band .pd-h{color:rgba(255,255,255,.62)}
.pd-band .chips li{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:none}
.pd-band .btn{background:#fff;color:var(--berry-dark)}
.pd-band .btn:hover{background:#fde6ec}
.pd-band .link{color:#fff;border-bottom-color:#ff9db7}
.pd-band .pd-img{box-shadow:0 34px 80px rgba(0,0,0,.5),0 0 70px rgba(255,160,90,.22);border:1px solid rgba(255,255,255,.35)}
.pd-more{padding:0 var(--pad)!important}

/* ---- BLOG başlığı ---- */
.blog-head{position:relative;overflow:hidden;color:#fff;border-radius:30px;padding:clamp(28px,5vw,60px);
  background:radial-gradient(700px 400px at 90% -20%,rgba(230,130,60,.34),transparent 62%),linear-gradient(160deg,#2b0b1b,#3d1128 60%,#3d1128)}
.blog-head p{color:rgba(255,255,255,.8)}

/* ---- ALT BİLGİ ---- */
footer.ft{position:relative;overflow:hidden;isolation:isolate;display:block;padding:clamp(64px,8vw,100px) var(--pad) 0;color:rgba(255,255,255,.78);
  background:radial-gradient(900px 480px at 15% 0%,rgba(230,130,60,.22),transparent 62%),linear-gradient(180deg,#2b0b1b,#1e0612 70%,#1e0612)}
.ft-snow{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.ft-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:clamp(28px,4vw,64px);position:relative;z-index:1}
.ft-logo{height:60px;width:auto;margin-bottom:18px}
.ft-brand p{max-width:30em;line-height:1.7;color:rgba(255,255,255,.7)}
.ft-social{display:flex;gap:10px;margin-top:20px}
.ft-social a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);transition:background .2s,transform .2s,border-color .2s}
.ft-social a:hover{background:rgba(255,255,255,.18);transform:translateY(-2px);border-color:#fff}
.ft-social svg{width:18px;height:18px;fill:#fff}
.ft-col h4{font:600 .78rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ice);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.ft-col ul{list-style:none;display:grid;gap:10px}
.ft-col a{color:rgba(255,255,255,.78);transition:color .2s,padding .2s}
.ft-col a:hover{color:#fff;padding-left:4px}
.ft-col address{font-style:normal;display:grid;gap:10px}
.ft-mark{position:relative;z-index:0;font-family:var(--serif);font-weight:700;font-size:clamp(6rem,22vw,19rem);line-height:.82;letter-spacing:-.04em;text-align:center;margin-top:clamp(30px,5vw,60px);
  background:linear-gradient(180deg,rgba(169,221,247,.28),rgba(169,221,247,0) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none;white-space:nowrap}
.ft-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start;padding:22px 0 26px;border-top:1px solid rgba(255,255,255,.14);font-size:.82rem;color:rgba(255,255,255,.6)}
.ft-links{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.ft-links a{text-decoration:underline;text-underline-offset:3px}
.ft-bottom .credits{max-width:520px}
.ft-bottom .credits summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px}
.ft-bottom .credits p{margin-top:8px;line-height:1.6;color:rgba(255,255,255,.6)}
@media(max-width:900px){
  .ft-top{grid-template-columns:1fr 1fr}
  .ft-brand{grid-column:1/-1}
  .pd-page .pd-band{padding-bottom:80px}
}
@media(max-width:520px){.ft-top{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ft-social a,.ft-col a{transition:none}}

.pd-page .pd-band{padding:clamp(24px,3vw,40px) var(--pad) clamp(70px,8vw,110px)}


/* ===== BÖLÜM GEÇİŞLERİ: kar yığını (sarkıt efektinin yerine) ===== */
.strip::after{content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:clamp(48px,6vw,86px);z-index:3;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2090'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23779f19'%20fill-opacity='.55'%20d='M0%2064C140%2086%20280%2040%20480%2044C680%2048%20800%2092%20980%2072C1140%2054%201290%2030%201440%2058%20L1440%200%20V0%20H0%20Z'/%3E%3Cpath%20fill='%232b0b1b'%20d='M0%2050C160%2020%20300%2078%20480%2066C660%2054%20780%2014%20960%2026C1120%2038%201260%2082%201440%2052%20L1440%200%20V0%20H0%20Z'/%3E%3Cpath%20fill='none'%20stroke='%23c9de8f'%20stroke-width='1.6'%20stroke-linecap='round'%20d='M0%2050C160%2020%20300%2078%20480%2066C660%2054%20780%2014%20960%2026C1120%2038%201260%2082%201440%2052'/%3E%3C/svg%3E") top left/100% 100% no-repeat}
.contact::before{content:"";position:absolute;left:0;right:0;top:-1px;height:clamp(48px,6vw,86px);z-index:1;pointer-events:none;transform:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2090'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23eadfd2'%20fill-opacity='.95'%20d='M0%2064C140%2086%20280%2040%20480%2044C680%2048%20800%2092%20980%2072C1140%2054%201290%2030%201440%2058%20L1440%200%20V0%20H0%20Z'/%3E%3Cpath%20fill='%23f7f2ea'%20d='M0%2050C160%2020%20300%2078%20480%2066C660%2054%20780%2014%20960%2026C1120%2038%201260%2082%201440%2052%20L1440%200%20V0%20H0%20Z'/%3E%3C/svg%3E") top left/100% 100% no-repeat}
.contact{padding-top:clamp(110px,11vw,160px)}
.products{padding-top:clamp(96px,10vw,150px)}
.pd-page .pd-band{margin-bottom:clamp(48px,6vw,86px)}
.pd-page .pd-band::before{content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);bottom:auto;height:clamp(48px,6vw,86px);z-index:2;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2090'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23779f19'%20fill-opacity='.55'%20d='M0%2064C140%2086%20280%2040%20480%2044C680%2048%20800%2092%20980%2072C1140%2054%201290%2030%201440%2058%20L1440%200%20V0%20H0%20Z'/%3E%3Cpath%20fill='%232b0b1b'%20d='M0%2050C160%2020%20300%2078%20480%2066C660%2054%20780%2014%20960%2026C1120%2038%201260%2082%201440%2052%20L1440%200%20V0%20H0%20Z'/%3E%3Cpath%20fill='none'%20stroke='%23c9de8f'%20stroke-width='1.6'%20stroke-linecap='round'%20d='M0%2050C160%2020%20300%2078%20480%2066C660%2054%20780%2014%20960%2026C1120%2038%201260%2082%201440%2052'/%3E%3C/svg%3E") top left/100% 100% no-repeat}


/* menü her zaman görünür */
.top.hide{transform:none!important}

/* ===== 24 ürünlük katalog ===== */
.cards{grid-template-columns:repeat(4,1fr);gap:40px 26px}
.card h3{font-size:.95rem;letter-spacing:.03em}
.filters{gap:8px}
.sec-head{align-items:flex-end}
@media(max-width:1180px){.cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr);gap:28px 16px}.card h3{font-size:.85rem}}
@media(max-width:520px){.cards{grid-template-columns:1fr 1fr;gap:22px 12px}}
.pd-more .cards{grid-template-columns:repeat(3,1fr)}
@media(max-width:700px){.pd-more .cards{grid-template-columns:1fr 1fr}}


/* =====================================================
   ÇOK SAYFALI SİTE: bantlar, bölümler, bileşenler
   ===================================================== */
.top{z-index:50}
/* alt menü (Firmamız) */
.has-sub{position:relative;display:flex;align-items:center}
.sub{list-style:none;position:absolute;left:0;top:100%;min-width:230px;padding:10px;margin-top:6px;border-radius:18px;z-index:5;
  background:rgba(252,249,244,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(50,60,85,.45);box-shadow:0 24px 50px -16px rgba(30,6,18,.35);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
.sub a{display:block;padding:10px 14px;border-radius:12px;font-weight:500;font-size:.95rem;transition:background .15s,color .15s}
.sub a:hover,.sub a[aria-current]{background:rgba(223,54,100,.08);color:var(--berry)}
.has-sub>a::before{content:"";display:inline-block;width:0}
.has-sub>a::after{display:none!important}
@media(min-width:901px){.has-sub>a{padding:9px 16px;border-radius:999px}}
@media(max-width:900px){
  .has-sub{display:block}
  .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;padding:0 0 8px 6px;margin:0;min-width:0}
  .sub a{font-family:var(--sans);font-size:1.05rem;padding:9px 6px;border-radius:0}
  .top nav>.has-sub>a{display:block}
}

/* sayfa bandı */
.page-band{position:relative;isolation:isolate;color:#fff;padding:clamp(40px,6vw,80px) var(--pad) clamp(90px,10vw,150px);
  background:linear-gradient(100deg,rgba(8,16,32,.9),rgba(8,16,32,.66) 55%,rgba(8,16,32,.35)),var(--bg) center/cover,#2b0b1b;margin-bottom:clamp(48px,6vw,86px)}
.page-band::after{content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:clamp(48px,6vw,86px);z-index:2;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2090'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23779f19'%20fill-opacity='.55'%20d='M0%2064C140%2086%20280%2040%20480%2044C680%2048%20800%2092%20980%2072C1140%2054%201290%2030%201440%2058%20L1440%200%20V0%20H0%20Z'/%3E%3Cpath%20fill='%232b0b1b'%20d='M0%2050C160%2020%20300%2078%20480%2066C660%2054%20780%2014%20960%2026C1120%2038%201260%2082%201440%2052%20L1440%200%20V0%20H0%20Z'/%3E%3Cpath%20fill='none'%20stroke='%23c9de8f'%20stroke-width='1.6'%20stroke-linecap='round'%20d='M0%2050C160%2020%20300%2078%20480%2066C660%2054%20780%2014%20960%2026C1120%2038%201260%2082%201440%2052'/%3E%3C/svg%3E") top left/100% 100% no-repeat}
.page-band .snow-cv{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.page-band-in{max-width:760px;position:relative}
.page-band .crumbs,.page-band .crumbs a{color:rgba(255,255,255,.7)}
.page-band .crumbs b{color:#fff}
.page-band .kicker{color:#ff9db7;margin-top:34px}
.page-band h1{color:#fff;font-size:clamp(2.4rem,5.6vw,4.4rem);margin-bottom:16px}
.page-band h1 em{color:#ff9db7}
.page-band .lead{color:rgba(255,255,255,.86);max-width:36em;margin:0}

/* genel bölüm */
.sec{padding:clamp(48px,6vw,90px) var(--pad)}
.center-cta{text-align:center;margin-top:44px}
.sec-head h2{margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
.split h2{margin-bottom:18px}
.split p{color:#3f4655;margin-bottom:1em;max-width:36em}
.split .btn{margin-top:8px}
.pic{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:4/3;background:#e9ddd0;box-shadow:0 30px 60px -28px rgba(30,6,18,.5)}
.pic img{width:100%;height:100%;object-fit:cover}
.pic::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,240,235,.28),rgba(255,240,235,0) 38%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),inset 0 0 46px rgba(255,235,230,.55)}
.split.rev .pic{order:0}
.step-n{display:inline-block;font:700 .85rem var(--sans);letter-spacing:.16em;color:var(--berry);margin-bottom:10px}
.step-n::after{content:"";display:inline-block;width:42px;height:1px;background:var(--berry);vertical-align:middle;margin-left:12px}

/* özellik kartları */
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feats.three{grid-template-columns:repeat(3,1fr)}
.feat{position:relative;background:#fff;border:1px solid rgba(50,60,85,.35);border-radius:22px;padding:28px 24px;transition:transform .25s,box-shadow .25s}
.feat:hover{transform:translateY(-4px);box-shadow:0 22px 40px -22px rgba(30,6,18,.45)}
.feat .ico,.info-card .ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:16px;color:var(--ice-deep);
  background:linear-gradient(145deg,#fde6ec,#fbd3de)}
.feat .ico svg,.info-card .ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.feat h3{font-size:1.25rem;margin-bottom:8px}
.feat p{color:#3f4655;font-size:.95rem;margin:0}
.note-line{margin-top:22px;color:#5f6676;font-size:.95rem}

/* alıntı bandı */
.quote-band{position:relative;isolation:isolate;overflow:hidden;color:#fff;text-align:center;padding:clamp(60px,8vw,110px) var(--pad);
  background:radial-gradient(800px 420px at 80% 0%,rgba(230,130,60,.3),transparent 62%),linear-gradient(160deg,#2b0b1b,#3d1128 58%,#3d1128)}
.quote-band .snow-cv{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.quote-band blockquote{max-width:880px;margin:0 auto}
.quote-band span{display:block;font:600 .8rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#ff9db7;margin-bottom:16px}
.quote-band p{font-family:var(--serif);font-weight:700;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.25;letter-spacing:-.01em}

/* CTA bandı */
.cta-band{position:relative;isolation:isolate;overflow:hidden;color:#fff;text-align:center;padding:clamp(64px,8vw,110px) var(--pad);margin-top:clamp(40px,5vw,80px);
  background:radial-gradient(900px 480px at 15% 0%,rgba(230,130,60,.28),transparent 62%),linear-gradient(160deg,#2b0b1b,#3d1128 60%,#3d1128)}
.cta-band .snow-cv{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.cta-band h2{font-size:clamp(1.9rem,4vw,3rem);margin-bottom:12px}
.cta-band p{color:rgba(255,255,255,.8);margin-bottom:26px}
.cta-band .cta{justify-content:center}
.cta-band .btn{background:#fff;color:var(--berry-dark)}
.cta-band .btn:hover{background:#fde6ec}
.cta-band .link{color:#fff;border-bottom-color:#ff9db7}

/* karşılaştırma tablosu */
.compare{background:#fff;border:1px solid rgba(50,60,85,.35);border-radius:22px;overflow:hidden;max-width:860px}
.compare table{width:100%;border-collapse:collapse}
.compare th,.compare td{padding:16px 22px;text-align:left;border-bottom:1px solid var(--line)}
.compare th{font:600 .78rem var(--sans);text-transform:uppercase;letter-spacing:.1em;color:#6b7383;background:#faf6f0}
.compare .hl{background:rgba(223,54,100,.05);color:var(--berry-dark);font-weight:600}
.compare tr:last-child td{border-bottom:0}
.compare td:first-child{font-weight:600;width:28%}

/* listeler */
.chips.lg li{font-size:.95rem;padding:8px 16px}
.chips{margin:0 0 1.2em}
.check-list{list-style:none;display:grid;gap:14px}
.check-list li{position:relative;padding-left:34px;color:#3f4655}
.check-list li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--berry) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.500l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.check-list b{color:var(--ink)}

/* ürün filtresi sayıları */
.filters{margin-bottom:34px}
.filters button i{font-style:normal;opacity:.6;font-size:.78rem;margin-left:4px}
.filters button.on i{opacity:.8}

/* iletişim */
.contact-sec{padding-top:0}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,70px);align-items:start}
.info-list{display:grid;gap:16px}
.info-card{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid rgba(50,60,85,.35);border-radius:20px;padding:20px 22px}
.info-card .ico{margin:0;flex:none}
.info-card h3{font:600 .78rem var(--sans);text-transform:uppercase;letter-spacing:.1em;color:#6b7383;margin-bottom:4px}
.info-card a,.info-card p{font-weight:600;color:var(--ink);margin:0}
.info-card a:hover{color:var(--berry)}
.lead-form{background:linear-gradient(160deg,#2b0b1b,#3d1128 60%,#3d1128);color:#fff;border-radius:28px;padding:clamp(26px,4vw,44px);display:grid;gap:16px;box-shadow:0 34px 70px -30px rgba(8,16,32,.7)}
.lead-form h2{font-size:1.8rem;margin-bottom:4px}
.lead-form label{color:rgba(255,255,255,.85)}
.lead-form .btn{justify-self:start;background:#fff;color:var(--berry-dark)}
.lead-form .btn:hover{background:#fde6ec}
.faq.sec{max-width:none}
.faq .sec-head,.faq details{max-width:860px}

/* ana sayfa küçük ekler */
.about .pic{aspect-ratio:5/4}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

@media(max-width:1000px){
  .feats{grid-template-columns:repeat(2,1fr)}
  .feats.three{grid-template-columns:1fr}
  .post-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .split,.contact-grid{grid-template-columns:1fr}
  .split.rev .pic{order:-1}
  .page-band-in{max-width:none}
}
@media(max-width:560px){.feats{grid-template-columns:1fr}.post-grid{grid-template-columns:1fr}}

/* bant altı: fotoğraf lacivertle yumuşakça birleşsin */
.page-band{background:linear-gradient(0deg,#2b0b1b 0,rgba(8,16,32,0) 34%),linear-gradient(100deg,rgba(8,16,32,.9),rgba(8,16,32,.66) 55%,rgba(8,16,32,.35)),var(--bg) center/cover,#2b0b1b}

/* kar efekti kaldırıldı */
.snow-cv,.hero-snow,.ft-snow,.hero-frost{display:none!important}

/* ---- ÜRÜN DETAY: başlık üstte, görsel ortalı ---- */
.pd-band .pd-head{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(20px,4vw,64px);align-items:end;margin:8px 0 clamp(28px,4vw,48px);padding-bottom:clamp(20px,3vw,32px);border-bottom:1px solid rgba(255,255,255,.18)}
.pd-head h1{font-size:clamp(2.2rem,5vw,4.2rem);margin:10px 0 0}
.pd-band .pd-head .pd-lead{font-size:1.2rem;color:rgba(255,255,255,.88);margin:0;max-width:30em;justify-self:end}
.pd{align-items:center}
.pd-img{position:relative;top:auto}
@media(max-width:900px){.pd-band .pd-head{grid-template-columns:1fr}.pd-band .pd-head .pd-lead{justify-self:start}}
@media(min-width:901px){.nav-pill{animation:navItem .5s cubic-bezier(.2,.8,.2,1) .55s backwards}}

.hero.paused .hero-dots button.on::after{animation-play-state:paused}

/* ---- ÜRÜN DETAY v3: ince koyu başlık şeridi + krem zeminde taşan fotoğraf ---- */
.pd-page{--wave:clamp(48px,6vw,86px);--lift:clamp(70px,8vw,120px)}
.pd-page .pd-band{padding:clamp(24px,3vw,40px) var(--pad) calc(var(--lift) + 24px);margin-bottom:var(--wave)}
.pd-band .pd-head{display:block;margin:6px 0 0;padding:0;border:0;max-width:760px}
.pd-band .pd-head h1{color:#fff;font-size:clamp(2.2rem,4.6vw,3.8rem);margin:10px 0 14px}
.pd-band .pd-head .pd-lead{font-size:1.15rem;color:rgba(255,255,255,.85);margin:0;justify-self:auto}
.pd-main{position:relative;z-index:3;padding:0 var(--pad)!important;align-items:start;grid-template-columns:1.05fr 1fr}
.pd-main .pd-img{margin-top:calc(-1 * (var(--wave) + var(--lift)));box-shadow:0 30px 60px -24px rgba(30,6,18,.55);border:0;background:#e9ddd0}
.pd-main .pd-info{padding-top:6px}
.pd-main .pd-text{color:#3f4655}
.pd-main .pd-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;margin:22px 0}
.pd-main .pd-specs div{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px}
.pd-main .pd-specs dt{font:600 .72rem var(--sans);text-transform:uppercase;letter-spacing:.1em;color:#6b7383;margin-bottom:4px}
.pd-main .pd-specs dd{font-family:var(--serif);font-weight:700;font-size:1.1rem;text-align:left;color:var(--ink)}
.pd-main .chips li{background:#fde6ec;border-color:rgba(223,54,100,.18);color:var(--berry-dark)}
@media(max-width:900px){.pd-main{grid-template-columns:1fr}.pd-main .pd-img{margin-top:calc(-1 * (var(--wave) + var(--lift) * .6))}}
.pd-page{--lift:clamp(28px,3.4vw,48px)}
.pd-page .pd-band{padding-bottom:calc(var(--lift) + 36px)}
.pd-main{grid-template-columns:1.12fr 1fr}
.pd-main .pd-info{padding-top:clamp(16px,2.4vw,36px)}
@media(max-width:900px){.pd-main{grid-template-columns:1fr}.pd-main .pd-img{margin-top:calc(-1 * (var(--wave) + var(--lift) * .6))}.pd-main .pd-info{padding-top:8px}}
@media(max-width:900px){.pd-main{grid-template-columns:minmax(0,1fr)}}

/* ---- KURUMSAL SAYFALAR ---- */
.page-band{padding-bottom:clamp(70px,7vw,110px)}
.sec .kicker{margin-bottom:12px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 var(--pad);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 40px -26px rgba(30,6,18,.4);position:relative;z-index:3;margin-top:calc(-1 * clamp(24px,3vw,44px))}
.facts div{padding:22px clamp(16px,2.4vw,32px);border-right:1px solid var(--line)}
.facts div:last-child{border:0}
.facts b{display:block;font-family:var(--serif);font-size:clamp(1.3rem,2.2vw,1.8rem);color:var(--berry);line-height:1.15}
.facts span{font-size:.9rem;color:#5f6676}
@media(max-width:800px){.facts{grid-template-columns:1fr 1fr}.facts div:nth-child(2){border-right:0}.facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}}

.rail{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 var(--pad);margin-bottom:clamp(8px,2vw,24px);position:relative;z-index:3;margin-top:calc(-1 * clamp(24px,3vw,44px))}
.rail a{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px 20px;box-shadow:0 18px 36px -26px rgba(30,6,18,.45);transition:transform .25s,box-shadow .25s}
.rail a:hover{transform:translateY(-4px);box-shadow:0 24px 40px -22px rgba(30,6,18,.5)}
.rail i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--berry);color:#fff;font:700 .95rem var(--sans);font-style:normal;margin-bottom:12px}
.rail b{display:block;font-family:var(--serif);font-size:1.25rem;margin-bottom:2px}
.rail span{font-size:.9rem;color:#5f6676}
.rail a:not(:last-child)::after{content:"";position:absolute;top:37px;left:calc(100% - 2px);width:20px;height:2px;background:linear-gradient(90deg,var(--berry),transparent)}
@media(max-width:900px){.rail{grid-template-columns:1fr 1fr}.rail a::after{display:none}}
.steps-detail .sec{padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(28px,4vw,56px);scroll-margin-top:90px}
.steps-detail .pic{aspect-ratio:16/10}
.steps-detail .split h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}

.doc-req{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px;padding:18px 22px;border-radius:18px;background:#fde6ec;border:1px solid rgba(223,54,100,.15)}
.doc-req p{margin:0;color:#3f4655;flex:1 1 260px}
section.facts{padding:0}

/* ---- Ana sayfa: kullanım alanı kartları ---- */
.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,28px)}
.use-card{position:relative;display:block;aspect-ratio:4/5;border-radius:26px;overflow:hidden;background:#2b0b1b;box-shadow:0 24px 44px -28px rgba(30,6,18,.6)}
.use-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.use-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,11,27,.78),rgba(43,11,27,.18) 42%,rgba(43,11,27,0) 65%);transition:opacity .3s}
.use-card h3{position:absolute;z-index:2;left:clamp(18px,2.2vw,30px);right:clamp(18px,2.2vw,30px);top:clamp(18px,2.2vw,28px);color:#fff;font:600 clamp(1.1rem,1.8vw,1.5rem)/1.25 var(--sans);letter-spacing:0;text-shadow:0 1px 12px rgba(0,0,0,.3)}
.use-card:hover img{transform:scale(1.06)}
@media(max-width:900px){.use-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.use-card{aspect-ratio:1/1}}

/* ---- Ürün sayfası: arka plan slaytı ---- */
.pd-bg{position:absolute;inset:0;overflow:hidden;z-index:-2}
.pd-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:pdslide 36s infinite;transform:scale(1.04)}
.pd-bg img:nth-child(1){animation-delay:0s}.pd-bg img:nth-child(2){animation-delay:6s}.pd-bg img:nth-child(3){animation-delay:12s}
.pd-bg img:nth-child(4){animation-delay:18s}.pd-bg img:nth-child(5){animation-delay:24s}.pd-bg img:nth-child(6){animation-delay:30s}
@keyframes pdslide{0%{opacity:0;transform:scale(1.04)}4%{opacity:1}17%{opacity:1}21%{opacity:0}100%{opacity:0;transform:scale(1.12)}}
.pd-band::selection{background:transparent}
.pd-band .pd-inner{z-index:1}
.pd-page .pd-band::after{content:"";position:absolute;inset:0;z-index:-1;height:auto;bottom:0;background:linear-gradient(100deg,rgba(8,16,32,.92),rgba(43,11,27,.72) 55%,rgba(43,11,27,.5)),linear-gradient(0deg,#2b0b1b 0%,rgba(43,11,27,.85) 18%,transparent 60%)}
@media(prefers-reduced-motion:reduce){.pd-bg img{animation:none}.pd-bg img:first-child{opacity:1}}

/* ---- Sağ alt hızlı iletişim ---- */
.fab{position:fixed;right:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,26px);z-index:70;display:flex;flex-direction:column;gap:12px}
.fab a{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 12px 26px -8px rgba(8,16,32,.55);transition:transform .2s,box-shadow .2s}
.fab a:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 16px 30px -8px rgba(8,16,32,.6)}
.fab svg{width:28px;height:28px;fill:#fff}
.fab .fab-tel svg{width:26px;height:26px}
.fab-wa{background:#25d366}
.fab-tel{background:var(--berry)}
@media(max-width:600px){.fab a{width:50px;height:50px}}

/* ---- ÜST MENÜ: tepede saydam, kaydırınca beyaz ---- */
body.nav-over{--navh:80px}
body.nav-over .top{position:fixed;left:0;right:0;top:0;width:100%;transition:padding .25s ease,background .3s ease,box-shadow .3s ease,border-color .3s ease}
body.nav-over .page-band{padding-top:calc(var(--navh) + clamp(40px,6vw,80px))}
body.nav-over .pd-band{padding-top:calc(var(--navh) + clamp(20px,3vw,36px))}
body.nav-over .hero{padding-top:var(--navh)}
.top.scrolled{background:rgba(255,255,255,.96);box-shadow:0 8px 28px -10px rgba(30,6,18,.22)}
.top.open{background:#fff}
body.nav-over .top:not(.scrolled):not(.open){background:transparent;border-bottom-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.nav-over .logo img{transition:height .25s ease,filter .3s ease}
body.nav-over .top:not(.scrolled):not(.open) .logo img{filter:none}
body.nav-over nav>a:not(.btn),body.nav-over .has-sub>a{transition:color .3s ease}
body.nav-over .top:not(.scrolled):not(.open) nav>a:not(.btn),
body.nav-over .top:not(.scrolled):not(.open) .has-sub>a{color:#fff}
body.nav-over .top:not(.scrolled):not(.open) nav a[aria-current]{color:#fff}
body.nav-over .top:not(.scrolled):not(.open) .nav-pill{background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
body.nav-over .top:not(.scrolled):not(.open) nav .btn.small{background:#fff;color:var(--berry-dark);box-shadow:none}
body.nav-over .top:not(.scrolled):not(.open) .burger{border-color:rgba(255,255,255,.7)}
body.nav-over .top:not(.scrolled):not(.open) .burger span,
body.nav-over .top:not(.scrolled):not(.open) .burger span::before,
body.nav-over .top:not(.scrolled):not(.open) .burger span::after{background:#fff}
@media(max-width:900px){body.nav-over{--navh:66px}}

/* ---- Harita ---- */
.map-wrap{display:grid;gap:16px}
.map-tabs{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}
.map-tabs button{flex:1 1 260px;text-align:left;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 18px;font:inherit;color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s}
.map-tabs button b{display:block;font-family:var(--serif);font-size:1.1rem}
.map-tabs button span{font-size:.88rem;color:#5f6676}
.map-tabs button.on{border-color:var(--berry);background:#fde6ec;box-shadow:0 10px 24px -16px rgba(223,54,100,.6)}
.map-tabs .btn.small{align-self:center;border-radius:999px;white-space:nowrap}
.map-frame{border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 44px -28px rgba(30,6,18,.5);background:#e9ddd0;aspect-ratio:16/7}
.map-frame iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:700px){.map-frame{aspect-ratio:4/5}}

/* kullanım alanı kartları: ortak görünüm iyileştirmesi */
.use-card img{filter:saturate(1.12) contrast(1.05) brightness(1.04)}
.use-card::after{background:linear-gradient(180deg,rgba(43,11,27,.78),rgba(43,11,27,.22) 38%,rgba(43,11,27,0) 62%),linear-gradient(0deg,rgba(43,11,27,.35),transparent 28%)}
.pd-uses{padding:0 var(--pad)!important;margin-top:clamp(56px,8vw,100px)}
.pd-uses h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:28px}
.use-grid.compact .use-card{aspect-ratio:4/3}
.use-grid.compact .use-card h3{font-size:clamp(1rem,1.5vw,1.2rem)}

/* ===== Referans düzenleri: karışık ağırlıklı başlık, hap butonlar, kolaj, fotoğraflı bant, SSS ===== */
.h1-mix{font-family:var(--sans);font-weight:300;letter-spacing:-.025em;line-height:1.12;font-size:clamp(2rem,4.4vw,3.8rem)}
.h1-mix b{font-weight:700}
.hero h1.h1-mix{font-size:clamp(2rem,4.4vw,3.8rem)}
.h2-mix{font-family:var(--sans);font-weight:300;letter-spacing:-.02em;line-height:1.12;font-size:clamp(1.9rem,3.6vw,3rem)}
.h2-mix b{font-weight:700}
.pill{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--ink);font-weight:600;padding:6px 6px 6px 24px;border-radius:999px;transition:transform .2s,box-shadow .2s}
.pill i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--berry);color:#fff;font-style:normal;transition:transform .25s}
.pill i svg{width:20px;height:20px}
.pill:hover{transform:translateY(-2px);box-shadow:0 14px 26px -14px rgba(0,0,0,.5)}
.pill:hover i{transform:translateX(3px)}
.pill.dark{background:var(--black);color:#fff}
.cta-pills{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.eyebrow{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--berry);margin-bottom:14px}
.eyebrow img{width:36px;height:36px;object-fit:contain;border-radius:50%;background:#fff;padding:4px;box-shadow:0 4px 12px -6px rgba(0,0,0,.3)}

.about2{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;padding-top:clamp(56px,8vw,110px);padding-bottom:clamp(56px,8vw,110px)}
.about2 p{color:#3f4655;max-width:38em;margin-bottom:1em}
.ticks{list-style:none;display:flex;flex-wrap:wrap;gap:12px 28px;margin:22px 0 26px}
.ticks li{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--black)}
.ticks svg{width:26px;height:26px;color:var(--berry);flex:none}
.about2 .pill{margin-top:10px}
.collage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:48px 0}
.collage figure{margin:0;overflow:hidden;border-radius:32px;box-shadow:0 22px 40px -26px rgba(43,11,27,.6)}
.collage img{width:100%;height:100%;object-fit:cover}
.collage .c1{aspect-ratio:1/1.05;margin-top:36px}
.collage .c2{aspect-ratio:1/.8;margin-top:-6px}
.collage .c3{aspect-ratio:1/.8;margin-top:6px}
.collage .c4{aspect-ratio:1/1.05;margin-top:-30px}
.collage .deco{position:absolute;color:var(--black);opacity:.75;width:42%;height:auto;z-index:2}
.collage .d1{left:2%;top:-4px}
.collage .d2{right:2%;bottom:-6px}
.collage .ico-deco{position:absolute;width:44px;height:44px;color:var(--berry);z-index:2}
.collage .i1{right:6%;top:-2px}
.collage .i2{left:8%;bottom:0}
@media(max-width:900px){.about2{grid-template-columns:1fr}}

.photo-band{position:relative;isolation:isolate;color:#fff;padding:clamp(64px,9vw,130px) var(--pad);background:linear-gradient(90deg,rgba(8,16,32,.88),rgba(8,16,32,.55) 60%,rgba(8,16,32,.35)),var(--bg) center/cover,#2b0b1b;margin:clamp(20px,3vw,40px) 0}
.pb-badge{display:grid;place-items:center;width:clamp(96px,10vw,140px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.3);margin-bottom:26px}
.pb-badge img{width:76%;height:auto}
.photo-band .h2-mix{color:#fff;margin-bottom:clamp(32px,5vw,64px)}
.pb-row{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(16px,3vw,40px);align-items:center;padding-top:clamp(24px,3vw,40px);border-top:1px solid rgba(255,255,255,.22)}
.pb-ico{width:64px;height:64px;color:#fff}
.pb-row p{max-width:44em;font-size:1.12rem;line-height:1.7;color:rgba(255,255,255,.92);margin:0}
@media(max-width:800px){.pb-row{grid-template-columns:1fr}}

.faq2{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,5vw,80px);align-items:start;max-width:none}
.faq2 .faq-left,.faq2 .faq-list{max-width:none}
.faq-intro{color:#3f4655;margin-bottom:28px;max-width:34em}
.faq-help{background:#fde6ec;border-radius:34px;padding:clamp(24px,3vw,40px)}
.faq-help h3{font:700 1.2rem var(--sans);letter-spacing:0;margin-bottom:10px}
.faq-help p{color:#3f4655;margin-bottom:.9em}
.faq-help .pill{margin-top:12px}
.faq2 .faq-list{display:grid;gap:14px}
.faq2 details{max-width:none;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:background .2s}
.faq2 summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 26px;font-weight:600;font-size:1.05rem}
.faq2 summary::-webkit-details-marker{display:none}
.faq2 summary::after{content:"+";font-size:1.6rem;line-height:1;font-weight:400;color:var(--black);transition:transform .2s}
.faq2 details[open]{border-color:var(--berry)}
.faq2 details[open] summary{background:var(--berry);color:#fff}
.faq2 details[open] summary::after{content:"\2212";color:#fff}
.faq2 details p{padding:18px 26px 22px;margin:0;color:#3f4655;line-height:1.7}
@media(max-width:900px){.faq2{grid-template-columns:1fr}}
.hero .hero-text{max-width:min(920px,100%)}
.hero h1.h1-mix{font-size:clamp(1.7rem,3.3vw,3rem);margin-bottom:18px}
.hero h1.h1-mix b{color:var(--ice)}
.faq2 details{padding:0}
.faq2 details[open]{border-color:transparent}
.faq2 details[open] summary{border-radius:0}
@media(max-width:700px){.hero h1.h1-mix{font-size:clamp(1.6rem,7vw,2rem)}}

/* ===== Blog ===== */
.blog2{padding:0}
.blog-sec{padding-top:0}
.blog-sec .filters{margin-bottom:34px}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,30px)}
.bgrid.three{margin-top:26px}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.bcard:hover{transform:translateY(-5px);box-shadow:0 26px 44px -26px rgba(43,11,27,.5)}
.bcard figure{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--frost)}
.bcard figure img,.bcard .noimg{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.bcard:hover figure img{transform:scale(1.06)}
.bcat{position:absolute;left:16px;top:16px;background:#fff;color:var(--berry);font:700 .72rem var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.bbody{display:flex;flex-direction:column;gap:10px;padding:22px 24px 26px;flex:1}
.bmeta{font-size:.82rem;color:#6b7383}
.bbody h2{font:700 1.3rem/1.25 var(--sans);letter-spacing:-.01em}
.bbody p{color:#3f4655;font-size:.97rem;line-height:1.6}
.bmore{margin-top:auto;padding-top:6px;font-weight:600;color:var(--berry)}
.bmore i{display:inline-block;font-style:normal;transition:transform .2s}
.bcard:hover .bmore i{transform:translateX(4px)}
.bcard.big{grid-column:1/-1;flex-direction:row}
.bcard.big figure{flex:1.25;aspect-ratio:auto;min-height:340px}
.bcard.big .bbody{flex:1;justify-content:center;padding:clamp(26px,4vw,56px)}
.bcard.big h2{font-size:clamp(1.6rem,2.8vw,2.3rem)}
@media(max-width:900px){.bgrid{grid-template-columns:1fr 1fr}.bcard.big{flex-direction:column}.bcard.big figure{aspect-ratio:16/10;min-height:0}}
@media(max-width:600px){.bgrid{grid-template-columns:1fr}}
.article{max-width:760px;margin:0 auto;padding:0 var(--pad) clamp(40px,6vw,80px)}
.article .prose{font-size:1.1rem;line-height:1.8;color:#2b3342}
.article .prose h3{font:700 1.6rem var(--sans);letter-spacing:-.01em;color:var(--black)}
.article-cta{margin:44px 0 28px;padding:24px 28px;background:#fde6ec;border-radius:26px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.article-cta div{display:grid;gap:2px}
.article-cta span{color:#3f4655;font-size:.95rem}

/* ===== Footer v2 ===== */
.ft-top{grid-template-columns:1.4fr .9fr .9fr 1.5fr}
.ft-contact address{gap:14px}
.ft-contact address a,.ft-contact address p{display:flex;gap:12px;align-items:flex-start;margin:0;color:rgba(255,255,255,.82);line-height:1.5}
.ft-contact address svg{width:20px;height:20px;flex:none;margin-top:2px;fill:none;stroke:var(--ice);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ft-contact address span b{display:block;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ice);margin-bottom:2px}
.ft-contact address a:hover{color:#fff;padding-left:0}
.ft-btn{display:inline-block;margin-top:20px;background:var(--berry);color:#fff;font-weight:600;padding:12px 26px;border-radius:999px;transition:transform .2s,background .2s}
.ft-btn:hover{background:#e84a78;transform:translateY(-2px)}
.ft-bottom{margin-top:clamp(36px,5vw,60px)}
@media(max-width:900px){.ft-top{grid-template-columns:1fr 1fr}.ft-contact{grid-column:1/-1}}
@media(max-width:520px){.ft-top{grid-template-columns:1fr}}
.ft-col a,.ft-contact address a,.ft-btn{text-decoration:none}
.ft-col a:hover{text-decoration:underline;text-underline-offset:4px}
.ft-bottom .ft-links{align-items:center}

/* ürün detay bandı: slayt yalnızca sağda, sol taraf düz lacivert (yazı karışmasın) */
.pd-band{background:linear-gradient(160deg,#2b0b1b,#3d1128)}
.pd-bg{left:42%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.pd-bg img{filter:saturate(1.05) brightness(.85)}
.pd-page .pd-band::after{background:linear-gradient(0deg,#2b0b1b 0%,rgba(43,11,27,.55) 22%,transparent 55%)}
@media(max-width:900px){.pd-bg{left:0;opacity:.35;-webkit-mask-image:none;mask-image:none}}
.pd-page .pd-band::after{background:linear-gradient(180deg,rgba(43,11,27,.92) 0,rgba(43,11,27,.6) 90px,transparent 190px),linear-gradient(0deg,#2b0b1b 0%,rgba(43,11,27,.55) 22%,transparent 55%)}

/* ---- Dil seçici (bayraklar) ---- */
.top nav{margin-left:auto}
.lang{order:3;display:flex;gap:8px;align-items:center;margin-left:18px}
.lang button{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;opacity:.55;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 0 0 1.5px rgba(255,255,255,.0)}
.lang button svg{display:block;width:100%;height:100%;border-radius:50%}
.lang button:hover{opacity:1;transform:translateY(-1px)}
.lang button.on{opacity:1;box-shadow:0 0 0 2px var(--berry)}
body.nav-over .top:not(.scrolled):not(.open) .lang button.on{box-shadow:0 0 0 2px #fff}
@media(max-width:900px){
  .top nav{margin-left:0}
  .lang{order:0;margin-left:auto;margin-right:12px}
}
.lang button{width:32px;height:32px}
.lang button svg{overflow:hidden}

/* Fuar bölümü */
.fair-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(16px,2.4vw,30px);align-items:stretch}
.fair-grid figure{position:relative;margin:0;overflow:hidden;border-radius:30px;box-shadow:0 26px 48px -28px rgba(43,11,27,.6);background:#2b0b1b}
.fair-grid img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.fair-grid figure:hover img{transform:scale(1.04)}
.fair-a{aspect-ratio:3/4}
.fair-b{min-height:100%}
.fair-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 26px 22px;color:#fff;font-weight:600;background:linear-gradient(0deg,rgba(8,16,32,.85),transparent)}
@media(max-width:800px){.fair-grid{grid-template-columns:1fr}.fair-b{aspect-ratio:3/2}}

/* TR/EN yazılı dil butonları */
.lang{gap:4px;padding:3px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.top.scrolled .lang,body:not(.nav-over) .top .lang{background:rgba(43,11,27,.06);box-shadow:inset 0 0 0 1px rgba(43,11,27,.14)}
.lang button{width:auto;height:30px;min-width:38px;padding:0 10px;border-radius:999px;font:700 .78rem/1 var(--sans);letter-spacing:.06em;color:inherit;opacity:.7;box-shadow:none;background:none}
body.nav-over .top:not(.scrolled):not(.open) .lang button{color:#fff}
.top.scrolled .lang button,body:not(.nav-over) .top .lang button,.top.open .lang button{color:var(--black)}
.lang button.on,body.nav-over .top:not(.scrolled):not(.open) .lang button.on{opacity:1;background:var(--berry);color:#fff;box-shadow:none}

/* Footer arka plan görseli */
footer.ft{background:linear-gradient(180deg,rgba(43,11,27,.93),rgba(30,6,18,.9) 60%,rgba(30,6,18,.96)),url(img/hero-c.jpg) center/cover no-repeat,#1e0612}

/* Kullanım kartları: daha kısa */
.use-card{aspect-ratio:4/3}
@media(max-width:520px){.use-card{aspect-ratio:4/3}}

/* İki harita yan yana */
.map-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,28px)}
.map-card{display:grid;gap:12px;align-content:start}
.map-card .map-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 18px}
.map-card .map-head b{display:block;font-family:var(--serif);font-size:1.1rem}
.map-card .map-head span{font-size:.88rem;color:#5f6676}
.map-card .map-frame{aspect-ratio:4/3}
@media(max-width:800px){.map-duo{grid-template-columns:1fr}}

/* Şeffaf navbar: foto üzerinde logo/menü okunaklı kalsın */
body.nav-over .top:not(.scrolled):not(.open){background:linear-gradient(180deg,rgba(30,6,18,.62),rgba(30,6,18,0))}

/* Mobil menü: opak zemin, tutarlı yazı boyutları */
@media(max-width:900px){
  .top nav{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}
  .top nav>.has-sub>a,.top nav>a:not(.btn){font-family:var(--serif);font-weight:700;font-size:1.6rem;padding:16px 0;color:var(--black);border-bottom:1px solid var(--line)}
  .top nav>.has-sub{border-bottom:1px solid var(--line)}
  .top nav>.has-sub>a{border-bottom:0;padding-bottom:6px}
  .sub a{color:var(--ink);border-bottom:0!important}
  .top.open nav>a:not(.btn),.top.open nav>.has-sub>a{color:var(--black)}
}

/* Mobil: karşılaştırma tablosu sığsın */
@media(max-width:600px){
  .compare table{table-layout:fixed}
  .compare th,.compare td{padding:12px 10px;font-size:.88rem;overflow-wrap:anywhere}
  .compare th{font-size:.66rem;letter-spacing:.04em}
  .compare td:first-child{width:26%}
}

/* Mobil menü v2 */
@media(max-width:900px){
  body:has(.top.open) .fab{display:none}
  .top nav{padding:22px var(--pad) 32px;gap:0}
  /* Kurumsal: küçük başlık + chip'ler */
  .top nav>.has-sub{border-bottom:0;padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid var(--line)}
  .top nav>.has-sub>a{font:700 .74rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--berry);padding:0 0 12px;border:0}
  .sub{display:flex;flex-wrap:wrap;gap:8px;padding:0}
  .sub li{list-style:none}
  .sub a,.sub a[aria-current]{display:block;padding:11px 18px;border:1px solid var(--line)!important;border-radius:999px;background:#fff;font:600 .95rem var(--sans);color:var(--black)}
  .sub a:hover,.sub a[aria-current]{background:#fde6ec;border-color:var(--berry)!important;color:var(--berry)}
  /* Ana bağlantılar: sağda ok */
  .top nav>a:not(.btn){display:flex;justify-content:space-between;align-items:center;font-size:1.55rem;padding:18px 0}
  .top nav>a:not(.btn)::after{content:"";display:block!important;width:10px;height:10px;border-top:2px solid var(--berry);border-right:2px solid var(--berry);transform:rotate(45deg);margin-right:6px;position:static;background:none;opacity:1}
  .top nav .btn{margin-top:24px}
  /* İletişim kartı */
  .nav-contact{margin-top:auto;padding:18px 20px;border-radius:20px;background:#fff;border:1px solid var(--line);gap:10px;font-size:.95rem}
  .nav-contact a{display:block;padding:0;border:0!important;font:500 .98rem var(--sans);color:var(--ink)}
  .nav-contact a::after{display:none!important}
  .nav-contact a:first-child::before{content:"✉";color:var(--berry);margin-right:10px}
  .nav-contact a:last-child::before{content:"✆";color:var(--berry);margin-right:10px}
}
@media(max-width:900px){.top.open nav>.has-sub>a{color:var(--berry)}.sub a{padding:11px 16px}}
@media(max-width:900px){.top nav .sub a:not(.btn){padding:11px 18px;font-size:.95rem;line-height:1.2}}

/* Sosyal medya ikonları */
.ft-social svg.st{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Mobil menü: Kurumsal alt bağlantıları sade liste */
@media(max-width:900px){
  .top nav>.has-sub>a{font:700 1.55rem var(--serif);letter-spacing:0;text-transform:none;color:var(--black);padding:18px 0 8px}
  .top.open nav>.has-sub>a{color:var(--black)}
  .top nav>.has-sub{padding-bottom:12px;margin-bottom:0}
  .sub{display:block;padding:0 0 0 2px}
  .top nav .sub a:not(.btn),.top nav .sub a[aria-current]:not(.btn){display:block;padding:8px 0 8px 14px;border:0!important;border-left:2px solid var(--line)!important;border-radius:0;background:none;font:500 1rem var(--sans);color:var(--ink)}
  .top nav .sub a:hover,.top nav .sub a[aria-current]{background:none;color:var(--berry);border-left-color:var(--berry)!important}
}

/* Masaüstü: tüm sayfa üst bantları aynı yükseklikte */
@media(min-width:901px){
  .page-band{box-sizing:border-box;min-height:590px}
}

/* ===== Footer alt çubuk ===== */
.ft-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;padding:22px 0;font-size:.9rem;color:rgba(255,255,255,.78)}
.ft-copy b{color:#fff;font-weight:700}
.ft-copy i{font-style:normal;margin:0 8px;color:rgba(255,255,255,.35)}
.ft-wd{color:var(--ice);font-weight:600}
.ft-right{display:flex;align-items:center;gap:14px}
.ft-social-bar{display:flex;gap:10px;margin:0}
.ft-up{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--berry);color:#fff;transition:transform .2s,background .2s}
.ft-up svg{width:20px;height:20px}
.ft-up:hover{transform:translateY(-3px);background:#e84a78}
.ft-meta{position:relative;z-index:1;padding:0 0 26px;font-size:.8rem;color:rgba(255,255,255,.55)}
.ft-meta .ft-links{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.ft-meta .credits{max-width:640px}
.ft-meta .credits summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px}
.ft-meta .credits p{margin-top:8px;line-height:1.6}
.ft-meta a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.ft-bottom{flex-direction:column;align-items:flex-start}.ft-right{width:100%;justify-content:space-between}}

/* ===== Mobil menü v3: tam ekran, koyu, modern ===== */
.nav-contact{display:none}
@media(max-width:900px){
  /* üst çubuk + yeni hamburger */
  .burger{width:46px;height:46px;border:0;border-radius:50%;background:var(--berry);box-shadow:0 8px 18px -8px rgba(223,54,100,.7)}
  .burger span,.burger span::before,.burger span::after{background:#fff;height:2px;border-radius:2px}
  .burger span{left:14px;right:14px;top:22px}
  .burger span::before{top:-6px;left:0;right:6px}
  .burger span::after{top:6px;left:6px;right:0}
  .top.open .burger span{background:transparent}
  .top.open .burger span::before{transform:translateY(6px) rotate(45deg);right:0}
  .top.open .burger span::after{transform:translateY(-6px) rotate(-45deg);left:0}
  body.nav-over .top:not(.scrolled):not(.open) .burger{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.55);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .top.open{background:#fff}

  /* panel */
  .top nav{position:absolute;left:0;right:0;top:100%;height:calc(100dvh - var(--hh,70px));display:flex;flex-direction:column;gap:0;
    padding:10px 24px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;counter-reset:nv;
    background:radial-gradient(90% 45% at 100% 0%,rgba(223,54,100,.34),transparent 70%),radial-gradient(80% 40% at 0% 100%,rgba(122,161,27,.16),transparent 70%),#2b0b1b;
    border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;
    opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .28s ease,transform .35s cubic-bezier(.2,.8,.2,1),visibility .28s}
  .top.open nav{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .top nav>*{flex-shrink:0;animation:none!important}
  .top.open nav>*{animation:mnIn .55s cubic-bezier(.2,.8,.2,1) both!important}
  .top.open nav>*:nth-child(1){animation-delay:.05s!important}.top.open nav>*:nth-child(2){animation-delay:.1s!important}
  .top.open nav>*:nth-child(3){animation-delay:.15s!important}.top.open nav>*:nth-child(4){animation-delay:.2s!important}
  .top.open nav>*:nth-child(5){animation-delay:.25s!important}.top.open nav>*:nth-child(6){animation-delay:.3s!important}
  .top.open nav>*:nth-child(7){animation-delay:.35s!important}

  /* ana bağlantılar */
  .top nav>a:not(.btn),.top nav>.has-sub>a,.top.open nav>a:not(.btn),.top.open nav>.has-sub>a{
    display:flex;align-items:baseline;gap:14px;padding:17px 0;border:0;border-bottom:1px solid rgba(255,255,255,.1);
    font:700 clamp(1.7rem,8vw,2.2rem)/1.08 var(--sans);letter-spacing:-.02em;text-transform:none;color:#fff;background:none;border-radius:0}
  .top nav>a:not(.btn)::before,.top nav>.has-sub>a::before{counter-increment:nv;content:counter(nv,decimal-leading-zero);display:inline-block;width:auto;font:600 .72rem var(--sans);letter-spacing:.14em;color:var(--ice);min-width:24px;transform:translateY(-.2em)}
  .top nav>a:not(.btn)::after{content:"";display:block!important;margin-left:auto;width:11px;height:11px;border-top:2px solid rgba(255,255,255,.45);border-right:2px solid rgba(255,255,255,.45);transform:rotate(45deg);position:static;background:none;opacity:1}
  .top nav>a[aria-current]:not(.btn),.top nav>.has-sub>a[aria-current]{color:var(--ice)}
  .top nav>a[aria-current]:not(.btn)::after{border-color:var(--ice)}

  /* Kurumsal alt bağlantılar: sade liste */
  .top nav>.has-sub{display:block;border:0;padding:0;margin:0}
  .top nav>.has-sub>a{border-bottom:0;padding-bottom:6px}
  .sub{display:block;position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;min-width:0;margin:0;padding:0 0 14px 38px;border-bottom:1px solid rgba(255,255,255,.1)}
  .top nav .sub a:not(.btn),.top nav .sub a[aria-current]:not(.btn){display:block;padding:7px 0 7px 14px;border:0!important;border-left:2px solid rgba(255,255,255,.2)!important;border-radius:0;background:none;font:500 1rem var(--sans);color:rgba(255,255,255,.75)}
  .top nav .sub a:hover,.top nav .sub a[aria-current]{background:none;color:var(--ice);border-left-color:var(--ice)!important}

  /* CTA */
  .top nav .btn{display:flex;align-items:center;justify-content:center;margin:26px 0 0;padding:17px 22px;font:700 1.05rem var(--sans);border-radius:999px;background:var(--berry);color:#fff;box-shadow:0 14px 30px -12px rgba(223,54,100,.8);text-align:center}

  /* iletişim + sosyal */
  .nav-contact{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:26px;background:none;border:0;border-radius:0}
  .nav-contact .nc-row{display:flex;align-items:center;gap:12px;padding:9px 0;border:0!important;font:500 1rem var(--sans);color:rgba(255,255,255,.85)}
  .nav-contact .nc-row::after,.nav-contact .nc-row::before{display:none!important}
  .nav-contact svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--ice);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .nav-social{display:flex;gap:10px;margin-top:12px}
  .nav-social a{width:44px;height:44px;border-radius:50%;display:grid!important;place-items:center;padding:0!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff;background:rgba(255,255,255,.06)}
  .nav-social a::before,.nav-social a::after{display:none!important}
  .nav-social svg{width:18px;height:18px;stroke:#fff}
  .nav-social svg[fill]{stroke:none}
  body:has(.top.open){overflow:hidden}
}
@keyframes mnIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:900px){
  .sub{border-radius:0}
  .top nav>a:not(.btn),.top nav>.has-sub>a{padding-top:15px;padding-bottom:15px}
  .top nav .nav-contact a.nc-row{padding:9px 0!important}
  .top nav .nav-social a{padding:0!important}
}
@media(max-width:900px){.nav-contact{padding:26px 0 0!important;margin-left:0;margin-right:0}}
@media(min-width:701px){.ft-right{margin-right:84px}}
@media(max-width:700px){.ft-meta{padding-bottom:120px}}
.ft-wd{display:inline-flex;vertical-align:middle;background:#fff;border-radius:8px;padding:4px 10px;margin-left:4px}
.ft-wd img{height:24px;width:auto;display:block}

.ft-wd{background:none;padding:0;border-radius:0;margin-left:6px}
.ft-wd img{height:30px;width:auto}

/* Yönetim: SEO ve site ayarları */
.seo-wrap{padding:24px var(--pad);max-width:1000px;margin:0 auto}
.seo-wrap .editor{display:grid;gap:16px}
.seo-wrap h2{font-size:1.6rem;margin-top:8px}
.seo-wrap h3,.seo-box h3{font-size:1.05rem;margin-top:6px}
.seo-wrap .hint{color:#6b7383;font-size:.9rem;margin-top:-8px}
.seo-wrap .row,.seo-box .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pcard,.seo-box{border:1px solid var(--line);border-radius:10px;padding:16px;display:grid;gap:12px;background:#fbf8f3;margin-bottom:6px}
.pcard h3{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.pcard h3 .link{font-size:.8rem}
.editor input::placeholder,.editor textarea::placeholder{color:#a3a9b5}
.cnt{float:right;font-size:.75rem;font-weight:600;color:#8a91a0}
.cnt.good{color:#2b7a3a}.cnt.warn{color:#b7791f}.cnt.bad{color:#b3142f}
.snip{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-family:Arial,sans-serif;max-width:620px}
.snip span{display:block;font-size:.78rem;color:#4d5156}
.snip b{display:block;font-size:1.1rem;color:#1a0dab;font-weight:400;margin:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snip p{font-size:.85rem;color:#4d5156;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.imgfield{display:grid;gap:6px}
.imgrow{display:flex;gap:12px;align-items:flex-start}
.imgrow img{width:120px;height:72px;object-fit:cover;border:1px solid var(--line);border-radius:6px;background:#eee}
.imgrow>div{display:grid;gap:8px;flex:1}
.imgrow .ghost{justify-self:start}
@media(max-width:700px){.seo-wrap .row,.seo-box .row{grid-template-columns:1fr}}

/* ===== Değişiklik turu: yeşil vurgu, akış, hero paneli, lightbox ===== */
:root{--leaf:#779f19;--leaf-dark:#5d7f10}

/* Anasayfa "Bahçeden sofraya" süreç akışı */
.flow{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.2vw,16px)}
.flow figure{margin:0;flex:0 1 150px;min-width:0;position:relative;border-radius:24px;overflow:hidden;aspect-ratio:3/4;box-shadow:0 18px 34px -22px rgba(43,11,27,.6)}
.flow figure img{width:100%;height:100%;object-fit:cover}
.flow figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 10px 12px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:600;font-size:.95rem;background:linear-gradient(0deg,rgba(43,11,27,.88),transparent)}
.flow figcaption span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--leaf);font-size:.75rem}
.flow-arrow{flex:0 0 clamp(26px,3.4vw,44px);height:auto;color:var(--leaf)}
@media(max-width:560px){.flow{flex-direction:column}.flow figure{flex:none;width:min(220px,70%)}.flow-arrow{transform:rotate(90deg);width:36px}}

/* Yeşil "Birlikte çalışalım" bandı */
.cta-band{background:linear-gradient(160deg,var(--leaf-dark),var(--leaf) 60%,#6a9016)}
.cta-band p{color:rgba(255,255,255,.92)}
.cta-band .btn{color:var(--leaf-dark)}
.cta-band .btn:hover{background:#eef5d8}
.cta-band .link{border-bottom-color:#fff}

/* Açılır alt menü: hero üstündeyken beyaz yazı açık menüde okunmuyordu */
@media(min-width:901px){
  body.nav-over .top:not(.scrolled):not(.open) nav .sub a{color:var(--ink)}
  body.nav-over .top:not(.scrolled):not(.open) nav .sub a:hover,
  body.nav-over .top:not(.scrolled):not(.open) nav .sub a[aria-current]{color:var(--berry);background:rgba(223,54,100,.1)}
}

/* Fuar görselleri küçüldü */
.fair-grid{grid-template-columns:minmax(0,300px) minmax(0,460px);justify-content:center;gap:clamp(14px,2vw,24px)}
.fair-a{aspect-ratio:3/4}
.fair-b{aspect-ratio:4/3;min-height:0;align-self:end}
.fair-grid figcaption{font-size:.9rem;padding:36px 18px 16px}
@media(max-width:800px){.fair-grid{grid-template-columns:minmax(0,1fr)}.fair-a{max-width:300px;margin:0 auto;width:100%}.fair-b{max-width:460px;margin:0 auto;width:100%}}

/* Sayfa başlığı: solda metin paneli, sağda görsel (ürün detayındaki gibi) */
.page-band{background:linear-gradient(160deg,#2b0b1b,#3d1128)}
.page-band::before{content:"";position:absolute;inset:0 0 0 42%;z-index:-2;background:var(--bg) center/cover;filter:saturate(1.05) brightness(.85);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
@media(max-width:900px){.page-band::before{left:0;opacity:.35;-webkit-mask-image:none;mask-image:none}}

/* Ürün görseli büyütme */
.pd-img img{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(20,6,14,.88);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;cursor:zoom-out}
.lb.on{opacity:1;visibility:visible}
.lb img{max-width:min(1100px,100%);max-height:100%;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lb button{position:absolute;top:18px;right:22px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--black);font-size:1.6rem;line-height:1;cursor:pointer}

/* Süreç akışı v2: büyük kartlar, ikon rozetleri, kıvrımlı oklar */
.flow{gap:0;padding:28px 0;align-items:center}
.flow figure{flex:0 1 220px;aspect-ratio:4/5;border-radius:30px;position:relative}
.flow .fl-dondurma{margin-top:64px}
.flow .fl-ico{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--leaf);box-shadow:0 6px 16px rgba(43,11,27,.28)}
.flow .fl-ico svg{width:26px;height:26px}
.flow .fl-dondurma .fl-ico{color:#2f7fb8}
.flow .fl-satis .fl-ico{color:var(--berry)}
.flow figcaption{font-size:1.05rem;padding:48px 12px 16px}
.flow figcaption span{width:26px;height:26px;font-size:.85rem}
.flow-arrow{flex:0 0 clamp(54px,6vw,90px);width:clamp(54px,6vw,90px);height:auto;color:var(--black);opacity:.7;margin:0 -6px;position:relative;z-index:2}
.flow-arrow.up{align-self:flex-start;margin-top:12%}
.flow-arrow.down{align-self:flex-end;margin-bottom:12%}
@media(max-width:1100px){.flow figure{flex-basis:170px}}
@media(max-width:560px){.flow{flex-direction:column;padding:8px 0}.flow figure,.flow .fl-dondurma{flex:none;width:min(240px,78%);margin-top:0}.flow-arrow,.flow-arrow.up,.flow-arrow.down{align-self:center;margin:6px 0;transform:rotate(80deg);width:56px}}

/* Süreç akışı v3: daha büyük */
.about2{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.flow figure{flex:0 1 300px;border-radius:36px}
.flow .fl-dondurma{margin-top:90px}
.flow .fl-ico{width:56px;height:56px;top:16px;left:16px}
.flow .fl-ico svg{width:32px;height:32px}
.flow figcaption{font-size:1.2rem;padding:64px 14px 20px}
.flow-arrow{flex-basis:clamp(60px,7vw,110px);width:clamp(60px,7vw,110px)}
@media(max-width:1250px){.flow figure{flex-basis:230px}.flow .fl-dondurma{margin-top:64px}}
@media(max-width:900px){.about2{grid-template-columns:minmax(0,1fr)}.flow figure{flex-basis:210px}}
@media(max-width:560px){.flow figure,.flow .fl-dondurma{width:min(260px,80%)}}

/* Hero başlığı: serif, tek ölçek, yardımcı noktalar */
.hero .hero-text{max-width:min(760px,100%)}
.hero h1.hero-h1{font-family:var(--serif);font-weight:700;letter-spacing:-.02em;line-height:1.06;font-size:clamp(2.3rem,4.8vw,4.3rem);margin:6px 0 20px;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.hero h1.hero-h1 em{font-style:italic;font-weight:400;color:#ff9db7}
.hero .lead{font-size:clamp(1rem,1.3vw,1.15rem);margin-bottom:22px}
.hero-points{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:0}
.hero-points li{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px);color:#fff;font-weight:600;font-size:.92rem}
.hero-points li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--leaf)}
@media(max-width:700px){.hero h1.hero-h1{font-size:clamp(2rem,9vw,2.6rem)}}

/* Fuar bölümü: solda metin, sağda iki büyük fotoğraf */
.sec.fair{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,72px);align-items:center;max-width:none}
.fair-text .kicker{color:var(--leaf-dark)}
.fair-text h2{margin-bottom:16px}
.fair-text .sec-sub{color:#3f4655;max-width:30em;margin-bottom:22px}
.fair-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);justify-content:stretch;align-items:center;gap:clamp(14px,2vw,26px)}
.fair-a{aspect-ratio:3/4;transform:rotate(-1.5deg)}
.fair-b{aspect-ratio:4/5;min-height:0;align-self:center;margin-top:clamp(30px,5vw,70px);transform:rotate(1.2deg)}
.fair-grid figure{border-radius:32px;box-shadow:0 30px 50px -28px rgba(43,11,27,.65);border:6px solid #fff}
.fair-grid figcaption{font-size:.95rem;padding:48px 20px 18px}
@media(max-width:900px){.sec.fair{grid-template-columns:minmax(0,1fr)}.fair-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fair-a,.fair-b{max-width:none;width:100%;margin-left:0;margin-right:0}}
@media(max-width:520px){.fair-grid{grid-template-columns:minmax(0,1fr)}.fair-a,.fair-b{transform:none;margin-top:0}}

/* IQF / blok karşılaştırma kartları */
.compare-sec .sec-head{margin-bottom:30px}
.vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(12px,2vw,28px);align-items:stretch;max-width:1000px}
.vs-card{border-radius:30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--line)}
.vs-card header{padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.vs-card h3{font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:4px}
.vs-card header p{margin:0;font-size:.95rem;color:#6b7383}
.vs-card ul{list-style:none;margin:0;padding:0;display:grid}
.vs-card li{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.vs-card li:last-child{border-bottom:0;padding-bottom:0}
.vs-card li svg{flex:0 0 28px;width:28px;height:28px}
.vs-card li span{display:grid;font-weight:600;font-size:1.05rem;line-height:1.3}
.vs-card li small{font:600 .7rem var(--sans);text-transform:uppercase;letter-spacing:.1em;color:#6b7383;margin-bottom:2px}
.vs-card.good{background:linear-gradient(160deg,#f4f9e6,#fff 70%);border-color:var(--leaf);box-shadow:0 26px 44px -30px rgba(93,127,16,.6)}
.vs-card.good h3,.vs-card.good li svg{color:var(--leaf-dark)}
.vs-card.bad{background:#f3eee8}
.vs-card.bad li svg{color:#a89fa5}
.vs-card.bad li span{font-weight:500;color:#4a4f5c}
.vs-mid{align-self:center;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--black);color:#fff;font:700 .85rem var(--sans);letter-spacing:.06em}
@media(max-width:760px){.vs{grid-template-columns:minmax(0,1fr)}.vs-mid{justify-self:center}}
/* Ürün arka plan slaytı 5 görsele düştü: döngü 30 sn */
.pd-bg img{animation-duration:30s}

/* Süreç akışı v4: bir tık daha büyük */
.about2{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
.flow figure{flex-basis:350px}
.flow .fl-dondurma{margin-top:100px}
.flow-arrow{flex-basis:clamp(56px,6vw,96px);width:clamp(56px,6vw,96px)}
@media(max-width:1250px){.flow figure{flex-basis:240px}.flow .fl-dondurma{margin-top:64px}}
@media(max-width:900px){.about2{grid-template-columns:minmax(0,1fr)}.flow figure{flex-basis:210px}}
@media(max-width:560px){.flow figure,.flow .fl-dondurma{width:min(260px,80%)}}

/* ===== Blog yazı sayfası ===== */
.article .article-cta .pill span{color:#fff}
.article{max-width:820px}
.article .prose{font-size:1.12rem;line-height:1.85;color:#2b3342}
.article .prose>p:first-child{font-family:var(--serif);font-size:clamp(1.3rem,2.2vw,1.65rem);line-height:1.5;color:var(--black);padding-bottom:26px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.article .prose h2,.article .prose h3{font:700 clamp(1.5rem,2.6vw,2rem) var(--serif);letter-spacing:-.01em;color:var(--black);margin:1.8em 0 .6em}
.article .prose ul{list-style:none;display:grid;gap:12px;margin:1em 0 1.4em;padding:0}
.article .prose li{position:relative;padding:16px 20px 16px 54px;background:#fff;border:1px solid var(--line);border-radius:18px;line-height:1.6}
.article .prose li::before{content:"";position:absolute;left:18px;top:18px;width:22px;height:22px;border-radius:50%;background:var(--leaf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.article .prose li b,.article .prose li strong{color:var(--black)}
.article-cta{background:linear-gradient(135deg,var(--leaf-dark),var(--leaf));color:#fff}
.article-cta b{font-size:1.15rem}
.article-cta span{color:rgba(255,255,255,.9)}
.article-cta .pill.dark{background:var(--black);color:#fff}
.bgrid.three .bcard{border-radius:28px}

/* IQF / blok kartları tüm genişliği kaplasın */
.compare-sec{max-width:none}
.vs{max-width:none;width:100%;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.vs-card{padding:clamp(26px,3.4vw,48px)}
.vs-card li{padding:20px 0}
.vs-card li span{font-size:1.15rem}
.vs-card h3{font-size:clamp(1.8rem,3vw,2.5rem)}