/* ===== RUMII — Tasarım Sistemi (siyah-beyaz line-art) ===== */
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=Inter:wght@300;400;500;600;700&display=swap');

:root{
  --ink:#14110d;          /* sıcak siyah */
  --paper:#FAF8F4;        /* kağıt beyazı */
  --clay:#B7410E;         /* kiremit aksan */
  --clay-deep:#8f320a;
  --sand:#ECE5D8;         /* yumuşak bej */
  --sand-2:#F3EEE4;
  --muted:#6B6258;        /* ikincil metin */
  --line:#1d1a16;
  --line-soft:#d8cfbf;
  --maxw:1200px;
  --serif:'Special Elite', ui-monospace, monospace;
  --sans:'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

*{box-sizing:border-box}
/* hidden özniteliği her zaman kazanır (display:flex/grid kuralları ezmesin) */
[hidden]{display:none!important}
/* satır içi amblem SVG'leri konteynıra otursun */
.brand .mark svg,.hero .emblem svg,.cat-card .ico svg,.story .em svg{width:100%;height:100%;display:block}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--sans); font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none}
img{max-width:100%; display:block}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px}
.muted{color:var(--muted)}
.center{text-align:center}

/* wordmark / başlıklar */
.wordmark{font-family:var(--serif); letter-spacing:.18em; text-transform:lowercase}
h1,h2,h3{font-family:var(--serif); font-weight:400; letter-spacing:.04em; line-height:1.2}
h2.section-title{font-size:clamp(22px,3vw,30px); letter-spacing:.14em; text-transform:lowercase; margin:0 0 6px}

/* ===== Üst bilgi şeridi ===== */
.topbar{background:var(--ink); color:var(--paper); font-size:12.5px; letter-spacing:.12em; text-transform:uppercase}
.topbar .wrap{display:flex; justify-content:center; align-items:center; gap:10px; height:34px; text-align:center}

/* ===== Header ===== */
.site-head{position:sticky; top:0; z-index:40; background:rgba(250,248,244,.92); backdrop-filter:blur(8px); border-bottom:1px solid var(--line-soft)}
.head-row{display:flex; align-items:center; gap:18px; height:74px}
.brand{display:flex; align-items:center; gap:12px; margin-right:auto}
.brand .mark{width:46px; height:32px; color:var(--ink)}
.brand .name{font-family:var(--serif); font-size:26px; letter-spacing:.22em}
.nav{display:flex; gap:26px; align-items:center}
.nav a{font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink); padding:6px 0; border-bottom:2px solid transparent; transition:border-color .2s}
.nav a:hover,.nav a.active{border-color:var(--clay)}
.head-actions{display:flex; gap:16px; align-items:center; margin-left:6px}
.icon-btn{background:none; border:none; cursor:pointer; color:var(--ink); font-size:18px; line-height:1; position:relative}
.lang{font-size:12px; letter-spacing:.1em; border:1px solid var(--line-soft); border-radius:999px; padding:4px 10px}
.cart-count{position:absolute; top:-8px; right:-10px; background:var(--clay); color:#fff; font-size:10px; min-width:16px; height:16px; border-radius:999px; display:grid; place-items:center; padding:0 4px}
.burger{display:none}

/* ===== Hero ===== */
.hero{position:relative; text-align:center; padding:84px 24px 76px; background:
  radial-gradient(circle at 50% 0%, var(--sand-2), var(--paper) 70%);}
.hero .emblem{width:130px; height:auto; color:var(--ink); margin:0 auto 22px}
.hero .rumii{font-family:var(--serif); font-size:clamp(46px,9vw,92px); letter-spacing:.16em; line-height:1; margin:0}
.hero .slogan{font-family:var(--serif); letter-spacing:.34em; text-transform:uppercase; font-size:clamp(11px,1.6vw,14px); color:var(--muted); margin:18px 0 0}
.hero .lead{max-width:620px; margin:22px auto 0; color:var(--muted)}
.hero .cta{display:flex; gap:14px; justify-content:center; margin-top:30px; flex-wrap:wrap}

/* fringe ayraç */
.fringe{height:18px; background-image:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 12px); opacity:.5; margin:0}

