:root{--ana:#5B3A54;--koyu:#3D253A;--vurgu:#E5C3DA;--vurgu-ac:#F5E8F0;--krem:#FAF6F3;--em:#A5648F;--cizgi:#EADFDE;
  --ink:#2A2620;--mute:#8A8178;--serif:'Gloock',serif;--sans:'Schibsted Grotesk',sans-serif;--script:'Allura',cursive}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip}
body{font-family:var(--sans);background:var(--krem);color:var(--ink);overflow-x:clip;max-width:100vw}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1250px;margin-inline:auto;padding-inline:26px}
h1,h2,h3{font-family:var(--serif);font-weight:400}
.duyuru{background:var(--ana);color:var(--vurgu);text-align:center;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;padding-block:9px}

/* header C + mega menu */
nav{position:sticky;top:0;z-index:60;background:var(--krem);border-bottom:1.5px solid var(--koyu)}
.navic{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-block:13px}
.logo{justify-self:start}
.ikonlar{justify-self:end;align-items:center}
.ikonlar svg{width:20px;height:20px;display:block}
.logo{font-family:var(--script);font-size:31px;color:var(--ana);line-height:1}
.menu{display:flex;gap:24px;font-size:14px;letter-spacing:.04em;align-items:center;justify-self:center}
.menu>a,.megawrap>a{padding-block:14px;display:inline-block}
.megawrap{display:inline-flex;align-items:center}
.menu>a:hover,.menu>a.aktif{color:var(--ana);text-decoration:underline;text-underline-offset:6px}
.menu .firsat{color:var(--em);font-weight:700}
.ikonlar{display:flex;gap:16px;font-size:17px}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--krem);border-bottom:1.5px solid var(--koyu);
  box-shadow:0 24px 50px rgba(61,37,58,.14);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.22s}
