/* ===================================================
   ЗОЛОТО+ — Clean Premium Styles
   (Liquid glass removed — clean, editorial, minimal)
   =================================================== */

:root {
  --radius-xl:  20px;
  --radius-lg:  12px;
  --radius-md:  8px;
  --radius-pill:100px;
  --spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --smooth: cubic-bezier(0.25, 0.1, 0.25, 1);
  --reveal: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ── Page fade-in (opacity only — no transform on body) ── */
*, *::before, *::after { -webkit-font-smoothing: antialiased; }
body { animation: pageFade 0.4s ease both; }
@keyframes pageFade { from { opacity: 0; } to { opacity: 1; } }

/* ── Logo: Cormorant Garamond — оригинальный стиль ── */
.logo-main {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300 !important;
  font-size: 1.55rem !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--black) !important;
}
.logo-main span {
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
  background: none !important;
}
.logo-sub {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.5rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  color: var(--text-light) !important;
}

/* ── HEADER — clean white, no blur ── */
.header {
  background: transparent;
  border-bottom: 1px solid transparent;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.header.scrolled {
  background: #FFFFFF;
  border-bottom: 1px solid var(--border);
  box-shadow: 0 1px 12px rgba(0,0,0,0.04);
}
.nav-link { transition: color 0.2s; }
.header:not(.scrolled) .nav-link { color: var(--text); }
.header:not(.scrolled) .nav-link:hover { color: var(--gold-dark); }
.header.scrolled .nav-link { color: var(--text); }
.header.scrolled .nav-link:hover { color: var(--gold-dark); }
.header:not(.scrolled) .logo-main { color: var(--black); }
.header:not(.scrolled) .logo-sub { color: var(--text-light); }
.header:not(.scrolled) .icon-btn { color: var(--text-mid); }
.header.scrolled .icon-btn { color: var(--text-mid); }
.header .icon-btn:hover { color: var(--gold-dark); }
.header:not(.scrolled) .burger span { background: var(--text); }
.header.scrolled .burger span { background: var(--text); }

/* Lombard nav dot */
/* Lombard nav — identical to all other nav links */
.nav-link--lombard {
  font-weight: inherit !important;
  color: var(--text-mid) !important;
  -webkit-text-fill-color: var(--text-mid) !important;
}
.nav-link--lombard::after { display: none !important; content: none !important; }
@keyframes dotPulse { 0%,100%{opacity:1} 50%{opacity:0.4} }

/* Dropdown — clean, editorial */
.dropdown {
  border-top: 2px solid var(--gold) !important;
  background: #FFFFFF !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.07) !important;
}
.dropdown-link { background: none !important; }
.dropdown-link:hover { background: none !important; }

/* ── HERO — REVEB split layout ── */
.hero-left { background: #F4EFE8 !important; }

.hero-eyebrow  { animation: slideUp 0.6s 0.1s var(--reveal) both; }
.hero-title    { animation: slideUp 0.7s 0.2s var(--reveal) both; }
.hero-sale-badge { animation: slideUp 0.6s 0.32s var(--reveal) both; }
.hero-desc     { animation: slideUp 0.6s 0.42s var(--reveal) both; }
.hero-actions  { animation: slideUp 0.6s 0.52s var(--reveal) both; }
@keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:none} }

/* Hero outline button on cream bg */
.hero .btn-outline, .hero .btn-outline-white {
  background: rgba(255,255,255,0.8) !important;
  border: 1.5px solid rgba(0,0,0,0.15) !important;
  color: var(--text) !important;
}
.hero .btn-outline:hover, .hero .btn-outline-white:hover {
  background: #fff !important;
  border-color: var(--gold-dark) !important;
  color: var(--gold-dark) !important;
}

/* ── BUTTONS — slight 2px radius (premium soft touch) ── */
.btn {
  border-radius: 2px !important;
  font-family: var(--sans) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.12em !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  transition: background 0.2s, color 0.2s, border-color 0.2s !important;
}
.btn-gold { background: var(--gold) !important; color: white !important; box-shadow: none !important; }
.btn-gold:hover { background: var(--gold-dark) !important; transform: none !important; }
.btn-dark { background: var(--black) !important; color: white !important; box-shadow: none !important; }
.btn-dark:hover { background: var(--gold-dark) !important; transform: none !important; }
.btn-outline { background: transparent !important; transition: all 0.2s !important; }
.btn-outline:hover { border-color: var(--gold-dark) !important; color: var(--gold-dark) !important; transform: none !important; }
/* inputs and selects: tiny radius */
input, select, textarea { border-radius: 2px !important; }

