/* AURA v4.1 — "Fildişi ve Altın" (9 Kasım 2026, gece revizyonu): koyu/mor bantlar kaldırıldı; açık, sıcak, altın vurgulu düzen.
   Yeni ana sayfa bölümleri (kapılar, atölye adımları, ayın taşı) açık renkte; mobilde sıkı yoğunluk. store.css'ten sonra yüklenir. */
:root{--sand:#f6ede1;--sand2:#efe2cf;--gold-l:#d9b56f}

/* ---- Düğmeler ---- */
body .btn{border-radius:99px;letter-spacing:.07em;text-transform:uppercase;font-size:.74rem;font-weight:600;min-height:46px;padding:0 24px;box-shadow:none;transition:transform .15s,box-shadow .15s,background .15s}
body .btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #8f6d2f26}
body .btn-sm{min-height:40px;padding:0 16px}

/* ---- Ana sayfa hero: fildişi, sıcak ışık ---- */
body .hero.hero-neck{background:radial-gradient(900px 520px at 80% 20%,#f3dfc0aa,transparent 62%),radial-gradient(600px 400px at 5% 100%,#f7e8d6,transparent 60%),linear-gradient(170deg,#fbf6ef,#f4e9db);color:var(--ink)}
body .hero.hero-neck .eyebrow{color:var(--gold-d)}
body .hero.hero-neck h1{color:var(--ink)}
body .neck-stage{background:radial-gradient(ellipse at 50% 36%,#fffdf9 0%,#f4e9dc 58%,#e9d8c6 100%);box-shadow:inset 0 0 0 1px #0000000a,0 24px 60px #4a331a1a}
body .aura-ticker{background:linear-gradient(90deg,#efe0c6,#f8ecd6,#efe0c6);color:#5a3f2a;border-top:1px solid #e3cfae;border-bottom:1px solid #e3cfae}
body .aura-ticker span{color:#5a3f2a}

/* ---- Tipografi ---- */
body .sec-hd h2,body .sec>h2,body .discovery-copy h2,body .home-story h2,body .home-faq h2{font-weight:500;letter-spacing:-.01em}
body .sec{padding:52px 0}

/* ---- Koleksiyon kapıları (açık) ---- */
.gates{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;padding-top:36px;padding-bottom:12px}
.gate{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:280px;padding:26px;border-radius:24px;color:var(--ink);text-decoration:none;overflow:hidden;isolation:isolate;border:1px solid #eadfcd;transition:transform .25s,box-shadow .25s}
.gate::before{content:'';position:absolute;inset:0;z-index:-2;transition:transform .7s ease}
.gate::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#fff0 30%,#fffdf9e6 100%)}
.gate:hover::before{transform:scale(1.05)}
.gate:hover{transform:translateY(-3px);box-shadow:0 20px 44px #4a331a1f}
.gate-color::before{background:conic-gradient(from 210deg at 72% 28%,#d9c3ee,#ffc2c2,#ffefb8,#bfe8d4,#c3d2f5,#f9cfe0,#d9c3ee)}
.gate-stone::before{background:radial-gradient(circle at 72% 22%,#d7c6ee,transparent 50%),radial-gradient(circle at 20% 85%,#f1dcb8,transparent 45%),linear-gradient(160deg,#f7f1ea,#efe4d6)}
.gate-gift::before{background:radial-gradient(circle at 25% 18%,#f8cfd9,transparent 50%),linear-gradient(160deg,#f7e8d4,#eedcc2)}
.gate-k{font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-d);margin-bottom:8px}
.gate-t{font-family:var(--serif);font-size:28px;line-height:1.15;max-width:14ch;margin-bottom:8px;color:var(--ink)}
.gate-m{font-size:13px;color:#6f6558}

/* ---- Atölye adımları ---- */
.atelier{background:linear-gradient(180deg,#fffdf9,#f3e8d7);padding:56px 0}
.steps{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.steps li{position:relative;padding:26px 24px 24px;border:1px solid #e3d3bd;border-radius:20px;background:#fffdf9}
.step-n{display:block;font-family:var(--serif);font-size:40px;line-height:1;color:var(--gold);margin-bottom:10px}
.steps h3{margin:0 0 6px;font-size:18px;font-weight:600}
.steps p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}

/* ---- Ayın taşı (açık, şampanya) ---- */
.month-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:44px;border-radius:28px;color:var(--ink);background:radial-gradient(circle at 22% 45%,color-mix(in srgb,var(--c1,#b48ad9) 28%,transparent),transparent 56%),linear-gradient(150deg,#fffdf9,#f1e3cf);border:1px solid #eadfcd;box-shadow:0 20px 60px #4a331a14}
.month-gem{display:grid;place-items:center}
.month-gem .gem,.month-gem svg{width:min(230px,66vw);height:auto;filter:drop-shadow(0 24px 40px #4a331a33)}
.month-copy .kicker{color:var(--gold-d)}
.month-copy h2{font-family:var(--serif);font-size:42px;font-weight:500;margin:4px 0 6px}
.month-tone{color:var(--gold-d);margin:0 0 12px;font-size:14px}
.month-copy p{color:#4a3f35;line-height:1.7}
.month-care{font-size:14px;color:var(--muted)}

/* ---- Ürün kartı ---- */
body .card{border:0;border-radius:20px;background:transparent;box-shadow:none;overflow:visible}
body .card-img{border-radius:18px;aspect-ratio:4/5;background:linear-gradient(160deg,#f3eadf,#e6d8c8);box-shadow:inset 0 0 0 1px #0000000d;transition:box-shadow .25s,transform .25s}
body .card:hover{transform:none;box-shadow:none}
body .card:hover .card-img{box-shadow:inset 0 0 0 1px #0000000d,0 18px 40px #4a331a26;transform:translateY(-3px)}
body .card-b{padding:12px 4px 4px}
body .card-b h3{font-family:var(--serif);font-weight:500;font-size:18px;min-height:0;line-height:1.3}
body .card-b .stone{min-height:0;margin-bottom:4px;letter-spacing:.12em}
body .card .btn-wa,body .card .btn{border-radius:99px}
body .save-product{border-radius:50%}

/* ---- İç sayfa üst bandı ve mağaza başlığı: kum rengi bant ---- */
body .page-hero{background:radial-gradient(800px 380px at 85% 0,#f3dfc0aa,transparent 62%),linear-gradient(160deg,#faf4ea,var(--sand));color:var(--ink);padding:44px 0 40px;border-bottom:1px solid #e9d9c1}
body .page-hero .kicker{color:var(--gold-d)}
body .page-hero .crumb,body .page-hero .crumb a,body .page-hero .crumb span{color:#8a7560}
body .page-hero .muted-l,body .page-hero p{color:#4a3f35}
body .page-hero h1{font-family:var(--serif);font-weight:500;color:var(--ink)}
body .shop-head{background:radial-gradient(700px 300px at 85% 0,#f3dfc0aa,transparent 60%),linear-gradient(160deg,#faf4ea,var(--sand));border:1px solid #eadfcd;border-radius:24px;padding:30px 32px 26px;margin:14px 0 20px}
body .shop-head h1{font-family:var(--serif);font-weight:500;margin-top:4px}

/* ---- Ürün sayfası ---- */
body .pdp-info h1{font-family:var(--serif);font-weight:500}
body .pdp-gallery img,body .pdp-img img,body .pdp-gallery .pdp-main{border-radius:22px}
body .pdp-more details{border-radius:16px}
body .fchip{border-radius:99px}
body .acct-login-card,body .acct-side,body .acct-why{border-radius:24px}

/* ---- Tablet ---- */
@media(max-width:900px){.gates{grid-template-columns:1fr 1fr}.gate:first-child{grid-column:1/-1;min-height:220px}.steps{grid-template-columns:1fr}.month-card{grid-template-columns:1fr;padding:28px;gap:18px}.month-copy h2{font-size:32px}}

/* ---- Telefon: sıkı yoğunluk ---- */
@media(max-width:600px){
  body .hd-in{padding:8px 0;gap:8px 10px}
  body .brand-lockup img{max-width:150px;height:auto}
  body .header-search input{min-height:42px;font-size:14px}
  body .sec{padding:30px 0}
  body .sec-hd{margin-bottom:12px}
  body .sec-hd .btn.compact-link,body .sec .btn.compact-link{background:none;border:0;box-shadow:none;padding:0;min-height:0;color:var(--gold-d);text-transform:none;letter-spacing:0;font-size:14px;font-weight:600}
  body .hero.hero-neck .hero-in{padding:18px 0 14px;gap:12px}
  body .hero.hero-neck .eyebrow{font-size:18px;margin-bottom:6px}
  body .hero.hero-neck h1{font-size:34px;line-height:1.08;margin-bottom:10px}
  body .hero.hero-neck .hero-txt>p:not(.eyebrow){font-size:15px;line-height:1.55;margin-bottom:14px}
  body .hero-cta{gap:8px}
  body .hero.hero-neck .btn{min-height:44px;padding:0 18px;font-size:.7rem}
  body .neck-stage{height:240px}
  body .neck-hint{margin-top:6px;font-size:9px}
  .gates{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:16px 0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .gates::-webkit-scrollbar{display:none}
  .gate{flex:0 0 76%;min-height:168px;padding:18px;scroll-snap-align:start;border-radius:18px}
  .gate:first-child{grid-column:auto}
  .gate-t{font-size:21px;max-width:none}
  .gate-m{font-size:12px}
  .atelier{padding:30px 0}
  .steps{gap:10px;margin-top:14px}
  .steps li{display:grid;grid-template-columns:40px 1fr;column-gap:12px;padding:14px 16px;border-radius:14px}
  .step-n{grid-row:1/3;font-size:28px;margin:0}
  .steps h3{font-size:16px;margin:0 0 4px}
  .steps p{font-size:13.5px}
  .month-card{padding:20px;border-radius:20px;gap:12px}
  .month-gem .gem,.month-gem svg{width:120px}
  .month-copy h2{font-size:28px}
  .month-copy p{font-size:14px;line-height:1.6}
  /* Yeni gelenler: telefonda ilk 4 ürün, gerisi "Tüm yeni tasarımlar" bağlantısında */
  body.page-home .grid>.card:nth-child(n+5){display:none}
  body .color-grid{grid-template-columns:1fr 1fr;gap:10px}
  body .color-card{padding:12px;gap:10px;border-radius:14px}
  body .color-card i{width:34px;height:34px}
  body .color-card h3{font-size:15px}
  body .page-hero{padding:24px 0 22px}
  body .shop-head{padding:18px 16px;border-radius:18px;margin:8px 0 14px}
}

/* ---- Çekmece menü: satırlar esnemesin, WhatsApp düğmesi düzgün ---- */
@media(max-width:820px){
  body .nav>a,body .nav .nav-item{flex:0 0 auto}
  body .nav .nav-item>a{flex:1}
  body .nav>a,body .nav .nav-item>a{min-height:52px;padding:12px 22px;font-size:14px}
  body .nav .nav-wa{display:flex;align-items:center;justify-content:center;gap:10px;text-transform:none;letter-spacing:0;font-size:14px;padding:0 16px;margin:12px 22px 0;flex:0 0 auto}
  body .nav .nav-wa .aura-icon{position:static;width:20px;height:20px;flex:0 0 20px;color:#fff}
  body .nav-extra a{padding:11px 22px;font-size:13.5px}
}

/* ---- Ürün sayfası: mobilde galeri yapışmasın ---- */
@media(max-width:820px){body .pdp-gallery,body .pdp-img{position:static;top:auto}}
.cart-empty{padding:34px 30px;border:1px solid #eadfcd;border-radius:24px;background:radial-gradient(600px 260px at 85% 0,#f3dfc0aa,transparent 60%),linear-gradient(160deg,#fffdf9,#f6ede1);max-width:640px}
.cart-empty h2{font-family:var(--serif);font-weight:500;margin:4px 0 8px}
.cart-empty p{color:#4a3f35}
@media(max-width:600px){.cart-empty{padding:22px 18px;border-radius:18px}}

/* ===== Telefon fotoğraflarından düzeltmeler (9 Kasım 2026) ===== */
@media(max-width:820px){
  /* Çekmece: hesap bölümü menünün hemen altında, büyük boşluk yok; WhatsApp düğmesi taşmasın, yazı beyaz */
  body .nav .nav-extra{margin-top:0}
  body .nav a.nav-wa,body .nav a.nav-wa span{color:#fff!important;border:0}
  body .nav a.nav-wa{width:auto;align-self:stretch;margin:14px 22px 6px;padding:0 16px;min-height:48px;box-sizing:border-box;border-radius:14px}
  /* Yüzen düğmeler: alt çubuk varken "yukarı çık" gizli, WhatsApp küçük ve içerikten uzak */
  /* Yukarı çık: küçük, WhatsApp'ın üstünde, yarı saydam; içerikle çakışmasın */
  body .quick-actions{flex-direction:column;align-items:center;gap:8px}
  body .quick-actions .back-top{width:40px;height:40px;min-height:40px;padding:0;background:#fffdf9e6;border:1px solid #e3d3bd;box-shadow:0 4px 12px #4a331a1f;backdrop-filter:blur(6px)}
  body .quick-actions .back-top .aura-icon{width:18px;height:18px}
  body .quick-actions{right:12px}
  body .quick-actions .aura-whatsapp{width:52px;height:52px;animation:none}
  body .quick-actions .aura-whatsapp .aura-icon{width:28px;height:28px}
}
@media(max-width:600px){
  /* Footer akordeon: tek sütun, "+" işaretleri hizalı */
  body .af.af-acc .af-grid{display:block}
  body .af.af-acc .af-col{width:100%}
  body .af{margin-top:0}
  main{padding-bottom:64px}
  /* Hesabım: "üye olmak zorunda değilsin" kutusu tek satır akış */
  body .acct-guest{display:block;font-size:13.5px;line-height:1.6}
  body .acct-guest .aura-icon{display:inline-block;vertical-align:-3px;margin-right:6px;width:16px;height:16px}
  /* Kart düğmesi: tam sığsın */
  body .card .btn{font-size:12px;letter-spacing:0}
}
/* Filtre paneli kapat düğmesi: tarayıcı mavisi yerine marka rengi */
body .filter-sheet [data-filter-close]{color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:50%;width:42px;height:42px;display:grid;place-items:center}
body .filter-sheet [data-filter-close]:focus-visible{outline:2px solid var(--gold-d);outline-offset:2px}