/*
Theme Name: Mesa Mobilya
Theme URI: https://mesamobilya.com
Author: Pazzo Creative
Author URI: https://mesamobilya.com
Description: Mesa Mobilya teması. Ürün, fiyat ve kurallar Çelikbey Katalog eklentisinden (alıcı modunda Çelikbey'den eşitlenir).
Version: 1.0.0
Requires PHP: 7.4
Text Domain: mesa
*/
/* Düzen: sıcak ev — yuvarlak hatlı büyük fotoğraflar, sütlü kahve yüzeyler, espresso düğmeler, bal sarısı vurgular; kategoriler yuvarlak fotoğraflarla */
:root{
  color-scheme:light;
  --zemin:#FFFFFF; --yuzey:#FFFFFF; --sut:#FBF5F1; --sut-2:#F2E6DE; --yazi:#3D2F28; --soluk:#7D6B62; --cizgi:#F0E5DE;
  --espresso:#C98B6B; --espresso-2:#B87A5A; --bal:#C98B6B; --bal-acik:#FBEFE8; --bal-yazi:#A3664A; --wa:#3DAE6E;
  --f-bas:"Urbanist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-gov:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r-buyuk:28px; --r:18px; --r-kucuk:12px;
}
:root{--band:#F5E8DF; --band-vurgu:#A3664A; --hero-vurgu:#FFE2D1; --logo:#00383A; --hk:46,31,24}   /* logo kurumsal renginde */

*{box-sizing:border-box}
body{background:var(--zemin);color:var(--yazi);font:400 15.5px/1.6 var(--f-gov);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:70;background:var(--sut)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--bal);outline-offset:2px}
.in{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--f-bas);font-weight:800;letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.1}
.ust-yazi{font-family:var(--f-bas);font-weight:700;font-size:13px;color:var(--bal-yazi)}
.tl{font-variant-numeric:tabular-nums;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--sut);color:var(--yazi);padding:13px 22px;font-family:var(--f-bas);font-weight:700;font-size:15px;border-radius:999px;transition:transform .15s,background .2s}
.btn:hover{transform:translateY(-1px)}
.btn.koyu{background:var(--espresso);color:#fff}
.btn.koyu:hover{background:var(--espresso-2)}
.btn.wa{background:var(--wa);color:#fff}
.btn.cizgili{background:transparent;box-shadow:inset 0 0 0 1.5px var(--cizgi)}

/* üst şerit + başlık */
.ust{background:var(--sut);font-size:13px}
.ust .in{display:flex;align-items:center;gap:12px;min-height:40px}
.ust .bilgi{display:none;color:var(--soluk)}
.kur{display:flex;background:var(--yuzey);border-radius:999px;padding:3px}
.kur button{border:0;background:none;padding:4px 12px;border-radius:999px;font-weight:700;font-size:12.5px;color:var(--soluk)}
.kur button.on{background:var(--espresso);color:#fff}
.ust .bosluk{flex:1}
.dil{display:flex;align-items:center;gap:6px;color:var(--soluk)}
.dil select{background:var(--yuzey);color:var(--yazi);border:0;border-radius:999px;padding:5px 10px;font:inherit;font-weight:600}
header.bas{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:color-mix(in srgb,var(--zemin) 92%,transparent);backdrop-filter:blur(10px)}
header.bas .in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:66px}
.logo{display:flex;align-items:center;gap:8px}
.logo img{height:36px;width:auto;display:block}
.lg{display:block;width:86px;height:40px;background:linear-gradient(160deg,#CBA66E 0%,#A88250 45%,#8A6638 100%);-webkit-mask:url(assets/img/logo.png) center/contain no-repeat;mask:url(assets/img/logo.png) center/contain no-repeat}
footer .lg{width:74px;height:34px}
nav.ana{display:none;justify-content:center;gap:4px;font-family:var(--f-bas);font-weight:600;font-size:14.5px}
nav.ana a{padding:8px 13px;border-radius:999px}
nav.ana a:hover,nav.ana a.on{background:var(--sut)}
nav.ana a.dg{color:var(--bal-yazi)}
.ikon{width:44px;height:44px;display:grid;place-items:center;border:0;background:var(--sut);border-radius:50%;position:relative}
.ikon svg{width:20px;height:20px}
.sayac{position:absolute;top:-2px;right:-2px;background:var(--bal);color:#fff;font-size:10.5px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 5px}
.sag{display:flex;gap:8px;justify-content:flex-end}
@media (max-width:899px){header.bas{border-bottom:1px solid var(--cizgi);box-shadow:0 6px 14px -12px rgba(var(--hk),.35)}}   /* mobil: ince ayraç + yumuşak gölge */
header.bas .logo .lg{transform:translateY(3px)}   /* göz ortası: büyük "mesa" yazısı ikonlarla hizalansın (alttaki küçük "mobilya" kutuyu yukarı itiyor) */
@media (max-width:899px){header.bas .in{grid-template-columns:1fr auto 1fr}header.bas .logo{justify-self:center}.burger{justify-self:start}}   /* iki yan eşit: logo ekranın tam ortasında */
@media (min-width:900px){.burger{display:none}nav.ana{display:flex}.ust .bilgi{display:block}header.bas .in{min-height:78px}.lg{width:92px;height:42px}}

/* hero: tam fotoğraf, üstünde koyu geçiş + beyaz yazı; ilerleme çubukları, masaüstünde sıradaki slayt önizlemesi */
.h1satir{padding-block:10px 14px;font-size:13.5px;color:var(--soluk)}
.h1satir h1{display:inline;font-size:13.5px;font-weight:800;color:var(--yazi);letter-spacing:0}
.hero{position:relative;border-radius:var(--r-buyuk);overflow:hidden;background:var(--sut-2);aspect-ratio:4/5;max-width:100%;isolation:isolate}
.hero .sl{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s}
.hero .sl.on{opacity:1;visibility:visible}
.hero .sl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s ease-out}
.hero .sl.on img{transform:scale(1)}
.hero .sl::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--hk),.08) 0%,rgba(var(--hk),.42) 28%,rgba(var(--hk),.72) 52%,rgba(var(--hk),.9) 100%)}
.hero .yazi{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 20px 54px;display:grid;gap:12px;color:#fff}
.hero .ust-yazi{color:#fff;opacity:1;letter-spacing:.04em;text-shadow:0 1px 8px rgba(50,34,26,.4)}
.hero h2{font-size:clamp(30px,8vw,64px);line-height:1.02;color:#fff;max-width:14ch;text-shadow:0 2px 20px rgba(var(--hk),.55),0 1px 3px rgba(var(--hk),.35)}
.hero h2 em{font-style:normal;color:var(--hero-vurgu)}
.hero ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hero ul li{background:rgba(var(--hk),.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);backdrop-filter:blur(8px);color:#fff;font-weight:700;font-size:13.5px;padding:6px 12px;border-radius:999px}
.hero ul li::before{content:"✓ "}
.hero .cta{display:flex;gap:8px;flex-wrap:wrap}
.btn.beyaz{background:#fff;color:var(--yazi)}
.btn.cam{background:rgba(var(--hk),.42);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);backdrop-filter:blur(8px);color:#fff}
.hero .ilerle{position:absolute;left:20px;right:20px;bottom:22px;z-index:3;display:flex;gap:8px;align-items:center}
.hero .ilerle button{flex:1;height:4px;border:0;padding:0;border-radius:2px;background:rgba(255,255,255,.3);position:relative;overflow:hidden}
.hero .ilerle button i{position:absolute;inset:0;width:0;background:#fff;border-radius:2px}
.hero .ilerle button.gecti i{width:100%}
.hero .ilerle button.on i{animation:dol 6s linear forwards}
.hero.dur .ilerle button.on i{animation:none;width:100%}
@keyframes dol{to{width:100%}}
.hero .sayi{color:#fff;font-family:var(--f-bas);font-weight:700;font-size:13px;font-variant-numeric:tabular-nums;flex:none;opacity:.85}
.hero .sonraki{display:none}
@media (min-width:900px){
  .hero{aspect-ratio:auto;height:560px}
  .hero .sl::after{background:linear-gradient(90deg,rgba(var(--hk),.88) 0%,rgba(var(--hk),.7) 34%,rgba(var(--hk),.3) 58%,rgba(var(--hk),0) 76%)}
  .hero .yazi{right:auto;top:0;max-width:600px;padding:0 48px 80px;align-content:end}
  .hero .ilerle{left:48px;right:auto;width:260px;bottom:40px}
  .hero .sonraki{position:absolute;right:24px;bottom:24px;z-index:3;display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.9);color:var(--yazi);border:0;border-radius:20px;padding:8px 16px 8px 8px;text-align:left;max-width:300px;box-shadow:0 14px 34px -18px rgba(0,0,0,.6)}
  .hero .sonraki img{width:74px;height:56px;object-fit:cover;border-radius:14px;flex:none}
  .hero .sonraki small{display:block;font-size:11.5px;font-weight:700;color:#7a6a5e}
  .hero .sonraki b{font-family:var(--f-bas);font-size:15px;line-height:1.2}
}
@media (prefers-reduced-motion:reduce){.hero .sl img{transform:none;transition:none}.hero .ilerle button.on i{animation:none;width:100%}}

/* bölümler */
.bolum{padding-block:40px}
.bolum-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:10px 16px;margin-bottom:20px;flex-wrap:wrap}
.bolum-bas h2{font-size:clamp(25px,4.6vw,38px)}

.bolum-bas a{font-family:var(--f-bas);font-weight:700;font-size:14px;background:var(--sut);padding:8px 14px;border-radius:999px;white-space:nowrap}

/* kategoriler: yumuşak renkli kartlarda dekupe ürün görseli (Mesa'nın mevcut fikri, modern sunum); düğün paketi koyu, öne çıkan kart */
.katlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kt{position:relative;display:grid;grid-template-rows:1fr auto;gap:8px;background:var(--sut);border-radius:var(--r);padding:14px 14px 12px;min-height:158px;overflow:hidden;transition:background .25s,transform .2s}
.kt:hover{background:var(--sut-2);transform:translateY(-2px)}
.kt .gor{display:grid;place-items:center;min-height:86px}
.kt .gor img{max-width:100%;max-height:88px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(40,25,15,.18));transition:transform .4s}
.kt:hover .gor img{transform:scale(1.06)}
.kt .alt{display:flex;justify-content:space-between;align-items:flex-end;gap:6px}
.kt b{font-family:var(--f-bas);font-weight:800;font-size:15.5px;line-height:1.15;display:block}
.kt i{font-style:normal;font-size:12px;color:var(--soluk);font-weight:600}
.kt .git{width:30px;height:30px;border-radius:50%;background:var(--yuzey);display:grid;place-items:center;font-weight:800;flex:none;transition:transform .2s}
.kt:hover .git{transform:translateX(3px)}
.kt.dg{grid-column:1/-1;background:var(--bal-acik);color:var(--yazi);grid-template-columns:1.1fr 1fr;grid-template-rows:auto;align-items:stretch;min-height:150px;padding:0;gap:0}
.kt.dg:hover{background:var(--bal-acik)}
.kt.dg .metin{display:grid;gap:4px;align-content:center;justify-items:start;padding:16px 8px 16px 16px}
.kt.dg small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--bal-yazi)}
.kt.dg b{font-size:21px}
.kt.dg .git{background:var(--espresso);color:#fff;margin-top:6px}
.kt.dg .gor{min-height:0;display:block;position:relative;overflow:hidden}
.kt.dg .gor img{position:absolute;left:0;right:0;top:10px;bottom:0;width:100%;height:calc(100% - 10px);max-height:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 14px rgba(60,40,40,.18))}
@media (min-width:900px){
  .katlar{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}   /* düğün 2 + 8 kategori = 2 tam sıra */
  .kt{min-height:200px;padding:18px 18px 16px}
  .kt .gor{min-height:118px}
  .kt .gor img{max-height:118px}
  .kt b{font-size:17px}
  .kt.dg{grid-column:span 2}
  .kt.dg .metin{padding:22px 10px 22px 24px}
  .kt.dg b{font-size:26px}
}

/* ürün kartı */
.izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:699px){.izgara.tek{grid-template-columns:1fr;gap:18px}}
@media (min-width:700px){.izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media (min-width:700px){.izgara.dort{grid-template-columns:repeat(4,minmax(0,1fr))}}   /* 8 ve 12 ürün: 2 ya da 4 sütun, son satır boş kalmasın */
.kart-u{display:grid;grid-template-rows:auto 1fr;gap:0;min-width:0;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-buyuk);padding:8px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.kart-u:hover{transform:translateY(-3px);box-shadow:0 18px 36px -24px rgba(var(--hk),.45)}
.kart-u .im{aspect-ratio:4/3;border-radius:calc(var(--r-buyuk) - 6px);overflow:hidden;background:var(--sut);position:relative}
.kart-u .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.kart-u:hover .im img{transform:scale(1.05)}
.kart-u .rozet{position:absolute;left:10px;top:10px;background:var(--espresso);color:#fff;font-size:11.5px;font-weight:800;padding:5px 11px;border-radius:999px}
.kart-u .bd{display:flex;flex-direction:column;gap:3px;padding:14px 10px 6px}   /* tür ile ad sıkı, çizginin üstü ve altı eşit */
.kart-u .tur{font-family:var(--f-bas);font-size:12px;font-weight:700;color:var(--bal-yazi)}
.kart-u h3{font-size:16.5px;font-weight:700;letter-spacing:-.01em;margin-bottom:3px}
.kart-u .alt{position:relative;display:flex;align-items:center;gap:14px;margin-top:auto;padding:4px 48px 0 0;border-top:1px dashed var(--cizgi)}
.kart-u .fy{font-family:var(--f-bas);font-weight:700;font-size:19px;line-height:1.2}
.saatler{display:grid;gap:8px;margin-top:6px}
.saatler div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:1px dashed var(--cizgi)}
.saatler div:last-child{border-bottom:0;padding-bottom:0}
.saatler span{color:var(--soluk)}
.saatler b{font-family:var(--f-bas);font-weight:700;font-size:17px}
.kh{display:inline-block;font-family:var(--f-gov);font-size:11.5px;font-weight:700;color:var(--soluk);background:var(--sut);padding:3px 9px;border-radius:999px;white-space:nowrap}   /* Avrupa: nakliye fiyata dahil değilken */
.kart-u .alt .kh{margin-left:-6px}
.fy-g{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.dv-fiyat .kh{margin-left:8px;vertical-align:middle}
.fiyatlar.eu .eu-sat{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:0}
.fiyatlar .eu-sat .kh{background:var(--yuzey)}
.kart-u .git{position:absolute;right:0;top:-17px;box-shadow:0 0 0 6px var(--yuzey);width:34px;height:34px;border-radius:50%;background:#F7DACA;color:var(--yazi);display:grid;place-items:center;font-weight:800;flex:none;transition:transform .3s,background .3s,color .3s}
.kart-u:hover .git,.kart-u.odak .git{background:var(--espresso);color:#fff;transform:translateX(3px)}
.kart-u.odak{transform:scale(1.03);box-shadow:0 22px 40px -26px rgba(var(--hk),.5)}   /* mobilde ekranın ortasındaki kart hafif büyür */


/* düğün vitrini: seçili paket büyük (fotoğraf + içerik + fiyat), yanında paket listesi; mobilde liste yatay kayar */
.dvitrin{display:grid;gap:14px}
.dv-ana{display:grid;background:var(--yuzey);border-radius:var(--r);overflow:hidden;min-width:0}
.dv-ana .im{aspect-ratio:16/10;overflow:hidden;max-width:100%}
.dv-ana .im img{width:100%;height:100%;object-fit:cover;display:block}
.dv-ana .bd{padding:18px 18px 20px;display:grid;gap:12px;align-content:center}
.dv-ana h3{font-size:clamp(24px,4vw,32px)}
.dv-icerik{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.dv-icerik li{display:flex;align-items:center;gap:10px;font-weight:600}
.dv-icerik li::before{content:"✓";width:24px;height:24px;border-radius:50%;background:var(--bal-acik);color:var(--bal-yazi);display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}
.dv-fiyat{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.dv-fiyat b{font-family:var(--f-bas);font-weight:800;font-size:clamp(24px,4.5vw,30px)}
.dv-fiyat small{color:var(--soluk);font-weight:600}
.dv-ana .cta{display:flex;gap:8px;flex-wrap:wrap}
.dv-liste{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,44%);gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.dv-liste::-webkit-scrollbar{display:none}
@media (max-width:899px){.dv-liste{order:-1}}   /* mobilde paket seçimi üstte: dokununca değişen kart hemen altında görünür */
.dv-liste button{display:grid;gap:8px;text-align:left;background:var(--yuzey);border:0;border-radius:14px;padding:8px;box-shadow:inset 0 0 0 1.5px var(--cizgi);transition:box-shadow .2s}
.dv-liste button.on{box-shadow:inset 0 0 0 2px var(--espresso)}
.dv-liste img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.dv-liste b{display:block;font-family:var(--f-bas);font-weight:700;font-size:14.5px;line-height:1.2}
.dv-liste small{color:var(--soluk);font-weight:600;font-size:12.5px}
@media (min-width:900px){
  .dvitrin{grid-template-columns:minmax(0,1fr) 290px;align-items:start}
  .dv-ana{grid-template-columns:1.35fr 1fr}
  .dv-ana .im{aspect-ratio:auto;min-height:360px}
  .dv-ana .bd{padding:28px}
  .dv-liste{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr;overflow:visible;gap:8px}
  .dv-liste button{grid-template-columns:92px 1fr;align-items:center}
}
/* düğün D bandı: solda buketli giriş, sağda paketler */
.dg-yeni{background:linear-gradient(135deg,var(--bal-acik),var(--sut) 75%);border-radius:var(--r-buyuk);padding:24px 16px 20px;display:grid;gap:18px;overflow:hidden}
.dg-intro{position:relative;display:grid;gap:10px;justify-items:start;align-content:start}
.dg-intro h2{font-size:clamp(25px,4.6vw,36px)}
.dg-intro p{margin:0;color:var(--soluk);max-width:34ch}
.dg-buket{position:absolute;right:-6px;top:-6px;width:118px;height:auto;filter:drop-shadow(0 16px 18px rgba(60,50,40,.18));pointer-events:none}
@media (min-width:900px){
  .dg-yeni{grid-template-columns:300px minmax(0,1fr);padding:36px;gap:28px;align-items:stretch}
  .dg-intro{align-content:center}
  .dg-buket{position:static;width:200px;margin-top:auto;justify-self:center}
}
/* düğün D: sade kartlar (ürün kartlarıyla aynı dil), mobilde yana kayar */
.dsade{display:grid;grid-auto-flow:column;grid-auto-columns:80%;min-width:0;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.dsade::-webkit-scrollbar{display:none}
.ds{display:grid;gap:10px;background:var(--yuzey);border-radius:var(--r);padding:10px 10px 14px;scroll-snap-align:start;transition:transform .2s,box-shadow .2s}
.ds:hover{transform:translateY(-3px);box-shadow:0 16px 30px -22px rgba(40,50,70,.45)}
.ds .im{aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--sut)}
.ds .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.ds:hover .im img{transform:scale(1.04)}
.ds .bd{display:grid;gap:8px;padding-inline:6px}
.ds h3{font-size:19px}
.ds .cip{display:flex;gap:5px;flex-wrap:wrap}
.ds .cip span{font-size:11.5px;font-weight:700;color:var(--bal-yazi);background:var(--bal-acik);padding:3px 9px;border-radius:999px}
.ds .alt{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:4px}
.ds .alt b{font-family:var(--f-bas);font-weight:800;font-size:19px}
.ds .alt b small{font-family:var(--f-gov);font-weight:600;font-size:12px;color:var(--soluk);margin-left:4px}
.ds .alt i{font-style:normal;font-weight:800;font-size:13.5px;color:var(--bal-yazi);white-space:nowrap}
@media (min-width:900px){.dsade{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:18px}}
/* düğün B: fotoğraf üstü yazılı büyük kartlar, yana kaydırmalı */
.dkay{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.dkay::-webkit-scrollbar{display:none}
.dk{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;scroll-snap-align:start;isolation:isolate}
.dk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.dk:hover img{transform:scale(1.05)}
.dk::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,40,55,0) 40%,rgba(30,40,55,.62) 100%);z-index:1}
.dk .bd{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;color:#fff;display:grid;gap:8px}
.dk h3{font-size:24px}
.dk .cip{display:flex;gap:6px;flex-wrap:wrap}
.dk .cip span{background:rgba(255,255,255,.2);backdrop-filter:blur(6px);font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}
.dk .alt{display:flex;justify-content:space-between;align-items:center}
.dk .alt b{font-family:var(--f-bas);font-weight:800;font-size:21px}
.dk .alt span{background:#fff;color:var(--yazi);border-radius:999px;padding:8px 14px;font-weight:800;font-size:13.5px}
.dkay-ok{display:none}
@media (min-width:900px){.dkay{grid-auto-columns:calc((100% - 36px) / 3.4)}.dkay-ok{display:flex;gap:8px}.dkay-ok button{width:42px;height:42px;border-radius:50%;border:0;background:var(--yuzey);font-size:20px}}
/* düğün C: geniş tanıtım bandı + fotoğraf kolajı */
.dband{display:grid;gap:16px;align-items:center}
.dband .metin{display:grid;gap:12px;justify-items:start}
.dband h3{font-size:clamp(26px,4.8vw,40px)}
.dband p{margin:0;color:var(--soluk);max-width:46ch}
.dband .bas{font-family:var(--f-bas);font-weight:800;font-size:22px}
.dband .bas small{font-family:var(--f-gov);font-size:13px;color:var(--soluk);font-weight:600;margin-left:4px}
.dband .cip{display:flex;gap:6px;flex-wrap:wrap}
.dband .cip a{background:var(--yuzey);padding:6px 12px;border-radius:999px;font-weight:700;font-size:13px}
.kolaj{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:8px;aspect-ratio:4/3;max-width:100%}
.kolaj a{border-radius:var(--r-kucuk);overflow:hidden;position:relative}
.kolaj a:first-child{grid-row:span 2}
.kolaj img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.kolaj a:hover img{transform:scale(1.05)}
.kolaj span{position:absolute;left:8px;bottom:8px;background:rgba(255,255,255,.9);color:var(--yazi);font-weight:800;font-size:12px;padding:3px 9px;border-radius:999px}
@media (min-width:900px){.dband{grid-template-columns:1fr 1.15fr;gap:40px}}
/* düğün */
.dugun{background:var(--sut);border-radius:var(--r-buyuk)}
.dugun .ic{padding:28px 16px}
@media (min-width:900px){.dugun .ic{padding:44px 40px}}
.dpk{display:grid;gap:14px}
@media (min-width:900px){.dpk{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.dkart{background:var(--yuzey);border-radius:var(--r);overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.dkart .im{aspect-ratio:16/10;overflow:hidden}
.dkart .im img{width:100%;height:100%;object-fit:cover}
.dkart .bd{padding:16px 18px 18px;display:grid;gap:10px}
.dkart h3{font-size:21px}
.dkart .icerik{display:flex;gap:6px;flex-wrap:wrap}
.dkart .icerik span{font-size:12px;font-weight:700;background:var(--sut);padding:4px 10px;border-radius:999px;color:var(--soluk)}
.dkart .alt{display:flex;justify-content:space-between;align-items:center;gap:10px}
.dkart .alt b{font-family:var(--f-bas);font-weight:800;font-size:20px}

/* avrupa */
.avrupa{background:var(--band);color:var(--yazi);border-radius:var(--r-buyuk);overflow:hidden;display:grid}
.avrupa .yazi{padding:28px 20px;display:grid;gap:14px;align-content:center}
.avrupa h2{font-size:clamp(28px,5.4vw,44px)}
.avrupa h2 em{font-style:normal;color:var(--band-vurgu)}
.avrupa p{margin:0;color:var(--soluk);max-width:52ch}
.ulkeler{display:flex;flex-wrap:wrap;gap:6px}
.ulkeler span{background:rgba(255,255,255,.7);padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600}
.adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.adimlar li{background:rgba(255,255,255,.65);border-radius:var(--r-kucuk);padding:12px 14px;display:grid;gap:2px}
.adimlar i{font-style:normal;font-family:var(--f-bas);font-weight:800;color:var(--band-vurgu);font-size:13px}
.adimlar b{font-family:var(--f-bas);font-weight:700;font-size:15px}
.adimlar span{font-size:12.5px;color:var(--soluk)}
.avrupa .foto{min-height:220px}
.avrupa .foto img{width:100%;height:100%;object-fit:cover;display:block}
.avrupa .btn{background:var(--espresso);color:#fff}
.avrupa .btn.cizgili{background:rgba(255,255,255,.7);color:var(--yazi);box-shadow:none}
@media (min-width:900px){.avrupa{grid-template-columns:1.1fr 1fr}.avrupa .yazi{padding:46px}.adimlar{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* google yorumları */
.yz-ust{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:-6px 0 16px}
.yz-ozet{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.yz-ozet .puan{font-size:24px}
.yz-ozet .yildiz{color:#F4B400;letter-spacing:1px;font-size:16px}
.yz-sekme{display:flex;background:var(--sut);border-radius:999px;padding:3px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.yz-sekme button{border:0;background:none;border-radius:999px;padding:7px 14px;font-weight:700;font-size:13px;color:var(--soluk);white-space:nowrap}
.yz-sekme button.on{background:var(--espresso);color:#fff}
.yz-bos{background:var(--sut);border-radius:var(--r);padding:22px;color:var(--soluk);max-width:70ch}
.yz-ok{display:none;gap:8px;margin-left:auto}
.yz-ok button{width:42px;height:42px;border-radius:50%;border:0;background:var(--sut);font-size:20px}
@media (min-width:900px){.yz-ok{display:flex}#yorumlar .bolum-bas{align-items:center}}
.yz-ozet b{font-family:var(--f-bas);font-weight:800;font-size:18px}
.yz-ozet span{color:var(--soluk);font-weight:600;font-size:14px}
.yz-liste{display:grid;grid-auto-flow:column;grid-auto-columns:84%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.yz-liste::-webkit-scrollbar{display:none}
.yz{margin:0;background:var(--yuzey);border-radius:var(--r);padding:18px;display:grid;gap:14px;align-content:space-between;scroll-snap-align:start;box-shadow:inset 0 0 0 1.5px var(--cizgi)}
.yz blockquote{margin:0;font-size:14.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.yz figcaption{display:flex;align-items:center;gap:10px}
.yz figcaption > span:nth-child(2){flex:1;min-width:0}
.yz .hrf{width:38px;height:38px;border-radius:50%;background:var(--bal-acik);color:var(--bal-yazi);display:grid;place-items:center;font-family:var(--f-bas);font-weight:800;flex:none}
.yz b{display:block;font-family:var(--f-bas);font-size:14.5px}
.yz small{color:var(--soluk);font-size:12.5px;font-weight:600}
@media (min-width:900px){.yz-liste{grid-auto-columns:calc((100% - 36px) / 3.3)}}
/* mağaza */
.magaza{display:grid;gap:14px}
.magaza .kutu{background:var(--yuzey);border-radius:var(--r);padding:22px;display:grid;gap:14px;border:1px solid var(--cizgi)}
.magaza .satir{display:flex;gap:12px;align-items:flex-start}
.magaza .satir svg{width:22px;height:22px;flex:none;color:var(--bal-yazi);margin-top:2px}
.magaza .satir b{display:block;font-family:var(--f-bas)}
.magaza .satir span{color:var(--soluk);font-size:14.5px}
.mg-foto{border-radius:var(--r-buyuk);overflow:hidden;aspect-ratio:3/4;background:var(--sut)}
.mg-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}   /* tabela üstte kalsın, fazlası alttan kırpılır */
.mg-sag{display:grid;gap:14px;align-content:start}
.mg-harita{display:none;min-height:150px;border-radius:var(--r);background-color:#EEF1EA;background-image:linear-gradient(rgba(255,255,255,.75) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.75) 2px,transparent 2px),linear-gradient(35deg,transparent 46%,#F7DACA 46%,#F7DACA 54%,transparent 54%);background-size:46px 46px,46px 46px,100% 100%;place-content:center;justify-items:center;gap:4px;text-align:center;color:var(--yazi)}
.mg-harita .pin{width:42px;height:42px;border-radius:50%;background:var(--espresso);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px -8px rgba(var(--hk),.6)}
.mg-harita .pin svg{width:22px;height:22px}
.mg-harita b{font-family:var(--f-bas);margin-top:6px}
.mg-harita small{color:var(--bal-yazi);font-weight:700}   /* masaüstü: saatlerin altındaki boşluğu harita doldurur */
@media (max-width:899px){.mg-foto{aspect-ratio:4/5}}
@media (min-width:900px){.magaza{grid-template-columns:minmax(0,.52fr) minmax(0,1fr);align-items:stretch}.mg-sag{grid-template-rows:auto auto 1fr;align-content:stretch}.mg-harita{display:grid}.mg-foto{aspect-ratio:auto;min-height:0}}   /* solda mağaza görseli, sağda adres + saatler alt alta */

footer{background:var(--sut);margin-top:40px}
footer .in{padding-block:34px 28px;display:grid;gap:20px;font-size:14px;color:var(--soluk)}
footer .telif{background:var(--sut-2)}
footer .telif .in{padding-block:14px 92px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 18px;font-size:13px}   /* mobilde alt çubuğun altında kalmasın */
footer .telif a{color:var(--yazi);font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media (min-width:900px){footer .telif .in{padding-block:16px}}
footer b{color:var(--yazi);font-family:var(--f-bas)}
footer img{height:34px;width:auto}
@media (min-width:900px){footer .in{grid-template-columns:1.3fr 1.2fr 1fr 1fr;padding-block:44px}}
footer .ft-k{display:grid;gap:7px;align-content:start}
footer .ft-k a:hover{color:var(--bal-yazi)}
@media (max-width:899px){footer .in{grid-template-columns:1fr 1fr}footer .in>div:first-child,footer .in>.ft-k:nth-child(2){grid-column:1/-1}}

/* alt bar */
.altbar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:65;background:var(--yuzey);border-radius:22px;box-shadow:0 12px 30px -12px rgba(59,42,32,.45);display:grid;grid-template-columns:repeat(4,1fr);padding:6px max(6px,env(safe-area-inset-right,0px)) 6px max(6px,env(safe-area-inset-left,0px))}
.altbar a{display:grid;justify-items:center;gap:1px;font-size:11px;font-weight:700;color:var(--soluk);padding:5px 0;border-radius:16px}
.altbar svg{width:21px;height:21px}
.altbar .wa{background:var(--wa);color:#fff}
@media (min-width:900px){.altbar{display:none}}

/* kategori sayfası */
.yol{font-size:13px;color:var(--soluk);padding-block:10px 4px}
.yol a{font-weight:700;color:var(--yazi)}
.kbas{background:var(--sut);border-radius:var(--r-buyuk);padding:16px 20px 18px;display:grid;gap:2px;margin-bottom:22px}
.kbas h1{font-size:clamp(28px,7vw,54px)}
.kbas-sat{display:flex;justify-content:space-between;align-items:center;gap:12px}   /* başlık solda, sıralama sağda küçük hap */
.sira-hap{position:relative;flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--yuzey);color:var(--yazi);font-family:var(--f-bas);font-weight:700;font-size:13px;padding:8px 12px;border-radius:999px;cursor:pointer;transition:background .2s}
.sira-hap:hover{background:var(--sut-2)}
.sira-hap svg{width:16px;height:16px;color:var(--bal-yazi)}
.sira-hap select{position:absolute;inset:0;opacity:0;cursor:pointer;font:inherit}
.altkat{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.altkat::-webkit-scrollbar{display:none}
.altkat a{flex:none;background:var(--yuzey);padding:7px 14px;border-radius:999px;font-weight:700;font-size:13.5px}
.altkat a.on{background:var(--espresso);color:var(--zemin)}
.seo{max-width:70ch;font-size:15px;color:var(--soluk);padding-block:30px 10px}
.seo h2{font-size:22px;color:var(--yazi);margin-bottom:8px}

/* ürün sayfası */
.fiyat-kutu{background:var(--bal-acik);border-radius:var(--r);padding:14px 18px 16px;display:grid;gap:6px;justify-items:start}
.fiyat-kutu .sekme{display:flex;background:var(--yuzey);border-radius:999px;padding:3px}
.fiyat-kutu .sekme button{border:0;background:none;border-radius:999px;padding:5px 16px;font-weight:700;font-size:13px;color:var(--soluk)}
.fiyat-kutu .sekme button.on{background:var(--espresso);color:#fff}
.fiyat-kutu b{font-family:var(--f-bas);font-size:clamp(30px,6.4vw,38px);font-weight:800;line-height:1.1}
.fiyat-kutu small{color:var(--soluk);font-weight:600;font-size:13px}
.sekme-bas{display:flex;gap:2px;border-bottom:1.5px solid var(--cizgi);overflow-x:auto;scrollbar-width:none}
.sekme-bas button{border:0;background:none;padding:10px 12px;font-family:var(--f-bas);font-weight:700;font-size:15px;color:var(--soluk);border-bottom:2.5px solid transparent;margin-bottom:-1.5px;white-space:nowrap}
.sekme-bas button.on{color:var(--yazi);border-color:var(--espresso)}
@media (min-width:900px){.urun .galeri{grid-column:1;grid-row:1}.urun .olcu{grid-column:1;grid-row:2;align-self:start}.urun .satin{grid-column:2;grid-row:1 / span 2}}
.olcu{background:var(--yuzey);border-radius:var(--r);padding:16px 18px;box-shadow:inset 0 0 0 1.5px var(--cizgi);display:grid;gap:10px;margin-top:6px}
.olcu h3{font-size:18px}
.olcu .not2{font-size:12.5px;color:var(--soluk);margin:0}
.olcu .tab{overflow-x:auto}
.olcu table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.olcu th{text-align:left;font-size:12px;font-weight:700;color:var(--soluk);padding:6px 8px;border-bottom:1.5px solid var(--cizgi)}
.olcu td{padding:9px 8px;border-bottom:1px solid var(--cizgi)}
.olcu td:first-child{font-weight:700}
.olcu tr:last-child td{border-bottom:0}
.sekme-ic{margin:0;padding-top:12px;color:var(--soluk);font-size:14.5px;max-width:65ch}
.urun{display:grid;gap:22px;padding-bottom:40px}
.galeri{display:grid;gap:10px;min-width:0;align-self:start;align-content:start}
.galeri .buyuk{position:relative;aspect-ratio:4/3;border-radius:var(--r-buyuk);overflow:hidden;background:var(--sut);max-width:100%}
.serit{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.serit::-webkit-scrollbar{display:none}
.serit button{flex:0 0 100%;height:100%;padding:0;border:0;background:none;scroll-snap-align:center;cursor:zoom-in}
.serit img{width:100%;height:100%;object-fit:cover;display:block}
.g-ok{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--yazi);font-size:22px;box-shadow:0 6px 16px -8px rgba(0,0,0,.35);display:none;z-index:2}
.g-ok.g {left:12px}.g-ok.i{right:12px}
.g-sayi{position:absolute;right:12px;bottom:12px;background:rgba(255,255,255,.9);color:var(--yazi);font-weight:800;font-size:12.5px;padding:4px 10px;border-radius:999px;font-variant-numeric:tabular-nums;z-index:2}
@media (min-width:900px){.galeri .buyuk:hover .g-ok{display:grid;place-items:center}}
/* lightbox */
.lb{position:fixed;inset:0;z-index:100;background:rgba(24,18,15,.94);display:grid;grid-template-rows:auto 1fr auto;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
.lb[hidden]{display:none}
.lb-ust{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:12px 16px;font-weight:700;font-variant-numeric:tabular-nums}
.lb-ust button{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:22px}
.lb .serit{height:100%}
.lb .serit div{flex:0 0 100%;height:100%;scroll-snap-align:center;display:grid;place-items:center;padding:8px}
.lb .serit img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.lb-alt{display:flex;justify-content:center;gap:12px;padding:12px}
.lb-alt button{width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:24px}
.kucuk{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:3px;margin:-3px}
.kucuk::-webkit-scrollbar{display:none}
.kucuk button{flex:0 0 calc((100% - 40px) / 6);min-width:64px;scroll-snap-align:start;padding:0;border:0;border-radius:var(--r-kucuk);aspect-ratio:1/1;overflow:hidden;opacity:.6;background:var(--sut)}
@media (max-width:600px){.kucuk button{flex-basis:calc((100% - 32px) / 4.5)}}
.kucuk button.on{opacity:1;box-shadow:0 0 0 3px var(--bal)}
.kucuk img{width:100%;height:100%;object-fit:cover;display:block}
.satin{display:grid;gap:16px;align-content:start;min-width:0}
.satin h1{font-size:clamp(30px,6.4vw,46px)}
.fiyatlar{display:grid;grid-template-columns:1fr 1fr;background:var(--bal-acik);border-radius:var(--r);overflow:hidden}   /* tek kutu, ortadan bölünmüş */
.fiyatlar div{padding:14px 12px;display:grid;gap:2px;position:relative;justify-items:center;text-align:center}   /* iki yarı simetrik */
.fiyatlar .t::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:1.5px;background:var(--bal-yazi);opacity:.22}
.fiyatlar small{font-size:12.5px;font-weight:700;color:var(--soluk)}
.fiyatlar .p small{color:var(--bal-yazi)}
.fiyatlar b{font-family:var(--f-bas);font-size:clamp(22px,5vw,28px);font-weight:800}
.fiyatlar .t b{color:var(--yazi);opacity:.82}
.fiyatlar.eu{grid-template-columns:1fr}

.moduller{display:grid;gap:8px}
.moduller h3{font-size:15px;font-weight:700;margin:6px 0 0}
.mod{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--yuzey);border-radius:var(--r);padding:12px 12px 12px 16px;box-shadow:inset 0 0 0 1.5px var(--cizgi)}
.mod.on{box-shadow:inset 0 0 0 2px var(--espresso)}
.mod .nm{min-width:0}
.mod .nm b{display:block;font-family:var(--f-bas);font-weight:700;font-size:15.5px}
.mod .nm small{font-size:13px;color:var(--soluk);font-weight:600}
.adet{display:flex;align-items:center;background:var(--sut);border-radius:999px;padding:3px}
.adet button{width:34px;height:34px;border:0;background:var(--yuzey);border-radius:50%;font-size:18px;font-weight:700}
.adet button:disabled{opacity:.35;cursor:default}
.adet output{min-width:30px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}
.alim{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.alim.eu{grid-template-columns:1fr}
.alim .btn{padding-block:15px}
.akordeon{display:grid;gap:8px}
.akordeon details{background:var(--yuzey);border-radius:var(--r);padding:14px 18px;box-shadow:inset 0 0 0 1.5px var(--cizgi)}
.akordeon summary{cursor:pointer;font-family:var(--f-bas);font-weight:700;list-style:none;display:flex;justify-content:space-between}
.akordeon summary::after{content:"+";color:var(--bal-yazi);font-size:20px;line-height:1}
.akordeon details[open] summary::after{content:"–"}
.akordeon p{margin:10px 0 0;color:var(--soluk);font-size:14.5px}
@media (min-width:900px){.urun{grid-template-columns:1.2fr 1fr;gap:40px}.satin{position:sticky;top:96px}}

.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--espresso);color:#fff;padding:11px 18px;font-weight:700;font-size:14px;z-index:90;border-radius:999px}
/* mobil: bölüm bağlantısı başlığın üst satırında küçük yazı (düğme değil) */
@media (max-width:699px){.bolum-bas{position:relative}.bolum-bas > a{position:absolute;top:0;right:0;background:none;padding:0;font-size:13px;line-height:20px;color:var(--bal-yazi)}.bolum-bas > a::after{content:" →"}}
.yz-ozet span{min-width:0}
/* düğün kartları: içerik üste yaslı, kartlar dikeyde uzamasın */
.dsade{align-items:start}
.ds,.ds .bd{align-content:start}
.ds .cip span{line-height:1.4}
@media (max-width:699px){.yz-sekme{width:100%}.yz-sekme button{flex:1;padding:7px 6px;font-size:12px}}
/* ana sayfa H1: kategoriler başlığı, bölüm başlığı boyutunda */
.h1k{font-size:clamp(25px,4.6vw,38px)}
.alt-bas{margin:6px 0 0;color:var(--soluk)}
/* kategori kartı alternatifi: fotoğraflı */
.katlar.foto .kf{display:block;padding:0;min-height:0;aspect-ratio:4/5;background:var(--sut-2);isolation:isolate}
.katlar.foto .kf:hover{background:var(--sut-2)}
.kf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.kf:hover img{transform:scale(1.06)}
.kf::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--hk),0) 40%,rgba(var(--hk),.78) 100%);z-index:1}
.kf .ad{position:absolute;left:14px;right:52px;bottom:14px;z-index:2;color:#fff;display:grid;gap:2px}
.kf .ad b{font-size:16.5px;color:#fff}
.kf .ad i{color:#fff;opacity:.85}
.kf .git{position:absolute;right:12px;bottom:14px;z-index:2;background:#fff;color:var(--yazi)}
@media (min-width:900px){.katlar.foto .kf{aspect-ratio:4/3}.kf .ad{left:18px;bottom:18px}.kf .ad b{font-size:18px}.kf .git{right:16px;bottom:18px}}
/* slider altı: Avrupa kısa yolu */
.ab-kart{display:flex;align-items:center;gap:14px;width:100%;margin-top:14px;padding:14px 18px;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r);text-align:left;font:inherit;color:var(--yazi);cursor:pointer;box-shadow:0 10px 26px -22px rgba(var(--hk),.6);transition:transform .2s,box-shadow .2s}
.ab-kart:hover{transform:translateY(-2px);box-shadow:0 16px 30px -22px rgba(var(--hk),.7)}
.ab-kart .ab{width:46px;height:46px;flex:none}
.ab-kart span{display:grid;gap:1px;flex:1;min-width:0}
.ab-kart b{font-family:var(--f-bas);font-weight:800;font-size:15.5px}
.ab-kart small{font-size:13px;color:var(--soluk)}
.ab-kart i{font-style:normal;font-weight:800;color:var(--bal-yazi);transition:transform .2s}
.ab-kart:hover i{transform:translateX(3px)}
/* Avrupa kartı: şeftaliyle uyumlu, griye çalan yumuşak lacivert; yazı beyaz */
.ab-kart{background:#3F5183;border-color:#3F5183;color:#fff;box-shadow:0 12px 28px -20px rgba(30,45,80,.7)}
.ab-kart b{color:#fff}
.ab-kart i{color:#FFE2D1}

#avrupa{scroll-margin-top:90px}
.bolum.kat-bolum{padding-top:14px}   /* Avrupa kartıyla arası, slider-kart arasıyla eşit */
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===== WordPress parçaları (prototipte olmayan) ===== */
body{margin:0}
address{font-style:normal}
.ab-kart{text-decoration:none}
.sl-metin{margin:0;max-width:46ch;color:#fff;opacity:.92}
.fy-g small,.fy small{font-family:var(--f-gov);font-size:12px;font-weight:600;color:var(--soluk);margin-left:2px}
.yol span{color:var(--soluk)}
/* üst şerit: Google çeviri seçicisi */
.dil .gt-yer select,.dil select{background:var(--yuzey);color:var(--yazi);border:0;border-radius:999px;padding:5px 10px;font:inherit;font-weight:600;max-width:150px}
.ust .bilgi a{color:inherit}
/* Avrupa önerisi (tarayıcı dili de/nl/fr) */
.bolge-oner{background:#3F5183;color:#fff;font-size:14px}
.bolge-oner .in{display:flex;align-items:center;gap:10px;min-height:44px;flex-wrap:wrap}
.bolge-oner span{flex:1;min-width:200px}
.bolge-oner button{border:0;border-radius:999px;background:#fff;color:#3F5183;font-weight:800;padding:6px 14px}
.bolge-oner .x{background:none;color:#fff;font-size:20px;padding:0 6px}
/* çekmece: sepet ve mobil menü */
.perde{position:fixed;inset:0;background:rgba(var(--hk),.42);z-index:95;animation:belir .2s}
.cekmece{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--zemin);z-index:96;display:grid;grid-template-rows:auto 1fr auto;box-shadow:-20px 0 50px -30px rgba(var(--hk),.6);animation:sagdan .25s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px)}
.cekmece.sol{right:auto;left:0;animation-name:soldan}
@keyframes belir{from{opacity:0}}
@keyframes sagdan{from{transform:translateX(30px);opacity:0}}
@keyframes soldan{from{transform:translateX(-30px);opacity:0}}
.ck-bas{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--cizgi)}
.ck-bas h2{font-size:22px}
.ck-ic{overflow:auto;padding:16px}
.ck-alt{border-top:1px solid var(--cizgi);padding:14px 16px 18px;display:grid;gap:8px}
.ck-alt .tp{display:flex;justify-content:space-between;align-items:baseline}
.ck-alt .tp b{font-family:var(--f-bas);font-size:22px}
.ck-alt .tp.k{font-size:13.5px;color:var(--soluk)}
.ck-alt small{color:var(--soluk);text-align:center;font-size:12.5px}
.ck-alt .btn{width:100%}
.sp{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:start;padding-bottom:14px;margin-bottom:14px;border-bottom:1px dashed var(--cizgi)}
.sp img,.sp>span{width:72px;height:56px;object-fit:cover;border-radius:10px;background:var(--sut)}
.sp b{font-family:var(--f-bas)}
.sp ul{margin:4px 0;padding-left:16px;color:var(--soluk);font-size:13px}
.sp .sil{border:0;background:none;color:var(--bal-yazi);font-weight:700;font-size:13px}
.bos{text-align:center;color:var(--soluk);padding:40px 10px}
.bos a{color:var(--bal-yazi);font-weight:700}
.mm{display:grid;gap:4px}
.mm a{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;font-family:var(--f-bas);font-weight:700;font-size:16px}
.mm a:hover{background:var(--sut)}
.mm a span{color:var(--bal-yazi)}
.mm .mm-dg{background:var(--bal-acik);color:var(--bal-yazi)}
.mm .mm-k{font-family:var(--f-gov);font-weight:600;font-size:14.5px;color:var(--soluk);padding-block:9px}
.mm .btn{margin-top:8px;justify-content:center}
/* arama */
.arama{position:fixed;inset:0;z-index:96;background:var(--zemin);display:grid;grid-template-rows:auto 1fr;animation:belir .2s}
.ar-bas{display:flex;gap:10px;align-items:center;padding-block:14px;width:100%}
.ar-bas input{flex:1;min-width:0;border:0;background:var(--sut);border-radius:999px;padding:13px 18px;font:inherit;font-size:16px;color:var(--yazi)}
.ar-ic{overflow:auto;padding-bottom:30px;width:100%}
.ar-ic p{color:var(--soluk)}
/* büyük görsel (katmanda) */
#katman .lb{display:grid}
/* ürün: ölçü seçimi (baza), içerik */
.mod.boy{cursor:pointer}
.mod .isaret{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--cizgi);flex:none}
.mod.boy.on .isaret{box-shadow:inset 0 0 0 7px var(--espresso)}
.akordeon .icerik{color:var(--soluk);font-size:14.5px;padding-top:6px}
.akordeon .icerik p{margin:8px 0 0}
.akordeon .icerik ul,.akordeon ul.liste{margin:8px 0 0;padding-left:18px;color:var(--soluk);font-size:14.5px}
.akordeon .icerik b,.akordeon .icerik strong{color:var(--yazi)}
.alim .btn{text-align:center}
.alim .btn[disabled]{opacity:.5;cursor:default}
/* sayfa metni (sözleşmeler, Avrupa sayfası) */
.sayfa-ic{max-width:760px;padding-block:6px 30px}
.sayfa-ic h1{font-size:clamp(28px,6vw,44px);margin:8px 0 16px}
.icerik{line-height:1.7}
.icerik h2{font-size:clamp(21px,3.6vw,26px);margin:26px 0 8px}
.icerik h3{font-size:19px;margin:20px 0 6px}
.icerik p{margin:0 0 12px}
.icerik img{max-width:100%;height:auto;border-radius:var(--r)}
.icerik a{color:var(--bal-yazi);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.sayfa-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.bos-kat{background:var(--sut);border-radius:var(--r);padding:22px;display:grid;gap:12px;justify-items:start;color:var(--soluk);margin-bottom:20px}
.bos-kat p{margin:0;max-width:60ch}
/* SEO metni: uzunsa kısaltılmış, "Devamını oku" ile açılır (metin sayfada tam durur) */
.seo{max-width:none;padding-block:20px 10px}
.seo-ic{position:relative;max-height:260px;overflow:hidden;color:var(--soluk);font-size:15px;line-height:1.7;max-width:80ch}
.seo-ic::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,var(--zemin))}
.seo-ic.acik{max-height:none}
.seo-ic.acik::after{display:none}
.seo-ic h2{font-size:22px;color:var(--yazi);margin:22px 0 8px}
.seo-ic h2:first-child{margin-top:0}
.seo-ic h3{font-size:18px;color:var(--yazi);margin:18px 0 6px}
.seo-ic p{margin:0 0 10px}
.seo-ic a{color:var(--bal-yazi);font-weight:700}
.seo-dev{margin-top:10px;border:0;background:var(--sut);border-radius:999px;padding:9px 16px;font-family:var(--f-bas);font-weight:700}
.kbas .alt-bas{font-size:14.5px}
.yz[hidden]{display:none}
.altkat a:hover{background:var(--sut-2)}
.sayac[hidden],[data-sayac][hidden]{display:none}

/* ===== Slider (B: vitrin) — şeftali zemin, yüzen ışık lekeleri, kelime kelime yükselen başlık, perde gibi açılan fotoğraf ===== */
.k{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em;margin-bottom:-.06em}
.k>span{display:inline-block}
.sl.on .k>span{animation:kelime .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 70ms + .15s)}
@keyframes kelime{from{transform:translateY(110%)}}
@keyframes yuksel{from{opacity:0;transform:translateY(16px)}}
.hero-b{position:relative;border-radius:var(--r-buyuk);overflow:hidden;background:linear-gradient(135deg,#FCF1EA 0%,#F7DACA 100%);isolation:isolate}
.hero-b::before,.hero-b::after{content:"";position:absolute;border-radius:50%;filter:blur(46px);z-index:-1;animation:leke 14s ease-in-out infinite alternate}
.hero-b::before{width:360px;height:360px;background:#F2BFA3;opacity:.55;left:-120px;bottom:-140px}
.hero-b::after{width:280px;height:280px;background:#fff;opacity:.7;left:28%;top:-120px;animation-delay:-7s}
@keyframes leke{to{transform:translate(70px,-30px) scale(1.18)}}
.hero-b .sl{display:none;grid-template-columns:minmax(0,1fr)}
.hero-b .sl.on{display:grid}
.hero-b .sl.on .ust-yazi{animation:yuksel .6s .05s both}
.hero-b .sl.on ul,.hero-b .sl.on .hb-metin{animation:yuksel .6s .55s both}
.hero-b .sl.on .cta{animation:yuksel .6s .7s both}
.hb-yazi{position:relative;display:grid;gap:12px;align-content:center;padding:20px 20px 86px}
.hb-no{position:absolute;right:16px;top:6px;font-family:var(--f-bas);font-weight:800;font-size:76px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(163,102,74,.3);pointer-events:none}
.hero-b h2{font-size:clamp(32px,8.4vw,62px);line-height:1.02;max-width:13ch}
.hero-b h2 em{font-style:normal;color:var(--bal-yazi)}
.hb-metin{margin:0;color:var(--soluk);max-width:44ch}
.hero-b ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hero-b ul li{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.75);font-weight:700;font-size:13.5px;padding:6px 12px 6px 7px;border-radius:999px}
.hero-b ul li::before{content:"✓";width:20px;height:20px;border-radius:50%;background:var(--espresso);color:#fff;display:grid;place-items:center;font-size:11px}
.hero-b .cta{display:flex;gap:8px;flex-wrap:wrap}
.hb-foto{position:relative;order:-1;margin:10px 10px 0;border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:var(--sut-2)}
.hb-foto img{width:100%;height:100%;object-fit:cover;display:block}
.sl.on .hb-foto{animation:perde 1s cubic-bezier(.75,0,.2,1) both}
.sl.on .hb-foto img{animation:kb 9s ease-out both}
@keyframes perde{from{clip-path:inset(0 0 0 100% round 22px)}to{clip-path:inset(0 0 0 0 round 22px)}}
@keyframes kb{from{transform:scale(1.14)}}
.hb-kontrol{position:absolute;left:20px;bottom:22px;z-index:3;display:flex;align-items:center;gap:10px}
.hb-ok{width:42px;height:42px;border-radius:50%;border:0;background:#fff;font-size:22px;line-height:1;box-shadow:0 8px 18px -10px rgba(46,31,24,.5);transition:transform .2s}
.hb-ok:hover{transform:scale(1.08)}
.hero-b .ilerle{display:flex;gap:6px;width:110px}
.hero-b .ilerle button{flex:1;height:4px;border:0;padding:0;border-radius:2px;background:rgba(163,102,74,.22);position:relative;overflow:hidden}
.hero-b .ilerle button i{position:absolute;inset:0;width:0;background:var(--bal-yazi);border-radius:2px}
.hero-b .ilerle button.gecti i{width:100%}
.hero-b .ilerle button.on i{animation:dol 6s linear forwards}
.hero-b.dur .ilerle button.on i{animation:none;width:100%}
@media (min-width:900px){
  .hero-b .sl{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);height:560px}
  .hb-foto{order:0;margin:14px 14px 14px 0;aspect-ratio:auto}
  .hb-yazi{padding:40px 36px 100px 52px}
  .hb-no{font-size:120px;right:30px;top:20px}
  .hb-kontrol{left:52px;bottom:40px}
}
@media (max-width:899px){
  .hb-foto{aspect-ratio:15/8;margin:8px 8px 0;border-radius:20px}
  .hb-yazi{gap:10px;padding:14px 16px 30px;align-content:start}
  .hb-no{font-size:48px;right:12px;top:6px}
  .hero-b h2{font-size:clamp(26px,7.6vw,32px)}
  .hero-b ul,.hb-metin{display:none}
  .hero-b .cta{flex-wrap:nowrap}
  .hero-b .cta .btn{padding:10px 15px;font-size:14px;white-space:nowrap}
  .hb-ok{display:none}
  .hb-kontrol{left:16px;right:16px;bottom:14px}
  .hero-b .ilerle{width:100%}
}
@media (prefers-reduced-motion:reduce){.k>span,.hb-foto,.hb-foto img,.hero-b::before,.hero-b::after{animation:none!important}}

/* ===== Kategori kartı (3): beyaz kenarlı fotoğraf, koyulaşan alt kısım, şeftali "Modelleri incele" düğmesi ===== */
.katlar.foto .kf{background:#fff;box-shadow:0 0 0 1px var(--cizgi),0 12px 26px -20px rgba(46,31,24,.55)}
.katlar.foto .kf img,.katlar.foto .kf::after{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);border-radius:calc(var(--r) - 4px)}   /* beyaz kenar zemin: fotoğraf kenara hiç değmez (çerçeve altından taşan ince koyu hat olmaz) */
.katlar.foto .kf::after{background:linear-gradient(180deg,rgba(var(--hk),0) 35%,rgba(var(--hk),.86) 100%)}
.katlar.foto .kf .ad{left:16px;right:16px;bottom:16px;gap:8px}
.katlar.foto .kf .ad i{justify-self:start;background:#F7DACA;color:var(--yazi);opacity:1;font-style:normal;font-weight:800;font-size:12px;padding:5px 11px;border-radius:999px;white-space:nowrap}
.katlar.foto .kf .git{display:none}

/* ===== Alt bar: ekranın altına oturur (iPhone'da altındaki boşluktan içerik görünmesin), güvenli alan dolu ===== */
.altbar{left:0;right:0;bottom:0;border-radius:20px 20px 0 0;padding:6px max(10px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));box-shadow:0 -8px 24px -14px rgba(59,42,32,.35);border-top:1px solid var(--cizgi)}
footer .telif .in{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}@media (min-width:900px){footer .telif .in{padding-bottom:16px}}
.katlar.foto .kf:hover img{transform:none;filter:brightness(1.06)}.katlar.foto .kf img{transition:filter .3s}

/* düğün paketi: alt ürün satırı küçük görsel + ürüne bağlantı */
.mod.pk{padding-left:10px}
.mod .pk-img{flex:none;width:56px;height:56px;border-radius:var(--r-kucuk);overflow:hidden;background:var(--sut)}
.mod .pk-img img{width:100%;height:100%;object-fit:cover;display:block}
.mod.pk .nm{flex:1}
.mod.pk .nm a{color:inherit;text-decoration:none}
.mod.pk .nm a:hover b{text-decoration:underline;text-underline-offset:3px}
.olcu .not2 a{color:var(--yazi);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.hb-foto a{display:block;height:100%}

/* ölçü ürünü (baza/yatak): tek-çift kişilik ibaresi ve gruplar */
.kart-u .ib{display:block;margin:-4px 0 8px;font-size:12.5px;color:var(--soluk);line-height:1.3}
h1 + .ib-urun{margin:-6px 0 14px;font-size:15px;font-weight:700;color:var(--soluk)}
#secim .ib-not{margin:-4px 0 4px;font-size:13.5px;color:var(--soluk)}
#secim h4{margin:10px 0 2px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}