/* ── ANNOUNCE ── */
.announce { background: var(--black) !important; }

/* ── TABS — plain text links ── */
.prod-tabs {
  border-bottom: 1px solid var(--border) !important;
  background: transparent !important;
  border-top: none !important; border-left: none !important; border-right: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  width: 100% !important; gap: 0 !important; margin-bottom: 48px !important;
}
.tab-btn {
  border-radius: 0 !important; padding: 10px 0 !important;
  margin-right: 28px !important; background: none !important;
  font-size: 0.7rem !important; font-weight: 400 !important;
  letter-spacing: 0.08em !important; text-transform: uppercase !important;
  color: var(--text-light) !important;
  border-bottom: 1.5px solid transparent !important; margin-bottom: -1px !important;
  transition: color 0.2s, border-color 0.2s !important; box-shadow: none !important;
}
.tab-btn.active { background: none !important; color: var(--black) !important; border-bottom-color: var(--black) !important; box-shadow: none !important; }
.tab-btn:not(.active):hover { background: none !important; color: var(--text) !important; }

/* ── CATEGORY CARDS ── */
.cat-grid { gap: 3px !important; }
.cat-card {
  border-radius: 0 !important; overflow: hidden !important;
  box-shadow: none !important; transition: none !important;
}
.cat-card:hover { transform: none !important; box-shadow: none !important; }
.cat-card img { transition: transform 0.65s ease !important; }
.cat-card:hover img { transform: scale(1.06) !important; }
.cat-body { background: rgba(0,0,0,0.4) !important; padding: 12px 14px !important; }

/* ── Small UI elements: slight 2–3px radius ── */
.prod-tag, .order-status, .icon-badge, .mbn-item { border-radius: 2px !important; }
.qty-btn { border-radius: 2px !important; }
.toggle-slider { border-radius: 2px !important; }
.toggle-slider::before { border-radius: 1px !important; }
.cart-item-thumb { border-radius: 2px !important; }
.order-item-thumb, .order-item-more { border-radius: 2px !important; }
.product-thumb { border-radius: 2px !important; }
/* Product image area stays sharp */
.product-img-area, .product-card, .cat-card, .store-card, .acc-card, .hero-left, .hero-right { border-radius: 0 !important; }