.megawrap:hover .mega,.mega:hover{opacity:1;visibility:visible;transform:none}
.mega .ic{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:30px;padding-block:30px 34px}
.mega .ic.aksic{grid-template-columns:repeat(4,1fr)}
.aksic .ak{display:block;padding:0}
.aksic .ak img{aspect-ratio:16/9.5;object-fit:cover;width:100%;object-position:50% 30%}
.aksic .ak b{display:block;font-weight:500;font-size:14px;margin-top:10px;color:#1E1A17}
.aksic .ak small{font-size:12px;color:var(--mute)}
.aksic .ak:hover{padding-left:0}
.aksic .ak:hover b{color:var(--ana)}
.aksic .tum{display:flex;align-items:center;justify-content:center;background:var(--koyu);text-align:center;aspect-ratio:16/9.5;align-self:start}
.aksic .tum span{color:#fff;font-size:13px;letter-spacing:.18em;text-transform:uppercase;line-height:1.8}
.aksic .tum:hover span{color:var(--vurgu)}
.mega h5{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:14px}
.mega a{display:block;font-size:14px;padding-block:4.5px}
.mega a:hover{color:var(--ana);padding-left:5px;transition:.15s}
.mega .promo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mega .promo a{padding:0}
.mega .promo .p{border-radius:12px;overflow:hidden;position:relative}
.mega .promo img{aspect-ratio:3/3.6;object-fit:cover;width:100%}
.mega .promo b{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(61,37,58,.8));color:#fff;padding:26px 12px 10px;font-size:13px;text-align:center;font-weight:600}

/* kategori basligi */
.kbas{padding-block:44px 8px;text-align:center}
.kbas .yol{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.kbas h1{font-size:clamp(32px,4vw,48px);color:var(--koyu);margin-top:8px}
.kbas h1 em{font-style:italic;color:var(--em)}
.kbas p{color:var(--mute);margin-top:8px;font-size:14.5px}

/* D — kenar cubugu duzeni */
.duzen{display:grid;grid-template-columns:210px 1fr;gap:44px;align-items:start;padding-top:26px}
.side{position:sticky;top:82px}
.side h5{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin:20px 0 8px;padding-bottom:7px;border-bottom:1px solid var(--cizgi)}
.side h5:first-child{margin-top:0}
.side a{display:block;font-size:14px;padding:5px 0 5px 12px;border-left:2px solid transparent;color:#4A443E;transition:.15s}
.side a:hover{color:var(--ana);border-color:var(--vurgu)}
.side a.aktif{color:var(--koyu);font-weight:700;border-color:var(--em)}

/* arac cubugu */
.arac{display:flex;justify-content:space-between;align-items:center;padding-block:22px 6px;font-size:13.5px;color:var(--mute)}
.arac select{font-family:var(--sans);font-size:13.5px;border:1px solid var(--cizgi);background:#fff;border-radius:999px;padding:9px 16px;color:var(--ink)}

/* L galeri grid */
.posta{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding-block:20px 70px}
.pk{cursor:pointer}
.pk .foto{overflow:hidden;background:var(--vurgu-ac);position:relative}
.pk img{aspect-ratio:3/4.2;object-fit:cover;width:100%;transition:.5s;filter:saturate(.92)}
.pk:hover img{transform:scale(1.03);filter:none}
.pk .rozet{position:absolute;top:0;left:0;background:var(--koyu);color:var(--krem);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;padding:8px 14px;z-index:2;border-radius:0}
.pk .rozet.ind{background:var(--em)}
.pk .alt{border-top:1px solid var(--koyu);margin-top:16px;padding-top:12px;display:flex;justify-content:space-between;align-items:baseline}
.pk h3{font-family:var(--sans);font-weight:500;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.pk .no{font-size:11px;color:#9A8F85;letter-spacing:.14em}
.pk .ftg{font-family:var(--serif);font-size:17px;margin-top:6px;color:var(--koyu);text-align:left}
.pk .ftg s{color:#B9A8B3;font-size:14px;margin-right:8px}
.pk .ftg small{font-family:var(--sans);color:var(--mute);font-size:12px;display:block;margin-top:2px}
.bos{grid-column:1/-1;text-align:center;color:var(--mute);padding-block:60px;font-size:15px}

/* firsat bandi */
.kampanya{background:var(--ana);color:var(--krem);text-align:center;padding-block:46px;position:relative;overflow:clip}
.kampanya::before{content:"❀";position:absolute;font-size:240px;color:rgba(229,195,218,.08);left:-40px;top:-60px}
.kampanya h1{font-size:clamp(34px,4.4vw,54px);color:#fff}
.kampanya h1 em{font-style:italic;color:var(--vurgu)}
.kampanya p{margin-top:8px;color:#D9C3D2;font-size:15px}
.kampanya .sayac{display:flex;justify-content:center;gap:14px;margin-top:22px}
.kampanya .s{background:rgba(255,255,255,.1);border:1px solid rgba(229,195,218,.35);border-radius:12px;padding:12px 18px;min-width:74px}
.kampanya .s b{font-family:var(--serif);font-size:26px;display:block;color:#fff;font-weight:400}
.kampanya .s span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--vurgu)}

footer{background:var(--koyu);color:#C9C1B8;padding-block:56px 26px;margin-top:20px}
.fgrid{display:grid;grid-template-columns:1fr 1.1fr 1.3fr 1.5fr;gap:40px}
.fgrid h4{font-family:var(--script);font-size:32px;color:#fff;font-weight:400}
.fgrid h5{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:14px}
.fgrid a{display:block;font-size:14px;margin-bottom:9px;opacity:.9}
.fgrid a:hover{color:var(--vurgu)}
.fgrid p{font-size:14px;line-height:1.65;opacity:.85;margin-top:10px}
.bulten{display:flex;margin-top:16px;border-radius:999px;overflow:hidden;background:#fff}
.bulten input{flex:1;border:0;padding:13px 18px;font-size:14px;font-family:var(--sans);outline:none;min-width:0}
.bulten button{border:0;background:var(--vurgu);color:var(--koyu);font-weight:700;padding-inline:22px;cursor:pointer;font-family:var(--sans)}
.sosyal{display:flex;gap:16px;margin-top:20px}
.sosyal a{opacity:.85}
.sosyal a:hover{opacity:1;color:var(--vurgu)}
.sosyal svg{width:22px;height:22px}
.falt{margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;font-size:12px;opacity:.75;flex-wrap:wrap;gap:8px}

@media(max-width:980px){
  .menu{display:none}
  .hmb{display:block}
  .navic{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative}
  .logo{position:static;transform:none;margin:0 auto 0 12px}
  .gyorum .bas{flex-direction:column;align-items:flex-start;gap:10px}
  .duyuru{font-size:10px;padding-block:6px;letter-spacing:.08em}
  .navic{padding-block:7px}
  .logo{font-size:23px}
  .ikonlar{gap:12px;font-size:15px}
  .ikonlar svg{width:18px;height:18px}
  .posta{grid-template-columns:repeat(2,1fr);gap:24px}
  .duzen{grid-template-columns:1fr;gap:8px}
  .side{display:none}
  .fgrid{grid-template-columns:1fr}
  .arac{flex-direction:column;gap:10px;align-items:flex-start}
}

/* whatsapp balonu */
.wafab{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;align-items:center;gap:0;background:var(--ana);color:#fff;border-radius:999px;padding:15px;box-shadow:0 8px 26px rgba(61,37,58,.35);transition:.3s;text-decoration:none}
.wafab svg{width:26px;height:26px;flex:0 0 auto;display:block}
.wafab span{max-width:0;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:600;transition:max-width .35s,padding .35s}
.wafab:hover{background:var(--koyu);box-shadow:0 12px 32px rgba(61,37,58,.45)}
.wafab:hover span{max-width:110px;padding-left:10px;padding-right:4px}
@media(max-width:980px){.wafab{right:14px;bottom:14px;padding:13px}.wafab svg{width:24px;height:24px}}


/* hamburger + mobil menu */
.hmb{display:none;background:none;border:0;padding:6px;cursor:pointer;color:var(--koyu)}
.hmb svg{width:24px;height:24px;display:block}
.mobilmenu{position:fixed;inset:0;background:var(--krem);z-index:150;transform:translateX(102%);transition:transform .32s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:0 22px 40px}
body.menu-acik .mobilmenu{transform:none}
body.menu-acik{overflow:hidden}
.mm-ust{display:flex;justify-content:space-between;align-items:center;padding-block:14px;border-bottom:1px solid var(--cizgi);margin-bottom:10px}
.mm-logo{font-family:var(--script);font-size:27px;color:var(--ana)}
.mm-kapat{background:none;border:0;font-size:34px;line-height:1;color:var(--koyu);cursor:pointer;padding:2px 6px}
.mm-linkler{position:static;border-bottom:0;background:none}
.mm-linkler>a,.mm-linkler summary{display:block;font-family:var(--serif);font-size:22px;color:var(--koyu);padding:15px 2px;border-bottom:1px solid var(--cizgi);text-decoration:none;cursor:pointer;list-style:none}
.mm-linkler summary::-webkit-details-marker{display:none}
.mm-linkler summary::after{content:"+";float:right;color:var(--em);font-family:var(--sans)}
.mm-linkler details[open] summary::after{content:"−"}
.mm-firsat{color:var(--em)!important}
.mm-grup{padding:6px 0 14px 12px}
.mm-grup b{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:10px 0 4px;font-weight:600}
.mm-grup a{display:block;font-size:15.5px;color:#3d372f;padding:7px 0;text-decoration:none}
.mm-alt{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px}
.mm-alt a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--koyu);text-decoration:none}


/* mobil grup+kategori secici (yalniz mobil) */
.msec{display:none;grid-template-columns:1fr 1.2fr;gap:10px;margin-bottom:6px}
.msec label{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:5px}
.msec select{width:100%;border:1.5px solid var(--cizgi);background:#fff;padding:12px;font-family:var(--sans);font-size:14.5px;color:var(--koyu);border-radius:0;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%233D253A' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.msec select:focus{border-color:var(--ana);outline:none}

/* sepet rozeti + kart kalbi + toast */
.sepwrap{position:relative}
.sep-rz{position:absolute;top:-7px;right:-11px;background:var(--ana);color:#fff;font-size:10px;min-width:17px;height:17px;border-radius:99px;display:none;align-items:center;justify-content:center;padding:0 4px;font-weight:700}
.pk .foto{position:relative}
.fv{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;border-radius:99px;background:rgba(255,255,255,.92);border:0;font-size:17px;line-height:1;color:var(--ana);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px rgba(61,37,58,.14);transition:.25s}
.fv:hover{transform:scale(1.1)}
.fv.dolu{background:var(--ana);color:#fff}
.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(80px);background:var(--koyu);color:var(--krem);padding:14px 26px;font-size:13.5px;letter-spacing:.06em;opacity:0;transition:.35s;z-index:99}
.toast.gorunur{transform:translateX(-50%);opacity:1}

@media(max-width:980px){
  .hmb{display:block}
  .navic{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative}
  .logo{position:static;transform:none;margin:0 auto 0 12px}
  .duyuru{font-size:10px;padding-block:6px;letter-spacing:.08em}
  .logo{font-size:23px}
  .ikonlar{gap:12px;font-size:15px}
  .ikonlar svg{width:18px;height:18px}
  .duyuru .d3{display:none}
  .msec{display:grid}
  .side{display:none}
}