/*
 * Lena Gift Store — Frontend CSS
 * Mimari: Tamircim.net ile birebir aynı yapı
 * Renkler: Rose × Cream × Gold (Lena paleti)
 * Font: Playfair Display + DM Sans
 */

/* ── Reset & Root ─────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --rose:#C9758F;--rose2:#B5647E;--rose-pale:#F5DFE6;--rose-faint:#FDF0F3;
  --cream:#FBF7F4;--cream2:#F2EAE3;
  --gold:#C4963C;--gold2:#E8C878;
  --ink:#2C1810;--ink2:#3D2518;
  --muted:#A0887F;--border:#EDD8D0;--card-bg:#FFFFFF;
  --radius:16px;--max:1280px;
  --shadow:0 20px 48px rgba(201,117,143,.12);
  --font-serif:'Syne','DM Sans',system-ui,sans-serif;
  --font-sans:'DM Sans',system-ui,-apple-system,sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--font-sans);background:var(--cream);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{max-width:var(--max);margin:0 auto;padding:0 40px}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:999;background:#fff;padding:12px;border-radius:8px}

/* ── Topbar ───────────────────────────────────────── */
.topbar{background:var(--rose);color:#fff;font-size:.78rem;letter-spacing:.02em}
.topbar-inner{max-width:var(--max);margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:center;height:36px;gap:24px}
.topbar-msg{font-weight:500}
.topbar-links{display:flex;align-items:center;gap:16px}
.topbar-links a{opacity:.9;transition:opacity .2s;display:flex;align-items:center;gap:5px;color:#fff}
.topbar-links a:hover{opacity:1}

/* ── Nav ──────────────────────────────────────────── */
nav{position:fixed;top:36px;left:0;right:0;z-index:100;background:rgba(251,247,244,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:0 40px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:top .3s,box-shadow .3s}
nav.scrolled{box-shadow:0 4px 24px rgba(201,117,143,.1)}
nav.topbar-gone{top:0}
.nav-logo img{height:42px;width:auto;display:block}
.nav-search{flex:1;max-width:380px;position:relative}
.nav-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.nav-search input{width:100%;background:var(--cream2);border:1.5px solid var(--border);border-radius:100px;padding:9px 16px 9px 40px;font-size:13.5px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s,background .2s;font-family:var(--font-sans)}
.nav-search input:focus{border-color:var(--rose);box-shadow:0 0 0 3px var(--rose-pale);background:#fff}
.nav-search input::placeholder{color:var(--muted)}
#searchDrop{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1.5px solid var(--border);border-radius:14px;box-shadow:var(--shadow);z-index:200;overflow:hidden;max-height:320px;overflow-y:auto}
.nav-links{display:flex;gap:2px;list-style:none;align-items:center}
.nav-links a{color:var(--muted);font-size:13.5px;font-weight:400;transition:color .2s,background .2s;padding:7px 13px;border-radius:100px;white-space:nowrap}
.nav-links a:hover{color:var(--ink);background:var(--rose-faint)}
.nav-links a[aria-current="page"]{color:var(--rose);background:var(--rose-faint);font-weight:500}
.nav-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}
.nav-action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--muted);transition:color .2s,background .2s;position:relative;cursor:pointer;background:none;border:none;font-family:inherit}
.nav-action:hover{color:var(--rose);background:var(--rose-faint)}
.nav-cart-badge{position:absolute;top:5px;right:5px;background:var(--rose);color:#fff;font-size:.6rem;font-weight:700;min-width:16px;height:16px;border-radius:100px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 3px}
.nav-cta{background:var(--rose);color:#fff!important;padding:9px 20px;border-radius:100px;font-size:13.5px;font-weight:500;transition:background .2s,transform .15s;white-space:nowrap;box-shadow:0 4px 16px rgba(201,117,143,.35);animation:ctaPulse 2.5s ease infinite}
@keyframes ctaPulse{0%,100%{box-shadow:0 4px 16px rgba(201,117,143,.35),0 0 0 0 rgba(201,117,143,.3)}50%{box-shadow:0 4px 16px rgba(201,117,143,.35),0 0 0 8px rgba(201,117,143,0)}}
.nav-cta:hover{background:var(--rose2);transform:translateY(-1px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:0;background:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .25s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── Main ─────────────────────────────────────────── */
.main{padding-top:calc(36px + 68px)}

/* ── Hero ─────────────────────────────────────────── */
.hero{background:#0d1a12;min-height:92vh;display:flex;align-items:center;padding:80px 40px;overflow:hidden;position:relative}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 800px 600px at 65% 50%,rgba(201,117,143,.14) 0%,transparent 70%),radial-gradient(ellipse 500px 400px at 10% 80%,rgba(196,150,60,.08) 0%,transparent 60%);pointer-events:none}
.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(201,117,143,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(201,117,143,.06) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:var(--max);margin:0 auto;width:100%}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,117,143,.1);border:1px solid rgba(201,117,143,.22);border-radius:100px;padding:6px 14px;font-size:12px;font-weight:500;color:var(--rose2);margin-bottom:24px;animation:fadeUp .6s ease both}
.hero-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--rose);animation:pulse 1.5s ease infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
h1{font-family:var(--font-serif);font-size:clamp(28px,4.5vw,58px);font-weight:400;line-height:1.15;letter-spacing:-.5px;color:#fff;animation:fadeUp .7s .1s ease both;margin-bottom:16px}
h1 em{color:var(--rose);font-style:italic;opacity:.9}
.hero-sub{font-size:clamp(15px,1.8vw,18px);color:rgba(255,255,255,.58);font-weight:300;line-height:1.7;max-width:520px;animation:fadeUp .7s .2s ease both;margin-bottom:32px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .7s .3s ease both}
.hero-note{margin-top:20px;padding:14px 18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:12px;color:rgba(255,255,255,.55);font-size:13px;line-height:1.6;animation:fadeUp .7s .4s ease both;max-width:520px}
.hero-note strong{color:var(--ink)}
.hero-img{position:relative;animation:fadeUp .7s .2s ease both}
.hero-img img{border-radius:var(--radius);width:100%;aspect-ratio:4/5;object-fit:cover;box-shadow:0 24px 60px rgba(201,117,143,.2)}
.hero-img-badge{position:absolute;bottom:-16px;left:-16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;box-shadow:0 8px 24px rgba(201,117,143,.12);display:flex;align-items:center;gap:12px}
.hero-img-badge span{font-size:.78rem;color:var(--muted)}
.hero-img-badge strong{font-size:1rem;color:var(--rose);display:block}

/* ── Stats bar ────────────────────────────────────── */
.stats-bar{background:var(--ink2);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:0 40px}
.stats-bar-inner{max-width:var(--max);margin:0 auto;display:flex;justify-content:center;align-items:stretch}
.stat-item{padding:24px 48px;border-right:1px solid rgba(255,255,255,.07);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.stat-item:last-child{border-right:0}
.stat-num{font-family:var(--font-serif);font-size:2rem;font-weight:600;color:var(--rose);display:block;line-height:1;margin-bottom:5px}
.stat-label{font-size:11px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}

/* ── Sections ─────────────────────────────────────── */
section{padding:64px 40px}
.section-tag{font-size:11px;font-weight:600;color:var(--rose);text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px;display:block}
h2{font-family:var(--font-serif);font-size:clamp(28px,3.5vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.5px;color:var(--ink);margin-bottom:14px}
h2 em{color:var(--rose);font-style:italic}
.section-sub{font-size:16px;color:var(--muted);font-weight:300;line-height:1.65;max-width:520px}
.section-head{margin-bottom:40px}
.section-head-flex{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:40px}

/* ── Ürün grid & kart ─────────────────────────────── */
.products{background:var(--cream)}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.product-card{background:var(--card-bg);border:1px solid rgba(0,0,0,.07);border-radius:var(--radius);cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden;position:relative}
.product-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--rose);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(201,117,143,.25)}
.product-card:hover::after{transform:scaleX(1)}
.product-card__img{position:relative;overflow:hidden;aspect-ratio:1/1;background:var(--cream2)}
.product-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.product-card:hover .product-card__img img{transform:scale(1.06)}
.product-card__badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:4px;z-index:1}
.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:100px;font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.badge-sale{background:var(--rose);color:#fff}
.badge-new{background:var(--gold);color:#fff}
.badge-hot{background:var(--ink);color:#fff}
.product-card__fav{position:absolute;top:10px;right:10px;z-index:1;width:34px;height:34px;border-radius:50%;background:#fff;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--muted);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.product-card__fav:hover,.product-card__fav.active{color:var(--rose);border-color:var(--rose);background:var(--rose-faint)}
.product-card__body{padding:16px}
.product-card__name{font-family:var(--font-serif);font-size:.95rem;font-weight:400;line-height:1.4;color:var(--ink);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card__price{display:flex;align-items:baseline;gap:8px}
.price-now{font-size:1.05rem;font-weight:600;color:var(--rose)}
.price-old{font-size:.82rem;color:var(--muted);text-decoration:line-through}
.product-card__foot{padding:12px 16px 16px;border-top:1px solid var(--border)}

/* ── Kategori grid ────────────────────────────────── */
.categories{background:var(--cream2)}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.cat-card{aspect-ratio:1/1;border-radius:var(--radius);overflow:hidden;position:relative;display:block;cursor:pointer}
.cat-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.cat-card:hover img{transform:scale(1.07)}
.cat-card__label{position:absolute;inset:0;background:linear-gradient(to top,rgba(44,24,16,.6) 0%,transparent 60%);display:flex;align-items:flex-end;padding:14px;color:#fff;font-family:var(--font-serif);font-size:.9rem;line-height:1.3;transition:background .3s}
.cat-card:hover .cat-card__label{background:linear-gradient(to top,rgba(44,24,16,.75) 0%,transparent 60%)}

/* ── Neden biz (Why) ──────────────────────────────── */
.why{background:var(--cream)}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
.why-item{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s}
.why-item:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(201,117,143,.1);border-color:rgba(201,117,143,.2)}
.why-icon{width:48px;height:48px;background:var(--rose-faint);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:18px;transition:box-shadow .22s,transform .22s;flex-shrink:0}
.why-item:hover .why-icon{box-shadow:0 4px 16px rgba(201,117,143,.3);transform:scale(1.05)}
.why-item h3{font-family:var(--font-serif);font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:8px}
.why-item p{font-size:.875rem;color:var(--muted);line-height:1.65;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ── CTA band ─────────────────────────────────────── */
.cta-band{background:var(--rose);padding:80px 40px;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'✦';position:absolute;right:5%;top:-10%;font-size:16rem;opacity:.05;font-family:var(--font-serif);pointer-events:none;color:#fff}
.cta-band h2{color:#fff;font-size:clamp(28px,4vw,48px);margin-bottom:12px}
.cta-band p{color:rgba(255,255,255,.78);font-size:18px;margin-bottom:36px;max-width:560px;margin-left:auto;margin-right:auto}
.cta-btn-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-white{background:#fff;color:var(--rose);font-weight:500;padding:15px 34px;border-radius:100px;font-family:var(--font-sans);font-size:15px;transition:transform .15s,box-shadow .15s}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.15)}
.btn-ghost-white{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4);padding:15px 34px;border-radius:100px;font-family:var(--font-sans);font-size:15px;transition:border-color .2s,background .2s}
.btn-ghost-white:hover{border-color:#fff;background:rgba(255,255,255,.1)}

/* ── Buttons ──────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:100px;font-size:.875rem;font-weight:500;letter-spacing:.02em;transition:all .22s;cursor:pointer;border:none;white-space:nowrap;font-family:var(--font-sans)}
.btn-primary{background:var(--rose);color:#fff;box-shadow:0 4px 16px rgba(201,117,143,.35)}
.btn-primary:hover{background:var(--rose2);box-shadow:0 6px 22px rgba(201,117,143,.45);transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--rose);border:1.5px solid var(--rose)}
.btn-outline:hover{background:var(--rose-faint);transform:translateY(-1px)}
.btn-ghost{background:var(--cream2);color:var(--muted)}
.btn-ghost:hover{background:var(--border)}
.btn-gold{background:var(--gold);color:#fff;box-shadow:0 4px 14px rgba(196,150,60,.3)}
.btn-gold:hover{background:#B0842E;transform:translateY(-1px)}
.btn-sm{padding:7px 16px;font-size:.78rem}
.btn-lg{padding:14px 32px;font-size:.95rem}
.btn-full{width:100%}

/* ── Blog ─────────────────────────────────────────── */
.blog{background:#fff}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.blog-card{background:var(--cream);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(201,117,143,.25)}
.blog-card__img{aspect-ratio:16/9;overflow:hidden;background:var(--cream2)}
.blog-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.blog-card:hover .blog-card__img img{transform:scale(1.05)}
.blog-card__body{padding:20px}
.blog-card__date{font-size:.75rem;color:var(--muted);margin-bottom:8px}
.blog-card__title{font-family:var(--font-serif);font-size:1rem;font-weight:400;line-height:1.4;color:var(--ink);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card__more{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:var(--rose);font-weight:500}

/* ── Mağaza sidebar ───────────────────────────────── */
.magaza-layout{display:grid;grid-template-columns:240px 1fr;gap:32px}
.sidebar-block{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:14px}
.sidebar-title{font-family:var(--font-serif);font-size:.9rem;font-weight:600;margin-bottom:12px;color:var(--ink)}
.sidebar-link{display:block;padding:7px 10px;border-radius:8px;font-size:.875rem;color:var(--muted);transition:all .18s}
.sidebar-link:hover,.sidebar-link.active{background:var(--rose-faint);color:var(--rose);font-weight:500}

/* ── Sepet drawer ─────────────────────────────────── */
.cart-overlay{position:fixed;inset:0;background:rgba(44,24,16,.45);z-index:2000;opacity:0;visibility:hidden;transition:all .25s}
.cart-overlay.open{opacity:1;visibility:visible}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:#fff;z-index:2001;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;box-shadow:-8px 0 40px rgba(201,117,143,.12)}
.cart-drawer.open{transform:translateX(0)}
.cart-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}
.cart-drawer__head h3{font-family:var(--font-serif);font-size:1.1rem}
.cart-drawer__body{flex:1;overflow-y:auto;padding:14px 22px}
.cart-drawer__foot{padding:18px 22px;border-top:1px solid var(--border);background:var(--cream2)}
.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}
.cart-item__img{width:72px;height:72px;border-radius:10px;object-fit:cover;border:1px solid var(--border)}
.cart-item__name{font-size:.875rem;font-weight:500;line-height:1.4;margin-bottom:5px}
.cart-item__opt{font-size:.75rem;color:var(--muted);margin-bottom:6px}
.cart-item__qty{display:flex;align-items:center;gap:6px}
.cart-item__qty button{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:all .2s;color:var(--muted);background:none;cursor:pointer}
.cart-item__qty button:hover{border-color:var(--rose);color:var(--rose)}
.cart-item__price{font-weight:600;color:var(--rose);white-space:nowrap;font-size:.95rem}

/* ── Form ─────────────────────────────────────────── */
.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.form-label{font-size:.82rem;font-weight:600;color:var(--muted)}
.form-control{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:10px;font-size:.875rem;color:var(--ink);background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;font-family:var(--font-sans)}
.form-control:focus{border-color:var(--rose);box-shadow:0 0 0 3px var(--rose-pale)}
.form-control::placeholder{color:var(--muted)}
textarea.form-control{resize:vertical;min-height:110px}
select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A0887F' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}
.form-check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem}
.form-check input{width:16px;height:16px;accent-color:var(--rose);cursor:pointer}

/* ── Alert ────────────────────────────────────────── */
.alert{padding:11px 15px;border-radius:10px;font-size:.875rem;border-left:3px solid;margin-bottom:14px}
.alert--success{background:#F0FAF0;border-color:#4CAF50;color:#2E7D32}
.alert--error{background:var(--rose-faint);border-color:var(--rose);color:#8B2252}
.alert--info{background:#FFF8E7;border-color:var(--gold);color:#7B5E00}

/* ── Toast ────────────────────────────────────────── */
.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}
.toast{background:var(--ink);color:#fff;padding:10px 18px;border-radius:10px;font-size:.875rem;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px rgba(0,0,0,.2);animation:toastIn .3s ease forwards;max-width:300px}
.toast--success{border-left:3px solid #4CAF50}
.toast--error{border-left:3px solid var(--rose)}
.toast--info{border-left:3px solid var(--gold)}
@keyframes toastIn{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}

/* ── Pagination ───────────────────────────────────── */
.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:40px}
.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-size:.875rem;border:1.5px solid var(--border);color:var(--muted);transition:all .2s}
.pagination a:hover{border-color:var(--rose);color:var(--rose);background:var(--rose-faint)}
.pagination .active{background:var(--rose);color:#fff;border-color:var(--rose)}

/* ── Breadcrumb ───────────────────────────────────── */
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted);padding-block:14px;flex-wrap:wrap}
.breadcrumb a{color:var(--muted);transition:color .2s}
.breadcrumb a:hover{color:var(--rose)}
.breadcrumb__sep{opacity:.4}

/* ── Footer ───────────────────────────────────────── */
footer{background:var(--ink);padding:72px 0 0}
.footer-grid{max-width:var(--max);margin:0 auto;padding:0 40px 56px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}
.footer-logo{display:block;margin-bottom:14px}
.footer-logo img{height:38px;width:auto}
.footer-desc{font-size:13.5px;color:rgba(255,255,255,.42);line-height:1.75;margin:10px 0 18px}
.footer-contact{display:flex;flex-direction:column;gap:7px}
.footer-contact a{font-size:13.5px;color:rgba(255,255,255,.5);text-decoration:none;transition:.2s}
.footer-contact a:hover{color:#fff}
.footer-social{display:flex;gap:9px;margin-top:18px}
.footer-social a{width:33px;height:33px;border-radius:8px;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);transition:.2s}
.footer-social a:hover{background:var(--rose);color:#fff}
.footer-col h4{font-family:var(--font-serif);font-size:13px;font-weight:600;color:rgba(255,255,255,.7);margin-bottom:18px;text-transform:uppercase;letter-spacing:.08em}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-col ul li a{font-size:13.5px;color:rgba(255,255,255,.42);transition:.2s}
.footer-col ul li a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);max-width:var(--max);margin:0 auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-bottom span{font-size:12px;color:rgba(255,255,255,.28)}
.footer-bottom a{color:rgba(255,255,255,.28);transition:.2s}
.footer-bottom a:hover{color:rgba(255,255,255,.7)}
.footer-payment{display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.28)}

/* ── Newsletter ───────────────────────────────────── */
.footer-newsletter p{font-size:13px;color:rgba(255,255,255,.4);margin-bottom:14px}
.newsletter-form{display:flex;gap:8px}
.newsletter-form input{flex:1;padding:9px 13px;border-radius:100px;border:1.5px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:13px;outline:none;transition:border-color .2s;font-family:var(--font-sans)}
.newsletter-form input::placeholder{color:rgba(255,255,255,.3)}
.newsletter-form input:focus{border-color:var(--rose)}
.newsletter-form button{padding:9px 18px;background:var(--rose);color:#fff;border-radius:100px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .2s;font-family:var(--font-sans);white-space:nowrap}
.newsletter-form button:hover{background:var(--rose2)}

/* ── WhatsApp FAB ─────────────────────────────────── */
.whatsapp-fab{position:fixed;bottom:28px;left:28px;background:#0d1526;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(201,117,143,.35);z-index:99;transition:transform .2s,box-shadow .2s;border:2px solid var(--rose);color:#fff}
.whatsapp-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(201,117,143,.5)}

/* ── Çerez ────────────────────────────────────────── */
.cookie-bar{position:fixed;bottom:0;left:0;right:0;background:var(--ink);color:rgba(255,255,255,.85);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:1999;font-size:.875rem;flex-wrap:wrap}
.cookie-bar a{color:rgba(201,117,143,.9);text-decoration:underline}

/* ── Scroll top ───────────────────────────────────── */
#scrollTop{position:fixed;bottom:92px;right:20px;width:42px;height:42px;background:#fff;border:1.5px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);box-shadow:0 4px 14px rgba(201,117,143,.12);opacity:0;transition:opacity .3s,transform .3s;cursor:pointer;pointer-events:none;transform:translateY(8px);z-index:98}
#scrollTop.visible{opacity:1;pointer-events:all;transform:translateY(0)}
#scrollTop:hover{color:var(--rose);border-color:var(--rose)}

/* ── Skeleton ─────────────────────────────────────── */
.skeleton{background:linear-gradient(90deg,var(--cream2) 25%,var(--border) 50%,var(--cream2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:10px}
@keyframes shimmer{to{background-position:-200% 0}}

/* ── Animations ───────────────────────────────────── */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:1!important;transform:none!important}

/* ── Utils ────────────────────────────────────────── */
.text-center{text-align:center}
.text-rose{color:var(--rose)}
.text-muted{color:var(--muted)}
.product-thumb{width:42px;height:42px;border-radius:7px;object-fit:cover;border:1px solid var(--border)}

/* ── Responsive ───────────────────────────────────── */
@media(max-width:1024px){
  .why-grid{grid-template-columns:repeat(2,1fr)!important}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .footer-col:nth-child(1){grid-column:span 2}
}
@media(max-width:860px){
  nav{padding:0 16px}
  .nav-links{display:none;flex-direction:column;gap:0;position:fixed;top:calc(36px + 68px);left:0;right:0;background:rgba(251,247,244,.98);border-bottom:1px solid var(--border);padding:10px 0 20px;backdrop-filter:blur(14px);max-height:calc(100vh - 104px);overflow-y:auto}
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 20px;border-radius:0;font-size:15px;font-weight:500;border-bottom:1px solid var(--border)}
  .nav-links a:last-child{border-bottom:none}
  .nav-search{display:none}
  .hamburger{display:flex}
  .nav-cta{display:none}
}
@media(max-width:768px){
  section{padding:44px 16px}
  footer{padding-top:48px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:24px;padding:0 16px 40px}
  .footer-col:nth-child(1){grid-column:span 2}
  .hero{padding:72px 16px 64px;min-height:auto}
  .hero-inner{grid-template-columns:1fr}
  .hero-img{display:none}
  .stats-bar{padding:20px 16px;justify-content:center}
  .stat-item{padding:8px 20px}
  .product-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .magaza-layout{grid-template-columns:1fr}
  .why-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  .why-item{padding:18px!important}
  .cta-band{padding:56px 16px}
  .cta-btn-group{flex-direction:column;gap:10px;width:100%}
  .btn-white,.btn-ghost-white{width:100%;display:flex;align-items:center;justify-content:center;padding:15px}
  .footer-bottom{padding:18px 16px;flex-direction:column;text-align:center}
}
@media(max-width:600px){
  nav{top:0}
  .topbar{display:none}
  .main{padding-top:68px}
  .nav-links{top:68px}
  .footer-grid{grid-template-columns:1fr}
  .footer-col:nth-child(1){grid-column:span 1}
  .product-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .stats-bar{display:grid;grid-template-columns:1fr 1fr}
  .stat-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}
  .stat-num{font-size:1.6rem}
  footer{padding-bottom:60px}
}

/* ── Button pulse animasyonları ──────────────────────── */
.btn-primary{animation:btnPulse 2.5s ease infinite}
@keyframes btnPulse{
  0%,100%{box-shadow:0 4px 16px rgba(201,117,143,.35),0 0 0 0 rgba(201,117,143,.3)}
  50%{box-shadow:0 4px 16px rgba(201,117,143,.35),0 0 0 8px rgba(201,117,143,0)}
}
.btn-primary:hover{animation:none;box-shadow:0 6px 22px rgba(201,117,143,.5);transform:translateY(-2px)}
.btn-gold{animation:goldPulse 2.5s ease infinite}
@keyframes goldPulse{
  0%,100%{box-shadow:0 4px 14px rgba(196,150,60,.3),0 0 0 0 rgba(196,150,60,.25)}
  50%{box-shadow:0 4px 14px rgba(196,150,60,.3),0 0 0 8px rgba(196,150,60,0)}
}
.btn-gold:hover{animation:none}

/* ── STATS & TOPBAR OVERRIDE ──────────────────────────── */
.topbar-inner{justify-content:center!important;gap:24px!important}
.stats-bar{background:var(--ink2)!important;padding:0 40px!important;display:block!important}
.stats-bar-inner{max-width:1280px;margin:0 auto;display:flex!important;flex-direction:row!important;justify-content:center;align-items:stretch}
.stat-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:24px 48px!important;border-right:1px solid rgba(255,255,255,.07)!important;border-bottom:none!important;list-style:none!important;text-align:center!important}
.stat-item:last-child{border-right:none!important}
.stat-num{display:block!important;font-family:'Playfair Display',Georgia,serif!important;font-size:2rem!important;color:#C9758F!important;line-height:1!important;margin-bottom:5px!important}
.stat-label{font-size:11px!important;color:rgba(255,255,255,.4)!important;text-transform:uppercase!important;letter-spacing:1px!important;white-space:nowrap!important}
@media(max-width:768px){
  .stats-bar{padding:0 16px!important}
  .stat-item{padding:16px 20px!important}
}
@media(max-width:600px){
  .stats-bar-inner{display:grid!important;grid-template-columns:1fr 1fr!important}
  .stat-item{border-right:none!important;border-bottom:1px solid rgba(255,255,255,.06)!important;padding:14px 12px!important}
  .stat-num{font-size:1.5rem!important}
}

/* ── Hero koyu tema overrides ──────────────────────── */
.hero .hero-note strong{color:#fff!important}
.hero .hero-badge{background:rgba(201,117,143,.15)!important;border-color:rgba(201,117,143,.3)!important}
.hero .hero-img-badge{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important}
.hero .hero-img-badge span{color:rgba(255,255,255,.5)!important}
.hero .hero-img-badge strong{color:var(--rose)!important}
.hero .btn-outline{color:#fff!important;border-color:rgba(255,255,255,.35)!important;background:transparent!important}
.hero .btn-outline:hover{border-color:#fff!important;background:rgba(255,255,255,.08)!important}

/* ── Pulse animasyonları ──────────────────────────── */
.btn-primary,.nav-cta{animation:rosePulse 2.5s ease infinite!important}
@keyframes rosePulse{
  0%,100%{box-shadow:0 4px 16px rgba(201,117,143,.4),0 0 0 0 rgba(201,117,143,.35)}
  50%{box-shadow:0 4px 16px rgba(201,117,143,.4),0 0 0 9px rgba(201,117,143,0)}
}
.btn-primary:hover,.nav-cta:hover{animation:none!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(201,117,143,.55)!important}
.btn-gold{animation:goldPulse2 2.5s ease infinite!important}
@keyframes goldPulse2{
  0%,100%{box-shadow:0 4px 14px rgba(196,150,60,.35),0 0 0 0 rgba(196,150,60,.3)}
  50%{box-shadow:0 4px 14px rgba(196,150,60,.35),0 0 0 9px rgba(196,150,60,0)}
}
.btn-gold:hover{animation:none!important}


/* ── FINAL FIX: Tamircim font + sticky topbar ───────── */
:root{
  --font-serif:'Syne','DM Sans',system-ui,sans-serif!important;
  --font-sans:'DM Sans',system-ui,-apple-system,sans-serif!important;
}

h1,h2,.section-tag,.nav-cta,.stat-num,
.product-card__name,.cat-card__label,.why-item h3,
.blog-card__title,.sidebar-title,.cart-drawer__head h3,
.footer-col h4{
  font-family:var(--font-serif)!important;
  font-weight:700!important;
  letter-spacing:-.02em;
}

.topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:101!important;
  display:block!important;
}
nav,
nav.topbar-gone{
  top:36px!important;
}
.main{
  padding-top:104px!important;
}

@media(max-width:600px){
  .topbar{display:block!important;position:fixed!important;height:36px!important;overflow:hidden!important;}
  .topbar-inner{height:36px!important;padding:0 12px!important;}
  .topbar-links{display:none!important;}
  nav,nav.topbar-gone{top:36px!important;}
  .main{padding-top:104px!important;}
  .nav-links{top:104px!important;}
}

/* ── FINAL FIX: Ürün kart görselleri 2:3 dikey fotoğraf oranı ── */
.product-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;
  gap:20px!important;
}

.product-card__img{
  position:relative!important;
  overflow:hidden!important;
  aspect-ratio:2/3!important;
  background:#fff!important;
}

.product-card__img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  padding:0!important;
  background:#fff!important;
  transition:transform .4s ease!important;
}

.product-card:hover .product-card__img img{
  transform:scale(1.04)!important;
}