/* ── PRODUCT CARDS — SIMUERO flat ── */
.prod-grid { gap: 32px 20px !important; }
.product-card {
  border-radius: 0 !important; overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important; transition: none !important;
}
.product-card:hover { transform: none !important; box-shadow: none !important; }
.product-img-area { border-radius: 0 !important; background: #ECE8E1 !important; overflow: hidden !important; }
.product-img-area img { transition: transform 0.65s ease !important; }
.product-card:hover .product-img-area img { transform: scale(1.04) !important; }
.product-info { background: transparent !important; padding: 10px 0 0 !important; }
.prod-tag { border-radius: 0 !important; }
.prod-fav {
  border-radius: 0 !important; box-shadow: none !important;
  transition: opacity 0.2s !important;
}
.prod-fav:hover { transform: none !important; }
.prod-fav.on svg { fill: var(--gold) !important; stroke: var(--gold) !important; }
.btn-cart { border-radius: 0 !important; }

/* ── SECTION TITLE reveal ── */
.section-title { font-family: 'Playfair Display', Georgia, serif !important; }
.section-title.revealed { animation: titleReveal 0.8s var(--reveal) both; }
@keyframes titleReveal { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }
.section-label { position:relative; display:inline-block; }
.section-label::before { content:''; position:absolute; bottom:-2px; left:0; width:0; height:1px; background:var(--gold); transition: width 0.5s var(--reveal); }
.in .section-label::before, .section-label.revealed::before { width:100%; }

/* ── LINK ARROWS ── */
.link-arrow { transition: gap 0.2s, opacity 0.2s !important; }
.link-arrow:hover { opacity: 0.7; gap: 10px; }

/* ── PROMO SECTION ── */
.promo-full { background: var(--black) !important; }
.promo-product {
  border-radius: 0 !important;
  transition: transform 0.3s ease, background 0.2s !important;
}
.promo-product:hover { transform: translateY(-6px) !important; background: rgba(255,255,255,0.1) !important; }
.promo-product img { transition: transform 0.5s ease !important; }
.promo-product:hover img { transform: scale(1.05) !important; }

/* ── ABOUT ── */
.about { background: #FDFCF8 !important; }
.about-visual { border-radius: var(--radius-xl) !important; overflow: hidden !important; box-shadow: 0 8px 40px rgba(0,0,0,0.08) !important; }
.about-visual img { transition: transform 0.6s ease !important; }
.about:hover .about-visual img { transform: scale(1.03) !important; }
.about-badge { border-radius: var(--radius-lg) !important; box-shadow: 0 6px 24px rgba(156,128,102,0.3) !important; right: 24px !important; }

/* ── STORES ── */
.stores-grid { gap: 12px !important; }
.store-card {
  border-radius: 0 !important; background: #FFFFFF !important;
  transition: box-shadow 0.3s !important;
}
.store-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important; }
.store-card::after { display: none !important; }

/* ── NEWSLETTER ── */
.newsletter { background: #FDFCF8 !important; }
.newsletter-form {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid var(--border) !important;
  transition: border-color 0.2s !important;
}
.newsletter-form:focus-within { border-color: var(--gold) !important; }
.newsletter-form button { border-radius: 0 !important; background: var(--black) !important; }
.newsletter-form button:hover { background: var(--gold-dark) !important; }

/* ── CART ── */
.cart { border-radius: 0 !important; }
.cart-head { background: #FFFFFF !important; }
.cart-item-thumb { border-radius: 0 !important; }
.qty-btn { border-radius: 0 !important; transition: all 0.2s !important; }
.btn-checkout { border-radius: 0 !important; background: var(--black) !important; transition: background 0.2s !important; }
.btn-checkout:hover { background: var(--gold-dark) !important; }

/* ── MOBILE MENU ── */
.m-panel { border-radius: 0 !important; background: #FFFFFF !important; }

/* ── FOOTER SOCIALS ── */
.footer-soc { border-radius: 0 !important; transition: all 0.3s !important; }
.footer-soc:hover { transform: none !important; background: var(--gold) !important; border-color: var(--gold) !important; color: white !important; }

/* ── FORM INPUTS ── */
.form-input {
  border-radius: var(--radius-md) !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  background: #FFFFFF !important;
  transition: border-color 0.2s !important;
}
.form-input:focus { border-color: var(--gold) !important; box-shadow: none !important; outline: none !important; }

/* ── SCROLL TOP ── */
.scroll-top {
  border-radius: 0 !important;
  background: var(--black) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.2) !important;
  transition: background 0.2s, transform 0.2s !important;
}
.scroll-top:hover { background: var(--gold-dark) !important; transform: translateY(-2px) !important; }

/* ── TOAST ── */
#toast {
  border-radius: 0 !important;
  background: var(--black) !important;
  border: none !important; border-bottom: 2px solid var(--gold) !important;
}

/* ── MOBILE BOTTOM NAV ── */
.mobile-bottom-nav {
  display: none;
  position: fixed; bottom:0; left:0; right:0; z-index:150;
  background: #FFFFFF;
  border-top: 1px solid var(--border);
  padding: 8px 0 max(8px, env(safe-area-inset-bottom));
  box-shadow: 0 -2px 12px rgba(0,0,0,0.06);
}
.mobile-bottom-nav-inner { display:flex; justify-content:space-around; align-items:center; max-width:520px; margin:0 auto; }
.mbn-item {
  display:flex; flex-direction:column; align-items:center; gap:3px;
  padding:6px 12px; cursor:pointer; text-decoration:none;
  color:var(--text-light); position:relative; min-width:52px;
  transition: color 0.2s;
}
.mbn-item svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5; }
.mbn-item span { font-size:0.56rem; letter-spacing:0.04em; font-weight:500; }
.mbn-item.active { color:var(--gold-dark); }
.mbn-item:hover { color:var(--gold-dark); }
@media (max-width:768px) { .mobile-bottom-nav { display:block; } body { padding-bottom:68px; } }

/* ── PROMO COUNTDOWN ── */
.promo-cd-num { border-radius: 0 !important; }

/* ── SECTIONS BACKGROUND ── */
.categories { background: #FDFCF8 !important; }
.products { background: #FAF8F4 !important; }
.about { background: #FDFCF8 !important; }
.stores { background: #FAF8F4 !important; }
.newsletter { background: #FDFCF8 !important; }