/* ==========================================================================
   OFİSİMO WHATSAPP SİPARİŞ — KOZMETİK TEMASI — ön yüz stilleri
   Renkler panelden gelir (Site Ayarları > Renkler); inc/ust.php :root'a basar.
   İçindekiler: temel · düğmeler · header · çekmeceler · manşet ·
   ana sayfa bölümleri · kartlar · footer · iç sayfalar · mağaza · ürün detay ·
   sepet & sipariş · üyelik & hesabım · içerik sayfaları · duyarlı kurallar ·
   kozmetik teması düzeltmeleri (dosyanın sonu)
   ========================================================================== */

:root{
    --ana:#5a6035; --ikincil:#d4ae58; --vurgu:#8c6a3f; --ustbar:#b9bd9c; --koyu:#4b5230;
    --yazi:#33342d; --baslik:#555b33; --zemin:#f3f0e4; --bej:#dcd8c6; --pembe:#f3f0e4; --indirim:#b0603a; --ana-yazi:#fff;
    --ana-rgb:90,96,53; --ikincil-rgb:212,174,88; --vurgu-rgb:140,106,63;
    --cizgi:#e4e0d0; --acik:#faf8f1; --wa:#1fa855; --wa-koyu:#178a44;
    --r:12px; --r-k:8px;
    --golge:0 6px 22px rgba(60,62,40,.07);
    --golge-b:0 16px 40px rgba(60,62,40,.14);
    --baslik-font:"DM Serif Display","Playfair Display",Georgia,"Times New Roman",serif;
    --govde-font:"Roboto Condensed","Arial Narrow",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    --header-y:clamp(62px,5.9vw,104px);
}

/* ------------------------------------------------------------------ temel */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--govde-font);font-size:16.5px;font-weight:400;line-height:1.6;color:var(--yazi);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.kilit{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:color .2s}
h1,h2,h3,h4{font-family:var(--baslik-font);color:var(--baslik);margin:0;font-weight:400;line-height:1.2}
p{margin:0 0 1em}
b,strong{font-weight:600}
ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--ana);outline-offset:2px}

.kap{width:100%;max-width:1760px;margin:0 auto;padding:0 clamp(16px,3.3vw,64px)}
.kap-dar{max-width:680px}
.kap-orta{max-width:900px}
.sayfa{display:block;min-height:40vh}
.yaprak{width:24px;height:24px;color:var(--ana);flex:none}

