/* =====================================================================
   MINI & ME — Bebek & Anne E-Ticaret Teması
   Yumuşak · Şefkatli · Güven veren · Pastel ama premium
   Quicksand (başlık, yuvarlak) + Nunito (gövde, yumuşak)
   Yaşa göre alışveriş · Güven rozetleri · Bebek hediye listesi
   TEK marka rengi (--primary) → color-mix ile sınırsız renk uyumu
   ===================================================================== */

:root {
  --primary:        #5b9fc4;   /* yumuşak bebek mavisi — tek marka rengi */
  --primary-dark:   color-mix(in srgb, var(--primary) 74%, #000);
  --primary-soft:   color-mix(in srgb, var(--primary) 14%, #fff);
  --primary-softer: color-mix(in srgb, var(--primary) 7%,  #fff);
  --on-primary:     #fff;

  --accent:  #f4a9a0;   /* şeftali/somon — sıcak ikincil vurgu */
  --accent-soft: color-mix(in srgb, var(--accent) 16%, #fff);
  --ok:      #5bb98c;
  --warn:    #e0a458;
  --danger:  #e2768a;
  --star:    #f5b94a;

  --bg:      #fbfaf8;   /* sıcak krem nötr */
  --bg-2:    #f5f8fb;   /* hafif mavi-krem */
  --surface: #ffffff;
  --ink:     #3a3a44;   /* yumuşak koyu */
  --ink-2:   #565662;
  --muted:   #9a9aa6;
  --muted-2: #b7b7c2;
  --line:    #ececf0;
  --line-2:  #f4f4f7;

  --display: 'Quicksand', system-ui, sans-serif;
  --font:    'Nunito', system-ui, sans-serif;

  --r-sm:  12px; --r: 18px; --r-lg: 24px; --r-xl: 32px; --r-pill: 999px;

  --sh-xs: 0 2px 8px rgba(91,159,196,.07);
  --sh-sm: 0 8px 22px rgba(58,58,68,.07);
  --sh:    0 16px 40px rgba(58,58,68,.10);
  --sh-lg: 0 28px 64px rgba(58,58,68,.16);
  --sh-primary: 0 10px 26px color-mix(in srgb, var(--primary) 38%, transparent);

  --t: .3s cubic-bezier(.22,.61,.36,1); --t-fast: .16s ease;
  --container: 1280px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font);color:var(--ink-2);background:var(--bg);font-size:16px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6{font-family:var(--display);font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.2;margin:0;}
a{color:inherit;text-decoration:none;transition:color var(--t-fast);}
a:hover{color:var(--primary);}
img{max-width:100%;height:auto;display:block;}
.container{max-width:var(--container);}
::selection{background:var(--primary);color:#fff;}
::-webkit-scrollbar{width:10px;}::-webkit-scrollbar-track{background:var(--bg);}::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px;border:3px solid var(--bg);}

/* ---- utilities ---- */
.text-primary-c{color:var(--primary)!important;}
.text-accent{color:var(--accent)!important;}
.bg-primary-soft{background:var(--primary-soft)!important;}
.display{font-family:var(--display);}
.fw-600{font-weight:600!important;}.fw-700{font-weight:700!important;}.fw-800{font-weight:800!important;}
.muted{color:var(--muted)!important;}
.fs-12{font-size:12px;}.fs-13{font-size:13px;}.fs-14{font-size:14px;}
.section{padding:68px 0;}
.section-sm{padding:42px 0;}
.eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);}
.eyebrow i{color:var(--accent);}
.eyebrow.center{justify-content:center;}
.sec-head{margin-bottom:34px;}
.sec-head h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:.35rem 0 0;}
.sec-head p{color:var(--muted);margin:.6rem 0 0;max-width:540px;}
.sec-head.center{text-align:center;}.sec-head.center p{margin-left:auto;margin-right:auto;}
.sec-head.row-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;}
.link-underline{font-weight:700;font-size:14px;color:var(--ink);display:inline-flex;align-items:center;gap:.4rem;position:relative;padding-bottom:2px;}
.link-underline::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--primary);border-radius:2px;transform:scaleX(.3);transform-origin:left;transition:var(--t);}
.link-underline:hover{color:var(--primary);}.link-underline:hover::after{transform:scaleX(1);}
.link-light{color:#fff;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:.4rem;opacity:.92;}
.link-light:hover{color:#fff;opacity:1;}

/* ---- butonlar ---- */
.btn{font-family:var(--display);font-weight:700;letter-spacing:.01em;font-size:14.5px;border-radius:var(--r-pill);padding:.78rem 1.7rem;transition:all var(--t);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;line-height:1;border:2px solid transparent;}
.btn-primary-c{background:var(--primary);color:var(--on-primary);box-shadow:var(--sh-primary);}
.btn-primary-c:hover{background:var(--primary-dark);color:var(--on-primary);transform:translateY(-2px);}
.btn-accent{background:var(--accent);color:#fff;}
.btn-accent:hover{background:color-mix(in srgb,var(--accent) 82%,#000);color:#fff;transform:translateY(-2px);}
.btn-ink{background:var(--ink);color:#fff;}
.btn-ink:hover{background:color-mix(in srgb,var(--ink) 84%,#000);color:#fff;}
.btn-outline-c{background:transparent;color:var(--ink);border-color:var(--line);}
.btn-outline-c:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-softer);}
.btn-soft{background:var(--primary-soft);color:var(--primary);}
.btn-soft:hover{background:var(--primary);color:#fff;}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);}
.btn-outline-light:hover{background:#fff;color:var(--ink);border-color:#fff;}
.btn-lg{padding:.95rem 2.1rem;font-size:15.5px;}
.btn-sm{padding:.5rem 1.05rem;font-size:13px;}

/* ---- duyuru şeridi ---- */
.announce{background:var(--ink);color:rgba(255,255,255,.88);font-size:13px;padding:9px 0;text-align:center;letter-spacing:.01em;}
.announce a{color:var(--accent);font-weight:700;}
.announce i{color:var(--primary);}

/* ---- header ---- */
.hdr{position:sticky;top:0;z-index:1040;background:rgba(251,250,248,.88);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid transparent;transition:transform var(--t),border-color var(--t-fast),background var(--t-fast);}
.hdr.scrolled{background:rgba(255,255,255,.95);border-bottom-color:var(--line);box-shadow:var(--sh-xs);}
.hdr.hide{transform:translateY(-100%);}
.hdr-row{display:flex;align-items:center;gap:1.1rem;padding:15px 0;transition:padding var(--t);}
.hdr.scrolled .hdr-row{padding:10px 0;}
.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--display);font-weight:700;font-size:1.5rem;color:var(--ink);letter-spacing:-.01em;flex-shrink:0;}
.brand .bm{width:40px;height:40px;border-radius:14px 14px 14px 4px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:1.1rem;box-shadow:var(--sh-primary);}
.brand:hover{color:var(--ink);}
.brand small{font-family:var(--font);font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:block;line-height:1;margin-top:2px;}

.nav{display:flex;align-items:center;gap:.1rem;margin:0 auto;list-style:none;padding:0;}
.nav>li>a{display:inline-flex;align-items:center;gap:.3rem;padding:.55rem .95rem;font-family:var(--display);font-weight:600;font-size:15px;color:var(--ink-2);border-radius:var(--r-pill);}
.nav>li>a:hover,.nav>li.active>a{color:var(--primary);background:var(--primary-softer);}
.nav .caret{font-size:.6rem;opacity:.5;}
.hdr-actions{display:flex;align-items:center;gap:.1rem;flex-shrink:0;}
.ico-btn{width:44px;height:44px;border-radius:50%;background:transparent;border:0;color:var(--ink);display:grid;place-items:center;font-size:1.2rem;position:relative;transition:var(--t-fast);cursor:pointer;}
.ico-btn:hover{background:var(--primary-soft);color:var(--primary);}
.ico-btn .cnt{position:absolute;top:4px;right:4px;background:var(--accent);color:#fff;font-size:9.5px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 3px;border:2px solid var(--bg);}

/* ---- mega menü ---- */
.mega-wrap{position:static;}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-top:1px solid var(--line);box-shadow:var(--sh-lg);opacity:0;visibility:hidden;transform:translateY(8px);transition:var(--t);z-index:60;border-radius:0 0 var(--r-lg) var(--r-lg);}
.mega-wrap:hover .mega{opacity:1;visibility:visible;transform:none;}
.mega-inner{display:grid;grid-template-columns:repeat(4,1fr) 1.3fr;gap:28px;padding:30px 0;}
.mega-col h6{font-family:var(--display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:13px;font-weight:700;}
.mega-col a{display:flex;align-items:center;gap:.5rem;padding:.32rem 0;font-size:14.5px;color:var(--ink-2);font-weight:600;}
.mega-col a i{color:var(--accent);font-size:.7rem;}
.mega-col a:hover{color:var(--primary);}
.mega-feat{border-radius:var(--r-lg);overflow:hidden;position:relative;min-height:200px;display:flex;align-items:flex-end;}
.mega-feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.mega-feat::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(58,58,68,.72),transparent 58%);}
.mega-feat .mf-in{position:relative;z-index:2;padding:18px;color:#fff;}
.mega-feat .mf-in small{font-size:11px;font-weight:700;opacity:.85;}
.mega-feat .mf-in b{font-family:var(--display);font-size:1.1rem;display:block;}

/* ---- canlı arama ---- */
.search-overlay{position:fixed;inset:0;background:rgba(58,58,68,.42);backdrop-filter:blur(6px);z-index:1080;opacity:0;visibility:hidden;transition:var(--t);}
.search-overlay.open{opacity:1;visibility:visible;}
.search-panel{background:var(--surface);max-width:680px;margin:9vh auto 0;border-radius:var(--r-lg);box-shadow:var(--sh-lg);transform:translateY(-16px);transition:var(--t);overflow:hidden;}
.search-overlay.open .search-panel{transform:none;}
.search-top{display:flex;align-items:center;gap:.8rem;padding:8px 16px;border-bottom:1px solid var(--line);}
.search-top i.lead{color:var(--primary);font-size:1.2rem;}
.search-top input{border:0;outline:0;flex:1;font-size:1.1rem;padding:.9rem 0;background:transparent;font-family:var(--display);font-weight:600;color:var(--ink);}
.search-suggest{max-height:54vh;overflow-y:auto;padding:8px;}
.ss-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:10px 10px 6px;}
.ss-item{display:flex;align-items:center;gap:.8rem;padding:9px 10px;border-radius:var(--r-sm);cursor:pointer;}
.ss-item:hover{background:var(--primary-softer);}
.ss-item .th{width:50px;height:50px;border-radius:var(--r-sm);overflow:hidden;background:var(--bg);flex-shrink:0;}
.ss-item .th img{width:100%;height:100%;object-fit:cover;}
.ss-item .nm{font-weight:700;color:var(--ink);font-size:14.5px;}
.ss-item .pr{color:var(--primary);font-weight:800;font-family:var(--display);}
.ss-tags{display:flex;flex-wrap:wrap;gap:7px;padding:3px 10px 12px;}
.ss-tags a{background:var(--bg);padding:.34rem .9rem;border-radius:var(--r-pill);font-size:13px;font-weight:700;}
.ss-tags a:hover{background:var(--primary);color:#fff;}
.ss-empty{text-align:center;padding:36px;color:var(--muted);}

/* ---- HERO (slider) ---- */
.hero{padding-top:18px;}
.hero-slider{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh);}
.hslide{position:relative;min-height:540px;display:flex;align-items:center;}
.hslide .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hslide::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(58,58,68,.66),rgba(58,58,68,.18) 62%);}
.hslide .hs-in{position:relative;z-index:3;padding:56px 60px;color:#fff;max-width:580px;}
.hslide .hs-in h1,.hslide .hs-in h2{color:#fff;font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.1;margin:.6rem 0 .8rem;}
.hslide .hs-in p{color:rgba(255,255,255,.9);font-size:1.05rem;max-width:440px;margin-bottom:1.6rem;}
.hslide .eyebrow{color:#fff;}.hslide .eyebrow i{color:var(--accent);}
.hero-cta{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;}
.flash-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:#fff;font-family:var(--display);font-weight:700;font-size:12.5px;padding:.4rem 1rem;border-radius:var(--r-pill);}
.hero-slider .swiper-pagination{bottom:18px!important;}
.hero-slider .swiper-pagination-bullet{background:#fff;opacity:.55;width:9px;height:9px;}
.hero-slider .swiper-pagination-bullet-active{opacity:1;width:26px;border-radius:5px;}
.hero-slider .swiper-button-next,.hero-slider .swiper-button-prev{color:#fff;width:46px;height:46px;background:rgba(255,255,255,.16);backdrop-filter:blur(4px);border-radius:50%;transition:var(--t-fast);}
.hero-slider .swiper-button-next:hover,.hero-slider .swiper-button-prev:hover{background:var(--primary);}
.hero-slider .swiper-button-next::after,.hero-slider .swiper-button-prev::after{font-size:1.1rem;font-weight:700;}

/* ---- güven şeridi ---- */
.trust-strip{border-block:1px solid var(--line);background:var(--surface);}
.trust-strip .ts{display:flex;align-items:center;gap:.85rem;padding:22px 0;}
.trust-strip .ts .tsi{width:48px;height:48px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:1.4rem;flex-shrink:0;}
.trust-strip .ts b{display:block;font-size:14.5px;color:var(--ink);font-family:var(--display);font-weight:700;}
.trust-strip .ts small{color:var(--muted);font-size:12.5px;}

/* ---- yaşa göre alışveriş ---- */
.age-card{display:flex;flex-direction:column;align-items:center;gap:.6rem;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:24px 12px;transition:var(--t);text-align:center;cursor:pointer;height:100%;}
.age-card:hover{border-color:var(--primary);box-shadow:var(--sh-sm);transform:translateY(-5px);}
.age-card .ag-ic{width:62px;height:62px;border-radius:50%;background:var(--bg-2);display:grid;place-items:center;font-size:1.7rem;color:var(--primary);transition:var(--t-fast);}
.age-card:nth-child(2n) .ag-ic{color:var(--accent);}
.age-card:hover .ag-ic{background:var(--primary);color:#fff;}
.age-card:nth-child(2n):hover .ag-ic{background:var(--accent);}
.age-card b{font-size:14.5px;font-weight:700;color:var(--ink);font-family:var(--display);}
.age-card small{font-size:12px;color:var(--muted);}

/* ---- kategori ikon grid ---- */
.cat-icon{display:flex;flex-direction:column;align-items:center;gap:.55rem;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:24px 14px;transition:var(--t);text-align:center;cursor:pointer;height:100%;}
.cat-icon:hover{border-color:var(--primary);box-shadow:var(--sh-sm);transform:translateY(-5px);}
.cat-icon .ic{width:58px;height:58px;border-radius:20px 20px 20px 6px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:1.6rem;transition:var(--t-fast);}
.cat-icon:hover .ic{background:var(--primary);color:#fff;}
.cat-icon b{font-size:13.5px;font-weight:700;color:var(--ink);font-family:var(--display);}
.cat-icon small{font-size:11.5px;color:var(--muted);}

/* ---- ürün kartı ---- */
.prod{background:var(--surface);border-radius:var(--r-lg);overflow:hidden;height:100%;display:flex;flex-direction:column;transition:var(--t);border:1.5px solid var(--line);}
.prod:hover{box-shadow:var(--sh);transform:translateY(-5px);border-color:transparent;}
.prod-media{position:relative;overflow:hidden;background:var(--bg-2);aspect-ratio:1/1;}
.prod-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--t);}
.prod:hover .prod-media img{transform:scale(1.06);}
.prod-badges{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;gap:5px;}
.pbadge{font-size:10px;font-weight:800;letter-spacing:.02em;padding:.3rem .65rem;border-radius:var(--r-pill);font-family:var(--display);}
.pbadge.sale{background:var(--danger);color:#fff;}
.pbadge.new{background:var(--primary);color:#fff;}
.pbadge.hot{background:var(--accent);color:#fff;}
.pbadge.ok{background:var(--ok);color:#fff;}
.prod-trust{position:absolute;bottom:12px;left:12px;z-index:3;display:flex;align-items:center;gap:.32rem;padding:.3rem .7rem;border-radius:var(--r-pill);font-size:11px;font-weight:700;background:rgba(255,255,255,.92);color:var(--ok);backdrop-filter:blur(6px);font-family:var(--display);}
.prod-trust i{font-size:.85rem;}
.prod-fav{position:absolute;top:12px;right:12px;z-index:3;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);border:0;display:grid;place-items:center;color:var(--ink);transition:var(--t-fast);opacity:0;transform:translateX(6px);cursor:pointer;box-shadow:var(--sh-xs);}
.prod:hover .prod-fav{opacity:1;transform:none;}
.prod-fav:hover,.prod-fav.active{background:var(--danger);color:#fff;}
.prod-actions{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;display:flex;gap:6px;opacity:0;transform:translateY(10px);transition:var(--t);}
.prod:hover .prod-actions{opacity:1;transform:none;}
.prod-actions .add{flex:1;background:var(--ink);color:#fff;border:0;border-radius:var(--r-pill);padding:.72rem;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;font-family:var(--display);}
.prod-actions .add:hover{background:var(--primary);}
.prod-actions .qv{width:46px;height:46px;border-radius:50%;background:#fff;border:0;color:var(--ink);box-shadow:var(--sh-sm);display:grid;place-items:center;flex-shrink:0;cursor:pointer;}
.prod-actions .qv:hover{background:var(--primary);color:#fff;}
.prod-body{padding:15px 16px 17px;display:flex;flex-direction:column;flex:1;}
.prod-cat{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;}
.prod-brand{font-size:12px;color:var(--primary);font-weight:700;font-family:var(--display);margin-top:1px;}
.prod-age{display:inline-flex;align-items:center;gap:.25rem;font-size:11px;color:var(--accent);font-weight:700;}
.prod-name{font-family:var(--display);font-weight:700;font-size:1.02rem;color:var(--ink);margin:5px 0 5px;line-height:1.3;}
.prod-name:hover{color:var(--primary);}
.prod-rate{font-size:12.5px;color:var(--star);margin-bottom:7px;letter-spacing:.04em;}
.prod-rate .c{color:var(--muted);}
.prod-price{margin-top:auto;display:flex;align-items:baseline;gap:.45rem;}
.prod-price .now{font-family:var(--display);font-weight:700;font-size:1.2rem;color:var(--ink);}
.prod-price .old{color:var(--muted);text-decoration:line-through;font-size:.88rem;}
@media(hover:none){.prod-actions,.prod-fav{opacity:1;transform:none;}}

/* ---- marka şeridi ---- */
.brand-strip{display:flex;gap:12px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:4px 0;flex-wrap:nowrap;}
.brand-strip::-webkit-scrollbar{display:none;}
.brand-chip{flex-shrink:0;padding:.55rem 1.4rem;border:1.5px solid var(--line);border-radius:var(--r-pill);font-size:14px;font-weight:700;color:var(--muted);background:var(--surface);transition:var(--t-fast);cursor:pointer;white-space:nowrap;font-family:var(--display);}
.brand-chip:hover,.brand-chip.active{border-color:var(--primary);color:var(--primary);background:var(--primary-softer);}

/* ---- kampanya banner ---- */
.collection{position:relative;border-radius:var(--r-xl);overflow:hidden;min-height:390px;display:flex;align-items:center;}
.collection .bg{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;}
.collection::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(58,58,68,.74),rgba(58,58,68,.15) 68%);}
.collection .c-in{position:relative;z-index:3;padding:56px;color:#fff;max-width:520px;}
.collection .c-in .eyebrow{color:#fff;}.collection .c-in .eyebrow i{color:var(--accent);}
.collection .c-in h2{color:#fff;font-size:clamp(1.9rem,3.6vw,2.9rem);margin:.5rem 0 .9rem;}
.collection .c-in p{color:rgba(255,255,255,.85);margin-bottom:1.6rem;}

/* ---- ikili promo ---- */
.promo{position:relative;display:block;border-radius:var(--r-xl);overflow:hidden;min-height:260px;}
.promo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .7s var(--t);}
.promo:hover img{transform:scale(1.05);}
.promo::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(58,58,68,.7),transparent 62%);}
.promo .p-in{position:absolute;left:0;bottom:0;z-index:3;padding:28px;color:#fff;}
.promo .p-in small{font-size:11px;font-weight:800;letter-spacing:.1em;opacity:.85;}
.promo .p-in h3{color:#fff;font-size:1.4rem;margin:.3rem 0 .9rem;}

/* ---- bebek hediye listesi (registry — imza özellik) ---- */
.registry{position:relative;border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(120deg,var(--primary-soft),var(--accent-soft));}
.registry .rg-img{border-radius:var(--r-lg);overflow:hidden;height:100%;min-height:280px;box-shadow:var(--sh-sm);}
.registry .rg-img img{width:100%;height:100%;object-fit:cover;}
.registry-feats{list-style:none;padding:0;margin:1.2rem 0 1.6rem;display:flex;flex-direction:column;gap:.6rem;}
.registry-feats li{display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--ink-2);}
.registry-feats li i{width:26px;height:26px;border-radius:50%;background:var(--surface);color:var(--ok);display:grid;place-items:center;font-size:.8rem;flex-shrink:0;box-shadow:var(--sh-xs);}

/* ---- yorumlar ---- */
.testi{background:var(--surface);border-radius:var(--r-lg);padding:28px;height:100%;border:1.5px solid var(--line);transition:var(--t);}
.testi:hover{box-shadow:var(--sh-sm);transform:translateY(-4px);}
.testi .stars{color:var(--star);margin-bottom:11px;font-size:14px;letter-spacing:.06em;}
.testi p{font-size:.99rem;color:var(--ink-2);line-height:1.65;}
.testi .who{display:flex;align-items:center;gap:.7rem;margin-top:18px;}
.testi .who img{width:46px;height:46px;border-radius:50%;object-fit:cover;}
.testi .who b{display:block;color:var(--ink);font-family:var(--display);font-size:14.5px;font-weight:700;}
.testi .who small{color:var(--primary);font-weight:700;font-size:12px;}

/* ---- blog kartı ---- */
.bcard{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);overflow:hidden;height:100%;transition:var(--t);display:flex;flex-direction:column;}
.bcard:hover{box-shadow:var(--sh);transform:translateY(-5px);}
.bcard .thumb{aspect-ratio:16/10;overflow:hidden;position:relative;}
.bcard .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--t);}
.bcard:hover .thumb img{transform:scale(1.05);}
.bcard .thumb .cat-pill{position:absolute;top:12px;left:12px;background:var(--surface);color:var(--primary);font-size:11px;font-weight:800;padding:.3rem .8rem;border-radius:var(--r-pill);font-family:var(--display);}
.bcard .b-body{padding:18px;flex:1;display:flex;flex-direction:column;}
.bcard .b-date{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:.4rem;margin-bottom:7px;}
.bcard h5{font-size:1.1rem;line-height:1.3;margin-bottom:7px;}
.bcard h5 a:hover{color:var(--primary);}
.bcard p{color:var(--muted);font-size:13.5px;flex:1;margin-bottom:.7rem;}

/* ---- bülten ---- */
.newsletter{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--primary);color:#fff;padding:66px 48px;text-align:center;}
.newsletter::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.08);left:-100px;top:-100px;}
.newsletter::after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:var(--accent);opacity:.32;right:-80px;bottom:-80px;}
.newsletter .nl-in{position:relative;z-index:2;max-width:520px;margin:0 auto;}
.newsletter h2{color:#fff;font-size:clamp(1.8rem,3vw,2.4rem);margin:.4rem 0 .7rem;}
.newsletter p{color:rgba(255,255,255,.88);}
.newsletter .nf{display:flex;gap:8px;background:#fff;border-radius:var(--r-pill);padding:6px;max-width:440px;margin:1.4rem auto 0;}
.newsletter .nf input{border:0;outline:0;flex:1;padding:.7rem 1.3rem;border-radius:var(--r-pill);font-size:14.5px;background:transparent;font-family:var(--font);}

/* ---- footer ---- */
.footer{background:var(--ink);color:rgba(255,255,255,.66);padding-top:66px;}
.footer .brand{color:#fff;}
.footer .brand .bm{box-shadow:none;}
.footer h6{font-family:var(--display);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin-bottom:17px;font-weight:700;}
.footer .fl{list-style:none;padding:0;margin:0;}
.footer .fl li{margin-bottom:10px;}
.footer .fl a{color:rgba(255,255,255,.55);font-size:14.5px;transition:var(--t-fast);}
.footer .fl a:hover{color:#fff;padding-left:4px;}
.footer .social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;color:rgba(255,255,255,.6);transition:var(--t);}
.footer .social a:hover{background:var(--primary);border-color:var(--primary);color:#fff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:46px;padding:22px 0;font-size:13px;color:rgba(255,255,255,.42);}
.paychip{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:4px 9px;font-weight:800;font-size:11px;color:rgba(255,255,255,.55);font-family:var(--display);}

/* ---- float butonlar ---- */
.wa{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;font-size:1.6rem;box-shadow:var(--sh-lg);z-index:1030;}
.wa:hover{color:#fff;transform:scale(1.07);}
.totop{position:fixed;right:20px;bottom:84px;width:46px;height:46px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;z-index:1030;border:0;opacity:0;visibility:hidden;transition:var(--t);cursor:pointer;}
.totop.show{opacity:1;visibility:visible;}.totop:hover{background:var(--primary);}
.mnav{position:fixed;left:0;right:0;bottom:0;z-index:1035;background:var(--surface);border-top:1px solid var(--line);display:none;padding:7px 0;padding-bottom:calc(7px + env(safe-area-inset-bottom));}
.mnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:700;color:var(--muted);padding:4px 0;font-family:var(--display);position:relative;}
.mnav a i{font-size:1.35rem;}
.mnav a.active,.mnav a:hover{color:var(--primary);}
.mnav .cnt{position:absolute;top:-1px;right:50%;transform:translateX(16px);background:var(--accent);color:#fff;font-size:8.5px;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;font-weight:800;padding:0 3px;}
.theme-fab{position:fixed;left:20px;bottom:20px;z-index:1031;}
.theme-fab .tg{width:46px;height:46px;border-radius:50%;background:var(--surface);box-shadow:var(--sh-lg);border:0;color:var(--primary);font-size:1.15rem;display:grid;place-items:center;transition:var(--t);cursor:pointer;}
.theme-fab .tg:hover{transform:rotate(28deg);}
.theme-fab .pn{position:absolute;bottom:56px;left:0;background:var(--surface);border-radius:var(--r);box-shadow:var(--sh-lg);padding:15px;width:218px;opacity:0;visibility:hidden;transform:translateY(8px);transition:var(--t);border:1px solid var(--line);}
.theme-fab.open .pn{opacity:1;visibility:visible;transform:none;}
.sw-list{display:flex;flex-wrap:wrap;gap:8px;}
.sw{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);transition:transform var(--t-fast);}
.sw:hover{transform:scale(1.15);}
.toast-host{position:fixed;top:90px;right:20px;z-index:1090;}

/* ---- reveal ---- */
[data-rv]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);}
[data-rv].in{opacity:1;transform:none;}
[data-rv-stagger]>*{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1);}
[data-rv-stagger].in>*{opacity:1;transform:none;}

/* ---- mobil offcanvas menü ---- */
.m-off{width:88%!important;max-width:380px;background:var(--bg)!important;}
.m-off .offcanvas-header{border-bottom:1px solid var(--line);}
.m-link{display:flex;align-items:center;gap:.8rem;padding:.78rem .6rem;border-radius:var(--r-sm);font-weight:600;font-size:1rem;color:var(--ink-2);font-family:var(--display);}
.m-link .chev{margin-left:auto;transition:var(--t);color:var(--muted-2);}
.m-link[aria-expanded="true"] .chev{transform:rotate(180deg);}
.m-link.active,.m-link:hover{color:var(--primary);}
.m-sub{list-style:none;padding:0 0 6px 16px;margin:0;}
.m-sub a{display:block;padding:.42rem;color:var(--muted);font-weight:600;font-size:14px;}
.m-sub a:hover{color:var(--primary);}
.m-foot{margin-top:auto;padding:16px;border-top:1px solid var(--line);}

/* ---- mini sepet ---- */
.mini-item{display:flex;gap:.8rem;padding:.85rem 0;border-bottom:1px solid var(--line);}
.mini-item .th{width:58px;height:58px;border-radius:var(--r-sm);overflow:hidden;background:var(--bg);flex-shrink:0;}
.mini-item .th img{width:100%;height:100%;object-fit:cover;}

/* ---- form kontrolleri ---- */
.form-control,.form-select{border-radius:var(--r-sm);border-color:var(--line);padding:.78rem 1rem;background:var(--surface);color:var(--ink);font-family:var(--font);}
.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:var(--surface);}
.form-label{font-family:var(--display);}

/* ---- güven/güvenlik rozeti (sayfa içi) ---- */
.safe-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.36rem .9rem;border-radius:var(--r-pill);font-size:13px;font-weight:700;font-family:var(--display);background:color-mix(in srgb,var(--ok) 13%,#fff);color:var(--ok);}
.safe-badge.alt{background:var(--primary-soft);color:var(--primary);}
.safe-badge.peach{background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 72%,#000);}

/* =====================================================================
   ALT SAYFALAR
   ===================================================================== */
.page-top{background:var(--surface);border-bottom:1px solid var(--line);padding:28px 0;}
.page-top h1{font-size:clamp(1.6rem,2.6vw,2.1rem);margin:0;}
.crumb{font-size:13px;color:var(--muted);display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;font-weight:600;}
.crumb a:hover{color:var(--primary);}
.crumb .sep{color:var(--muted-2);}

/* shop */
.shop-aside{position:sticky;top:100px;}
.fbox{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:12px;}
.fbox h6{font-family:var(--display);font-size:1rem;font-weight:700;margin-bottom:12px;color:var(--ink);}
.fbox .form-check{margin-bottom:8px;}
.fbox .form-check-label{font-size:14px;color:var(--ink-2);cursor:pointer;}
.fbox .form-check-input{cursor:pointer;}
.fbox .form-check-input:checked{background-color:var(--primary);border-color:var(--primary);}
.fbox .form-check-label .cnt{color:var(--muted-2);font-size:12px;float:right;}
.chip-list{display:flex;flex-wrap:wrap;gap:7px;}
.chip{padding:.36rem .9rem;border:1.5px solid var(--line);border-radius:var(--r-pill);font-size:13px;cursor:pointer;transition:var(--t-fast);font-weight:700;color:var(--ink-2);background:var(--surface);font-family:var(--display);}
.chip:hover,.chip.active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft);}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:12px 16px;margin-bottom:16px;}
.shop-pills{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;}
.shop-pills::-webkit-scrollbar{display:none;}
.shop-pills a{white-space:nowrap;padding:.46rem 1.05rem;border-radius:var(--r-pill);background:var(--surface);border:1.5px solid var(--line);font-weight:700;font-size:13.5px;color:var(--ink-2);font-family:var(--display);}
.shop-pills a.active,.shop-pills a:hover{background:var(--primary);color:#fff;border-color:var(--primary);}
.pagination-c{display:flex;gap:6px;justify-content:center;list-style:none;padding:0;margin:28px 0 0;}
.pagination-c a{min-width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:var(--ink);border:1.5px solid var(--line);background:var(--surface);font-family:var(--display);}
.pagination-c a:hover{border-color:var(--primary);color:var(--primary);}
.pagination-c .active a{background:var(--primary);color:#fff;border-color:var(--primary);}
.filter-toggle{display:none;}

/* product-detail */
.pd-main{border-radius:var(--r-lg);overflow:hidden;background:var(--bg-2);aspect-ratio:1/1;position:relative;}
.pd-main img{width:100%;height:100%;object-fit:cover;}
.pd-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
.pd-thumb{width:78px;height:78px;border-radius:var(--r-sm);overflow:hidden;border:2px solid var(--line);cursor:pointer;}
.pd-thumb.active{border-color:var(--primary);}
.pd-thumb img{width:100%;height:100%;object-fit:cover;}
.pd-cat{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}
.pd-price{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;}
.pd-price .now{font-family:var(--display);font-weight:700;font-size:2rem;color:var(--ink);}
.pd-price .old{color:var(--muted);text-decoration:line-through;font-size:1.05rem;}
.pd-price .off{background:var(--danger);color:#fff;font-weight:700;padding:.22rem .7rem;border-radius:var(--r-pill);font-size:12.5px;font-family:var(--display);}
.qty{display:inline-flex;align-items:center;border:2px solid var(--line);border-radius:var(--r-pill);overflow:hidden;}
.qty button{width:46px;height:50px;border:0;background:var(--surface);font-size:1.25rem;color:var(--ink);cursor:pointer;}
.qty button:hover{color:var(--primary);}
.qty input{width:44px;border:0;text-align:center;font-weight:800;outline:0;background:var(--surface);font-family:var(--display);}
.opt{border:2px solid var(--line);background:var(--surface);border-radius:var(--r-pill);padding:.46rem 1.05rem;font-weight:700;font-size:13.5px;cursor:pointer;transition:var(--t-fast);color:var(--ink-2);font-family:var(--display);}
.opt.active,.opt:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft);}
.pd-feature{display:flex;gap:.65rem;align-items:center;padding:11px 13px;border:1.5px solid var(--line);border-radius:var(--r);background:var(--surface);height:100%;}
.pd-feature i{font-size:1.3rem;color:var(--primary);}
.pd-feature b{display:block;font-size:13.5px;color:var(--ink);font-family:var(--display);}
.pd-feature small{color:var(--muted);font-size:12px;}
.pd-tabs{border-bottom:1.5px solid var(--line);gap:4px;flex-wrap:wrap;}
.pd-tabs .nav-link{border:0;color:var(--muted);font-weight:700;padding:.78rem 1.1rem;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;font-family:var(--display);font-size:1rem;}
.pd-tabs .nav-link.active{color:var(--primary);border-bottom-color:var(--primary);background:transparent;}
.spec-table{width:100%;border-collapse:collapse;font-size:14px;}
.spec-table tr:nth-child(even){background:var(--bg-2);}
.spec-table td{padding:9px 13px;border-bottom:1px solid var(--line);color:var(--ink-2);}
.spec-table td:first-child{font-weight:700;color:var(--ink);width:40%;font-family:var(--display);}
.spec-table tr:last-child td{border-bottom:0;}
.rate-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:6px;font-size:13px;}
.rate-bar .bar{flex:1;height:8px;border-radius:4px;background:var(--line);overflow:hidden;}
.rate-bar .bar i{display:block;height:100%;background:var(--star);}
.review-item{padding:16px 0;border-bottom:1px solid var(--line);}
.review-item .av{width:42px;height:42px;border-radius:50%;object-fit:cover;}
.pd-sticky{position:fixed;left:0;right:0;bottom:0;z-index:1032;background:rgba(255,255,255,.97);backdrop-filter:saturate(180%) blur(12px);border-top:2px solid var(--primary);padding:10px 0;padding-bottom:calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 22px rgba(58,58,68,.1);transform:translateY(120%);transition:transform var(--t);display:none;}
.pd-sticky.show{transform:none;}
.pd-sticky .ps-name{font-family:var(--display);font-weight:700;font-size:14px;color:var(--ink);}
.pd-sticky .ps-price .now{font-weight:700;color:var(--primary);font-size:1.1rem;font-family:var(--display);}
.pd-sticky .ps-price .old{color:var(--muted);text-decoration:line-through;font-size:12px;}

/* cart */
.cart-line{display:flex;gap:14px;padding:16px;border:1.5px solid var(--line);border-radius:var(--r);margin-bottom:11px;align-items:flex-start;background:var(--surface);}
.cart-line .th{width:84px;height:84px;border-radius:var(--r-sm);overflow:hidden;background:var(--bg-2);flex-shrink:0;}
.cart-line .th img{width:100%;height:100%;object-fit:cover;}
.summary{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:24px;position:sticky;top:100px;}
.summary .row-s{display:flex;justify-content:space-between;padding:8px 0;font-size:14.5px;}
.summary .row-s.total{border-top:1px solid var(--line);margin-top:8px;padding-top:13px;font-family:var(--display);font-weight:700;font-size:1.25rem;color:var(--ink);}
.coupon{display:flex;gap:7px;}.coupon input{flex:1;}
.gift-box{border:1.5px dashed color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft);border-radius:var(--r);padding:14px 16px;}

/* checkout */
.steps{display:flex;align-items:center;}
.steps .step{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-weight:700;font-size:14px;font-family:var(--display);}
.steps .step .n{width:32px;height:32px;border-radius:50%;background:var(--line);color:var(--muted);display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0;}
.steps .step.active{color:var(--primary);}.steps .step.active .n{background:var(--primary);color:#fff;}
.steps .step.done .n{background:var(--ok);color:#fff;}
.steps .line{flex:1;height:2px;background:var(--line);margin:0 12px;}
.pay-method{display:flex;align-items:center;gap:.75rem;border:2px solid var(--line);border-radius:var(--r);padding:13px 15px;cursor:pointer;margin-bottom:9px;transition:var(--t-fast);background:var(--surface);}
.pay-method:hover{border-color:var(--primary);}.pay-method.active{border-color:var(--primary);background:var(--primary-softer);}
.pay-method i.lead-i{font-size:1.45rem;color:var(--primary);}
.success-ic{width:84px;height:84px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:2.5rem;margin:0 auto 16px;animation:confirmPop .5s cubic-bezier(.2,.8,.2,1) both;}
@keyframes confirmPop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}

/* contact */
.contact-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:24px;height:100%;}
.contact-card .ic{width:54px;height:54px;border-radius:18px 18px 18px 6px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:1.5rem;margin-bottom:13px;}
.contact-card h5{font-weight:700;font-family:var(--display);}

/* blog sidebar */
.side-box{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:13px;}
.side-box h6{font-family:var(--display);font-size:1rem;font-weight:700;margin-bottom:12px;}
.post-body{font-size:16.5px;line-height:1.85;color:var(--ink-2);}
.post-body h2,.post-body h3{margin:1.7rem 0 .7rem;color:var(--ink);}
.post-body p{margin-bottom:1rem;}
.post-body ul{padding-left:1.1rem;margin-bottom:1rem;}
.post-body li{margin-bottom:.5rem;}
.post-body img{border-radius:var(--r);margin:1.2rem 0;}
.post-body blockquote{border-left:4px solid var(--primary);background:var(--primary-softer);padding:1rem 1.4rem;border-radius:0 var(--r) var(--r) 0;font-style:italic;color:var(--ink);margin:1.3rem 0;}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media(max-width:991.98px){
  .section{padding:54px 0;}
  .nav,.mega{display:none!important;}
  .hslide{min-height:440px;}
  .hslide .hs-in{padding:40px;}
  .shop-aside{position:fixed;top:0;left:0;bottom:0;width:86%;max-width:340px;background:var(--bg);z-index:1075;overflow-y:auto;padding:18px;transform:translateX(-100%);transition:transform var(--t);box-shadow:var(--sh-lg);}
  .shop-aside.open{transform:none;}
  .filter-toggle{display:inline-flex;}
  .shop-backdrop{position:fixed;inset:0;background:rgba(58,58,68,.45);z-index:1074;opacity:0;visibility:hidden;transition:var(--t);}
  .shop-backdrop.open{opacity:1;visibility:visible;}
  .pd-sticky{display:block;}
}
@media(max-width:767.98px){
  body{padding-bottom:70px;}
  .mnav{display:flex;}
  .pd-sticky{bottom:var(--mnav-h,62px);z-index:1036;}
  .section{padding:44px 0;}
  .hdr-row{padding:11px 0;gap:.5rem;}
  .brand{font-size:1.3rem;}
  .brand .bm{width:34px;height:34px;font-size:.95rem;}
  .hslide{min-height:400px;}
  .hslide .hs-in{padding:30px 26px;}
  .collection{min-height:330px;}.collection .c-in{padding:30px;}
  .newsletter{padding:42px 24px;}
  .newsletter .nf{flex-direction:column;background:transparent;padding:0;gap:9px;}
  .newsletter .nf input{background:#fff;border-radius:var(--r-pill);}
  .newsletter .nf .btn{width:100%;}
  .wa{bottom:82px;}.totop{bottom:134px;}.theme-fab{bottom:82px;left:12px;}
  .search-panel{margin:5vh 12px 0;}
  .pd-price .now{font-size:1.6rem;}
  .page-top{padding:20px 0;}
  .sec-head{margin-bottom:24px;}
}
@media(max-width:575.98px){
  .hdr-actions .hide-xs{display:none;}
  .steps .step span{display:none;}
  .cart-line{flex-wrap:wrap;}
  .cart-line .th{width:70px;height:70px;}
  .cart-line .cart-end{width:100%;display:flex;flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:10px;}
}
@media(max-width:479.98px){
  .section{padding:38px 0;}
  .btn-lg{padding:.88rem 1.5rem;}
  .prod-actions .add{padding:.64rem;font-size:12px;}
  .hslide .hs-in h1,.hslide .hs-in h2{font-size:1.7rem;}
}


/* =====================================================================
   İLETİŞİM — SSS accordion (tema uyumlu) + temiz harita
   ===================================================================== */
.accordion{--bs-accordion-bg:transparent;--bs-accordion-border-color:transparent;--bs-accordion-active-bg:transparent;--bs-accordion-active-color:var(--primary);--bs-accordion-btn-color:var(--ink);--bs-accordion-btn-focus-box-shadow:0 0 0 3px var(--primary-soft);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23999' stroke-width='2'%3e%3cpath d='M3 6l5 5 5-5'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23999' stroke-width='2'%3e%3cpath d='M3 6l5 5 5-5'/%3e%3c/svg%3e");}
.accordion-button:not(.collapsed){box-shadow:none;}
.accordion-button:focus{border-color:var(--line);}
.contact-map{border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--line);background:var(--bg-2);}
.contact-map iframe{width:100%;height:100%;min-height:320px;border:0;display:block;}

/* ── CARD SOFT / RICH CONTENT / ALERTS ──────────────────────────── */
.card-soft{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);}
.rich-content{color:var(--ink-2);line-height:1.85;font-size:15.5px;}
.rich-content h2,.rich-content h3{font-family:var(--display);color:var(--ink);margin:1.3em 0 .5em;}
.rich-content p{margin:0 0 1.1em;}
.rich-content ul,.rich-content ol{margin:0 0 1.1em 1.2em;}
.rich-content a{color:var(--primary);text-decoration:underline;}
.alert-stock{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.1rem;border:1px solid var(--line);background:var(--bg-2);color:var(--ink);font-size:14px;border-radius:var(--r);}
.alert-stock.is-ok{background:color-mix(in srgb,var(--ok) 12%,#fff);border-color:var(--ok);color:var(--ok);}
.alert-stock.is-err{background:color-mix(in srgb,var(--danger) 10%,#fff);border-color:var(--danger);color:var(--danger);}
.faq-item{border-bottom:1px solid var(--line);padding:12px 0;}
.faq-item summary{font-weight:600;font-size:15px;cursor:pointer;list-style:none;color:var(--ink);display:flex;justify-content:space-between;align-items:center;}
.faq-item summary::after{content:'+';font-size:1.2rem;color:var(--accent);}
.faq-item[open] summary::after{content:'−';}

/* ── EMPTY STATE ─────────────────────────────────────────────────── */
.empty-state{text-align:center;padding:64px 24px;}
.empty-state-icon{font-size:3.5rem;color:var(--muted-2);margin-bottom:16px;}
.empty-state h3{font-family:var(--display);font-weight:400;margin-bottom:8px;}

/* ── SEPET ──────────────────────────────────────────────────────── */
.summary{background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:var(--r-lg);}
.row-s{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-2);font-size:14px;}
.row-s.total{padding:14px 0 0;border-bottom:0;font-size:16px;font-weight:700;}
.freeship-bar{padding:10px 14px;background:var(--bg-2);border-radius:var(--r);}
.freeship-bar .bar{height:4px;background:var(--line);border-radius:2px;overflow:hidden;margin-top:8px;}
.freeship-bar .progress-bar{display:block;height:100%;background:var(--ok);border-radius:2px;transition:width .4s ease;}
.coupon{display:flex;gap:8px;}
.cart-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:1060;background:var(--primary);color:#fff;padding:14px 16px;gap:12px;}

/* ── CHECKOUT ──────────────────────────────────────────────────── */
.order-no-box{background:var(--bg-2);border:1px solid var(--line);padding:16px 24px;display:inline-block;border-radius:var(--r-lg);}
.success-check{width:72px;height:72px;background:var(--ok);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.success-check i{font-size:2.2rem;color:#fff;}

/* ── AUTH ──────────────────────────────────────────────────────── */
.auth-box{max-width:440px;margin:0 auto;}

/* ── ACCOUNT ──────────────────────────────────────────────────── */
.acc-side{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);}
.acc-head{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line);}
.acc-avatar{width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;}
.acc-name{font-weight:700;font-size:14px;color:var(--ink);}
.acc-mail{font-size:12px;color:var(--muted);word-break:break-all;}
.acc-mtoggle{font-size:1.3rem;margin-left:auto;cursor:pointer;color:var(--ink);}
.acc-nav{padding:8px 0;}
.acc-nav a{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:14px;color:var(--ink-2);transition:background var(--t-fast);}
.acc-nav a:hover,.acc-nav a.active{background:var(--primary-softer);color:var(--primary);}
.acc-nav a.active{font-weight:700;}
.acc-logout{margin-top:8px;border-top:1px solid var(--line);}
.acc-card-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line);}
.acc-card-head h2{font-size:1.25rem;font-weight:400;font-family:var(--display);}
.acc-card-body{padding:20px;}
.acc-stat{text-align:center;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);}
.acc-stat-num{font-family:var(--display);font-size:2rem;font-weight:400;color:var(--ink);}
.acc-stat-lbl{font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;}
.acc-table{border:1px solid var(--line);border-radius:var(--r);}
.acc-table-head,.acc-table-row{display:flex;gap:12px;padding:12px 16px;font-size:13px;}
.acc-table-head{background:var(--bg-2);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);}
.acc-table-head span,.acc-table-row span{flex:1;overflow:hidden;text-overflow:ellipsis;}
.acc-table-row{border-top:1px solid var(--line-2);}
.acc-table-row:hover{background:var(--bg-2);}
.st-badge{display:inline-block;padding:3px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:700;letter-spacing:.04em;}
.s-success{background:color-mix(in srgb,var(--ok) 14%,#fff);color:var(--ok);}
.s-danger {background:color-mix(in srgb,var(--danger) 12%,#fff);color:var(--danger);}
.s-warn   {background:#fef3c7;color:#92400e;}
.s-info   {background:#e0f2fe;color:#0369a1;}
.s-primary{background:var(--primary-softer);color:var(--primary);}
.s-neutral{background:var(--bg-2);color:var(--muted);}
.acc-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);padding:24px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px;}
.tk-msg{display:flex;gap:12px;align-items:flex-start;}
.tk-msg.is-support{flex-direction:row-reverse;}
.tk-ava{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;}
.tk-bub{background:var(--bg-2);border-radius:var(--r-lg);padding:12px 16px;font-size:14px;max-width:72%;line-height:1.65;}
.is-support .tk-bub{background:var(--primary-softer);}
.tk-meta{font-size:11px;color:var(--muted);margin-bottom:4px;}
@media (max-width:991.98px){.acc-nav{display:none;}#acc-mob-toggle:checked ~ .acc-side .acc-nav{display:block;}}

/* ── BRAND ─────────────────────────────────────────────────────── */
.brand-card{display:block;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;text-align:center;transition:var(--t);}
.brand-card:hover{border-color:var(--primary);box-shadow:var(--sh-sm);}
.brand-hero-logo{max-height:48px;max-width:120px;object-fit:contain;margin:0 auto 8px;}
.brand-name{font-family:var(--display);font-size:1.1rem;margin-bottom:4px;}

/* ── CAMPAIGN ───────────────────────────────────────────────────── */
.camp-card{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;}
.camp-media{position:relative;aspect-ratio:16/9;overflow:hidden;}
.camp-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.camp-card:hover .camp-media img{transform:scale(1.04);}
.camp-placeholder{width:100%;height:100%;background:var(--bg-2);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--muted-2);}
.camp-badge{position:absolute;top:12px;left:12px;background:var(--danger);color:#fff;padding:4px 12px;font-size:12px;font-weight:700;border-radius:var(--r-pill);}
.camp-body{padding:16px;}
.camp-title{font-family:var(--display);font-size:1.1rem;font-weight:400;margin-bottom:8px;}
.camp-cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--primary);margin-top:8px;}
.camp-hero-banner{position:relative;aspect-ratio:21/7;overflow:hidden;}
.camp-hero-banner img{width:100%;height:100%;object-fit:cover;}
.camp-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;}

/* ── COMPARE ────────────────────────────────────────────────────── */
.cmp-wrap{overflow-x:auto;}
.cmp-table{width:100%;min-width:500px;border-collapse:collapse;}
.cmp-rowhead{background:var(--bg-2);}
.cmp-col{padding:16px;border:1px solid var(--line);vertical-align:top;text-align:center;min-width:180px;}
.cmp-col.is-best{background:color-mix(in srgb,var(--accent) 8%,#fff);}
.cmp-thumb img{width:100px;height:100px;object-fit:cover;margin:0 auto 8px;display:block;border-radius:var(--r);}
.cmp-name a{font-size:13px;font-weight:600;color:var(--ink);}
.cmp-price{font-family:var(--display);font-size:1rem;margin:6px 0 10px;}
.cmp-price.is-low{color:var(--ok);}
.cmp-remove{border:0;background:0;cursor:pointer;color:var(--muted);font-size:12px;}

/* ── ORDER TRACK ─────────────────────────────────────────────────── */
.track-timeline{display:flex;flex-direction:column;gap:0;padding-left:16px;border-left:2px solid var(--line);}
.track-timeline .dot{position:relative;padding:12px 0 12px 18px;font-size:14px;}
.track-timeline .dot::before{content:'';position:absolute;left:-9px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:var(--line);border:2px solid var(--bg);}
.track-timeline .dot.s-success::before{background:var(--ok);}
.track-timeline .dot.s-info::before{background:#0369a1;}
.track-timeline .dot.s-danger::before{background:var(--danger);}
.track-timeline .dot.s-primary::before{background:var(--primary);}

/* ── WISHLIST PUBLIC ──────────────────────────────────────────────── */
.wl-public-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);padding:48px 24px;text-align:center;}

/* ── CATEGORY CARDS (eklendi) ─────────────────────────────────── */
.cat-card{display:block;border:1px solid var(--line);overflow:hidden;text-align:center;padding-bottom:16px;transition:var(--t);color:var(--ink);}
.cat-card:hover{box-shadow:var(--sh-sm);border-color:var(--primary);}
.cat-card-top{aspect-ratio:3/2;overflow:hidden;margin-bottom:12px;}
.cat-card-top img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.cat-card:hover .cat-card-top img{transform:scale(1.04);}
.cat-card b{display:block;font-size:14px;font-weight:700;margin-bottom:4px;}
.cat-card small{display:block;font-size:12px;color:var(--muted);margin-top:2px;}

/* ===== EK YARDIMCI SINIFLAR (alt sayfalar için) ===== */
/* .edit-split — ikili promo (moda'dan devralınan, alt sayfalar kullanabilir) */
.edit-split{display:grid;grid-template-columns:1fr 1fr;gap:0;height:500px;}
.edit-split .ep{position:relative;overflow:hidden;}
.edit-split .ep img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--t);}
.edit-split .ep:hover img{transform:scale(1.04);}
.edit-split .ep::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 55%);}
.edit-split .ep .ep-in{position:absolute;inset:auto 28px 28px;z-index:2;color:#fff;}
.edit-split .ep .ep-in small{font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.8;}
.edit-split .ep .ep-in h3{color:#fff;font-size:clamp(1.4rem,2.5vw,2rem);margin:.3rem 0 .8rem;font-weight:700;}
@media(max-width:767px){
  .edit-split{grid-template-columns:1fr;height:auto;}
  .edit-split .ep{height:320px;}
}

/* =====================================================================
   ALT SAYFA EKLERİ — Inner views (category/show, product/show, cart,
   checkout, contact, blog) — 2026-05 reskin
   ===================================================================== */

/* ── cart-qty (AJAX sepet adet kontrol) ─────────────────────────── */
.cart-qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--r-pill);overflow:hidden;background:var(--surface);}
.cart-qty button{width:38px;height:38px;border:0;background:transparent;font-size:1.15rem;color:var(--ink);cursor:pointer;font-family:var(--display);}
.cart-qty button:hover{color:var(--primary);}
.cart-qty input{width:44px;border:0;text-align:center;font-weight:700;outline:0;background:transparent;font-size:14px;font-family:var(--display);}
.cart-qty input::-webkit-outer-spin-button,
.cart-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.cart-qty input[type=number]{-moz-appearance:textfield;}
.cart-line.is-out{opacity:.55;}

/* ── checkout: özet badge (adet) ────────────────────────────────── */
.co-qty{position:absolute;top:-4px;right:-4px;background:var(--primary);color:#fff;font-size:9px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 3px;font-family:var(--display);}

/* ── success-ic (bebek balonu ikonu) ────────────────────────────── */
.success-ic{width:88px;height:88px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:2.6rem;animation:confirmPop .5s cubic-bezier(.2,.8,.2,1) both;}
@keyframes confirmPop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}

/* ── blog: side-post ─────────────────────────────────────────────── */
.side-post{padding:.3rem 0;}
.side-post.b{font-weight:700;color:var(--ink);font-size:14px;display:block;line-height:1.35;}
.side-post.b:hover{color:var(--primary);}

/* ── contact-map harita boyutu ──────────────────────────────────── */
.contact-map iframe{min-height:280px;}

/* ── swatch renk seçici ─────────────────────────────────────────── */
.swatch-c{display:inline-block;width:34px;height:34px;border-radius:50%;cursor:pointer;border:2px solid transparent;box-shadow:0 0 0 2px var(--line);transition:var(--t-fast);}
.swatch-c:hover,.swatch-c.active{box-shadow:0 0 0 2.5px var(--primary);}
.swatch-c.oos{opacity:.4;cursor:not-allowed;position:relative;}
.swatch-c.oos::after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.7),rgba(255,255,255,.7) 2px,transparent 2px,transparent 5px);}

/* ── ürün detay: swatch/opt oos ─────────────────────────────────── */
.opt.oos{opacity:.4;cursor:not-allowed;text-decoration:line-through;}

/* ── blog bülten input placeholder rengi ────────────────────────── */
.side-box input[type="email"]::placeholder{color:rgba(255,255,255,.6);}

/* ── contact card h6 → h5 uyumu ────────────────────────────────── */
.contact-card h6{font-family:var(--display);font-weight:700;font-size:1.05rem;margin-bottom:4px;}

/* ── ürün detay tab qa-item ─────────────────────────────────────── */
.qa-item:last-child{border-bottom:0;}

/* ── mobil cart-mobile-bar güvenlik şeridi ──────────────────────── */
@media(max-width:991.98px){
  .cart-mobile-bar{bottom:var(--mnav-h,62px);padding-bottom:calc(14px + env(safe-area-inset-bottom));}
}
/* =========================================================================
   [B2] YÜZEN BUTON ÇAKIŞMA DÜZENİ (live-chat / ai-chatbot modülleri + tema floatları)
   Modüller inline bottom:20 right/left:20 ile enjekte ediliyor; .wa ile #liveChatWidget
   (sağ-alt) ve .theme-fab ile #aiBot (sol-alt) üst üste biniyor + mobilde mnav barını örtüyor.
   :has() ile yalnız ilgili modül VARSA tema floatını yukarı kaydır (modül yoksa tema kendi
   varsayılanını korur). Net sütun dizilimi: sağ → liveChat<wa<totop, sol → aiBot<theme-fab.
   ========================================================================= */
body:has(#liveChatWidget) .wa    { bottom: 88px !important; }
body:has(#liveChatWidget) .totop { bottom: 152px !important; }
body:has(#aiBot) .theme-fab      { bottom: 88px !important; }
@media (max-width: 767.98px) {
    #liveChatWidget { bottom: calc(var(--mnav-h,62px) + 8px + env(safe-area-inset-bottom,0px)) !important; right: 14px !important; }
    #aiBot          { bottom: calc(var(--mnav-h,62px) + 8px + env(safe-area-inset-bottom,0px)) !important; left: 14px !important; }
    body:has(#liveChatWidget) .wa    { bottom: calc(var(--mnav-h,62px) + 78px + env(safe-area-inset-bottom,0px)) !important; }
    body:has(#liveChatWidget) .totop { bottom: calc(var(--mnav-h,62px) + 144px + env(safe-area-inset-bottom,0px)) !important; }
    body:has(#aiBot) .theme-fab      { bottom: calc(var(--mnav-h,62px) + 78px + env(safe-area-inset-bottom,0px)) !important; }
    /* pd-sticky görünürken → floatlar üstüne */
    body:has(.pd-sticky.show) .wa        { bottom: calc(var(--mnav-h,62px) + 80px + env(safe-area-inset-bottom,0px)) !important; }
    body:has(.pd-sticky.show) .totop     { bottom: calc(var(--mnav-h,62px) + 146px + env(safe-area-inset-bottom,0px)) !important; }
    body:has(.pd-sticky.show) .je-cmp-pill { bottom: calc(var(--mnav-h,62px) + 80px + env(safe-area-inset-bottom,0px)); }
}
/* [B3] Arama popüler etiketleri JS'te <button class="ss-tag"> olarak render ediliyor; eski CSS
   yalnız ".ss-tags a" (anchor) hedeflediği için butonlar tarayıcı varsayılanıyla (gri/çerçeveli)
   görünüyordu = "patlak". Buton sıfırlaması + pill stili: */
.ss-tag{display:inline-block;background:var(--bg);border:0;color:var(--ink);padding:.34rem .9rem;border-radius:var(--r-pill,999px);font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;line-height:1.4;transition:var(--t);}
.ss-tag:hover{background:var(--primary);color:#fff;}
/* [B6] Karşılaştırma — kart butonu + yüzen pill (JS enjekte eder) */
.je-cmp-btn{position:absolute;top:54px;right:12px;z-index:3;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.94);border:0;display:grid;place-items:center;color:var(--ink,#333);cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.14);font-size:16px;transition:.18s;}
.je-cmp-btn:hover{background:var(--primary,#5b9fc4);color:#fff;transform:scale(1.06);}
.je-cmp-btn.active{background:var(--primary,#5b9fc4);color:#fff;}
.je-cmp-pill{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(180%);z-index:1034;display:inline-flex;align-items:center;gap:8px;background:var(--ink,#2a2a33);color:#fff;padding:11px 18px;border-radius:999px;box-shadow:0 12px 32px rgba(0,0,0,.28);font-weight:700;font-size:14px;text-decoration:none;transition:transform .32s cubic-bezier(.2,.8,.2,1);}
.je-cmp-pill:hover{color:#fff;}
.je-cmp-pill.show{transform:translateX(-50%) translateY(0);}
.je-cmp-pill .je-cmp-n{background:var(--primary,#5b9fc4);color:#fff;min-width:22px;height:22px;border-radius:11px;display:inline-grid;place-items:center;font-size:12px;font-weight:800;padding:0 6px;}
@media(min-width:992px){.je-cmp-pill{bottom:24px;}}
/* [B8] cart-mobile-bar 10/10 — düz renkli/kontrastı kötü + mnav ile çakışan bar yerine
   beyaz yükseltilmiş premium bar (mnav üstünde), total primary, net buton.
   Inline renkleri (#fff/ink primary zemin için) !important ile ezeriz. */
.cart-mobile-bar{
    background:var(--surface,#fff)!important; color:var(--ink,#222)!important;
    bottom:calc(var(--mnav-h,62px))!important;
    border-top:1px solid var(--line,#eee)!important;
    box-shadow:0 -8px 28px rgba(0,0,0,.12)!important;
    padding:10px 14px!important; gap:12px!important;
    padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;
    z-index:1034!important;
}
.cart-mobile-bar > .me-3{display:flex;flex-direction:column;line-height:1.15;margin-right:6px!important;}
.cart-mobile-bar small{color:var(--muted,#888)!important;}
.cart-mobile-bar strong{color:var(--primary)!important;font-size:19px!important;}
.cart-mobile-bar .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;border-radius:var(--r,12px);}
/* [B10] Sipariş onay sayfası (/siparis-tamam) mobil iyileştirme */
@media (max-width: 575.98px){
  .order-no-box{ padding:14px !important; }
  .order-no-box p{ font-size:1.35rem !important; word-break:break-all; line-height:1.2; }
  .success-ic{ width:74px !important; height:74px !important; font-size:2rem !important; }
}
/* [S2] Breadcrumb .crumb — tüm yenitemalarda tutarlı: link muted+altı çizgisiz,
   current sayfa vurgulu, ayraç ince. (Eski: .crumb a taban rengi yoktu → global primary/altı çizili.) */
.crumb{font-size:13px;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;font-weight:600;line-height:1.4;}
.crumb a{color:var(--muted,#888)!important;text-decoration:none!important;transition:color .15s;}
.crumb a:hover{color:var(--primary)!important;text-decoration:none!important;}
.crumb .sep{color:var(--line,#d8d8d8);font-weight:400;}
.crumb [aria-current="page"]{color:var(--ink,#222);font-weight:700;}


/* [Breadcrumb] .crumb-bar — container wrapper, sayfa breadcrumb'ına tutarlı padding sağlar */
.crumb-bar{background:var(--surface);border-bottom:1px solid var(--line);padding:7px 0;}
/* [B6-fix] Karsilastir butonu favori (kalp) ile AYNI gorunurluk desenini izlesin:
   kartta hover ile belirsin, dokunmatik cihazda her zaman gorunsun. Aksi halde kalp
   opacity:0 ile gizliyken karsilastir butonu tek basina asili kalip "patlak" gorunuyordu. */
.je-cmp-btn{opacity:0;}
.prod:hover .je-cmp-btn{opacity:1;}
@media(hover:none){.je-cmp-btn{opacity:1!important;}}
/* Ürün detay flex satırında je-cmp-btn inline davransın */
.d-flex .je-cmp-btn{position:static!important;top:auto!important;right:auto!important;width:auto!important;height:auto!important;box-shadow:none!important;opacity:1!important;}

/* [K1c] Mobil yatay tasma: Bootstrap offcanvas-end kapaliyken viewport SAGINDA
   durup mobilde yatay kaydirma/sag beyaz bosluk yaratabiliyor (overflow-x:hidden
   bazi tarayicilarda sabit ogeyi kirpmiyor). Tam kapaliyken layout'tan cikar;
   ac/kapa animasyonu .showing/.hiding'te korunur. */
.offcanvas:not(.show):not(.showing):not(.hiding){display:none!important;}