/* butonlar */
.btn{display:inline-block; font-size:13px; letter-spacing:.14em; text-transform:uppercase; padding:14px 26px; border:1.5px solid var(--ink); background:var(--ink); color:var(--paper); cursor:pointer; transition:.2s}
.btn:hover{background:transparent; color:var(--ink)}
.btn.ghost{background:transparent; color:var(--ink)}
.btn.ghost:hover{background:var(--ink); color:var(--paper)}
.btn.clay{background:var(--clay); border-color:var(--clay)}
.btn.clay:hover{background:transparent; color:var(--clay)}

/* ===== Bölümler ===== */
section{padding:64px 0}
.sec-head{text-align:center; margin-bottom:36px}
.sec-head p{color:var(--muted); margin:6px 0 0}

/* kategori ızgarası */
.cat-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:18px}
.cat-card{border:1px solid var(--line-soft); background:#fff; padding:0 16px 20px; text-align:center; transition:.2s; position:relative; overflow:hidden}
.cat-card:hover{border-color:var(--ink); transform:translateY(-3px)}
.cat-card .cimg{aspect-ratio:4/3; overflow:hidden; background:var(--sand-2); margin:0 -16px 14px}
.cat-card .cimg img{width:100%; height:100%; object-fit:cover; transition:transform .4s ease}
.cat-card:hover .cimg img{transform:scale(1.05)}
.cat-card .ico{width:54px; height:38px; margin:0 auto; color:var(--ink); padding-top:26px}
.cat-card .t{font-family:var(--serif); letter-spacing:.08em; font-size:16px}
.cat-card .c{font-size:12px; color:var(--muted); margin-top:4px}

/* hikâye sayfası — atölye medyası (dikey IG videoları telefon oranında) */
.story-media{display:grid; grid-template-columns:repeat(2,minmax(0,250px)); justify-content:center; gap:20px}
.story-media video{width:100%; aspect-ratio:9/16; object-fit:cover; border:1px solid var(--line-soft); background:#000; display:block}
@media(max-width:560px){.story-media{grid-template-columns:minmax(0,260px)}}
.story-photos{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; margin-top:18px}
.story-photos a{display:block; aspect-ratio:1; overflow:hidden; border:1px solid var(--line-soft)}
.story-photos img{width:100%; height:100%; object-fit:cover; transition:transform .4s ease}
.story-photos a:hover img{transform:scale(1.05)}

/* ana sayfa video şeridi (kaydırmalı reels) */
.reel-sec{padding-top:56px}
.reels{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 14px;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:safe center}
.reels::-webkit-scrollbar{display:none}
.reel{position:relative;flex:0 0 auto;width:min(300px,74vw);aspect-ratio:9/16;scroll-snap-align:center;background:#000;border:1px solid var(--line-soft);overflow:hidden}
.reel video{width:100%;height:100%;object-fit:cover;display:block}
.reel-snd{position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:50%;border:none;background:rgba(20,17,13,.62);color:#fff;font-size:16px;line-height:1;cursor:pointer;backdrop-filter:blur(4px);transition:.2s}
.reel-snd:hover{background:rgba(20,17,13,.85);transform:scale(1.06)}

/* ana sayfa motif şeridi */
.motif-strip{display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:18px; max-width:900px; margin:0 auto}
.ms-item{display:flex; flex-direction:column; align-items:center; gap:10px}
.ms-item img{width:108px; height:108px; border-radius:50%; object-fit:cover; border:1px solid var(--line-soft); transition:.2s}
.ms-item:hover img{border-color:var(--ink); transform:scale(1.04)}
.ms-item span{font-family:var(--serif); font-size:13px; letter-spacing:.05em; text-align:center}

/* ürün ızgarası (F3) */
.prod-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:22px}
.prod{background:#fff; border:1px solid var(--line-soft); transition:.2s; position:relative}
.prod:hover{border-color:var(--ink)}
.prod>a{display:block; color:inherit; text-decoration:none}
.wish-btn{position:absolute; top:8px; right:8px; width:30px; height:30px; border:none; background:rgba(255,255,255,.92); border-radius:50%; font-size:0; cursor:pointer; z-index:2; color:var(--ink); line-height:1; box-shadow:0 1px 4px rgba(0,0,0,.12)}
.wish-btn::before{font-size:15px; content:"♡"}
.wish-btn.on{color:var(--clay)}
.wish-btn.on::before{content:"♥"}
.prod .ph{aspect-ratio:1; background:var(--sand); overflow:hidden}
.prod .ph img{width:100%; height:100%; object-fit:cover}
.prod .info{padding:14px 16px}
.prod .info .pt{font-size:14px; line-height:1.4; min-height:38px}
.prod .info .pr{font-family:var(--serif); margin-top:8px; font-size:16px}
.prod .info .old{color:var(--muted); text-decoration:line-through; font-size:13px; margin-left:6px}
.badge{position:absolute; top:10px; left:10px; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; padding:4px 8px; background:var(--ink); color:#fff}
.badge.sale{background:var(--clay)}
.badge.out{background:#6b6258}
.badge.last{background:#a8801f}

/* placeholder amblem (görselsiz ürün) */
.ph-emblem{width:100%;height:100%;display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--sand) 0 14px,var(--sand-2) 14px 28px)}
.ph-emblem svg{width:46%;height:auto;color:#bdb09a}
.badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.badges .badge{position:static}

/* kategori çipleri */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}
.chip{font-size:12.5px;letter-spacing:.04em;padding:8px 14px;border:1px solid var(--line-soft);border-radius:999px;color:var(--muted);transition:.15s}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* PDP */
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.pdp-media .ph{aspect-ratio:1;background:var(--sand);position:relative;border:1px solid var(--line-soft)}
.pdp-media .ph img{width:100%;height:100%;object-fit:cover}
/* PDP galeri küçük görselleri */
.pdp-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.pdp-thumbs .pt{width:70px;height:70px;padding:0;border:1px solid var(--line-soft);background:var(--sand);cursor:pointer;opacity:.65;transition:.2s}
.pdp-thumbs .pt img{width:100%;height:100%;object-fit:cover;display:block}
.pdp-thumbs .pt:hover{opacity:1}
.pdp-thumbs .pt.on{opacity:1;border-color:var(--ink);border-width:2px}
/* kart hover'da ikinci görsel */
.prod .ph{position:relative}
.prod .ph .ph2{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}
.prod:hover .ph .ph2{opacity:1}
.crumb{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.pdp-title{font-size:clamp(22px,3vw,30px);margin:0 0 14px;line-height:1.25}
.pdp-price{font-family:var(--serif);font-size:26px;margin-bottom:6px}
.pdp-price .old{font-size:17px}
.pdp-stock{color:var(--muted);font-size:14px;margin:0 0 22px}
.pdp-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.btn.disabled{background:#cfc7b9;border-color:#cfc7b9;color:#fff;cursor:not-allowed}
.pdp-wish{position:static;width:48px;height:48px;border:1.5px solid var(--line-soft);background:#fff;box-shadow:none}
.pdp-wish::before{font-size:19px}
.pdp-feats{list-style:none;padding:0;margin:0;border-top:1px solid var(--line-soft)}
.pdp-feats li{padding:12px 0;border-bottom:1px solid var(--line-soft);font-size:14px;color:var(--muted);position:relative;padding-left:22px}
.pdp-feats li::before{content:"";position:absolute;left:0;top:18px;width:10px;height:10px;background:var(--clay);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.pdp-desc{white-space:pre-line;line-height:1.75;font-size:14.5px;margin-top:22px}
@media(max-width:760px){ .pdp{grid-template-columns:1fr;gap:26px} }

/* hikâye teaser */
.story{background:var(--ink); color:var(--paper)}
.story .wrap{display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:center}
.story h2{color:var(--paper); font-size:clamp(24px,3.4vw,36px); letter-spacing:.06em; margin:0 0 16px}
.story p{color:#d9d2c7}
.story .em{width:90px; color:var(--paper); margin-bottom:18px}

/* ===== Auth (kayıt/giriş) & Hesabım ===== */
.auth-form input{width:100%;padding:12px 13px;border:1px solid var(--line-soft);background:#fff;font-family:var(--sans);font-size:14px;margin-bottom:12px}
.err-box{background:#fbe7e3;color:#b03a26;padding:10px 13px;border-radius:6px;margin-bottom:14px;font-size:13.5px}
.chk-row{display:flex;align-items:flex-start;gap:9px;margin-bottom:14px;font-size:12.5px;color:var(--muted);line-height:1.5}
.chk-row input{width:auto;margin-top:3px}
.chk-row a{color:var(--clay)}
.acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.card2{border:1px solid var(--line-soft);background:#fff;padding:22px}
.card2 h3{font-family:var(--serif);font-size:15px;margin:0 0 14px}
.card2 p{font-size:13.5px;margin:0 0 8px;color:var(--muted)}
.card2 p b{color:var(--ink)}
.addr-form input,.addr-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line-soft);font-size:13.5px;margin-bottom:10px}
.tbl2{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl2 th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:6px 4px;border-bottom:1px solid var(--line-soft)}
.tbl2 td{padding:9px 4px;border-bottom:1px solid var(--line-soft)}
.prod-grid.small{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
@media(max-width:640px){ .acc-grid{grid-template-columns:1fr} }

/* ===== İletişim ===== */
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;max-width:900px;margin:0 auto}
.contact-form input,.contact-form textarea{width:100%;padding:12px 13px;border:1px solid var(--line-soft);background:#fff;font-family:var(--sans);font-size:14px;margin-bottom:12px}
.contact-form .f2{display:flex;gap:12px}.contact-form .f2 input{flex:1}
.ok-box{background:#eaf3ea;border:1px solid #bfe0c8;color:#2f7d43;padding:12px 14px;border-radius:6px;margin-bottom:14px;font-size:14px}
.contact-info{border-left:1px solid var(--line-soft);padding-left:30px}
.ci-item{margin-bottom:22px}
.ci-item b{display:block;font-family:var(--serif);font-size:13px;letter-spacing:.06em;margin-bottom:4px}
.ci-item a{color:var(--clay)}
@media(max-width:720px){ .contact-grid{grid-template-columns:1fr} .contact-info{border-left:none;border-top:1px solid var(--line-soft);padding-left:0;padding-top:20px} }

/* ===== SSS (accordion) ===== */
.faq-list{max-width:760px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--line-soft);padding:16px 0}
.faq-item summary{cursor:pointer;font-family:var(--serif);font-size:15.5px;letter-spacing:.02em;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::after{content:"+";font-size:20px;color:var(--clay);transition:.2s}
.faq-item[open] summary::after{content:"−"}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item p{margin:12px 0 0;color:var(--muted);line-height:1.7;font-size:14px}
.lnk2{color:var(--clay)}

/* ===== Kargo & İade / Sözleşme metinleri ===== */
.policy h3{font-family:var(--serif);font-size:17px;margin:28px 0 10px}
.policy h3:first-child{margin-top:0}
.policy p,.policy li{color:var(--muted);line-height:1.75;font-size:14.5px}
.policy ol{padding-left:20px}
.legal-tabs .lt-nav{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line-soft);margin-bottom:24px}
.lt-btn{background:none;border:none;padding:12px 4px;margin-right:20px;font-size:13.5px;letter-spacing:.02em;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}
.lt-btn.on{color:var(--ink);border-color:var(--clay)}
.lt-panel h3{font-family:var(--serif);font-size:17px;margin:0 0 14px}
.lt-panel p{color:var(--muted);line-height:1.75;font-size:14.5px;margin-bottom:14px}

/* ===== Footer bülten ===== */
.foot-news{grid-column:1/-1;border-top:1px solid var(--line-soft);margin-top:8px;padding-top:26px;max-width:420px}
.foot-news h4{font-family:var(--serif);letter-spacing:.1em;font-size:14px;margin:0 0 6px;text-transform:lowercase}
.foot-news form{display:flex;gap:8px;margin-top:12px}
.foot-news input{flex:1;padding:11px 13px;border:1px solid var(--line-soft);font-size:13px}
.news-msg{font-size:12.5px;color:var(--clay);margin-top:10px}

/* ===== Footer ===== */
.site-foot{background:var(--sand-2); border-top:1px solid var(--line-soft); padding:54px 0 26px; margin-top:20px}
.foot-grid{display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:34px}
.foot-grid h4{font-family:var(--serif); letter-spacing:.1em; font-size:14px; margin:0 0 14px; text-transform:lowercase}
.foot-grid a,.foot-grid li{display:block; color:var(--muted); font-size:14px; line-height:2}
.foot-grid a:hover{color:var(--ink)}
.foot-brand .name{font-family:var(--serif); font-size:24px; letter-spacing:.2em}
.foot-bottom{border-top:1px solid var(--line-soft); margin-top:34px; padding-top:18px; display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; font-size:12.5px; color:var(--muted)}

/* ===== Giriş animasyonu (splash) ===== */
html.splashing{overflow:hidden}
.splash{position:fixed;inset:0;z-index:200;background:var(--paper);display:grid;place-items:center;visibility:hidden}
.splash.run{visibility:visible}
.splash-inner{text-align:center}
.splash-emblem{width:min(200px,44vw);margin:0 auto;color:var(--ink)}
.splash-emblem svg{width:100%;height:auto;display:block}
/* 1) çerçeve + saçaklar kendini çizer */
.splash.run .splash-emblem svg rect,
.splash.run .splash-emblem svg line{stroke-dasharray:640;stroke-dashoffset:640;animation:riDraw 1.05s cubic-bezier(.65,0,.35,1) forwards}
.splash.run .splash-emblem svg line{animation-delay:.25s}
/* 2) merkez motif dolar */
.splash.run .splash-emblem svg g[fill]{opacity:0;transform:scale(.86);transform-origin:50% 50%;animation:riFill .55s cubic-bezier(.34,1.4,.64,1) .95s forwards}
.splash.run .splash-emblem svg path[fill^="var"]{opacity:0;animation:riFade .3s ease 1.35s forwards}
/* 3) kelime + slogan belirir */
.splash-word{font-family:var(--serif);font-size:clamp(34px,7vw,56px);letter-spacing:.7em;text-indent:.7em;opacity:0;margin-top:18px}
.splash.run .splash-word{animation:riWord 1s cubic-bezier(.22,1,.36,1) 1.15s forwards}
.splash-tag{font-family:var(--serif);font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--muted);opacity:0;margin-top:14px}
.splash.run .splash-tag{animation:riFade .6s ease 1.6s forwards}
/* 4) alt saçak ilerleme çizgisi */
.splash-fringe{position:absolute;left:0;bottom:0;height:14px;width:0;background-image:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 12px);opacity:.55}
.splash.run .splash-fringe{animation:riFringe 2.1s cubic-bezier(.65,0,.35,1) forwards}
/* 5) perde yukarı kalkar */
.splash.out{transform:translateY(-100%);transition:transform .72s cubic-bezier(.77,0,.18,1)}
@keyframes riDraw{to{stroke-dashoffset:0}}
@keyframes riFill{to{opacity:1;transform:scale(1)}}
@keyframes riFade{to{opacity:1}}
@keyframes riWord{from{opacity:0;letter-spacing:.7em;text-indent:.7em}to{opacity:1;letter-spacing:.2em;text-indent:.2em}}
@keyframes riFringe{to{width:100%}}
@media (prefers-reduced-motion: reduce){ .splash{display:none} }

/* ===== Scroll-reveal ===== */
.reveal{opacity:0; transform:translateY(22px); transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1; transform:none}
.reveal-stagger.in{transition-delay:calc(var(--i, 0) * 70ms)}
@media (prefers-reduced-motion: reduce){ .reveal{opacity:1; transform:none; transition:none} }

/* ===== Sıralama çubuğu ===== */
.sortbar{display:flex;align-items:center;justify-content:flex-end;margin:-6px 0 22px}
.sort-box{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line-soft);background:#fff;padding:9px 14px;transition:border-color .2s}
.sort-box:hover{border-color:var(--ink)}
.sort-box>span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.sort-box select{border:none;outline:none;background:none;font-family:var(--sans);font-size:13.5px;color:var(--ink);cursor:pointer}
.chip.sm{padding:6px 12px;font-size:12px}

/* ===== Çerez onay bandı ===== */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;background:var(--ink);color:var(--paper);border-radius:8px;padding:16px 18px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 12px 40px rgba(0,0,0,.25);max-width:860px;margin:0 auto}
.consent p{margin:0;font-size:13px;color:#e7e1d6}
.consent a{color:var(--paper);text-decoration:underline}
.consent-btns{display:flex;gap:10px;flex:none}
.consent-btns .btn{padding:10px 18px;font-size:12px}
.consent-btns .btn.ghost{color:var(--paper);border-color:#5a544b}
.consent-btns .btn.ghost:hover{background:var(--paper);color:var(--ink)}

/* ===== %15 karşılama kartı ===== */
.promo-pop-overlay{position:fixed;inset:0;background:rgba(20,17,13,.5);z-index:80;display:grid;place-items:center;padding:20px}
.promo-pop{position:relative;background:var(--paper);max-width:440px;width:100%;padding:40px 34px 24px;text-align:center;border:1px solid var(--line-soft);box-shadow:0 24px 80px rgba(0,0,0,.28);animation:pp-in .35s ease}
@keyframes pp-in{from{transform:translateY(16px);opacity:0}}
.pp-close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:17px;cursor:pointer;color:var(--muted);padding:6px}
.pp-close:hover{color:var(--ink)}
.pp-em{width:60px;margin:0 auto 8px;color:var(--ink)}
.pp-em svg{width:100%;height:auto}
.pp-kicker{font-size:11px;letter-spacing:.24em;color:var(--clay)}
.promo-pop h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:10px 0 10px;letter-spacing:.02em}
.promo-pop h3 em{font-style:normal;color:var(--clay)}
.promo-pop p{color:var(--muted);font-size:13.5px;line-height:1.65;margin:0}
.promo-pop form{display:flex;gap:8px;margin-top:18px}
.promo-pop form input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line-soft);font-family:var(--sans);font-size:14px;background:#fff}
.promo-pop form .btn{padding:12px 18px;white-space:nowrap}
.pp-msg{margin-top:16px;font-size:14px;color:var(--ink);background:var(--sand);padding:14px 12px;line-height:1.5}
.pp-no{background:none;border:none;color:var(--muted);font-size:12.5px;margin-top:16px;cursor:pointer;text-decoration:underline;font-family:var(--sans)}
.pp-no:hover{color:var(--ink)}
@media(max-width:480px){.promo-pop{padding:34px 22px 20px}.promo-pop form{flex-direction:column}}

/* ===== Ödeme (checkout) ===== */
.checkout{display:grid;grid-template-columns:1fr 360px;gap:36px;align-items:start}
.co-form h3{font-family:var(--serif);font-size:16px;letter-spacing:.06em;margin:8px 0 14px}
.co-form input,.co-form textarea{width:100%;padding:12px 13px;border:1px solid var(--line-soft);font-family:var(--sans);font-size:14px;margin-bottom:12px;background:#fff}
.co-form .f2{display:flex;gap:12px}
.co-form .f2 input{flex:1}
.pay-methods{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ink);padding:12px 14px;margin-bottom:12px}
.pay-methods .pm{font-size:14px;font-weight:600}
.pay-icons{font-size:12px;color:var(--muted);letter-spacing:.08em}
.card-box{border:1px solid var(--line-soft);padding:16px;background:var(--sand-2);margin-bottom:18px}
.card-box input{background:#fff}
.demo-note{font-size:12px;color:var(--clay);margin:4px 0 0}
.co-sum{border:1px solid var(--line-soft);background:#fff;padding:22px}
.co-sum h3{font-family:var(--serif);font-size:16px;margin:0 0 14px}
.co-lines{border-bottom:1px solid var(--line-soft);margin-bottom:10px;padding-bottom:8px}
.co-lines .cd-row span{font-size:13px;color:var(--muted)}
@media(max-width:760px){ .checkout{grid-template-columns:1fr} }

/* ===== Basında Biz ===== */
.press-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.press-card{border:1px solid var(--line-soft);background:#fff;padding:22px;transition:.2s;display:flex;flex-direction:column;gap:8px}
.press-card:hover{border-color:var(--ink);transform:translateY(-3px)}
.press-img{aspect-ratio:16/9;overflow:hidden;margin:-22px -22px 14px;border-bottom:1px solid var(--line-soft);background:var(--sand)}
.press-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.press-card:hover .press-img img{transform:scale(1.04)}
.press-src{font-family:var(--serif);letter-spacing:.06em;font-size:13px;color:var(--clay);text-transform:uppercase}
.press-title{font-size:15px;line-height:1.4;flex:1}
.press-go{font-size:12px;color:var(--muted);letter-spacing:.05em}

/* ===== Motif Sözlüğü ===== */
.motif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.motif-card{border:1px solid var(--line-soft);background:#fff;display:flex;flex-direction:column;overflow:hidden;transition:.2s}
.motif-card:hover{border-color:var(--ink);transform:translateY(-3px)}
.motif-card .mimg{display:block;aspect-ratio:1;overflow:hidden;background:var(--sand-2)}
.motif-card .mimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.motif-card:hover .mimg img{transform:scale(1.04)}
.motif-card .mbody{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1;text-align:left}
.motif-card .mt{font-family:var(--serif);letter-spacing:.06em;font-size:17px}
.motif-card .md{font-size:13px;line-height:1.65}
.motif-card .mlink{color:var(--clay);font-size:13px;margin-top:auto;padding-top:6px}
.motif-card .mlink:hover{text-decoration:underline}

/* ===== Sepet çekmecesi ===== */
.cart-overlay{position:fixed;inset:0;background:rgba(20,17,13,.4);opacity:0;visibility:hidden;transition:.25s;z-index:60}
.cart-overlay.show{opacity:1;visibility:visible}
.cart-drawer{position:fixed;top:0;right:0;height:100%;width:390px;max-width:92vw;background:var(--paper);box-shadow:-12px 0 40px rgba(0,0,0,.15);transform:translateX(100%);transition:transform .28s ease;z-index:61;display:flex;flex-direction:column}
.cart-drawer.open{transform:none}
.cd-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line-soft);font-family:var(--serif);letter-spacing:.1em;font-size:16px}
.cd-bar{padding:0 20px}
.cd-lines{flex:1;overflow-y:auto;padding:8px 20px}
.cd-foot{border-top:1px solid var(--line-soft);padding:16px 20px}
.cd-line{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.cd-thumb{width:66px;height:66px;flex:none;background:var(--sand);overflow:hidden;border:1px solid var(--line-soft)}
.cd-thumb img{width:100%;height:100%;object-fit:cover}
.cd-info{flex:1;min-width:0}
.cd-t{font-size:13px;line-height:1.35;display:block;color:var(--ink)}
.cd-p{font-family:var(--serif);font-size:14px;margin:3px 0 6px}
.qty{display:flex;align-items:center;gap:8px}
.qty button{width:26px;height:26px;border:1px solid var(--line-soft);background:#fff;cursor:pointer;font-size:15px;line-height:1}
.qty .rm{width:auto;border:none;background:none;color:var(--muted);font-size:12px;text-decoration:underline;margin-left:auto;padding:0}
.cd-row{display:flex;justify-content:space-between;font-size:14px;padding:4px 0}
.cd-row.total{border-top:1px solid var(--line-soft);margin-top:6px;padding-top:10px;font-family:var(--serif);font-size:17px}
.cd-row.clay b{color:var(--clay)}
.ship-msg{font-size:12.5px;color:var(--clay);text-align:center;margin:10px 0 8px;letter-spacing:.02em}
.ship-track{height:5px;background:var(--sand);border-radius:99px;overflow:hidden;margin-bottom:12px}
.ship-track>div{height:100%;background:var(--clay);transition:width .4s}

/* /sepet sayfası */
.cart-grid{display:grid;grid-template-columns:1fr 340px;gap:36px;align-items:start}
.cart-sum{border:1px solid var(--line-soft);background:#fff;padding:22px}
.promo-row{display:flex;gap:8px;margin-top:14px}
.promo-row input{flex:1;padding:11px 12px;border:1px solid var(--line-soft);font-size:13px;font-family:var(--sans)}
.promo-row .btn{padding:11px 16px}
@media(max-width:760px){ .cart-grid{grid-template-columns:1fr} }

/* ===== Mobil menü çekmecesi ===== */
.mnav-overlay{position:fixed;inset:0;background:rgba(20,17,13,.45);opacity:0;visibility:hidden;transition:.25s;z-index:70}
body.mnav-open .mnav-overlay{opacity:1;visibility:visible}
.mnav{position:fixed;top:0;right:0;height:100dvh;width:320px;max-width:88vw;background:var(--paper);box-shadow:-12px 0 40px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .28s ease;z-index:71;display:flex;flex-direction:column;padding:0 22px 22px;overflow-y:auto}
body.mnav-open .mnav{transform:none}
body.mnav-open{overflow:hidden}
.mnav-head{display:flex;justify-content:space-between;align-items:center;height:70px;flex:none}
.mn-title{font-family:var(--serif);letter-spacing:.14em;font-size:16px}
.mnav-search{display:flex;align-items:center;gap:6px;border:1px solid var(--line-soft);background:#fff;padding:2px 6px 2px 14px;margin-bottom:16px;flex:none}
.mnav-search input{flex:1;border:none;outline:none;background:none;font-family:var(--sans);font-size:14px;padding:10px 0;min-width:0}
.mnav-links{display:flex;flex-direction:column;flex:none}
.mnav-links a{padding:14px 2px;font-size:13px;letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid var(--sand);display:flex;justify-content:space-between;align-items:center;color:var(--ink)}
.mnav-links a span{color:var(--line-soft);transition:.2s}
.mnav-links a:hover span,.mnav-links a.active span{color:var(--clay);transform:translateX(3px)}
.mnav-links a.active{color:var(--clay)}
.mnav-links.sec a{text-transform:none;letter-spacing:.02em;font-size:14.5px}
.mnav-sep{height:16px;flex:none}
.mnav-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:20px;font-size:13px;color:var(--muted)}

/* ===== Responsive ===== */
@media(max-width:860px){
  .nav{display:none}
  .head-actions{gap:10px}
  .head-actions .hide-m{display:none}
  .burger{display:block}
  .story .wrap{grid-template-columns:1fr; gap:28px}
  .foot-grid{grid-template-columns:1fr 1fr; gap:24px}
}
@media(max-width:520px){ .foot-grid{grid-template-columns:1fr} }