/* --------------------------------------------------------------- düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:10px;border:1px solid transparent;
    font-size:15px;font-weight:500;line-height:1.2;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}
.btn i{font-size:18px}
.btn:hover{transform:translateY(-1px)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn-ana{background:var(--ana);color:var(--ana-yazi)}
.btn-ana:hover{background:#255722;box-shadow:0 8px 20px rgba(var(--ana-rgb),.3)}
.btn-beyaz{background:#fff;color:var(--baslik);border-color:#fff;box-shadow:0 4px 14px rgba(30,45,25,.08)}
.btn-beyaz:hover{background:var(--zemin);border-color:var(--zemin);color:var(--ana)}
.btn-cizgi{background:transparent;color:var(--baslik);border-color:#cfcfcf}
.btn-cizgi:hover{border-color:var(--ana);background:var(--ana);color:var(--ana-yazi)}
.btn-sari{background:#fff;color:var(--ana)}
.btn-sari:hover{box-shadow:0 8px 20px rgba(0,0,0,.2)}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:var(--wa-koyu);box-shadow:0 8px 22px rgba(31,168,85,.3)}
.btn-wa-cizgi{background:#fff;color:var(--wa-koyu);border-color:var(--wa)}
.btn-wa-cizgi:hover{background:var(--wa);color:#fff}
.btn-buyuk{padding:16px 32px;font-size:15.5px}
.btn-kucuk{padding:9px 17px;font-size:13.5px}
.btn-blok{display:flex;width:100%}
.btn-grup{display:flex;flex-wrap:wrap;gap:10px}
.baglanti{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--yazi)}
.baglanti:hover{color:var(--indirim)}
.tumu{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--baslik);white-space:nowrap}
.tumu i{font-size:19px;transition:transform .2s}
.tumu:hover{color:var(--vurgu)}
.tumu:hover i{transform:translateX(4px)}
.tumu-geri:hover i{transform:translateX(-4px)}
.ikon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:var(--baslik);font-size:26px;position:relative;transition:background .2s,color .2s}
.ikon-btn:hover{background:var(--zemin);color:var(--ana)}
.ikon-btn-uye{color:var(--ana)}
.ok-daire{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--zemin);color:var(--baslik);font-size:20px;flex:none;transition:transform .2s}
.ok-daire-kucuk{width:30px;height:30px;font-size:18px}
.daire-ikon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--zemin);color:var(--ana);font-size:26px;flex:none}
.harf{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--ana);color:#fff;font-weight:500;font-size:13px;flex:none}
.harf-buyuk{width:54px;height:54px;font-size:18px}
.etiket{display:inline-block;padding:2px 10px;border-radius:20px;background:var(--zemin);font-size:12px;color:var(--baslik)}
.kucuk-etiket{display:block;font-size:12px;color:var(--yazi);margin-bottom:3px}
.yildiz{display:inline-flex;gap:1px;color:var(--ikincil);font-size:15px;vertical-align:middle}
.rozet{position:absolute;top:12px;left:12px;z-index:1;padding:1px 6px;border-radius:2px;font-size:12px;font-weight:500;color:#fff;line-height:1.5;pointer-events:none}
.rozet-yeni{background:var(--ana)}
.rozet-indirim{background:var(--indirim)}
.rozet-tukendi{background:#8d8d8d}
.favori-btn{color:var(--baslik);transition:color .2s,background .2s}
.favori-btn:hover,.favori-btn.aktif{color:var(--indirim)}
.favori-btn.zipla{animation:zipla .45s ease}
.favori-btn-detay{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:10px;border:1px solid #cfd6ca;font-size:22px;flex:none}

/* ------------------------------------------------------- uyarı & bildirim */
.uyari{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;border-radius:var(--r-k);font-size:14px;margin-bottom:18px;border:1px solid}
.uyari i{font-size:20px;flex:none;margin-top:1px}
.uyari-hata{background:#fdf1ef;border-color:#f6cfc9;color:#a82a1e}
.uyari-basari{background:#eef8f0;border-color:#c7e6cd;color:#17662a}
.bildirim-kutu{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:1200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}
.bildirim{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:40px;background:var(--baslik);color:#fff;font-size:14px;box-shadow:var(--golge-b);animation:bildirimGir .3s ease}
.bildirim i{font-size:20px;color:#8fd6b0}
.bildirim-hata i{color:#ff9d92}
.bildirim-cik{opacity:0;transform:translateY(8px);transition:.3s}
@keyframes bildirimGir{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}


/* -------------------------------------------------------------------- header */
.header{position:sticky;top:0;z-index:900;background:var(--zemin);border-bottom:1px solid var(--bej);transition:box-shadow .25s}
.header.yapisik{box-shadow:0 6px 24px rgba(60,62,40,.12)}
.header-ic{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:var(--header-y)}
.logo{justify-self:center}
.logo img{height:clamp(26px,2.75vw,50px);width:auto}
.ikon-btn{width:clamp(38px,2.9vw,50px);height:clamp(38px,2.9vw,50px);font-size:clamp(25px,2.05vw,36px);color:#2b2c26}
.ikon-btn:hover{background:rgba(var(--ana-rgb),.1);color:var(--ana)}
.ikon-btn-uye{color:var(--ana)}
.menu-ac{justify-self:start;margin-left:-6px}
.menu-ac svg{width:clamp(26px,2.25vw,40px);height:auto}
.header-ikon{display:flex;align-items:center;justify-content:flex-end;gap:clamp(0px,.5vw,10px);margin-right:-6px}
.sepet-sayi{position:absolute;top:0;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--ana);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center;font-family:var(--govde-font)}
.sepet-sayi[data-bos]{display:none}
.sepet-sayi.zipla{animation:zipla .45s ease}
@keyframes zipla{40%{transform:scale(1.45)}}

.ana-menu{position:relative;z-index:890;background:var(--zemin);border-bottom:1px solid var(--bej)}
.ana-menu .kap>ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 clamp(10px,2.3vw,44px);min-height:clamp(46px,3.85vw,68px)}
.ana-menu .kap>ul>li{position:relative}
.ana-menu .kap>ul>li>a{position:relative;display:flex;align-items:center;gap:4px;padding:10px 4px;font-size:clamp(15.5px,1.48vw,26px);color:#2b2c26;white-space:nowrap}
.ana-menu .kap>ul>li>a i{font-size:.85em;transition:transform .2s}
.ana-menu .kap>ul>li>a::after{content:"";position:absolute;left:4px;right:4px;bottom:6px;height:1.5px;background:var(--ana);transform:scaleX(0);transition:transform .25s}
.ana-menu .kap>ul>li:hover>a,.ana-menu .kap>ul>li.aktif>a{color:var(--ana)}
.ana-menu .kap>ul>li:hover>a::after,.ana-menu .kap>ul>li.aktif>a::after{transform:scaleX(1)}
.ana-menu .kap>ul>li:hover>a i{transform:rotate(180deg)}
.menu-arama button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:clamp(21px,1.75vw,30px);color:#2b2c26;transition:background .2s,color .2s}
.menu-arama button:hover{background:rgba(var(--ana-rgb),.1);color:var(--ana)}
.menu-rozet{display:inline-block;margin-left:3px;padding:1px 6px;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.03em;line-height:1.5;text-transform:uppercase;color:#fff}
.menu-rozet-1{background:var(--ana)}
.menu-rozet-2{background:var(--indirim)}
.alt-menu{position:absolute;top:100%;left:50%;min-width:230px;padding:10px;background:#fff;border-radius:var(--r);box-shadow:var(--golge-b);border:1px solid var(--cizgi);
    opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:.2s;z-index:10}
.ana-menu li:hover>.alt-menu,.ana-menu li:focus-within>.alt-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.alt-menu a{display:block;padding:9px 14px;border-radius:6px;font-size:16px;color:#2b2c26}
.alt-menu a:hover{background:var(--zemin);color:var(--ana);padding-left:18px}

/* ---------------------------------------------------- çekmece, perde, arama */
.perde{position:fixed;inset:0;background:rgba(20,30,35,.5);opacity:0;visibility:hidden;transition:.3s;z-index:1000;backdrop-filter:blur(2px)}
.perde.acik{opacity:1;visibility:visible}
.cekmece{position:fixed;top:0;bottom:0;width:420px;max-width:92vw;background:#fff;z-index:1100;display:flex;flex-direction:column;transition:transform .32s cubic-bezier(.4,0,.2,1);box-shadow:var(--golge-b)}
.cekmece-sag{right:0;transform:translateX(105%)}
.cekmece-sol{left:0;transform:translateX(-105%);width:340px}
.cekmece.acik{transform:none}
.cekmece-bas{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--cizgi)}
.cekmece-bas b{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:500;color:var(--baslik)}
.cekmece-bas b i{color:var(--ana);font-size:23px}
.cekmece-govde{flex:1;overflow-y:auto;display:flex;flex-direction:column}
.mobil-liste{padding:10px 14px}
.mobil-liste>li{border-bottom:1px solid var(--cizgi)}
.mobil-satir{display:flex;align-items:center;justify-content:space-between}
.mobil-satir a{flex:1;padding:14px 6px;font-weight:500;color:var(--baslik)}
.mobil-satir button{width:42px;height:42px;font-size:22px;color:var(--yazi);transition:transform .2s}
.mobil-liste li.acik .mobil-satir button{transform:rotate(180deg)}
.mobil-liste ul{display:none;padding:0 0 10px 14px}
.mobil-liste li.acik ul{display:block}
.mobil-liste ul a{display:block;padding:8px 6px;font-size:14px}
.mobil-ek{margin-top:auto;padding:18px 20px;background:var(--zemin);display:grid;gap:11px;font-size:14px;color:var(--baslik)}
.mobil-ek a{display:flex;align-items:center;gap:8px}
.mobil-ek i{color:var(--ana);font-size:18px}
.arama-katman{position:fixed;inset:0 0 auto 0;z-index:1150;background:#fff;padding:30px 0 34px;box-shadow:var(--golge-b);transform:translateY(-110%);transition:transform .3s}
.arama-katman.acik{transform:none}
.arama-form label{display:block;font-size:22px;font-weight:500;color:var(--baslik);margin-bottom:14px}
.arama-satir{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 20px;border:1px solid var(--cizgi);border-radius:12px;background:var(--acik)}
.arama-satir:focus-within{border-color:var(--ana);background:#fff}
.arama-satir>i{font-size:23px;color:var(--ana)}
.arama-satir input{flex:1;min-width:0;border:0;background:none;outline:0;font-size:16px;padding:10px 0}

/* ------------------------------------------------------------------ manşet */
.hero{position:relative;overflow:hidden;background:var(--zemin)}
.hero-ray{display:flex;transition:transform .7s cubic-bezier(.4,0,.2,1)}
.hero-slayt{position:relative;flex:0 0 100%;display:grid;grid-template-columns:1fr 1fr;min-height:clamp(330px,32.6vw,640px)}
.hero-gorsel{background:#cdb8a2 center/cover no-repeat}
.hero-yazi{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(24px,3vw,60px) clamp(20px,4.2vw,84px);background:var(--zemin)}
.hero-ust{margin-bottom:10px;font-size:clamp(12px,.95vw,16px);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--vurgu)}
.hero-baslik{font-size:clamp(32px,4.05vw,78px);line-height:1.17;letter-spacing:-.005em;color:var(--baslik)}
.hero-yazi p{margin:clamp(8px,.8vw,16px) 0 0;font-size:clamp(16px,1.76vw,32px);line-height:1.35;color:#2b2c26}
.hero-btn{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(16px,1.9vw,36px)}
.hero-btn .btn{padding:clamp(11px,.85vw,16px) clamp(18px,1.45vw,28px);font-size:clamp(15.5px,1.5vw,26px)}
.hero-yazisiz{grid-template-columns:1fr}
.hero-tam-link{position:absolute;inset:0}
.hero-ok{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:clamp(36px,2.8vw,48px);height:clamp(36px,2.8vw,48px);margin-top:-22px;border-radius:50%;background:rgba(255,255,255,.82);color:var(--baslik);font-size:26px;opacity:0;transition:opacity .25s,background .2s}
.hero:hover .hero-ok{opacity:1}
.hero-ok:hover{background:#fff}
.hero-geri{left:16px}
.hero-ileri{right:16px}
.hero-nokta{position:absolute;left:75%;bottom:clamp(12px,1.5vw,26px);z-index:2;display:flex;gap:8px;transform:translateX(-50%)}
.hero-nokta button{width:9px;height:9px;border-radius:50%;background:rgba(var(--ana-rgb),.28);transition:width .25s,background .25s}
.hero-nokta button.aktif{width:26px;border-radius:6px;background:var(--ana)}

/* ----------------------------------------------------------------- bölümler */
.bolum{padding:clamp(34px,3.7vw,70px) 0 0}
.sayfa>.bolum:last-of-type{padding-bottom:clamp(40px,4.4vw,84px)}
.bolum-bas{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:clamp(16px,1.75vw,34px)}
.bolum-bas h2{font-size:clamp(26px,2.5vw,48px);letter-spacing:.005em}
.bolum-bas p{margin:0;max-width:640px}
.bolum-alt{display:flex;justify-content:center;margin-top:clamp(18px,1.8vw,32px)}
.tumu{color:var(--ana);font-weight:500;font-size:16px}
.izgara{display:grid;gap:clamp(12px,1.22vw,24px)}
.izgara-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.izgara-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.izgara-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.izgara-3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* -------------------------------------------------------------------- kartlar */
.urun-kart{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:14px;background:var(--zemin);border:1px solid var(--bej);overflow:hidden;transition:transform .25s,box-shadow .25s}
.urun-kart:hover{transform:translateY(-4px);box-shadow:var(--golge-b)}
.urun-gorsel{position:relative;display:block;aspect-ratio:1/.8;overflow:hidden}
.urun-gorsel>a{display:block;width:100%;height:100%}
.urun-gorsel img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent);transition:transform .5s}
.urun-kart:hover .urun-gorsel img{transform:scale(1.05)}
.urun-kart-pasif .urun-gorsel img{filter:grayscale(.7);opacity:.7}
.rozet{top:12px;left:12px;padding:2px 10px;border-radius:20px;font-size:12.5px;font-weight:600}
.oz-rozetler{position:absolute;top:clamp(8px,.9vw,16px);right:clamp(8px,.9vw,16px);display:flex;flex-direction:column;gap:clamp(4px,.5vw,10px);pointer-events:none}
.oz-rozet{display:inline-flex;align-items:center;gap:7px;color:#4f7a52}
.oz-rozet svg{width:clamp(30px,2.7vw,46px);height:clamp(30px,2.7vw,46px);flex:none}
.oz-hayvan{color:#4a4f33}
.oz-rozet b{font-size:13.5px;font-weight:500;color:var(--yazi)}
.urun-gorsel .favori-btn{position:absolute;left:10px;bottom:4px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.75);font-size:20px;opacity:0;transition:opacity .2s,color .2s,background .2s}
.urun-kart:hover .favori-btn,.urun-gorsel .favori-btn.aktif,.urun-gorsel .favori-btn:focus-visible{opacity:1}
.urun-gorsel .favori-btn:hover{background:#fff}
.urun-govde{display:flex;flex-direction:column;align-items:center;flex:1;padding:clamp(6px,.6vw,12px) clamp(10px,1.15vw,20px) clamp(10px,1.15vw,20px);text-align:center}
.urun-ad{font-family:var(--govde-font);font-size:clamp(15px,1.48vw,26px);font-weight:400;line-height:1.25;color:#2b2c26}
.urun-ad a:hover{color:var(--ana)}
.urun-olcu{margin-top:2px;font-size:clamp(13.5px,1.3vw,23px);line-height:1.25;color:#6f7064}
.urun-alt{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:auto;padding-top:clamp(8px,.75vw,14px)}
.urun-fiyat{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}
.urun-fiyat b{font-size:clamp(15.5px,1.4vw,25px);font-weight:700;color:#3d4127;white-space:nowrap}
.urun-fiyat del{font-size:clamp(12px,.95vw,16px);color:#9a9a8c}
.urun-fiyat-indirim b{color:var(--indirim)}
.sepet-btn-kart{display:inline-flex;align-items:center;justify-content:center;padding:clamp(8px,.62vw,12px) clamp(10px,1vw,18px);border-radius:10px;background:var(--ana);color:var(--ana-yazi);font-size:clamp(14px,1.32vw,23px);line-height:1.2;white-space:nowrap;flex:none;transition:background .2s,transform .2s}
.sepet-btn-kart:hover{background:#474c29;transform:translateY(-1px)}
.sepet-btn-kart.yukleniyor{pointer-events:none;opacity:.6}
.sepet-btn-pasif{background:#bdbdae;cursor:not-allowed}
.sepet-btn-pasif:hover{background:#bdbdae;transform:none}
/* seçenek paneli: karttaki sepet düğmesine basınca kartın altından açılır */
.numara-kap{position:relative}
.kart-numara{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;padding:10px 12px 12px;border-radius:12px;background:#fff;border:1px solid var(--cizgi);box-shadow:0 10px 30px rgba(60,62,40,.22);animation:numaraGir .2s ease}
@keyframes numaraGir{from{opacity:0;transform:translateY(10px)}}
.kart-numara-bas{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.kart-numara-bas b{font-size:14px;font-weight:600;color:var(--baslik)}
.kart-numara-bas button{width:26px;height:26px;border-radius:50%;font-size:20px;color:var(--yazi);display:inline-flex;align-items:center;justify-content:center}
.kart-numara-bas button:hover{background:var(--zemin)}
.kart-numara-liste{display:flex;flex-wrap:wrap;gap:6px}
.kart-numara-liste button{min-width:40px;height:32px;padding:0 10px;border-radius:20px;border:1px solid var(--bej);font-size:14px;font-weight:500;color:var(--yazi);transition:background .15s,color .15s,border-color .15s}
.kart-numara-liste button:hover:not(:disabled){background:var(--ana);border-color:var(--ana);color:#fff}
.kart-numara-liste button:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.kart-numara-liste button.yukleniyor{opacity:.5;pointer-events:none}
.sayac{display:none}
.sayac-buyuk{display:flex;gap:8px;margin-top:16px}
.sayac-buyuk span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:62px;padding:8px 6px;border-radius:10px;background:var(--zemin);line-height:1.1}
.sayac-buyuk b{font-size:21px;font-weight:700;color:var(--baslik)}
.sayac-buyuk i{margin-top:3px;font-size:11px;font-style:normal;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#6f7064}

.blog-kart{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--cizgi);transition:transform .25s,box-shadow .25s}
.blog-kart:hover{transform:translateY(-4px);box-shadow:var(--golge-b)}
.blog-gorsel{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--zemin)}
.blog-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.blog-kart:hover .blog-gorsel img{transform:scale(1.05)}
.blog-tarih{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:flex-start;padding:10px 16px;border-radius:0 0 14px 0;background:var(--koyu);color:#fff;font-size:14px;font-weight:500;line-height:1.2}
.blog-tarih b{font-family:var(--baslik-font);font-size:24px;font-weight:400}
.blog-govde{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-govde h3{font-size:21px;line-height:1.3}
.blog-govde h3 a:hover{color:var(--ana)}
.blog-govde p{margin:0;font-size:15.5px}
.blog-govde .tumu{margin-top:auto}

/* ---------------------------------------------------------- marka hikâyesi */
.hikaye{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1086/425;border-radius:clamp(12px,1.25vw,24px);overflow:hidden;background:#6b5a45 center/cover no-repeat;color:#fff;text-align:center}
.hikaye::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(40,30,18,.42) 0%,rgba(40,30,18,.12) 62%,rgba(40,30,18,.05) 100%);transition:background .3s}
.hikaye:hover::before{background:radial-gradient(ellipse at center,rgba(40,30,18,.55) 0%,rgba(40,30,18,.22) 62%,rgba(40,30,18,.12) 100%)}
.hikaye-yazi{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1vw,18px);padding:20px;max-width:780px}
.hikaye strong{font-family:var(--baslik-font);font-size:clamp(25px,3vw,58px);font-weight:400;line-height:1.2;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hikaye small{font-size:clamp(15px,1.3vw,22px);line-height:1.4;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.hikaye em{font-style:normal}

/* ------------------------------------------------------------ kategori kartları */
.kat-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.22vw,24px)}
.kat-kart{position:relative;display:flex;align-items:flex-end;justify-content:center;aspect-ratio:258/330;border-radius:clamp(10px,.95vw,18px);overflow:hidden;background:#b9ad98;transition:transform .25s,box-shadow .25s}
.kat-kart:hover{transform:translateY(-4px);box-shadow:var(--golge-b)}
.kat-kart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.kat-kart:hover img{transform:scale(1.05)}
.kat-kart::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(0deg,rgba(var(--ana-rgb),.92) 0%,rgba(var(--ana-rgb),.6) 42%,rgba(var(--ana-rgb),0) 100%)}
.kat-kart b{position:relative;z-index:1;padding:0 10px clamp(12px,1.35vw,26px);font-size:clamp(17px,2vw,38px);font-weight:400;line-height:1.2;color:#fff;text-align:center}

/* ------------------------------------------------------------ müşteri yorumları */
.bolum-yorum{margin-top:clamp(34px,3.7vw,70px);padding:clamp(34px,3.8vw,72px) 0 clamp(36px,4vw,76px)!important;background:var(--zemin)}
.bolum-yorum .bolum-bas{margin-bottom:clamp(46px,4.6vw,84px)}
.yorum-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(60px,5.4vw,96px) clamp(14px,1.6vw,30px)}
.yorum-kart{position:relative;display:flex;flex-direction:column;align-items:center;margin:0;padding:clamp(48px,4.4vw,80px) clamp(16px,1.7vw,32px) clamp(18px,1.8vw,32px);border-radius:clamp(12px,1.1vw,20px);background:#fff;text-align:center}
.yorum-foto{position:absolute;left:50%;top:0;display:flex;align-items:center;justify-content:center;width:clamp(74px,6.6vw,120px);height:clamp(74px,6.6vw,120px);border-radius:50%;border:clamp(4px,.4vw,7px) solid #fff;overflow:hidden;background:var(--ustbar);transform:translate(-50%,-50%)}
.yorum-foto img{width:100%;height:100%;object-fit:cover}
.yorum-foto b{font-family:var(--baslik-font);font-size:clamp(26px,2.4vw,42px);font-weight:400;color:#fff}
.yorum-kart .yildiz{gap:3px;font-size:clamp(19px,1.75vw,31px)}
.yorum-kart blockquote{margin:clamp(8px,.9vw,16px) 0 clamp(14px,1.5vw,28px);font-size:clamp(15.5px,1.4vw,25px);line-height:1.3;color:#2b2c26}
.yorum-kart figcaption{display:flex;flex-direction:column;margin-top:auto;line-height:1.3}
.yorum-kart figcaption b{font-size:clamp(15px,1.28vw,23px);font-weight:500;color:#3d4127}
.yorum-kart figcaption small{font-size:clamp(13px,1vw,17px);color:#7b7c6f}

/* ------------------------------------------------------------ bizim taahhüdümüz */
.taahhut{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,46px);padding-top:clamp(6px,1vw,20px)}
.taahhut-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.taahhut-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.taahhut-1{grid-template-columns:1fr}
.taahhut-oge{display:flex;flex-direction:column;align-items:center;text-align:center}
.taahhut-oge .tema-ikon,.taahhut-oge>i{width:clamp(72px,7.8vw,146px);height:clamp(72px,7.8vw,146px);color:var(--ana)}
.taahhut-oge>i{display:flex;align-items:center;justify-content:center;font-size:clamp(66px,7.2vw,134px)}
.taahhut-oge b{margin-top:clamp(8px,1vw,18px);font-size:clamp(18px,2vw,38px);font-weight:400;line-height:1.2;color:#2b2c26}
.taahhut-oge span{margin-top:4px;font-size:clamp(14px,1.1vw,19px);color:#6f7064}

/* ------------------------------------------- sabit widget blokları (Instagram / Google) */
.bolum-widget .widget-kutu{max-width:100%;overflow:hidden}
.widget-kutu iframe{max-width:100%}

/* -------------------------------------------------------------------- footer */
.footer-serit{padding:clamp(18px,2.1vw,40px) 0;background:var(--ustbar);text-align:center}
.footer-serit small{display:block;margin-bottom:2px;font-size:clamp(14px,1.45vw,25px);color:#3d4127}
.footer-serit nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px clamp(16px,2.3vw,44px)}
.footer-serit a{font-size:clamp(16px,1.75vw,32px);color:#3d4127}
.footer-serit a:nth-child(even){color:#fff}
.footer-serit a:hover{color:var(--koyu);text-decoration:underline;text-underline-offset:5px}
.footer{background:var(--koyu);color:#f1efe2;font-size:clamp(15.5px,1.2vw,21px)}
.footer-ust{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.3fr);gap:clamp(24px,3.4vw,64px);padding:clamp(34px,4vw,78px) 0 clamp(28px,3.4vw,64px)}
.footer-bulten{scroll-margin-top:calc(var(--header-y) + 20px)}
.footer-bulten h3{max-width:13em;font-family:var(--govde-font);font-size:clamp(20px,1.95vw,36px);font-weight:500;line-height:1.3;color:#fff}
.bulten-form{display:flex;max-width:clamp(300px,28vw,520px);margin-top:clamp(14px,1.6vw,30px);padding:3px;border-radius:10px;background:#fff}
.bulten-form input{flex:1;min-width:0;padding:clamp(9px,.7vw,14px) clamp(12px,1vw,18px);border:0;border-radius:8px;background:none;outline:0;font-size:clamp(15.5px,1.35vw,24px);color:var(--yazi)}
.bulten-form input::placeholder{color:#7b7c6f}
.bulten-form button{padding:0 clamp(14px,1.2vw,22px);border-radius:8px;background:var(--koyu);color:#fff;font-size:clamp(15.5px,1.35vw,24px);white-space:nowrap;transition:background .2s}
.bulten-form button:hover{background:#363b21}
.footer-bulten small{display:block;margin-top:clamp(10px,1.1vw,20px);font-size:clamp(12.5px,.95vw,16px);color:#d5d6c2}
.bulten-sonuc{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;border-radius:30px;background:#fff;font-size:14.5px;color:#17662a}
.bulten-sonuc.bulten-hata{color:#b3261e}
.footer h4{margin-bottom:12px;font-family:var(--govde-font);font-size:clamp(13px,.95vw,16px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#d5d6c2}
.footer-kolon li{margin-bottom:clamp(6px,.7vw,13px)}
.footer-kolon>ul>li>a{font-size:clamp(16.5px,1.75vw,32px);line-height:1.25}
.footer-kolon a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.footer-sosyal{display:flex;justify-content:flex-end;gap:clamp(14px,2vw,38px);margin-bottom:clamp(14px,1.6vw,30px)}
.footer-sosyal a{display:inline-flex;font-size:clamp(28px,2.75vw,50px);line-height:1;color:#fff;transition:transform .2s,color .2s}
.footer-sosyal a:hover{transform:translateY(-3px);color:var(--ikincil);text-decoration:none}
.footer-iletisim ul{display:grid;gap:6px;justify-items:end;text-align:right;font-size:clamp(14.5px,1.05vw,18px)}
.footer-iletisim li{display:flex;flex-direction:row-reverse;gap:8px;align-items:flex-start;margin:0}
.footer-iletisim>ul>li>a{font-size:inherit}
.footer-iletisim li i{margin-top:.2em;font-size:1.15em;flex:none;color:#d5d6c2}
.footer-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:clamp(18px,2.1vw,40px) 0 clamp(22px,2.4vw,46px);border-top:1px solid rgba(255,255,255,.16)}
.footer-telif{font-size:clamp(15px,1.35vw,24px)}
.footer-rozet{display:flex;flex-wrap:wrap;gap:8px;margin-right:76px}
.footer-rozet span{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:6px;background:#fff;color:#3d4127;font-size:14px;font-weight:500}
.footer-rozet i{font-size:17px}
.footer-odeme{height:clamp(26px,2.2vw,40px);width:auto;margin-right:76px}
.wa-destek{position:fixed;right:22px;bottom:22px;z-index:800;display:flex;flex-direction:column;align-items:flex-end;gap:16px;pointer-events:none}
.wa-destek>*{pointer-events:auto}
.wa-dugme{position:relative;width:58px;height:58px;border:0;padding:0;cursor:pointer;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-size:34px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(37,211,102,.45);transition:transform .2s}
.wa-dugme:hover{transform:scale(1.08)}
.wa-dugme::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:waHalka 2.4s ease-out infinite}
.wa-destek.acik .wa-dugme::before{animation:none;opacity:0}
@keyframes waHalka{from{transform:scale(1);opacity:.7}to{transform:scale(1.65);opacity:0}}
.wa-balon{position:relative;width:248px;max-width:calc(100vw - 28px);padding:22px 18px 18px;border-radius:22px;background:#fff;text-align:center;box-shadow:0 18px 44px rgba(20,30,35,.22);opacity:0;visibility:hidden;transform:translateY(12px) scale(.94);transform-origin:right bottom;transition:opacity .22s,transform .22s,visibility .22s}
.wa-destek.acik .wa-balon{opacity:1;visibility:visible;transform:none}
.wa-balon::after{content:"";position:absolute;right:20px;bottom:-8px;width:18px;height:18px;background:#fff;border-radius:0 0 5px 0;transform:rotate(45deg)}
.wa-balon-kapat{position:absolute;right:-9px;top:-11px;width:30px;height:30px;border:0;padding:0;border-radius:50%;background:#fff;color:#5d6660;font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(20,30,35,.2)}
.wa-balon-ikon{width:52px;height:52px;margin:0 auto 12px;border-radius:15px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(37,211,102,.35)}
.wa-balon p{margin:0 0 14px;font-size:15px;line-height:1.45;color:#3d4640}
.wa-nokta{display:inline-block;width:10px;height:10px;margin-right:7px;border-radius:50%;background:#25d366;box-shadow:0 0 0 3px rgba(37,211,102,.22)}
.wa-balon-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:12px 10px;border-radius:12px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-weight:600;font-size:15px;transition:filter .2s,transform .2s}
.wa-balon-btn:hover{color:#fff;filter:brightness(1.06);transform:translateY(-1px)}
.wa-balon-btn i{font-size:21px}

/* ---------------------------------------------------------------- iç sayfalar */
.sayfa-bas{position:relative;padding:30px 0 34px;background:var(--zemin);overflow:hidden}
.sayfa-bas::after{content:"";position:absolute;right:-70px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(var(--ikincil-rgb),.28),rgba(var(--ikincil-rgb),0) 68%)}
.sayfa-bas::before{content:"";position:absolute;right:16%;bottom:-120px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(var(--vurgu-rgb),.16),rgba(var(--vurgu-rgb),0) 68%)}
.sayfa-bas .kap{position:relative;z-index:1}
.sayfa-bas h1{font-size:clamp(27px,3vw,38px);margin-top:10px}
.sayfa-bas p{margin:8px 0 0;max-width:640px}
.sayfa-bas-ince{padding:16px 0}
.ekmek{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:13px}
.ekmek a{display:inline-flex;align-items:center;gap:5px}
.ekmek a:hover{color:var(--vurgu)}
.ekmek i.bx-chevron-right{font-size:16px;opacity:.5}
.ekmek span{color:var(--baslik);font-weight:500}
.ic-bolum{padding:40px 0 70px}
.ic-bolum-ust{padding-top:30px}
.form-kart{background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:28px 30px;box-shadow:var(--golge)}
.form-kart-bas{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.form-kart-bas h2{font-size:22px}
.form-kart-bas p{margin:3px 0 0;font-size:13.5px}
.kart-baslik{display:flex;align-items:center;gap:9px;font-size:19px;margin-bottom:18px}
.kart-baslik i{color:var(--vurgu);font-size:23px}
.kart-ust{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.kart-ust .kart-baslik{margin:0}
.yan-yigin{display:grid;gap:20px;align-content:start}
.bos-durum{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:46px 20px}
.bos-durum>i{font-size:54px;color:#c4c8bf}
.bos-durum b{font-family:var(--baslik-font);font-size:19px;color:var(--baslik);font-weight:600}
.bos-durum p{margin:0;max-width:420px}
.bos-durum-buyuk{padding:70px 20px}
.bos-durum-buyuk>i{font-size:78px}
.dort{font-family:var(--baslik-font);font-size:110px;line-height:1;font-weight:700;color:var(--vurgu);opacity:.2}
.sayfalama{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:38px}
.sayfalama a{min-width:42px;height:42px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--cizgi);color:var(--baslik);font-weight:500;transition:.2s}
.sayfalama a:hover{border-color:var(--ana);color:var(--ana)}
.sayfalama a.aktif{background:var(--ana);border-color:var(--ana);color:#fff}
.sayfalama a.pasif{opacity:.4;pointer-events:none}
.icerik-metin{color:#434a42;font-size:15.5px;line-height:1.8}
.icerik-metin h2,.icerik-metin h3,.icerik-metin h4{margin:1.5em 0 .5em}
.icerik-metin h2{font-size:24px}.icerik-metin h3{font-size:20px}.icerik-metin h4{font-size:17px}
.icerik-metin>*:first-child{margin-top:0}
.icerik-metin ul,.icerik-metin ol{margin:0 0 1em;padding-left:22px}
.icerik-metin ul{list-style:disc}.icerik-metin ol{list-style:decimal}
.icerik-metin li{margin-bottom:6px}
.icerik-metin li::marker{color:var(--vurgu)}
.icerik-metin a{color:var(--vurgu);text-decoration:underline}
.icerik-metin img{border-radius:var(--r);margin:1em 0;height:auto}
.icerik-metin blockquote{margin:1.2em 0;padding:14px 20px;border-left:4px solid var(--ikincil);background:var(--acik);border-radius:0 var(--r-k) var(--r-k) 0}
.icerik-metin table{width:100%;border-collapse:collapse;margin:1em 0}
.icerik-metin td,.icerik-metin th{padding:9px 12px;border:1px solid var(--cizgi);text-align:left}
.icerik-metin iframe{max-width:100%}
.paylas{display:flex;align-items:center;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--cizgi)}
.paylas b{font-size:13.5px;color:var(--baslik);font-weight:500;margin-right:4px}
.paylas a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--cizgi);font-size:18px;color:var(--baslik);transition:.2s}
.paylas a:hover{background:var(--ana);border-color:var(--ana);color:#fff}
.paylas .paylas-wa:hover{background:#25d366;border-color:#25d366}

/* ------------------------------------------------------------------ formlar */
.form-izgara{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.alan{position:relative;margin-bottom:16px}
.alan-tam{grid-column:1/-1}
.alan input,.alan textarea{width:100%;padding:23px 44px 9px 16px;border:1.5px solid var(--cizgi);border-radius:12px;background:var(--acik);outline:0;font-size:15px;color:var(--baslik);transition:border-color .2s,background .2s,box-shadow .2s}
.alan textarea{resize:vertical;min-height:92px;line-height:1.5}
.alan input:focus,.alan textarea:focus{border-color:var(--vurgu);background:#fff;box-shadow:0 0 0 4px rgba(var(--vurgu-rgb),.1)}
.alan label{position:absolute;left:17px;top:16px;font-size:14.5px;color:#8b9088;pointer-events:none;transition:.18s;transform-origin:left top}
.alan label em{font-style:normal;opacity:.75;font-size:.9em}
.alan input:focus+label,.alan input:not(:placeholder-shown)+label,.alan textarea:focus+label,.alan textarea:not(:placeholder-shown)+label{top:7px;font-size:11.5px;color:var(--vurgu)}
.alan>i{position:absolute;right:15px;top:17px;font-size:20px;color:#b3b7ae;pointer-events:none}
.alan input:focus~i,.alan textarea:focus~i{color:var(--vurgu)}
.alan small{display:block;margin:5px 4px 0;font-size:12px}
.alan-goz{position:absolute;right:42px;top:13px;width:30px;height:30px;font-size:19px;color:#9a9f97}
.alan-goz:hover{color:var(--vurgu)}
.onay{display:flex;align-items:flex-start;gap:10px;margin:4px 0 16px;font-size:13.5px;cursor:pointer}
.onay input{width:19px;height:19px;margin-top:2px;accent-color:var(--ana);flex:none}
.onay a{color:var(--vurgu);text-decoration:underline;white-space:nowrap}
.form-alt-not{margin:18px 0 0;text-align:center;font-size:14px}
.form-alt-not a{color:var(--vurgu);font-weight:500}
.form-satir-sag{text-align:right;margin:-6px 0 16px;font-size:13.5px}
.form-satir-sag a:hover{color:var(--vurgu)}

/* ------------------------------------------------------------------- mağaza */
.magaza{display:grid;grid-template-columns:268px minmax(0,1fr);gap:30px;align-items:start}
.filtre{position:sticky;top:106px;display:grid;gap:16px}
.filtre-bas{display:none}
.filtre-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:18px 18px 16px}
.filtre-kutu h4{font-family:var(--govde-font);font-size:14.5px;font-weight:600;margin-bottom:12px}
.filtre-kategori a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:8px;font-size:14px;color:var(--baslik)}
.filtre-kategori a small{font-size:11.5px;padding:1px 8px;border-radius:20px;background:var(--zemin);color:var(--yazi)}
.filtre-kategori a:hover{background:var(--acik);color:var(--vurgu)}
.filtre-kategori a.aktif{background:rgba(var(--vurgu-rgb),.1);color:var(--vurgu);font-weight:500}
.filtre-kategori ul{margin:2px 0 4px 12px;padding-left:8px;border-left:2px solid var(--cizgi)}
.filtre-fiyat{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
.filtre-fiyat input{width:100%;padding:9px 10px;border:1.5px solid var(--cizgi);border-radius:9px;background:var(--acik);outline:0;font-size:13.5px}
.filtre-fiyat input:focus{border-color:var(--vurgu);background:#fff}
.filtre-fiyat .btn{grid-column:1/-1}
.filtre-etiket{display:flex;flex-wrap:wrap;gap:8px}
.filtre-etiket a,.hap-sekme a,.sirala-liste a{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:30px;border:1px solid var(--cizgi);font-size:13px;color:var(--baslik);background:#fff;white-space:nowrap;transition:.2s}
.filtre-etiket a:hover,.hap-sekme a:hover,.sirala-liste a:hover{border-color:var(--vurgu);color:var(--vurgu)}
.filtre-etiket a.aktif,.hap-sekme a.aktif,.sirala-liste a.aktif{background:var(--ana);border-color:var(--ana);color:#fff}
.arac-cubuk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.arac-sayac{font-size:13.5px}
.arac-sayac b{color:var(--baslik)}
.filtre-ac{display:none}
.sirala{display:flex;align-items:center;gap:10px;font-size:13px;min-width:0}
.sirala-liste{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.sirala-liste::-webkit-scrollbar{display:none}
.kategori-aciklama{margin-bottom:20px;font-size:14px}
.hap-sekme{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}

/* --------------------------------------------------------------- ürün detay */
.urun-detay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.galeri{position:sticky;top:106px}
.galeri-ana{position:relative;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:var(--zemin);border:1px solid var(--cizgi)}
.galeri-ana img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}
.galeri-ana .rozet{top:16px;left:16px;font-size:13px;padding:5px 13px}
.galeri-kucuk{display:flex;gap:10px;margin-top:12px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.galeri-kucuk button{flex:0 0 78px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;border:2px solid transparent;opacity:.65;transition:.2s}
.galeri-kucuk button.aktif,.galeri-kucuk button:hover{border-color:var(--vurgu);opacity:1}
.galeri-kucuk img{width:100%;height:100%;object-fit:cover}
.urun-kategori{display:inline-block;padding:4px 13px;border-radius:30px;background:rgba(var(--vurgu-rgb),.1);color:var(--vurgu);font-size:12.5px;font-weight:500;margin-bottom:12px}
.urun-bilgi h1{font-size:clamp(26px,2.7vw,36px)}
.urun-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:12px 0 18px;font-size:13px}
.urun-meta .urun-puan{margin:0}
.urun-meta .urun-puan>span:not(.yildiz){font-size:13px}
.urun-kod b{color:var(--baslik);font-weight:500}
.detay-fiyat{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:16px 20px;border-radius:var(--r);background:var(--zemin)}
.detay-fiyat b{font-size:31px;font-weight:700;color:var(--ana);line-height:1.1}
.detay-fiyat del{font-size:17px;color:#9a9f97}
.detay-birim{font-size:14px}
.urun-ozet{margin:18px 0 0;font-size:15px}
.secenek{margin-top:22px}
.secenek-baslik{display:block;font-size:13.5px;font-weight:600;color:var(--baslik);margin-bottom:9px}
.secenek-liste{display:flex;flex-wrap:wrap;gap:9px}
.secenek-oge{position:relative;cursor:pointer}
.secenek-oge input{position:absolute;opacity:0;inset:0;cursor:pointer}
.secenek-oge span{display:block;padding:10px 18px;border-radius:10px;border:1.5px solid var(--cizgi);font-size:14px;font-weight:500;color:var(--baslik);background:#fff;transition:.2s}
.secenek-oge:hover span{border-color:var(--vurgu)}
.secenek-oge input:checked+span{border-color:var(--ana);background:var(--ana);color:#fff}
.secenek-oge input:focus-visible+span{outline:2px solid var(--vurgu);outline-offset:2px}
.secenek-yok{cursor:not-allowed}
.secenek-yok span{opacity:.45;text-decoration:line-through;background:var(--acik)}
.stok-durum{display:flex;align-items:center;gap:7px;margin:18px 0 14px;font-size:13.5px;font-weight:500;color:#17662a}
.stok-durum i{font-size:19px}
.stok-durum.stok-az{color:#b8660a}
.stok-durum.stok-yok{color:var(--indirim)}
.satin-al{display:flex;gap:12px;margin-bottom:12px}
.satin-al .btn{flex:1}
.adet{display:inline-flex;align-items:center;border:1.5px solid var(--cizgi);border-radius:11px;background:#fff;overflow:hidden;flex:none}
.adet button{width:44px;height:50px;font-size:19px;color:var(--baslik);transition:background .2s}
.adet button:hover{background:var(--zemin);color:var(--vurgu)}
.adet input{width:44px;height:50px;border:0;outline:0;text-align:center;font-weight:600;font-size:15px;background:none;color:var(--baslik)}
.adet-kucuk button{width:30px;height:32px;font-size:16px}
.adet-kucuk input{width:32px;height:32px;font-size:13.5px}
.adet-kucuk{border-radius:8px}
.guven-liste{display:grid;gap:12px;margin-top:22px;padding:18px 20px;border:1px dashed #cfd2c9;border-radius:var(--r)}
.guven-liste li{display:flex;align-items:center;gap:12px;font-size:12.5px;line-height:1.4}
.guven-liste i{font-size:26px;color:var(--vurgu)}
.guven-liste b{display:block;font-size:13.5px;color:var(--baslik);font-weight:600}
.sekme{margin-top:54px}
.sekme-bas{display:flex;gap:6px;border-bottom:1px solid var(--cizgi);overflow-x:auto;scrollbar-width:none}
.sekme-bas button{position:relative;padding:14px 22px;font-size:15px;font-weight:500;color:var(--yazi);white-space:nowrap}
.sekme-bas button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--ana);transform:scaleX(0);transition:transform .25s}
.sekme-bas button.aktif{color:var(--ana)}
.sekme-bas button.aktif::after{transform:scaleX(1)}
.sekme-govde{display:none;padding:28px 4px 0;max-width:900px}
.sekme-govde.aktif{display:block;animation:sekmeGir .3s ease}
@keyframes sekmeGir{from{opacity:0;transform:translateY(8px)}}
.ozellik-tablo{margin:0;border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden}
.ozellik-tablo>div{display:grid;grid-template-columns:220px 1fr}
.ozellik-tablo>div:nth-child(odd){background:var(--acik)}
.ozellik-tablo dt,.ozellik-tablo dd{margin:0;padding:12px 18px;font-size:14px}
.ozellik-tablo dt{font-weight:500;color:var(--baslik)}

/* ------------------------------------------------------------ sepet & sipariş */
.adimlar{display:flex;justify-content:center;gap:0;margin:0 auto 34px;max-width:720px;counter-reset:adim}
.adimlar li{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;text-align:center}
.adimlar li::before{content:"";position:absolute;top:21px;left:-50%;right:50%;height:2px;background:var(--cizgi)}
.adimlar li:first-child::before{display:none}
.adimlar li.tamam::before,.adimlar li.aktif::before{background:var(--vurgu)}
.adimlar span{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--cizgi);color:#a9ada5;font-size:21px;transition:.2s}
.adimlar b{font-size:13px;font-weight:500;color:var(--yazi)}
.adimlar li.aktif span{border-color:var(--ana);background:var(--ana);color:#fff;box-shadow:0 0 0 5px rgba(var(--ana-rgb),.13)}
.adimlar li.tamam span{border-color:var(--vurgu);color:var(--vurgu)}
.adimlar li.aktif b,.adimlar li.tamam b{color:var(--baslik)}
.sepet-duzen,.siparis-duzen,.siparis-detay-duzen,.tamam,.iletisim-duzen,.tarif-detay{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:30px;align-items:start}
.sepet-liste{display:grid;gap:14px}
.sepet-satir{display:grid;grid-template-columns:92px minmax(0,1fr) auto auto auto;align-items:center;gap:18px;padding:14px 18px 14px 14px;background:#fff;border:1px solid var(--cizgi);border-radius:16px;transition:box-shadow .2s}
.sepet-satir:hover{box-shadow:var(--golge)}
.sepet-gorsel{aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--zemin)}
.sepet-gorsel img{width:100%;height:100%;object-fit:cover}
.sepet-ad{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.sepet-ad a{font-weight:500;color:var(--baslik);font-size:15.5px;line-height:1.3}
.sepet-ad a:hover{color:var(--vurgu)}
.sepet-ad small{font-size:13px}
.sepet-ad del{opacity:.6}
.sepet-tutar{font-size:16.5px;color:var(--baslik);min-width:96px;text-align:right;white-space:nowrap}
.sepet-sil,.mini-sil{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:19px;color:#a9ada5;transition:.2s}
.sepet-sil:hover,.mini-sil:hover{background:#fdf1ef;color:var(--indirim)}
.sepet-alt{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 4px}
.ozet-kart{position:sticky;top:106px;background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:24px;box-shadow:var(--golge)}
.ozet-kart h3{font-size:20px;margin-bottom:16px}
.ozet-satir{margin:0 0 18px}
.ozet-satir>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;font-size:14.5px}
.ozet-satir dt{color:var(--yazi)}
.ozet-satir dd{margin:0;color:var(--baslik);font-weight:500}
.ozet-toplam{margin-top:6px;padding-top:14px!important;border-top:1px dashed #cfd2c9}
.ozet-toplam dt{color:var(--baslik);font-weight:600;font-size:16px}
.ozet-toplam dd{font-size:23px;font-weight:700;color:var(--ana)}
.ozet-not{display:flex;gap:8px;margin:14px 0 0;font-size:12.5px;line-height:1.5}
.ozet-not i{font-size:17px;color:var(--vurgu);flex:none;margin-top:1px}
.ozet-kart .tumu{margin-top:14px}
.ozet-urun{display:grid;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--cizgi);max-height:300px;overflow-y:auto}
.ozet-urun-genis{max-height:none}
.ozet-urun li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px}
.ozet-gorsel{position:relative;width:56px;height:56px}
.ozet-gorsel img{width:100%;height:100%;object-fit:cover;border-radius:10px;background:var(--zemin)}
.ozet-gorsel i{position:absolute;top:-6px;right:-6px;min-width:21px;height:21px;padding:0 5px;border-radius:11px;background:var(--ana);color:#fff;font-size:11.5px;font-style:normal;font-weight:600;line-height:21px;text-align:center}
.ozet-ad{font-size:14px;color:var(--baslik);line-height:1.35;font-weight:500}
.ozet-ad small{display:block;font-size:12px;color:var(--yazi);font-weight:400}
.ozet-urun b{font-size:14px;color:var(--baslik);white-space:nowrap}
.kargo-cubuk{margin-bottom:16px;padding:12px 14px;border-radius:var(--r-k);background:var(--zemin);font-size:13px;color:var(--baslik)}
.kargo-cubuk span{display:flex;align-items:center;gap:7px}
.kargo-cubuk span i{font-size:18px;color:var(--vurgu)}
.kargo-cizgi{display:block;height:6px;margin-top:9px;border-radius:6px;background:#e3e0d4;overflow:hidden}
.kargo-cizgi i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--vurgu),var(--ikincil));transition:width .4s}
.uye-oneri{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r-k);background:rgba(var(--ikincil-rgb),.14);font-size:13.5px;color:var(--baslik);margin-bottom:20px}
.uye-oneri i{font-size:22px;color:#b8830a;flex:none}
.uye-oneri span{flex:1}
.uye-oneri a{font-weight:600;color:var(--ana);white-space:nowrap}
.teslimat-kutu{display:grid;gap:3px;padding:14px 16px;border-radius:var(--r-k);background:var(--zemin);font-size:13.5px}
.teslimat-kutu b{color:var(--baslik);font-weight:600;margin-bottom:2px}

.sepet-bos{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:40px 26px;flex:1}
.sepet-bos>i{font-size:64px;color:#c9ccc5}
.sepet-bos b{font-family:var(--baslik-font);font-size:18px;color:var(--baslik)}
.sepet-bos p{font-size:13.5px;margin:0 0 6px}
.cekmece .kargo-cubuk{margin:16px 20px 0}
.mini-sepet{flex:1;padding:6px 20px}
.mini-sepet li{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--cizgi)}
.mini-gorsel{aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--zemin)}
.mini-gorsel img{width:100%;height:100%;object-fit:cover}
.mini-bilgi a{display:block;font-size:14px;font-weight:500;color:var(--baslik);line-height:1.3}
.mini-bilgi small{font-size:12px}
.mini-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.mini-alt b{font-size:14px;color:var(--baslik)}
.mini-ozet{position:sticky;bottom:0;padding:16px 20px 20px;background:#fff;border-top:1px solid var(--cizgi);display:grid;gap:8px;box-shadow:0 -10px 24px rgba(61,58,54,.06)}
.mini-ozet>div{display:flex;justify-content:space-between;font-size:14px}
.mini-ozet>div b{color:var(--baslik);font-weight:500}
.mini-toplam{padding-top:8px;border-top:1px dashed #cfd2c9;margin-bottom:4px}
.mini-toplam span{font-weight:600;color:var(--baslik)}
.mini-toplam b{font-size:19px!important;font-weight:700!important;color:var(--ana)!important}

.tamam-kart{background:#fff;border:1px solid var(--cizgi);border-radius:22px;padding:44px 40px;text-align:center;box-shadow:var(--golge)}
.tamam-ikon{display:inline-flex;align-items:center;justify-content:center;width:86px;height:86px;border-radius:50%;background:rgba(var(--vurgu-rgb),.12);color:var(--vurgu);font-size:52px;margin-bottom:18px;animation:tamamGir .5s cubic-bezier(.3,1.5,.5,1)}
@keyframes tamamGir{from{transform:scale(.3);opacity:0}}
.tamam-kart h1{font-size:clamp(26px,3vw,34px)}
.tamam-kart p{max-width:480px;margin:12px auto 22px}
.tamam-no{display:inline-flex;flex-direction:column;gap:2px;padding:12px 34px;border-radius:var(--r);border:1.5px dashed var(--vurgu);background:rgba(var(--vurgu-rgb),.05);margin-bottom:24px}
.tamam-no span{font-size:12px}
.tamam-no b{font-size:22px;color:var(--ana);letter-spacing:.04em}
.tamam-kart .btn-wa{max-width:440px;margin:0 auto}
.tamam-yonlendirme{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font-size:13px}
.tamam-kart .btn-grup{justify-content:center;margin-top:24px}

.siparis-ust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:22px 26px;border-radius:18px;background:var(--zemin);margin-bottom:18px}
.siparis-ust b{color:var(--baslik);font-weight:600;font-size:15px}
.siparis-ust-no{font-size:18px!important;letter-spacing:.03em}
.siparis-ust-tutar{font-size:20px!important;color:var(--ana)!important;font-weight:700!important}
.durum-rozet{--d:#16a34a;display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:30px;font-size:12.5px;font-weight:500;color:var(--d);background:color-mix(in srgb,var(--d) 13%,#fff);white-space:nowrap}
.durum-rozet i{font-size:15px}
.durum-kart{background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:28px 20px 24px;margin-bottom:26px}
.durum-cubuk{display:flex}
.durum-cubuk li{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;position:relative;text-align:center}
.durum-cubuk li::before{content:"";position:absolute;top:22px;left:-50%;right:50%;height:3px;background:var(--cizgi)}
.durum-cubuk li:first-child::before{display:none}
.durum-cubuk li.tamam::before,.durum-cubuk li.aktif::before{background:var(--vurgu)}
.durum-cubuk span{position:relative;z-index:1;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--cizgi);color:#b3b7ae;font-size:22px}
.durum-cubuk b{font-size:12.5px;font-weight:500;color:var(--yazi);line-height:1.3}
.durum-cubuk li.tamam span{background:var(--vurgu);border-color:var(--vurgu);color:#fff}
.durum-cubuk li.aktif span{border-color:var(--vurgu);color:var(--vurgu);box-shadow:0 0 0 6px rgba(var(--vurgu-rgb),.14)}
.durum-cubuk li.aktif b,.durum-cubuk li.tamam b{color:var(--baslik)}
.durum-iptal{display:flex;align-items:center;justify-content:center;gap:9px;font-size:16px;font-weight:600;color:var(--indirim)}
.durum-iptal i{font-size:26px}
.bilgi-liste{display:grid;gap:11px}
.bilgi-liste li{display:flex;gap:11px;font-size:14.5px;color:var(--baslik)}
.bilgi-liste i{font-size:19px;color:var(--vurgu);flex:none;margin-top:2px}

/* ---------------------------------------------------------- üyelik & hesabım */
.uyelik{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge-b);max-width:1040px;margin:0 auto}
.uyelik-yan{position:relative;background:var(--koyu) center/cover no-repeat;color:#fff;display:flex;align-items:flex-end;min-height:520px}
.uyelik-yan::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(61,58,54,.35),rgba(61,58,54,.92))}
.uyelik-yan-ic{position:relative;padding:40px}
.uyelik-yan .yaprak{color:var(--ikincil);width:44px;height:31px;margin-bottom:10px}
.uyelik-yan h2{color:#fff;font-size:29px}
.uyelik-yan p{margin:12px 0 20px;opacity:.9;font-size:14.5px}
.uyelik-yan li{display:flex;align-items:center;gap:9px;margin-bottom:8px;font-size:14px}
.uyelik-yan li i{width:22px;height:22px;border-radius:50%;background:var(--ikincil);color:#2a2105;font-size:16px;display:flex;align-items:center;justify-content:center}
.uyelik-form{padding:44px 46px}
.uyelik-form h1{font-size:30px;margin-top:14px}
.uyelik-alt{margin:6px 0 24px}
.hesap{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;align-items:start}
.hesap-yan{position:sticky;top:106px;background:#fff;border:1px solid var(--cizgi);border-radius:18px;overflow:hidden;box-shadow:var(--golge)}
.hesap-kimlik{display:flex;align-items:center;gap:14px;padding:22px 20px;background:var(--zemin)}
.hesap-kimlik small{display:block;font-size:12.5px}
.hesap-kimlik b{font-family:var(--baslik-font);font-size:17px;color:var(--baslik);line-height:1.3}
.hesap-menu{padding:10px}
.hesap-menu a{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:10px;font-size:14.5px;color:var(--baslik);transition:.2s}
.hesap-menu a i{font-size:20px;color:#9a9f97}
.hesap-menu a:hover{background:var(--acik)}
.hesap-menu a.aktif{background:rgba(var(--vurgu-rgb),.1);color:var(--vurgu);font-weight:500}
.hesap-menu a.aktif i{color:var(--vurgu)}
.hesap-cikis{margin-top:6px;border-top:1px solid var(--cizgi);border-radius:0 0 10px 10px!important}
.hesap-cikis:hover{color:var(--indirim)!important}
.hesap-govde{display:grid;gap:22px;min-width:0}
.sayac-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sayac-izgara-4{grid-template-columns:repeat(4,1fr);margin-top:40px}
.sayac-kart{position:relative;padding:22px 22px 20px;border-radius:16px;background:#fff;border:1px solid var(--cizgi);overflow:hidden}
.sayac-kart i{position:absolute;right:16px;top:16px;font-size:34px;color:var(--ikincil);opacity:.9}
.sayac-kart b{display:block;font-family:var(--baslik-font);font-size:26px;color:var(--baslik);line-height:1.2}
.sayac-kart span{font-size:13px}
.siparis-liste{display:grid;gap:12px}
.siparis-kart{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:16px;padding:14px 16px;border-radius:14px;border:1px solid var(--cizgi);background:#fff;transition:.2s}
.siparis-kart:hover{border-color:var(--vurgu);box-shadow:var(--golge)}
.siparis-kart-gorsel{display:flex}
.siparis-kart-gorsel img{width:46px;height:46px;border-radius:10px;object-fit:cover;border:2px solid #fff;margin-left:-12px;background:var(--zemin)}
.siparis-kart-gorsel img:first-child{margin-left:0}
.siparis-kart-gorsel i{width:46px;height:46px;border-radius:10px;margin-left:-12px;background:var(--zemin);border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-style:normal;font-weight:600;color:var(--baslik)}
.siparis-kart-bilgi b{display:block;color:var(--baslik);font-weight:600;font-size:14.5px}
.siparis-kart-bilgi small{font-size:12.5px}
.siparis-kart-tutar{color:var(--baslik);font-size:15.5px;white-space:nowrap}

/* -------------------------------------------------------- içerik sayfaları */
.yazi-kart{padding:30px 34px}
.yazi-kapak{margin:-6px -10px 24px;border-radius:16px;overflow:hidden}
.yazi-kapak img{width:100%;max-height:480px;object-fit:cover}
.yazi-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:20px;font-size:13px}
.yazi-meta span{display:inline-flex;align-items:center;gap:6px}
.yazi-meta i{font-size:17px;color:var(--vurgu)}
.yazi-ozet{font-size:17px;color:var(--baslik);font-weight:400;line-height:1.7;margin-bottom:20px}
.yazi-ara{font-size:23px;margin:10px 0 14px}
.tarif-kunye{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px}
.tarif-kunye>div{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r-k);background:var(--zemin)}
.tarif-kunye i{font-size:27px;color:var(--vurgu)}
.tarif-kunye small{display:block;font-size:11.5px}
.tarif-kunye b{color:var(--baslik);font-weight:600;font-size:14.5px}
.malzeme li{border-bottom:1px dashed var(--cizgi)}
.malzeme li:last-child{border:0}
.malzeme label{display:flex;gap:10px;padding:10px 2px;font-size:14.5px;color:var(--baslik);cursor:pointer}
.malzeme input{width:18px;height:18px;margin-top:3px;accent-color:var(--ana);flex:none}
.malzeme input:checked+span{text-decoration:line-through;opacity:.5}
.mini-liste{display:grid;gap:14px}
.mini-liste a{display:grid;grid-template-columns:72px minmax(0,1fr);gap:13px;align-items:center}
.mini-liste img{width:72px;height:60px;object-fit:cover;border-radius:10px;background:var(--zemin)}
.mini-liste b{display:block;font-size:14px;font-weight:500;color:var(--baslik);line-height:1.35;transition:color .2s}
.mini-liste a:hover b{color:var(--vurgu)}
.mini-liste small{font-size:12px}
.cta-kart{display:grid;gap:12px;text-align:center;justify-items:center;background:var(--ana);border-color:var(--ana);color:#fff}
.cta-kart b{font-family:var(--baslik-font);font-size:19px;font-weight:600;line-height:1.35}
.cta-kart .yaprak{color:var(--ikincil);width:42px;height:30px}
.cta-kart-wa{background:#eefaf2;border-color:#c5ecd2;color:var(--baslik)}
.cta-kart-wa>i{font-size:46px;color:#25d366}
.cta-serit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:38px 44px;border-radius:22px;background:var(--ana);color:#fff;position:relative;overflow:hidden}
.cta-serit::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(var(--ikincil-rgb),.2)}
.cta-serit>*{position:relative;z-index:1}
.cta-serit h2{color:#fff;font-size:clamp(22px,2.4vw,30px)}
.cta-serit .yaprak{color:var(--ikincil);width:40px;height:28px;margin-bottom:6px}
.cta-serit-kucuk{margin-top:40px;padding:28px 32px}
.cta-serit .btn-beyaz{border-color:#fff}
.hakkimizda{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:54px;align-items:center}
.hakkimizda-gorsel{position:relative}
.hakkimizda-gorsel>img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:120px 24px 24px 24px}
.hakkimizda-yazi .icerik-metin,.hakkimizda-yazi>p{margin-top:16px}
.deger-kart{padding:28px 26px;border-radius:18px;background:#fff;border:1px solid var(--cizgi);display:grid;gap:10px;justify-items:start;transition:.25s}
.deger-kart:hover{transform:translateY(-4px);box-shadow:var(--golge-b)}
.deger-kart b{font-family:var(--baslik-font);font-size:19px;color:var(--baslik);font-weight:600}
.deger-kart p{margin:0;font-size:14px}
.iletisim-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:30px}
.iletisim-kart{display:grid;gap:5px;justify-items:start;padding:22px;border-radius:18px;background:#fff;border:1px solid var(--cizgi);transition:.25s}
a.iletisim-kart:hover{transform:translateY(-4px);box-shadow:var(--golge-b);border-color:var(--vurgu)}
.iletisim-kart b{font-family:var(--baslik-font);font-size:17px;color:var(--baslik);font-weight:600;margin-top:8px}
.iletisim-kart>span:last-child{font-size:14px}
.iletisim-kart-wa .daire-ikon{background:#25d366;color:#fff}
.adres-metin{margin:0;color:var(--baslik);font-size:14.5px}
.harita{margin-top:30px;border-radius:20px;overflow:hidden;border:1px solid var(--cizgi)}
.harita iframe{display:block;width:100%;height:400px;border:0}
.sss{display:grid;gap:12px}
.sss-grup{display:flex;align-items:center;gap:10px;font-size:22px;margin:34px 0 16px}
.sss-grup:first-child{margin-top:0}
.sss-oge{border:1px solid var(--cizgi);border-radius:16px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.sss-oge[open]{border-color:var(--vurgu);box-shadow:var(--golge)}
.sss-oge summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-weight:500;font-size:15.5px;color:var(--baslik);cursor:pointer;list-style:none}
.sss-oge summary::-webkit-details-marker{display:none}
.sss-oge summary i{width:32px;height:32px;border-radius:50%;background:var(--zemin);color:var(--vurgu);font-size:20px;display:flex;align-items:center;justify-content:center;flex:none;transition:.25s}
.sss-oge[open] summary i{transform:rotate(45deg);background:var(--ana);color:#fff}
.sss-oge .icerik-metin{padding:0 22px 20px;font-size:14.5px}
.sayfa-duzen{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;align-items:start}
.sayfa-duzen>.yazi-kart:only-child{grid-column:1/-1;max-width:900px;margin:0 auto;width:100%}
.sayfa-menu{position:sticky;top:106px;display:grid;gap:4px;padding:10px;border-radius:16px;background:#fff;border:1px solid var(--cizgi)}
.sayfa-menu a{padding:10px 14px;border-radius:9px;font-size:14px;color:var(--baslik)}
.sayfa-menu a:hover{background:var(--acik)}
.sayfa-menu a.aktif{background:rgba(var(--vurgu-rgb),.1);color:var(--vurgu);font-weight:500}


/* ------------------------------------------------- tema düzeltmeleri (iç sayfa) */
.sayfa-bas::after{background:radial-gradient(circle,color-mix(in srgb,var(--pembe) 80%,transparent),transparent 68%)}
.galeri-ana{aspect-ratio:3/4;border-radius:8px}
.galeri-ana img,.galeri-kucuk img,.sepet-gorsel img,.mini-gorsel img,.ozet-gorsel img,.siparis-kart-gorsel img,.mini-liste img{object-position:center top}
.galeri-kucuk button{flex-basis:70px;aspect-ratio:3/4;border-radius:5px}
.urun-detay{grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}
.sepet-gorsel,.mini-gorsel{aspect-ratio:3/4;border-radius:5px}
.ozet-gorsel{height:72px}
.ozet-gorsel img{border-radius:5px}
.siparis-kart-gorsel img,.siparis-kart-gorsel i{height:58px;border-radius:5px}
.mini-liste img{height:86px;border-radius:5px}
.detay-fiyat b,.ozet-toplam dd,.mini-toplam b,.tamam-no b,.siparis-ust-tutar{font-weight:600!important}
.secenek-oge span{min-width:52px;text-align:center;padding:10px 14px;border-radius:4px;border-width:1px}
.adet{border-radius:4px;border-width:1px}
.satin-al{flex-wrap:wrap}
.satin-al .btn{min-width:180px}
.form-kart,.ozet-kart,.hesap-yan,.durum-kart,.tamam-kart,.siparis-ust,.sepet-satir,.siparis-kart,.sayac-kart,.deger-kart,.iletisim-kart,.sss-oge,.sayfa-menu,.filtre-kutu,.cta-serit,.harita{border-radius:8px}
.alan input,.alan textarea{border-radius:5px;border-width:1px}
.filtre-etiket a,.hap-sekme a,.sirala-liste a{border-radius:4px}
.uyelik{border-radius:10px}
.uyelik-yan{background-position:center top}
.uyelik-yan::before{background:linear-gradient(180deg,rgba(61,58,54,.1) 30%,rgba(61,58,54,.82))}
.uyelik-yan li i,.uyelik-yan .yaprak,.cta-kart .yaprak,.cta-serit .yaprak{color:#fff}
.uyelik-yan li i{background:rgba(255,255,255,.22)}
.cta-serit::after{background:rgba(255,255,255,.1)}
.hakkimizda-gorsel>img{aspect-ratio:4/5;border-radius:8px;object-position:center top}
.yazi-kapak{border-radius:6px}
.yazi-kapak img{object-position:center 25%}
.sayac-kart i{color:var(--vurgu)}
.uye-oneri i{color:var(--ana)}
.kargo-cizgi{background:#e6ded8}
.kargo-cizgi i{background:var(--ana)}
.favori-bos{max-width:520px;margin:0 auto}

/* ================================================================== DUYARLI */
@media (max-width:1180px){
    .sepet-duzen,.siparis-duzen,.siparis-detay-duzen,.tamam,.iletisim-duzen,.tarif-detay{grid-template-columns:minmax(0,1fr) 330px}
}
@media (max-width:991px){
    .magaza{grid-template-columns:1fr}
    .filtre{position:fixed;top:0;bottom:0;left:0;z-index:1100;width:330px;max-width:90vw;background:var(--acik);padding:0 16px 20px;overflow-y:auto;transform:translateX(-105%);transition:transform .3s;align-content:start}
    .filtre.acik{transform:none}
    .filtre-bas{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;margin:0 -16px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--cizgi);z-index:1}
    .filtre-bas b{display:flex;align-items:center;gap:8px;font-family:var(--baslik-font);font-size:18px;color:var(--baslik)}
    .filtre-ac{display:inline-flex}
    .sirala>span{display:none}
    .urun-detay{grid-template-columns:1fr;gap:26px}
    .galeri{position:static;max-width:480px;margin:0 auto;width:100%}
    .sepet-duzen,.siparis-duzen,.siparis-detay-duzen,.tamam,.iletisim-duzen,.tarif-detay,.hesap,.sayfa-duzen,.hakkimizda{grid-template-columns:1fr}
    .ozet-kart,.hesap-yan,.sayfa-menu{position:static}
    .hesap-menu{display:flex;overflow-x:auto;gap:4px;scrollbar-width:none}
    .hesap-menu a{white-space:nowrap}
    .hesap-cikis{margin:0;border:0}
    .sayfa-menu{display:flex;overflow-x:auto;scrollbar-width:none}
    .sayfa-menu a{white-space:nowrap}
    .uyelik{grid-template-columns:1fr;max-width:560px}
    .uyelik-yan{display:none}
    .hakkimizda{gap:40px}
    .hakkimizda-gorsel{max-width:460px}
}
@media (max-width:767px){
    .wa-destek{right:14px;bottom:14px;gap:14px}
    .wa-dugme{width:52px;height:52px;font-size:30px}
    .wa-balon::after{right:17px}
    .ic-bolum{padding:28px 0 50px}
    .form-kart{padding:22px 18px}
    .form-izgara{grid-template-columns:1fr}
    .yazi-kart{padding:22px 18px}
    .yazi-kapak{margin:-4px -4px 20px}
    .adimlar b{font-size:11.5px}
    .adimlar span{width:38px;height:38px;font-size:18px}
    .adimlar li::before{top:18px}
    .sepet-satir{grid-template-columns:76px minmax(0,1fr) auto;gap:10px 12px;padding:12px}
    .sepet-satir .adet{grid-column:2;justify-self:start}
    .sepet-satir .adet button{width:36px;height:40px}
    .sepet-satir .adet input{width:36px;height:40px}
    .sepet-gorsel{grid-row:1/3}
    .sepet-tutar{grid-column:3;grid-row:2;min-width:0;font-size:15.5px}
    .sepet-sil{grid-column:3;grid-row:1;justify-self:end}
    .ozet-kart{padding:20px 18px}
    .tamam-kart{padding:34px 20px}
    .siparis-ust{grid-template-columns:1fr 1fr;padding:18px}
    .durum-kart{padding:22px 8px 18px}
    .durum-cubuk span{width:38px;height:38px;font-size:18px}
    .durum-cubuk li::before{top:18px}
    .durum-cubuk b{font-size:10.5px}
    .siparis-kart{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}
    .siparis-kart-gorsel{grid-column:1/-1}
    .siparis-kart .ok-daire{display:none}
    .siparis-kart .durum-rozet{justify-self:end}
    .siparis-kart-tutar{grid-column:1/-1;font-size:16px}
    .sayac-izgara,.sayac-izgara-4{grid-template-columns:1fr 1fr}
    .sayac-izgara>.sayac-kart:last-child:nth-child(odd){grid-column:1/-1}
    .sayac-kart b{font-size:22px}
    .uyelik-form{padding:30px 22px}
    .ozellik-tablo>div{grid-template-columns:1fr}
    .ozellik-tablo dt{padding-bottom:0}
    .cta-serit{padding:28px 24px}
    .biz-rozet-sabit{right:8px;bottom:-24px}
    .sekme-bas button{padding:12px 16px;font-size:14px}
    .arac-cubuk{gap:10px}
    .sirala{width:100%;order:3}
    .arama-satir .btn{display:none}
    .detay-fiyat b{font-size:27px}
}
@media (max-width:380px){
}
@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* --- önceki temalardan gelen iç sayfa düzeltmeleri --- */
:focus-visible{outline-color:var(--ana)}
.sayfa-bas{background:var(--zemin)}
.sayfa-bas::before,.sayfa-bas::after{display:none}
.ekmek a:hover{color:var(--ana)}
.form-kart,.ozet-kart,.hesap-yan,.durum-kart,.tamam-kart,.siparis-ust,.sepet-satir,.siparis-kart,.sayac-kart,.deger-kart,.iletisim-kart,.sss-oge,.sayfa-menu,.filtre-kutu,.cta-serit,.harita,.uyelik{border-radius:14px;box-shadow:none}
.galeri-ana{aspect-ratio:1/1;border-radius:14px;border:1px solid var(--cizgi);background:#fff}
.galeri-ana img{object-fit:contain;padding:6%}
.galeri-kucuk button{flex-basis:78px;aspect-ratio:1/1;border-radius:10px;background:#fff;border:1px solid var(--cizgi)}
.galeri-kucuk img,.sepet-gorsel img,.mini-gorsel img,.ozet-gorsel img,.siparis-kart-gorsel img{object-fit:contain;object-position:center}
.urun-detay{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sepet-gorsel,.mini-gorsel{aspect-ratio:1/1;border-radius:10px;background:#fff;border:1px solid var(--cizgi)}
.ozet-gorsel{height:56px}
.ozet-gorsel img{border-radius:8px;background:#fff}
.siparis-kart-gorsel img,.siparis-kart-gorsel i{height:46px;border-radius:8px;background:#fff}
.mini-liste img{height:60px;border-radius:8px}
.detay-fiyat{background:var(--zemin)}
.detay-fiyat b{color:var(--vurgu)}
.detay-fiyat b,.ozet-toplam dd,.mini-toplam b,.tamam-no b,.siparis-ust-tutar{font-weight:700!important}
.secenek-oge span{min-width:52px;text-align:center;padding:10px 16px;border-radius:10px;border-width:1px}
.adet{border-radius:10px;border-width:1px}
.alan input,.alan textarea{border-radius:10px;border-width:1px}
.alan input:focus,.alan textarea:focus,.filtre-fiyat input:focus{border-color:var(--ana);box-shadow:0 0 0 4px rgba(var(--ana-rgb),.1)}
.alan input:focus+label,.alan input:not(:placeholder-shown)+label,.alan textarea:focus+label,.alan textarea:not(:placeholder-shown)+label,.alan input:focus~i,.alan textarea:focus~i{color:var(--ana)}
.onay a,.form-alt-not a,.form-satir-sag a:hover,.uye-oneri a,.icerik-metin a{color:var(--ana)}
.filtre-etiket a,.hap-sekme a,.sirala-liste a{border-radius:10px}
.filtre-etiket a:hover,.hap-sekme a:hover,.sirala-liste a:hover{border-color:var(--ana);color:var(--ana)}
.filtre-kategori a:hover{color:var(--ana)}
.filtre-kategori a.aktif,.hesap-menu a.aktif,.sayfa-menu a.aktif{background:var(--zemin);color:var(--ana)}
.hesap-menu a.aktif i,.kart-baslik i,.bilgi-liste i,.guven-liste i,.yazi-meta i,.ozet-not i,.kargo-cubuk span i,.sayac-kart i,.icerik-metin li::marker{color:var(--ana)}
.urun-kategori{border-radius:20px;background:var(--zemin);color:var(--ana)}
.galeri-kucuk button.aktif,.galeri-kucuk button:hover,.secenek-oge:hover span,.sss-oge[open],.siparis-kart:hover,a.iletisim-kart:hover{border-color:var(--ana)}
.sss-oge summary i{color:var(--ana)}
.adimlar li.tamam::before,.adimlar li.aktif::before,.durum-cubuk li.tamam::before,.durum-cubuk li.aktif::before{background:var(--ana)}
.adimlar li.tamam span{border-color:var(--ana);color:var(--ana)}
.durum-cubuk li.tamam span{background:var(--ana);border-color:var(--ana)}
.durum-cubuk li.aktif span{border-color:var(--ana);color:var(--ana);box-shadow:0 0 0 6px rgba(var(--ana-rgb),.14)}
.tamam-ikon{background:var(--zemin);color:var(--ana)}
.tamam-no{border-color:var(--ana);background:var(--acik)}
.uyelik-yan::before{background:linear-gradient(180deg,rgba(27,53,32,.1) 30%,rgba(27,53,32,.9))}
.uyelik-yan li i,.uyelik-yan .yaprak,.cta-kart .yaprak,.cta-serit .yaprak{color:#fff}
.uyelik-yan li i{background:rgba(255,255,255,.22)}
.cta-serit{background:var(--ana)}
.cta-serit::after{background:rgba(255,255,255,.08)}
.cta-serit .yaprak{width:40px;height:36px}
.hakkimizda-gorsel>img{aspect-ratio:4/5;border-radius:14px;object-position:center}
.yazi-kapak{border-radius:12px}
.kargo-cizgi{background:#e3e9dd}
.kargo-cizgi i{background:var(--ana)}
.favori-bos{max-width:520px;margin:0 auto}
.biz-ust{display:block;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--vurgu);margin-bottom:8px}
.biz-rozet{position:absolute;width:104px;height:104px;border-radius:50%;background:var(--vurgu);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 5px #fff,var(--golge-b);line-height:1.1}
.biz-rozet b{font-size:26px;font-weight:700}
.biz-rozet span{font-size:10px;letter-spacing:.16em;margin-top:2px}
.biz-rozet-sabit{right:-18px;bottom:-18px}
.hakkimizda-yazi h2{font-size:clamp(25px,2.4vw,34px);font-weight:600}
.hakkimizda-yazi .icerik-metin,.hakkimizda-yazi>p{margin-top:16px}
.icerik-metin{color:#454b43}
.sss-grup .yaprak,.cta-kart .yaprak{width:24px;height:22px}
.marka-izgara{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.marka-kart{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:150px;padding:22px 16px;border-radius:14px;background:#fff;border:1px solid var(--cizgi);color:var(--yazi);text-align:center;transition:transform .25s,box-shadow .25s}
.marka-kart:hover{transform:translateY(-4px);box-shadow:var(--golge-b)}
.marka-kart img{max-height:58px;max-width:82%;object-fit:contain}
.marka-kart b{font-size:22px;font-weight:600;color:var(--baslik)}
.marka-kart small{font-size:13px}

/* ================================================= KOZMETİK TEMASI DÜZELTMELERİ
   (yukarıdaki ortak iç sayfa ve duyarlı kuralların bu temaya göre ezilen kısmı) */
h1,h2,h3,h4,.kart-baslik,.bos-durum b,.dort{font-weight:400!important}
.btn{border-radius:10px;font-size:16.5px}
.btn-ana:hover{background:#474c29;box-shadow:0 8px 20px rgba(var(--ana-rgb),.28)}
.btn-cizgi{border-color:var(--ana);color:var(--ana)}
.btn-beyaz{box-shadow:none}
.ok-daire,.daire-ikon{background:var(--zemin)}
.bolum-krem{margin-top:clamp(34px,3.7vw,70px);padding:clamp(40px,4vw,70px) 0!important;background:var(--zemin)}
.bolum-krem .daire-ikon{background:#fff}
.filtre,.galeri,.ozet-kart,.hesap-yan,.sayfa-menu{top:calc(var(--header-y) + 20px)}
.sayfa-bas{background:var(--zemin);border-bottom:1px solid var(--bej)}
.sayfa-bas h1{font-size:clamp(28px,3vw,44px)}
.ekmek{font-size:14.5px}
.galeri-ana{background:var(--zemin);border-color:var(--bej)}
.galeri-ana img{object-fit:cover;padding:0}
.galeri-kucuk button{background:var(--zemin);border-color:var(--bej)}
.galeri-kucuk img{object-fit:cover}
.sepet-gorsel,.mini-gorsel{background:var(--zemin);border-color:var(--bej)}
.sepet-gorsel img,.mini-gorsel img,.ozet-gorsel img,.siparis-kart-gorsel img{object-fit:cover}
.ozet-gorsel img,.siparis-kart-gorsel img,.siparis-kart-gorsel i{background:var(--zemin)}
.urun-bilgi h1{font-size:clamp(28px,2.9vw,44px)}
.urun-bilgi .oz-rozetler{position:static;flex-direction:row;flex-wrap:wrap;gap:8px 20px;margin:4px 0 16px;pointer-events:auto}
.urun-bilgi .oz-rozet svg{width:38px;height:38px}
.urun-olcu-detay{display:inline-block;margin:0 0 10px;font-size:17px;color:#6f7064}
.detay-fiyat b{color:var(--baslik)}
.urun-kategori{background:var(--zemin);color:var(--ana);font-size:14px}
.guven-liste{border-color:var(--bej)}
.guven-liste li{font-size:14px}
.guven-liste b{font-size:15px}
.guven-liste .tema-ikon{width:28px;height:28px;color:var(--ana);flex:none}
.deger-kart .tema-ikon{width:46px;height:46px;color:var(--ana)}
.icerik-metin{font-size:17px;color:#3c3d35}
.sekme-bas button{font-size:17px}
.ozellik-tablo dt,.ozellik-tablo dd{font-size:15.5px}
.alan input,.alan textarea{font-size:16px}
.marka-kart b{font-family:var(--baslik-font);font-weight:400}
.magaza .izgara-4{grid-template-columns:repeat(3,minmax(0,1fr))}
.magaza .urun-ad{font-size:clamp(15px,1.25vw,21px)}
.magaza .urun-olcu{font-size:clamp(13.5px,1.05vw,18px)}
.magaza .urun-fiyat b{font-size:clamp(15.5px,1.2vw,21px)}
.magaza .sepet-btn-kart{font-size:clamp(14px,1.05vw,18px)}
.ic-bolum .izgara-urun{gap:20px 18px}
.uyelik-yan::before{background:linear-gradient(180deg,rgba(75,82,48,.1) 30%,rgba(75,82,48,.92))}
.cta-serit{background:var(--koyu)}
.wa-balon p,.wa-balon-btn{font-family:var(--govde-font)}

@media (max-width:1280px){
    .izgara-5{grid-template-columns:repeat(4,minmax(0,1fr))}
    .footer-ust{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.3fr);gap:28px}
}
@media (max-width:991px){
    :root{--header-y:66px}
    .ana-menu{display:none}
    .logo img{height:30px}
    .filtre,.galeri,.ozet-kart,.hesap-yan,.sayfa-menu{top:auto}
    .izgara-5,.izgara-4,.magaza .izgara-4{grid-template-columns:repeat(3,minmax(0,1fr))}
    .bolum-one-cikan .izgara-4{grid-template-columns:repeat(2,minmax(0,1fr))}
    .bolum-one-cikan .urun-ad{font-size:19px}
    .bolum-one-cikan .urun-olcu{font-size:16.5px}
    .bolum-one-cikan .urun-fiyat b,.bolum-one-cikan .sepet-btn-kart{font-size:17px}
    .hero-ok{display:none}
    .hikaye{aspect-ratio:16/8}
    .footer-ust{grid-template-columns:1fr 1fr}
    .footer-bulten,.footer-iletisim{grid-column:1/-1}
    .footer-sosyal{justify-content:flex-start}
    .footer-iletisim ul{justify-items:start;text-align:left}
    .footer-iletisim li{flex-direction:row}
    .footer-kolon>ul>li>a{font-size:19px}
    .footer-serit a{font-size:18px}
    .marka-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
    .biz-rozet-sabit{right:10px}
}
@media (max-width:767px){
    body{font-size:15.5px}
    .header-ic{gap:6px}
    .logo img{height:26px}
    .ikon-btn{width:36px;height:36px;font-size:24px}
    .header-ikon .js-arama-ac{display:none}
    .menu-ac svg{width:26px}
    .bolum{padding:38px 0 0}
    .bolum-bas h2{font-size:27px}
    .izgara-5,.izgara-4,.izgara-urun,.magaza .izgara-4{grid-template-columns:repeat(2,minmax(0,1fr))}
    .izgara-3{grid-template-columns:1fr}
    .hero-slayt{grid-template-columns:1fr;min-height:0}
    .hero-gorsel{aspect-ratio:4/3.1}
    .hero-yazi{padding:26px 18px 54px}
    .hero-baslik{font-size:34px}
    .hero-yazi p{font-size:18px}
    .hero-btn .btn{font-size:17px;padding:12px 22px}
    .hero-nokta{left:50%;bottom:18px}
    .urun-ad,.bolum-one-cikan .urun-ad,.magaza .urun-ad{font-size:16.5px}
    .urun-olcu,.bolum-one-cikan .urun-olcu,.magaza .urun-olcu{font-size:14.5px}
    .urun-alt{flex-direction:column;align-items:stretch;gap:8px}
    .urun-fiyat{align-items:center;text-align:center}
    .urun-fiyat b,.bolum-one-cikan .urun-fiyat b,.magaza .urun-fiyat b{font-size:17px}
    .sepet-btn-kart,.bolum-one-cikan .sepet-btn-kart,.magaza .sepet-btn-kart{font-size:15.5px;padding:10px 8px}
    .urun-gorsel .favori-btn{opacity:1}
    .oz-rozet svg{width:30px;height:30px}
    .hikaye{aspect-ratio:4/3}
    .hikaye strong{font-size:27px}
    .kat-izgara{grid-template-columns:1fr 1fr}
    .kat-kart b{font-size:20px}
    .bolum-yorum{padding:40px 0 44px!important}
    .bolum-yorum .bolum-bas{margin-bottom:58px}
    .yorum-izgara{grid-template-columns:1fr;gap:56px}
    .yorum-kart{padding:54px 20px 22px}
    .yorum-foto{width:84px;height:84px}
    .yorum-kart blockquote{font-size:17.5px}
    .yorum-kart figcaption b{font-size:16.5px}
    .taahhut{gap:10px}
    .taahhut-4{grid-template-columns:1fr 1fr;gap:26px 10px}
    .taahhut-oge b{font-size:16.5px}
    .footer-serit{padding:22px 0}
    .footer-ust{gap:26px 20px;padding:38px 0 28px}
    .footer-bulten h3{font-size:23px}
    .bulten-form{max-width:none}
    .bulten-form input,.bulten-form button{font-size:16.5px}
    .footer-sosyal a{font-size:32px}
    .footer-alt{flex-direction:column;align-items:flex-start;padding-bottom:84px}
    .footer-telif{font-size:15px}
    .footer-rozet,.footer-odeme{margin-right:0}
    .marka-izgara{grid-template-columns:1fr 1fr;gap:12px}
    .urun-bilgi h1{font-size:28px}
    .sirala{min-width:0}
    .sirala-liste{flex-wrap:wrap}
    .arac-cubuk>*{min-width:0}
}
@media (max-width:380px){
    .logo img{height:22px}
    .ikon-btn{width:33px;height:33px;font-size:22px}
    .hero-baslik{font-size:30px}
    .sepet-btn-kart{font-size:14.5px!important}
}
i.tema-ikon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.deger-kart i.tema-ikon{font-size:42px}