@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --ink: #171815;
  --muted: #6e7069;
  --paper: #f6f5f1;
  --white: #fff;
  --line: #e5e4df;
  --orange: #f05a24;
  --orange-dark: #d94815;
  --sage: #dce6d9;
  --green: #287a45;
  --blue: #2a62d5;
  --shadow: 0 16px 50px rgba(23, 24, 21, 0.1);
  --radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: "DM Sans", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
.hidden { display: none !important; }
.wrap { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.announcement { height: 34px; color: #fff; background: var(--ink); font-size: 11px; letter-spacing: .02em; }
.announcement-inner { height: 100%; display: flex; align-items: center; gap: 14px; }
.announcement-sep { width: 1px; height: 12px; background: #666; }
.announcement-links { margin-left: auto; display: flex; gap: 10px; align-items: center; }
.link-btn { padding: 0; color: inherit; border: 0; background: none; cursor: pointer; }
.site-header { position: relative; z-index: 20; background: #fff; border-bottom: 1px solid var(--line); }
.site-header.is-sticky { position: sticky; top: 0; box-shadow: 0 8px 30px rgba(0,0,0,.06); }
.nav-main { height: 92px; display: flex; align-items: center; gap: 34px; }
.brand { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); text-decoration: none; font-family: Manrope, sans-serif; font-size: 23px; font-weight: 800; letter-spacing: .16em; }
.brand-mark { width: 33px; height: 33px; display: inline-grid; place-items: center; color: #fff; background: var(--orange); border-radius: 9px 9px 9px 3px; font-size: 17px; letter-spacing: 0; }
.brand-image-link { flex:0 0 auto; }
.brand-logo { width:220px; height:86px; display:block; object-fit:contain; object-position:center; transform:scale(1.06); }
.search-shell { position: relative; flex: 1; height: 46px; display: flex; align-items: center; gap: 11px; padding: 0 13px; background: #f4f3ef; border: 1px solid transparent; border-radius: 10px; transition: .2s; }
.search-shell:focus-within { border-color: #d5d2ca; background: #fff; box-shadow: 0 0 0 4px #f3eee9; }
.search-shell input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; font-size: 13px; }
.search-icon { color: #76766f; font-size: 24px; transform: rotate(-15deg); }
.search-suggestions { position: absolute; top: calc(100% + 10px); left: 0; right: 0; display: grid; gap: 6px; padding: 10px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 18px 38px rgba(17, 18, 16, .12); }
.search-suggestion-item { width: 100%; display: grid; grid-template-columns: 46px 1fr auto; gap: 10px; align-items: center; padding: 8px; border: 0; border-radius: 10px; background: #fff; cursor: pointer; text-align: left; }
.search-suggestion-item:hover { background: #f7f6f2; }
.search-suggestion-item img { width: 46px; height: 46px; object-fit: cover; border-radius: 10px; }
.search-suggestion-copy { min-width: 0; display: grid; }
.search-suggestion-copy strong { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.search-suggestion-copy small { color: var(--muted); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.search-suggestion-price { font-size: 11px; font-weight: 700; }
.search-suggestion-empty { display: grid; gap: 5px; padding: 10px 4px; }
.search-suggestion-empty strong { font-size: 12px; }
.search-suggestion-empty small { color: var(--muted); font-size: 10px; line-height: 1.5; }
kbd { padding: 3px 7px; color: #989890; background: #fff; border: 1px solid #deddd8; border-radius: 5px; font-size: 10px; box-shadow: 0 1px 0 #d2d1cc; }
.nav-actions { display: flex; align-items: center; gap: 25px; }
.nav-action, .cart-button { display: flex; align-items: center; gap: 8px; padding: 0; border: 0; background: none; cursor: pointer; position: relative; }
.nav-action.active .nav-icon, .nav-action.active strong { color:var(--orange); }
.nav-icon { font-size: 24px; font-family: Arial, sans-serif; }
.nav-copy { display: grid; text-align: left; line-height: 1.2; }
.nav-copy small { color: var(--muted); font-size: 10px; }
.nav-copy strong { font-size: 12px; font-weight: 600; }
.count-badge { position: absolute; top: -7px; left: 15px; min-width: 18px; height: 18px; display: grid; place-items: center; color: #fff; background: var(--orange); border: 2px solid #fff; border-radius: 20px; font-size: 9px; font-weight: 700; }
.category-nav { height: 42px; display: flex; align-items: center; gap: 31px; overflow: hidden; font-size: 12px; }
.category-nav button { white-space: nowrap; border: 0; background: none; cursor: pointer; }
.category-nav button:first-child { font-weight: 700; }
.category-nav button.active,
.category-more-toggle.active,
.category-more-menu button.active { color: var(--orange); font-weight: 700; }
.category-offers { margin-left: auto; color: var(--orange); font-weight: 700; }
.category-offers.active { color: var(--orange-dark); }
.category-more { position: relative; }
.category-more-toggle { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }
.category-more-menu { position: absolute; top: calc(100% + 12px); left: 0; min-width: 220px; display: none; padding: 10px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 18px 38px rgba(17, 18, 16, .12); z-index: 25; }
.category-more.open .category-more-menu { display: grid; gap: 6px; }
.category-more-menu button { width: 100%; padding: 10px 12px; border-radius: 10px; text-align: left; font-size: 11px; }
.category-more-menu button:hover { background: #f7f6f2; }
.mobile-menu-btn { display: none; border: 0; background: none; font-size: 22px; }
.hero { height: 585px; position: relative; overflow: hidden; color: #fff; background: #1a1816; border-radius: 0 0 22px 22px; }
.hero-media { position:absolute; inset:0; background:#171815; transition:opacity .28s ease; }
.hero-media.is-changing { opacity:.35; }
.hero-image, .hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border:0; }
.hero-video-embed { background:#111; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,9,8,.48) 0%, rgba(9,9,8,.16) 52%, rgba(9,9,8,.02) 100%); }
.hero-content { position: relative; z-index: 2; width: 50%; padding: 88px 0 0 70px; }
.eyebrow { display: inline-block; color: var(--orange); font-size: 10px; font-weight: 800; letter-spacing: .19em; }
.eyebrow.light { color: #ff9d71; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin: 18px 0; font-family: Manrope, sans-serif; font-size: clamp(42px, 4.4vw, 65px); line-height: 1.02; letter-spacing: -.045em; }
h1 em { color: #ff7b48; font-style: normal; }
.hero-content > p { max-width: 490px; margin-bottom: 28px; color: #ddd7d1; font-size: 15px; line-height: 1.7; }
.hero-actions { display: flex; gap: 11px; }
.btn { min-height: 45px; display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 0 22px; border: 0; border-radius: 9px; font-weight: 700; font-size: 12px; cursor: pointer; transition: transform .2s, background .2s, box-shadow .2s; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: #fff; background: var(--orange); box-shadow: 0 10px 24px rgba(240,90,36,.22); }
.btn-primary:hover { background: var(--orange-dark); }
.btn-glass { color: #fff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.25); backdrop-filter: blur(10px); }
.hero-proof { margin-top: 35px; display: flex; gap: 12px; align-items: center; }
.proof-avatars { display: flex; }
.proof-avatars span { width: 29px; height: 29px; margin-left: -7px; display: grid; place-items: center; color: #39261d; background: #e7c4ad; border: 2px solid #28211d; border-radius: 50%; font-size: 8px; font-weight: 700; }
.proof-avatars span:first-child { margin-left: 0; background: #c9d8bd; }
.proof-avatars span:nth-child(3) { background: #d3c8dd; }
.proof-avatars span:last-child { color: #fff; background: var(--orange); }
.hero-proof > div:last-child { display: grid; }
.hero-proof strong { font-size: 12px; }
.hero-proof small { color: #bab6b0; font-size: 10px; }
.hero-deal { position: absolute; z-index: 2; right: 24px; bottom: 22px; min-width: 242px; display: flex; align-items: center; gap: 12px; padding: 14px 17px; color: var(--ink); background: rgba(255,255,255,.9); border: 1px solid rgba(255,255,255,.6); border-radius: 12px; backdrop-filter: blur(12px); }
.hero-deal div { flex: 1; display: grid; }
.hero-deal small { color: var(--muted); font-size: 9px; }
.hero-deal strong { font-size: 11px; }
.hero.media-only .hero-overlay, .hero.media-only .hero-content, .hero.media-only .hero-deal { opacity:0; visibility:hidden; pointer-events:none; }
.hero-arrow { position:absolute; z-index:4; top:50%; width:42px; height:54px; display:grid; place-items:center; padding:0; color:#fff; background:rgba(17,18,16,.48); border:1px solid rgba(255,255,255,.38); border-radius:12px; font:400 32px/1 Arial,sans-serif; backdrop-filter:blur(10px); cursor:pointer; transform:translateY(-50%); transition:.2s; }
.hero-arrow:hover { background:rgba(17,18,16,.78); transform:translateY(-50%) scale(1.04); }
.hero-arrow-prev { left:18px; }
.hero-arrow-next { right:18px; }
.hero-dots { position:absolute; z-index:4; left:50%; bottom:18px; display:flex; align-items:center; gap:8px; padding:7px 10px; background:rgba(17,18,16,.38); border-radius:30px; backdrop-filter:blur(10px); transform:translateX(-50%); }
.hero-dots button { width:8px; height:8px; padding:0; background:rgba(255,255,255,.55); border:0; border-radius:50%; cursor:pointer; transition:.2s; }
.hero-dots button.active { width:24px; background:#fff; border-radius:8px; }
.pulse-dot { width: 8px; height: 8px; background: var(--orange); border-radius: 50%; box-shadow: 0 0 0 5px rgba(240,90,36,.14); }
.trust-strip { min-height: 94px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; border-bottom: 1px solid var(--line); }
.trust-strip article { display: flex; align-items: center; justify-content: center; gap: 13px; border-right: 1px solid var(--line); }
.trust-strip article:last-child { border-right: 0; }
.trust-strip article div { display: grid; }
.trust-strip strong { font-size: 12px; }
.trust-strip small { color: var(--muted); font-size: 10px; }
.order-tracking-entry { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:8px; margin-bottom:28px; padding:17px 20px 17px 24px; border:1px solid #eaded5; border-radius:18px; background:linear-gradient(110deg,#fffaf7,#fff); box-shadow:0 12px 35px rgba(35,28,22,.05); }
.order-tracking-entry > div { display:flex; align-items:center; gap:14px; }
.tracking-pin { display:grid; place-items:center; width:44px; height:44px; flex:0 0 auto; border-radius:14px; color:#fff; background:linear-gradient(135deg,var(--orange),#ff8b57); box-shadow:0 10px 24px rgba(255,86,34,.23); font-size:24px; }
.order-tracking-entry small { display:block; margin-bottom:4px; color:var(--orange); font-size:7px; font-weight:800; letter-spacing:.14em; }
.order-tracking-entry strong { font:700 13px Manrope,sans-serif; }
.order-tracking-entry button { display:flex; align-items:center; gap:10px; min-height:48px; padding:0 19px; border:0; border-radius:14px; color:#fff; background:var(--ink); font:700 10px Manrope,sans-serif; box-shadow:0 12px 24px rgba(20,20,18,.14); }
.order-tracking-entry button span { font-size:18px; }
.order-tracking-entry button b { margin-left:6px; color:#ff8658; }
.track-order-modal { position:relative; display:grid; grid-template-columns:.85fr 1.15fr; min-height:510px; }
.track-order-visual { display:flex; align-items:flex-start; justify-content:flex-end; flex-direction:column; padding:48px; color:#fff; background:radial-gradient(circle at 75% 20%,rgba(255,121,72,.6),transparent 34%),linear-gradient(145deg,#171816,#2d211c); }
.track-order-visual > span { display:grid; place-items:center; width:64px; height:64px; margin-bottom:auto; border-radius:20px; background:var(--orange); font-size:34px; }
.track-order-visual small { color:#ffad8d; font-size:8px; letter-spacing:.16em; }
.track-order-visual h2 { margin:10px 0; font:700 34px/1.08 Manrope,sans-serif; letter-spacing:-.05em; }
.track-order-visual p { max-width:330px; margin:0; color:#c5c5c0; font-size:10px; line-height:1.7; }
.track-order-form { padding:58px 52px 42px; }
.track-order-form h3 { margin:9px 0; font:700 25px Manrope,sans-serif; }
.track-order-form > p { margin:0 0 24px; color:var(--muted); font-size:10px; line-height:1.65; }
.track-order-form .field { margin-bottom:14px; }
.track-order-form .btn { margin-top:22px; }
.tracked-order-result { position:relative; }
.tracked-status-hero { padding:44px 48px 38px; color:#fff; background:linear-gradient(135deg,#1e211e,#343934); text-align:center; }
.tracked-status-hero.processing { background:linear-gradient(135deg,#9b4b18,#ed6a22); }
.tracked-status-hero.shipped { background:linear-gradient(135deg,#184b72,#3181b8); }
.tracked-status-hero.cancelled { background:linear-gradient(135deg,#742c2a,#b74842); }
.tracked-status-hero .tracking-pin { margin:0 auto 15px; }
.tracked-status-hero small { display:block; color:rgba(255,255,255,.7); font-size:8px; letter-spacing:.14em; }
.tracked-status-hero h2 { margin:12px 0 3px; font:500 17px Manrope,sans-serif; }
.tracked-status-hero > strong { display:block; font:800 35px Manrope,sans-serif; text-transform:uppercase; }
.tracked-status-hero p { margin:10px 0 0; color:rgba(255,255,255,.8); font-size:10px; }
.tracked-order-content { padding:30px 38px 36px; }
.tracked-order-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.tracked-order-grid section { padding:20px; border:1px solid var(--line); border-radius:16px; background:var(--paper); }
.tracked-order-grid dl { margin:14px 0 0; }
.tracked-order-grid dl > div, .tracked-totals > div { display:flex; justify-content:space-between; gap:14px; padding:8px 0; border-bottom:1px solid #e7e4df; font-size:9px; }
.tracked-order-grid dt { color:var(--muted); }
.tracked-order-grid dd { margin:0; max-width:70%; font-weight:700; text-align:right; }
.tracked-privacy-note { margin:13px 0 0; color:var(--muted); font-size:8px; line-height:1.6; }
.tracked-item { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid #e7e4df; font-size:9px; }
.tracked-item span strong, .tracked-item span small { display:block; }
.tracked-item span small { margin-top:3px; color:var(--muted); }
.tracked-totals { margin-top:10px; }
.tracked-totals .discount { color:#268244; }
.tracked-totals .grand { border-bottom:0; font-size:12px; }
.tracked-order-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:22px; }
.trust-icon { width: 37px; height: 37px; display: grid; place-items: center; color: var(--orange); background: #fff2ec; border-radius: 50%; font-size: 18px; font-weight: 700; }
.deal-section { padding:70px 0 65px; overflow:hidden; color:#fff; background:#1a1b19; }
.deal-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:30px; }
.deal-heading h2 { margin:9px 0 6px; font:700 34px/1.08 Manrope,sans-serif; letter-spacing:-.04em; }
.deal-heading h2 em { color:#ff7a49; font-style:normal; }
.deal-heading p { margin:0; color:#8f918b; font-size:11px; }
.deal-clock { text-align:right; }
.deal-clock small { color:#777973; font-size:7px; font-weight:700; letter-spacing:.14em; }
.deal-clock > div { margin-top:6px; display:flex; align-items:center; gap:7px; }
.deal-clock b { min-width:38px; padding:7px 6px; color:#fff; background:#292a27; border:1px solid #383936; border-radius:7px; font:700 16px Manrope,sans-serif; text-align:center; }
.deal-clock span { color:var(--orange); font-weight:700; }
.deal-marquee { width:100%; overflow-x:auto; scrollbar-width:none; cursor:grab; }
.deal-marquee::-webkit-scrollbar { display:none; }
.deal-marquee:active { cursor:grabbing; }
.deal-track { width:max-content; display:flex; gap:14px; animation:dealScroll 32s linear infinite; }
.deal-marquee:hover .deal-track { animation-play-state:paused; }
@keyframes dealScroll { from { transform:translateX(0); } to { transform:translateX(calc(-50% - 7px)); } }
.deal-card { width:300px; height:174px; position:relative; overflow:hidden; display:grid; grid-template-columns:1.03fr .97fr; color:var(--ink); background:#f2efe8; border-radius:13px; cursor:pointer; transition:transform .22s ease, box-shadow .22s ease; }
.deal-card:hover { transform:translateY(-3px); box-shadow:0 14px 30px rgba(26,27,24,.14); }
.deal-card:focus-visible { outline:3px solid rgba(234,78,20,.32); outline-offset:3px; }
.deal-card.dark { color:#fff; background:#2a2927; }
.deal-card.green { background:#dce5da; }
.deal-card.rose { background:#f0ddd8; }
.deal-card-copy { position:relative; z-index:2; padding:20px 0 18px 19px; }
.deal-type { display:inline-flex; padding:4px 7px; color:#fff; background:var(--orange); border-radius:4px; font-size:8px; font-weight:800; letter-spacing:.07em; }
.deal-card.green .deal-type { background:#386b46; }
.deal-card.rose .deal-type { background:#ad544b; }
.deal-card h3 { margin:10px 0 5px; font:700 15px/1.15 Manrope,sans-serif; letter-spacing:-.02em; }
.deal-card p { margin:0 0 11px; color:#6f716b; font-size:8px; }
.deal-card.dark p { color:#a7a7a1; }
.deal-price { display:flex; align-items:center; gap:6px; }
.deal-price strong { font-size:15px; }
.deal-price del { color:#999; font-size:9px; }
.deal-add { position:absolute; left:19px; bottom:15px; width:27px; height:27px; display:grid; place-items:center; color:#fff; background:var(--ink); border:0; border-radius:6px; cursor:pointer; }
.deal-card.dark .deal-add { color:var(--ink); background:#fff; }
.deal-card img { width:100%; height:100%; object-fit:cover; mix-blend-mode:multiply; transition:transform .32s ease; }
.deal-card:hover img { transform:scale(1.035); }
.deal-card.dark img { mix-blend-mode:normal; opacity:.82; }
.deal-hint { display:none; margin:15px 0 0; color:#777; font-size:8px; text-align:center; }
.section { padding-top: 78px; padding-bottom: 80px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 29px; }
.section-heading h2 { margin: 7px 0 0; font-family: Manrope, sans-serif; font-size: 30px; letter-spacing: -.035em; }
.text-arrow { display: inline-flex; gap: 17px; align-items: center; padding: 7px 0; color: var(--ink); background: none; border: 0; border-bottom: 1px solid #aaa9a2; font-size: 11px; font-weight: 700; cursor: pointer; }
.category-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.category-card { min-width: 0; cursor: pointer; }
.category-image { aspect-ratio: 1.04; overflow: hidden; position: relative; background: #ebeae5; border-radius: 13px; }
.category-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
.category-card:hover img { transform: scale(1.06); }
.category-card h3 { margin: 13px 0 3px; font-size: 13px; }
.category-card p { margin: 0; color: var(--muted); font-size: 10px; }
.section-tint { background: var(--paper); }
.new-stock-section { position:relative; overflow:hidden; background:linear-gradient(135deg,#fffaf4 0%,#f7f3eb 55%,#f1ede4 100%); }
.new-stock-section::before { content:""; position:absolute; width:340px; height:340px; top:-210px; right:-80px; border-radius:50%; background:rgba(240,90,36,.09); }
.new-stock-section .wrap { position:relative; z-index:1; }
.new-stock-heading .eyebrow { color:var(--orange); }
.new-stock-heading h2 { font-size:32px; }
.new-stock-card { border-color:#e5d9ca; box-shadow:0 12px 35px rgba(67,48,28,.07); }
.product-badge.new-stock-badge { color:#fff; background:linear-gradient(135deg,var(--orange),#ff8557); }
.product-heading { align-items: center; }
.tabs { display: flex; gap: 7px; padding: 4px; background: #ebeae5; border-radius: 9px; }
.tabs button { padding: 8px 13px; color: var(--muted); background: transparent; border: 0; border-radius: 7px; font-size: 10px; font-weight: 700; cursor: pointer; }
.tabs button.active { color: var(--ink); background: #fff; box-shadow: 0 2px 9px rgba(0,0,0,.08); }
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.product-card { min-width: 0; position: relative; background: #fff; border: 1px solid #ebeae6; border-radius: 14px; overflow: hidden; cursor: pointer; transition: transform .25s, box-shadow .25s; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 16px 35px rgba(24,24,20,.09); }
.product-media { height: 245px; position: relative; overflow: hidden; background: #eee; }
.product-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
.product-card:hover .product-media img { transform: scale(1.04); }
.product-badge { position: absolute; top: 11px; left: 11px; z-index: 2; padding: 5px 8px; color: #fff; background: var(--orange); border-radius: 5px; font-size: 8px; font-weight: 800; letter-spacing: .05em; }
.product-badge.new { color: #24412d; background: #d8e8d7; }
.wishlist { position: absolute; z-index: 2; top: 10px; right: 10px; width: 32px; height: 32px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255,255,255,.9); cursor: pointer; font-size: 19px; }
.wishlist.active { color: var(--orange); }
.product-info { padding: 16px; }
.product-brand { color: #989891; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.product-info h3 { margin: 6px 0 8px; font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rating { display: flex; align-items: center; gap: 5px; color: #ef9a37; font-size: 10px; }
.rating small { color: #989891; }
.price-row { margin-top: 14px; display: flex; align-items: center; gap: 8px; }
.price { font-family: Manrope, sans-serif; font-size: 16px; font-weight: 800; }
.old-price { color: #a5a49f; text-decoration: line-through; font-size: 11px; }
.add-cart { margin-left: auto; width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: var(--ink); border: 0; border-radius: 8px; cursor: pointer; font-size: 17px; }
.center-action { margin-top: 35px; text-align: center; }
.btn-outline { background: transparent; border: 1px solid #c8c7c1; }
.promo-grid { padding-top: 72px; padding-bottom: 72px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.promo-card { height: 330px; position: relative; overflow: hidden; padding: 54px 48px; border-radius: 17px; }
.promo-card h3 { margin: 12px 0 8px; font: 700 34px/1.07 Manrope, sans-serif; letter-spacing: -.04em; }
.promo-card p { font-size: 11px; }
.promo-card > div:first-child { position: relative; z-index: 2; }
.promo-tech { color: #fff; background: radial-gradient(circle at 80% 45%, #5f5350 0, #211f1f 42%, #121212 73%); }
.promo-tech p { color: #d3ccca; }
.light-arrow { color: #fff; border-color: #888; }
.promo-home { background: linear-gradient(135deg, #e9e2d7, #f4eee6); }
.promo-object { position: absolute; right: 47px; bottom: 14px; color: #111; font-size: 210px; transform: rotate(25deg); font-family: serif; opacity: .85; }
.lamp-art { position: absolute; right: 55px; top: 39px; width: 130px; height: 250px; border-radius: 60% 60% 10px 10px; background: #c7b9a5; box-shadow: inset -25px -10px 45px rgba(88,70,52,.18), 0 28px 20px rgba(67,54,42,.15); }
.lamp-art::before { content:""; position:absolute; width: 115px; height: 10px; bottom:-5px; left:8px; border-radius:50%; background:#998a76; }
.lamp-art span { position:absolute; width:34px; height:34px; top:44px; left:48px; background:#f0e5d7; border-radius:50%; box-shadow:0 0 28px #fff3cf; }
.newsletter { min-height: 255px; margin-bottom: 75px; padding: 56px 70px; display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; color: #fff; background: var(--orange); border-radius: 18px; }
.newsletter h2 { margin: 10px 0 0; font: 700 36px/1.08 Manrope, sans-serif; letter-spacing: -.04em; }
.newsletter form > p { margin-bottom: 16px; font-size: 12px; }
.newsletter-input { height: 50px; display: flex; padding: 4px; background: #fff; border-radius: 9px; }
.newsletter-input input { flex:1; min-width:0; padding: 0 14px; border:0; outline:0; font-size:12px; }
.newsletter-input button { padding: 0 19px; color:#fff; background:var(--ink); border:0; border-radius:7px; font-size:11px; font-weight:700; cursor:pointer; }
.newsletter-details { display:grid; grid-template-columns:1fr 1fr auto; gap:7px; }
.newsletter-details[hidden] { display:none; }
.newsletter-details input { min-width:0; height:50px; padding:0 14px; border:0; border-radius:9px; background:#fff; font-size:11px; outline:none; }
.newsletter-details button { min-height:50px; padding:0 17px; border:0; border-radius:9px; color:#fff; background:var(--ink); font:700 10px Manrope,sans-serif; }
.newsletter form > small { display:block; margin-top:10px; color:#ffd7c7; font-size:8px; }
.about-section { margin-bottom: 82px; }
.about-shell { display: grid; grid-template-columns: 1fr; gap: 22px; align-items: start; }
.about-copy, .founder-card, .about-closing { background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 14px 40px rgba(18, 18, 16, .05); }
.about-copy { padding: 34px 36px; }
.about-copy h2 { margin: 10px 0 14px; font: 700 32px/1.08 Manrope, sans-serif; letter-spacing: -.04em; }
.about-copy p { margin: 0 0 10px; color: var(--muted); font-size: 10px; line-height: 1.75; }
.about-lead { max-width: 60ch; color: #50524d; font-size: 10px; line-height: 1.85; }
.about-points { margin-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.about-point { padding: 15px 16px; background: #f8f6f2; border: 1px solid #ece7df; border-radius: 14px; }
.about-point strong { display: block; margin-bottom: 6px; font-size: 11px; }
.about-point span { color: var(--muted); font-size: 9px; line-height: 1.65; }
.about-founders { display: grid; gap: 16px; }
.founder-card { display: grid; grid-template-columns: 58px 1fr; gap: 16px; padding: 22px; }
.founder-body { display: grid; gap: 8px; }
.founder-badge { width: 58px; height: 58px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--orange), #ff8758); border-radius: 16px; font: 800 18px Manrope, sans-serif; letter-spacing: .08em; }
.founder-card small { display: inline-block; margin-bottom: 6px; color: var(--orange); font-size: 8px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.founder-card h3 { margin: 0 0 8px; font: 700 20px Manrope, sans-serif; }
.founder-card p { margin: 0; color: var(--muted); font-size: 9.5px; line-height: 1.75; }
.founder-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.founder-tags span { padding: 6px 10px; background: #f8f6f2; border: 1px solid #ece7df; border-radius: 999px; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.about-closing { margin-top: 18px; padding: 22px 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.about-closing p { margin: 0; max-width: 780px; color: var(--muted); font-size: 9.5px; line-height: 1.7; }
.about-closing span { white-space: nowrap; color: var(--ink); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
footer { color:#d7d7d4; background:#191a18; }
.footer-grid { padding: 65px 0 52px; display:grid; grid-template-columns:2fr repeat(3, 1fr); gap:70px; }
.footer-brand .brand { color:#fff; }
.footer-brand .brand-logo { width:230px; height:115px; padding:5px 10px; background:#fff; border-radius:12px; object-position:center; }
.footer-brand p { max-width:320px; margin:20px 0; color:#898a85; font-size:11px; line-height:1.8; }
.socials { display:flex; gap:9px; }
.socials span { width:30px; height:30px; display:grid; place-items:center; border:1px solid #3a3b38; border-radius:50%; font-size:10px; }
.footer-grid h4 { margin:4px 0 22px; color:#fff; font-size:12px; }
.footer-grid > div:not(:first-child) { display:flex; flex-direction:column; gap:13px; }
.footer-grid a, .footer-link { width:max-content; padding:0; color:#888984; background:none; border:0; font:inherit; font-size:10px; text-decoration:none; text-align:left; cursor:pointer; }
.footer-grid a:hover, .footer-link:hover { color:#fff; }
.privacy-modal { position:relative; }
.privacy-header { padding:42px 48px 32px; color:#fff; background:linear-gradient(135deg,#191a18 0%,#31322e 100%); }
.privacy-header .eyebrow { color:#ff6b35; }
.privacy-header h2 { max-width:620px; margin:10px 0 12px; font:700 34px/1.08 Manrope,sans-serif; letter-spacing:-.04em; }
.privacy-header p { max-width:680px; margin:0; color:#b7b8b2; font-size:10px; line-height:1.7; }
.privacy-content { padding:38px 48px 52px; color:#555751; }
.privacy-content section + section { margin-top:32px; padding-top:30px; border-top:1px solid var(--line); }
.privacy-content h3 { margin:0 0 13px; color:var(--ink); font:700 18px/1.25 Manrope,sans-serif; letter-spacing:-.02em; }
.privacy-content p, .privacy-content li { font-size:10px; line-height:1.85; }
.privacy-content p { margin:0 0 13px; }
.privacy-content ul { margin:10px 0 15px; padding-left:20px; }
.privacy-content li + li { margin-top:7px; }
.privacy-note { padding:18px 20px; color:#4c5049; background:#f4f2ed; border-left:3px solid var(--orange); border-radius:0 10px 10px 0; }
.privacy-contact { display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center; padding:22px 24px; color:#fff; background:#242521; border-radius:12px; }
.privacy-contact p { margin:0; color:#b5b6b1; }
.privacy-contact a { color:#fff; font-size:11px; font-weight:800; }
.footer-bottom { min-height:65px; display:flex; align-items:center; justify-content:space-between; color:#696a66; border-top:1px solid #2c2d2a; font-size:9px; }
.payment-logos { color:#aaa; font-weight:700; }
.drawer-overlay, .modal-overlay { position:fixed; inset:0; z-index:80; visibility:hidden; opacity:0; background:rgba(15,15,13,.48); backdrop-filter:blur(4px); transition:.25s; }
.drawer-overlay.open, .modal-overlay.open { visibility:visible; opacity:1; }
.cart-drawer { position:fixed; z-index:90; top:0; right:0; width:min(440px, 100%); height:100vh; display:flex; flex-direction:column; background:#fff; transform:translateX(100%); transition:.35s cubic-bezier(.22,.9,.3,1); }
.cart-drawer.open { transform:translateX(0); }
.cart-drawer header { height:100px; display:flex; align-items:center; justify-content:space-between; padding:0 26px; border-bottom:1px solid var(--line); }
.cart-drawer h2 { margin:5px 0 0; font:700 23px Manrope,sans-serif; }
.cart-drawer header button { width:38px; height:38px; background:#f3f2ee; border:0; border-radius:50%; font-size:25px; cursor:pointer; }
.cart-items { flex:1; overflow:auto; padding:20px 26px; }
.empty-cart { height:100%; display:grid; place-content:center; text-align:center; color:var(--muted); }
.empty-cart span { margin:auto; width:70px; height:70px; display:grid; place-items:center; background:var(--paper); border-radius:50%; font-size:28px; }
.empty-cart h3 { margin:15px 0 5px; color:var(--ink); }
.empty-cart p { font-size:11px; }
.cart-item { display:grid; grid-template-columns:82px 1fr auto; gap:13px; padding:15px 0; border-bottom:1px solid var(--line); }
.cart-item img { width:82px; height:92px; object-fit:cover; border-radius:9px; }
.cart-item h4 { margin:5px 0 6px; font-size:12px; }
.cart-item small { color:var(--muted); font-size:9px; }
.cart-item-price { font-size:12px; font-weight:700; }
.qty { width:max-content; margin-top:12px; display:flex; align-items:center; border:1px solid var(--line); border-radius:7px; overflow:hidden; }
.qty button { width:27px; height:27px; border:0; background:#fff; cursor:pointer; }
.qty span { width:25px; text-align:center; font-size:10px; }
.remove-item { margin-top:8px; padding:0; color:#aaa; background:none; border:0; font-size:9px; cursor:pointer; }
.cart-footer { padding:19px 26px 26px; border-top:1px solid var(--line); box-shadow:0 -10px 30px rgba(0,0,0,.04); }
.delivery-progress { margin-bottom:18px; font-size:10px; }
.delivery-progress > div { height:4px; margin-top:9px; overflow:hidden; background:#eee; border-radius:5px; }
.delivery-progress i { display:block; height:100%; width:0; background:var(--orange); transition:.3s; }
.cart-line { display:flex; justify-content:space-between; margin-bottom:6px; }
.cart-line strong { font-size:18px; }
.cart-footer > small { color:var(--muted); font-size:9px; }
.btn-block { width:100%; margin-top:17px; }
.continue-shopping { width:100%; margin-top:12px; border:0; background:none; font-size:10px; text-decoration:underline; cursor:pointer; }
.modal-overlay { display:grid; place-items:center; padding:20px; }
.modal { width:min(900px, 100%); max-height:90vh; overflow:auto; background:#fff; border-radius:18px; box-shadow:var(--shadow); transform:translateY(15px) scale(.98); transition:.25s; }
.modal-overlay.open .modal { transform:none; }
.modal-close { position:absolute; top:18px; right:18px; z-index:2; width:34px; height:34px; border:0; background:#f1f0ec; border-radius:50%; font-size:20px; cursor:pointer; }
.product-modal { position:relative; display:grid; grid-template-columns:1fr 1fr; }
.product-modal-media { min-height:550px; background:#eee; }
.product-modal-media img { width:100%; height:100%; object-fit:cover; }
.product-modal-media video, .product-tiktok { width:100%; min-height:420px; border:0; background:#111; }
.product-modal-copy { padding:50px 44px; }
.product-modal-copy h2 { margin:8px 0 12px; font:700 30px/1.1 Manrope,sans-serif; letter-spacing:-.035em; }
.product-modal-copy .price { display:block; margin:20px 0; font-size:25px; }
.product-modal-copy > p { color:var(--muted); font-size:12px; line-height:1.7; }
.product-purchase-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:18px; }
.product-purchase-actions .btn { margin:0; }
.account-notice { position:relative; padding:52px 48px 44px; text-align:center; }
.account-notice-icon {
  display:grid; place-items:center; width:64px; height:64px; margin:0 auto 20px;
  border-radius:22px; color:#fff; background:linear-gradient(135deg,var(--orange),#ff8a4f);
  box-shadow:0 16px 35px rgba(255,86,34,.24); font-size:30px;
}
.account-notice h2 {
  max-width:670px; margin:10px auto 14px;
  font:700 31px/1.15 Manrope,sans-serif; letter-spacing:-.04em;
}
.account-notice > p {
  max-width:720px; margin:9px auto; color:var(--muted); font-size:12px; line-height:1.75;
}
.account-notice-benefits {
  display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:28px 0 18px; text-align:left;
}
.account-notice-benefits > div {
  min-height:155px; padding:20px; border:1px solid var(--line); border-radius:18px; background:var(--paper);
}
.account-notice-benefits span {
  display:grid; place-items:center; width:34px; height:34px; margin-bottom:17px;
  border-radius:11px; color:var(--orange); background:#fff0ea; font-weight:800;
}
.account-notice-benefits strong { display:block; margin-bottom:6px; font:700 12px Manrope,sans-serif; }
.account-notice-benefits small { color:var(--muted); font-size:9px; line-height:1.55; }
.account-notice-alert {
  display:flex; align-items:center; gap:12px; margin:18px 0 22px; padding:15px 18px;
  border-radius:14px; color:#694012; background:#fff6df; text-align:left;
}
.account-notice-alert strong { white-space:nowrap; font-size:10px; }
.account-notice-alert span { font-size:9px; line-height:1.5; }
.feature-list { padding:15px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.feature-list div { display:flex; justify-content:space-between; padding:7px 0; font-size:10px; }
.stock { margin:17px 0; color:var(--green); font-size:10px; font-weight:700; }
.checkout-modal { position:relative; display:grid; grid-template-columns:1.4fr .8fr; min-height:600px; }
.checkout-main { padding:42px; }
.checkout-side { padding:42px 30px; background:var(--paper); }
.checkout-main h2 { font:700 27px Manrope,sans-serif; }
.stepper { display:flex; margin:20px 0 30px; }
.step { flex:1; position:relative; color:#aaa; font-size:9px; }
.step::after { content:""; position:absolute; top:11px; left:26px; right:6px; height:1px; background:#ddd; }
.step:last-child::after { display:none; }
.step b { width:23px; height:23px; margin-bottom:5px; display:grid; place-items:center; position:relative; z-index:1; background:#e3e2de; border-radius:50%; }
.step.active { color:var(--ink); font-weight:700; }
.step.active b { color:#fff; background:var(--orange); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.field { display:grid; gap:6px; }
.field.full { grid-column:1/-1; }
.field label { font-size:9px; font-weight:700; }
.field input, .field select, .field textarea { width:100%; padding:12px; border:1px solid #deddd8; border-radius:8px; outline:0; font-size:11px; background:#fff; }
.field input:focus, .field select:focus { border-color:var(--orange); box-shadow:0 0 0 3px #fff0ea; }
.payment-options { display:grid; gap:10px; }
.payment-option { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid var(--line); border-radius:9px; cursor:pointer; }
.payment-option.active { border-color:var(--orange); background:#fff8f5; }
.payment-option input { accent-color:var(--orange); }
.payment-option div { display:grid; }
.payment-option strong { font-size:11px; }
.payment-option small { color:var(--muted); font-size:9px; }
.payment-admin-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding:20px; }
.payment-admin-card { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px; border:1px solid var(--line); border-radius:12px; }
.payment-admin-card div { display:grid; gap:5px; }
.payment-admin-card small { color:var(--muted); font-size:9px; }
.status-toggle { padding:8px 12px; color:#8b3d35; background:#fff0ed; border:0; border-radius:999px; font-size:9px; font-weight:800; cursor:pointer; }
.status-toggle.active { color:#25613a; background:#e8f5ec; }
.media-upload { margin-bottom:8px; cursor:pointer; }
.existing-media { display:flex; gap:8px; margin-top:10px; }
.existing-media img { width:72px; height:72px; object-fit:cover; border-radius:8px; }
.offer-product-mode { padding:16px; background:#f7f5f0; border-radius:12px; }
.offer-new-product { padding:20px; background:#fbfaf7; border:1px solid var(--line); border-radius:12px; }
.offer-new-product[hidden] { display:none; }
.offer-new-heading { display:grid; gap:5px; margin-bottom:18px; }
.offer-new-heading strong { font:700 16px Manrope,sans-serif; }
.offer-new-heading small { color:var(--muted); font-size:9px; }
.order-mini { display:grid; grid-template-columns:50px 1fr auto; gap:10px; align-items:center; padding:10px 0; border-bottom:1px solid #dddcd7; }
.order-mini img { width:50px; height:55px; object-fit:cover; border-radius:6px; }
.order-mini span, .order-mini strong { font-size:9px; }
.checkout-totals { margin-top:18px; }
.checkout-totals div { display:flex; justify-content:space-between; padding:6px 0; font-size:10px; }
.checkout-totals .grand { margin-top:9px; padding-top:13px; border-top:1px solid #d4d3ce; font-size:14px; font-weight:700; }
.promo-code-box { margin:22px 0 14px; padding:18px; border:1px solid #e5ddd5; border-radius:17px; background:#fffaf7; }
.promo-code-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
.promo-code-heading strong { display:block; margin-top:3px; font:700 12px Manrope,sans-serif; }
.promo-code-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; color:#fff; background:var(--orange); font-weight:800; }
.promo-code-control { display:grid; grid-template-columns:1fr auto; gap:8px; }
.promo-code-control input { width:100%; height:43px; padding:0 13px; border:1px solid #dcd8d3; border-radius:10px; background:#fff; font:700 11px Manrope,sans-serif; text-transform:uppercase; letter-spacing:.08em; outline:none; }
.promo-code-control input:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,86,34,.1); }
.promo-code-control button { padding:0 18px; border:0; border-radius:10px; color:#fff; background:var(--ink); font:700 9px Manrope,sans-serif; }
.promo-code-control button:disabled { opacity:.55; }
.promo-code-feedback { margin-top:10px; padding:11px 12px; border-radius:10px; color:var(--muted); background:#f3f1ee; font-size:9px; line-height:1.55; }
.promo-code-feedback strong, .promo-code-feedback span { display:block; }
.promo-code-feedback.success { color:#276a3d; background:#eaf7ee; }
.promo-code-feedback.error { color:#a7392e; background:#fff0ed; }
.promo-original-total { color:#999; text-decoration:line-through; }
.promo-discount-line { color:#218340; }
.promo-discount-line strong { color:#218340; }

.promotion-code-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:16px; }
.promotion-code-summary > div { padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--paper); }
.promotion-code-summary span { display:block; margin-bottom:7px; color:var(--muted); font-size:8px; letter-spacing:.12em; }
.promotion-code-summary strong { font:700 25px Manrope,sans-serif; }
.promotion-code-pill { display:inline-flex; padding:7px 10px; border:1px dashed #f3a17f; border-radius:9px; color:#ba3f15; background:#fff2ed; font:800 10px Manrope,sans-serif; letter-spacing:.09em; }
.usage-progress { width:90px; height:5px; margin:7px 0; overflow:hidden; border-radius:999px; background:#e6e4df; }
.usage-progress i { display:block; height:100%; border-radius:inherit; background:var(--orange); }
.promotion-redemption-history { margin:18px 16px 16px; padding:20px; border:1px solid var(--line); border-radius:17px; background:#fff; }
.promotion-redemption-history .admin-card-head p { margin:4px 0 0; color:var(--muted); font-size:9px; }
.code-generator-control { display:grid; grid-template-columns:1fr auto; gap:8px; }
.code-generator-control button { padding:0 18px; border:0; border-radius:10px; color:#fff; background:var(--ink); font:700 9px Manrope,sans-serif; }
.code-generator-control button:disabled { opacity:.4; }
.promotion-code-form .form-intro { margin:-5px 0 22px; color:var(--muted); font-size:10px; line-height:1.65; }
.code-form-history { margin:20px 0; padding:18px; border:1px solid var(--line); border-radius:15px; background:var(--paper); }
.code-form-history > strong { display:block; margin-bottom:10px; font:700 11px Manrope,sans-serif; }
.code-form-history > div { display:flex; justify-content:space-between; gap:14px; padding:8px 0; border-top:1px solid var(--line); font-size:9px; }
.code-form-history > p { margin:0; color:var(--muted); font-size:9px; }
.admin-table-scroll { width:100%; overflow:auto; }
.orders-insights { display:grid; grid-template-columns:1.15fr .85fr; gap:14px; padding:16px; border-bottom:1px solid var(--line); background:#faf9f6; }
.orders-chart-card { min-height:300px; padding:22px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(20,20,18,.04); }
.orders-insight-head { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.orders-insight-head span { color:var(--orange); font-size:8px; font-weight:800; letter-spacing:.14em; }
.orders-insight-head h3 { margin:5px 0 0; font:700 15px Manrope,sans-serif; }
.orders-insight-head > strong { padding:7px 10px; border-radius:9px; background:var(--paper); font-size:9px; }
.company-bar-chart { display:flex; align-items:flex-end; gap:12px; height:205px; margin-top:20px; padding-top:20px; border-bottom:1px solid var(--line); }
.company-bar-item { display:grid; grid-template-rows:16px 1fr 35px; justify-items:center; flex:1; height:100%; min-width:42px; }
.company-bar-value { color:var(--muted); font-size:8px; }
.company-bar-track { display:flex; align-items:flex-end; width:26px; height:100%; border-radius:8px 8px 0 0; background:#fff2ed; overflow:hidden; }
.company-bar-track i { display:block; width:100%; border-radius:8px 8px 0 0; background:linear-gradient(180deg,#ff8a55,var(--orange)); }
.company-bar-item > span { max-width:68px; padding-top:7px; overflow:hidden; color:#555; font-size:7px; line-height:1.25; text-align:center; text-overflow:ellipsis; }
.status-donut-layout { display:grid; grid-template-columns:150px 1fr; align-items:center; gap:20px; margin-top:35px; }
.status-donut { display:grid; place-items:center; width:145px; height:145px; border-radius:50%; }
.status-donut > div { display:grid; place-items:center; width:87px; height:87px; border-radius:50%; background:#fff; box-shadow:inset 0 0 0 1px var(--line); }
.status-donut strong { font:700 25px Manrope,sans-serif; }
.status-donut span { color:var(--muted); font-size:7px; letter-spacing:.12em; }
.status-summary-list > div { display:grid; grid-template-columns:8px 1fr auto 30px; align-items:center; gap:7px; padding:6px 0; border-bottom:1px solid #f0eee9; font-size:8px; }
.status-summary-list i { width:7px; height:7px; border-radius:50%; }
.status-summary-list small { color:var(--muted); text-align:right; }
.quick-status-control { display:flex; align-items:center; gap:7px; }
.quick-status-control select { min-width:132px; max-width:155px; height:36px; padding:0 30px 0 11px; border:1px solid #d9d6d0; border-radius:10px; background:#fff; font-size:11px; font-weight:700; cursor:pointer; outline:none; }
.quick-status-control select:focus { border-color:var(--orange); }
.success-state { padding:70px 40px; text-align:center; }
.success-brand-logo { width:210px; height:82px; margin:0 auto 18px; display:block; object-fit:contain; }
.success-check { width:72px; height:72px; margin:0 auto 20px; display:grid; place-items:center; color:#fff; background:var(--green); border-radius:50%; font-size:32px; }
.success-state h2 { font:700 28px Manrope,sans-serif; }
.success-state p { color:var(--muted); font-size:12px; }
.toast { position:fixed; z-index:200; left:50%; bottom:25px; padding:12px 18px; color:#fff; background:var(--ink); border-radius:8px; font-size:11px; box-shadow:var(--shadow); opacity:0; transform:translate(-50%,20px); transition:.25s; pointer-events:none; }
.toast.show { opacity:1; transform:translate(-50%,0); }

/* Admin */
.admin-view { min-height:100vh; display:flex; background:#f7f7f5; }
.admin-sidebar { width:230px; min-height:100vh; position:fixed; z-index:30; display:flex; flex-direction:column; padding:24px 17px 18px; color:#ccc; background:#191a18; }
.admin-sidebar-overlay { display:none; }
.admin-brand { width:100%; justify-content:center; padding:0 5px 20px; color:#fff; background:none; border:0; cursor:pointer; }
.admin-brand .brand-logo { width:195px; height:100px; padding:4px 8px; background:#fff; border-radius:11px; object-position:center; }
.admin-workspace { display:grid; margin-bottom:22px; padding:13px; background:#242522; border:1px solid #30312e; border-radius:9px; }
.admin-workspace small { color:#73746f; font-size:7px; letter-spacing:.13em; }
.admin-workspace strong { margin:5px 0 2px; color:#fff; font-size:11px; }
.admin-workspace span { color:#f28b64; font-size:8px; }
.admin-sidebar nav { display:grid; gap:3px; }
.admin-sidebar nav button, .sidebar-bottom > button { min-height:39px; display:flex; align-items:center; gap:12px; padding:0 12px; color:#9b9c97; background:none; border:0; border-radius:7px; font-size:10px; text-align:left; cursor:pointer; }
.admin-sidebar nav button span, .sidebar-bottom button span { width:15px; text-align:center; font-size:15px; }
.admin-sidebar nav button b { margin-left:auto; padding:2px 6px; color:#fff; background:var(--orange); border-radius:8px; font-size:7px; }
.admin-sidebar nav button:hover, .admin-sidebar nav button.active { color:#fff; background:#30312e; }
.sidebar-bottom { margin-top:auto; display:grid; }
.admin-profile { width:100%; margin-top:13px; padding:13px 8px 2px; display:flex; align-items:center; gap:9px; color:inherit; background:none; border:0; border-top:1px solid #30312e; text-align:left; cursor:pointer; }
.admin-profile > span { width:30px; height:30px; display:grid; place-items:center; color:#fff; background:var(--orange); border-radius:8px; font-size:9px; font-weight:700; }
.admin-profile div { flex:1; display:grid; }
.admin-profile strong { color:#fff; font-size:9px; }
.admin-profile small { color:#777; font-size:8px; }
.admin-content { flex:1; min-width:0; margin-left:230px; }
.admin-topbar { height:72px; display:flex; align-items:center; justify-content:space-between; padding:0 35px; background:#fff; border-bottom:1px solid var(--line); }
.admin-search { width:330px; display:flex; align-items:center; gap:8px; color:#888; }
.admin-search input { flex:1; border:0; outline:0; font-size:10px; }
.admin-tools { display:flex; align-items:center; gap:9px; }
.admin-tools > button:not(.btn) { width:33px; height:33px; border:1px solid var(--line); background:#fff; border-radius:7px; cursor:pointer; }
.notification { position:relative; }
.notification i { position:absolute; top:6px; right:6px; width:5px; height:5px; background:var(--orange); border-radius:50%; }
.btn-dark { min-height:35px; padding:0 15px; background:var(--ink); color:#fff; }
.admin-mobile-menu { display:none; }
.admin-panel { padding:35px; }
.admin-panel-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:25px; }
.admin-panel-header h1 { margin:0 0 6px; font-size:27px; color:var(--ink); }
.admin-panel-header p { color:var(--muted); font-size:10px; }
.date-button { padding:10px 13px; background:#fff; border:1px solid var(--line); border-radius:8px; font-size:9px; }
.dashboard-date-filters { display:flex; align-items:center; gap:9px; flex-wrap:wrap; justify-content:flex-end; }
.dashboard-date-filters > select { height:42px; padding:0 34px 0 13px; border:1px solid var(--line); border-radius:11px; background:#fff; font:700 9px Manrope,sans-serif; }
.dashboard-custom-dates { display:flex; align-items:center; gap:7px; }
.dashboard-custom-dates[hidden] { display:none; }
.dashboard-custom-dates label { display:grid; gap:3px; color:var(--muted); font-size:7px; font-weight:800; letter-spacing:.08em; }
.dashboard-custom-dates input { height:31px; padding:0 8px; border:1px solid var(--line); border-radius:8px; background:#fff; font-size:8px; }
.kpi-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.kpi { padding:19px; background:#fff; border:1px solid var(--line); border-radius:11px; }
.kpi-top { display:flex; justify-content:space-between; color:var(--muted); font-size:9px; }
.kpi-icon { width:28px; height:28px; display:grid; place-items:center; background:#fff1ea; border-radius:7px; color:var(--orange); }
.kpi strong { display:block; margin:12px 0 7px; font:700 23px Manrope,sans-serif; }
.kpi small { color:var(--green); font-size:8px; }
.kpi small.down { color:#d9504b; }
.dashboard-grid { margin-top:14px; display:grid; grid-template-columns:1.6fr .8fr; gap:14px; }
.admin-card { padding:20px; background:#fff; border:1px solid var(--line); border-radius:11px; }
.admin-card-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.admin-card h3 { margin:0; font-size:12px; }
.admin-card-head select { padding:6px 9px; border:1px solid var(--line); border-radius:6px; font-size:8px; }
.chart { height:210px; display:flex; align-items:end; gap:12px; padding:15px 6px 20px; border-bottom:1px solid var(--line); background:repeating-linear-gradient(to bottom,#fff 0,#fff 51px,#efefec 52px); }
.bar-group { flex:1; height:100%; display:flex; align-items:end; gap:3px; position:relative; }
.bar-group i { flex:1; display:block; border-radius:4px 4px 0 0; background:#20211f; }
.bar-group i:last-of-type { background:#f08056; }
.bar-group span { position:absolute; top:calc(100% + 7px); left:50%; transform:translateX(-50%); color:#aaa; font-size:7px; }
.donut-wrap { height:210px; display:grid; place-items:center; position:relative; }
.donut { width:140px; height:140px; display:grid; place-items:center; background:conic-gradient(var(--orange) 0 52%, #1e201e 52% 76%, #d7dfd2 76% 91%, #e9e8e3 91%); border-radius:50%; }
.donut::before { content:""; width:83px; height:83px; background:#fff; border-radius:50%; }
.donut-label { position:absolute; display:grid; text-align:center; }
.donut-label strong { font-size:18px; }
.donut-label small { color:var(--muted); font-size:7px; }
.legend { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.legend span { font-size:8px; }
.legend i { width:6px; height:6px; display:inline-block; margin-right:6px; border-radius:50%; }
.table-card { margin-top:14px; padding:0; overflow:hidden; }
.table-card .admin-card-head { padding:18px 20px 0; }
.admin-table { width:100%; border-collapse:collapse; }
.admin-table th { padding:10px 18px; color:#888; background:#fafaf8; font-size:7px; text-align:left; letter-spacing:.08em; }
.admin-table td { padding:12px 18px; border-top:1px solid #eee; font-size:9px; }
.table-product { display:flex; align-items:center; gap:8px; }
.table-product img { width:46px; height:50px; object-fit:cover; border-radius:7px; }
.table-product div { display:grid; gap:3px; }
.table-product small { color:var(--muted); font-size:8px; }
.table-actions { display:flex; gap:6px; flex-wrap:wrap; }
.table-action { padding:6px 10px; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:8px; font-size:8px; font-weight:700; cursor:pointer; }
.table-action:hover { background:#faf7f2; border-color:#d2c8b8; }
.table-action.danger { color:#b33a38; background:#fff7f6; border-color:#f0d7d6; }
.homepage-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:16px; }
.homepage-stat { padding:18px; background:#fff; border:1px solid var(--line); border-radius:14px; }
.homepage-stat span { display:block; color:var(--muted); font-size:10px; }
.homepage-stat strong { display:block; margin-top:5px; font:700 24px Manrope,sans-serif; }
.homepage-help { margin:0 0 18px; padding:13px 15px; color:#696a64; background:#fff8ee; border:1px solid #f2d6b1; border-radius:12px; font-size:11px; line-height:1.6; }
.homepage-media-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.homepage-media-card { overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:16px; }
.homepage-media-preview { aspect-ratio:16/7; position:relative; overflow:hidden; background:#171815; }
.homepage-media-preview img, .homepage-media-preview video, .homepage-media-preview iframe { width:100%; height:100%; display:block; object-fit:cover; border:0; }
.homepage-media-type { position:absolute; top:10px; left:10px; padding:5px 8px; color:#fff; background:rgba(17,18,16,.72); border-radius:20px; font-size:8px; font-weight:700; letter-spacing:.08em; }
.homepage-media-copy { padding:14px 15px; }
.homepage-media-copy h3 { margin:0 0 5px; font:700 14px Manrope,sans-serif; }
.homepage-media-copy p { margin:0; color:var(--muted); font-size:10px; }
.homepage-media-meta { display:flex; gap:8px; align-items:center; margin-top:12px; flex-wrap:wrap; }
.homepage-media-meta span { padding:5px 8px; color:#555; background:#f4f3ef; border-radius:20px; font-size:8px; }
.homepage-media-actions { display:flex; gap:8px; margin-top:13px; }
.homepage-media-actions button { flex:1; padding:8px; border:1px solid var(--line); border-radius:8px; background:#fff; cursor:pointer; font-size:9px; font-weight:700; }
.homepage-media-actions button.danger { color:#b92b2b; }
.hero-form-preview { min-height:180px; display:grid; place-items:center; overflow:hidden; background:#171815; border-radius:14px; }
.hero-form-preview img, .hero-form-preview video { width:100%; max-height:300px; object-fit:cover; }
.table-note { color:var(--muted); font-size:8px; }
.status { display:inline-flex; align-items:center; gap:5px; padding:4px 7px; border-radius:12px; background:#e5f2e8; color:var(--green); font-size:7px; font-weight:700; }
.status::before { content:""; width:4px; height:4px; background:currentColor; border-radius:50%; }
.status.processing { color:#a76718; background:#fff1d9; }
.status.shipped { color:#3462a8; background:#e8effa; }
.status.cancelled { color:#b33a38; background:#f9e6e5; }
.status.status-pending { color:#9a620c; background:#fff0cd; }
.status.status-confirmed { color:#b44917; background:#ffeadf; }
.status.status-processing { color:#7048ad; background:#f0e8fb; }
.status.status-ready_for_pickup { color:#087e78; background:#def5f2; }
.status.status-shipped { color:#2468ad; background:#e3effc; }
.status.status-delivered { color:#237944; background:#e2f5e8; }
.status.status-cancelled { color:#b33a38; background:#f9e3e2; }
.status.status-refunded { color:#5e6670; background:#e9ecef; }
.quick-status-control select.status-select-pending { color:#8a5709; background:#fff8e8; border-color:#efd18f; }
.quick-status-control select.status-select-confirmed { color:#a94114; background:#fff2eb; border-color:#f3b899; }
.quick-status-control select.status-select-processing { color:#68439f; background:#f7f1ff; border-color:#cdb8e9; }
.quick-status-control select.status-select-ready_for_pickup { color:#08736e; background:#edfffc; border-color:#9ddad5; }
.quick-status-control select.status-select-shipped { color:#205f9c; background:#f0f7ff; border-color:#aacbea; }
.quick-status-control select.status-select-delivered { color:#206d3e; background:#effbf2; border-color:#a9d8b8; }
.quick-status-control select.status-select-cancelled { color:#a63331; background:#fff0ef; border-color:#e3aaa8; }
.quick-status-control select.status-select-refunded { color:#555d66; background:#f3f5f6; border-color:#c9ced3; }
.promo-history-discount { color:#238347; }
.simple-panel { background:#fff; border:1px solid var(--line); border-radius:11px; overflow:hidden; }
.admin-empty { padding:36px 28px; text-align:center; color:var(--muted); }
.admin-empty strong { display:block; margin-bottom:8px; color:var(--ink); font-size:13px; }
.admin-empty p { margin:0; font-size:10px; line-height:1.7; }
.panel-toolbar { display:flex; gap:9px; padding:15px; border-bottom:1px solid var(--line); }
.panel-toolbar input { flex:1; padding:10px 12px; border:1px solid var(--line); border-radius:7px; font-size:9px; }
.panel-toolbar select { padding:0 10px; border:1px solid var(--line); border-radius:7px; font-size:9px; }
.add-product-form { position:relative; padding:34px; }
.add-product-form h2 { font:700 24px Manrope,sans-serif; }
.add-product-form .form-grid { margin-top:22px; }
.add-product-form textarea { min-height:75px; resize:vertical; }
.password-management-form .form-intro { margin:8px 0 0; color:var(--muted); font-size:10px; line-height:1.65; }
.security-notice { margin-top:18px; padding:14px 16px; display:grid; gap:4px; color:#4d4b42; background:#fff7df; border:1px solid #ead99d; border-radius:11px; font-size:9px; line-height:1.55; }
.security-notice strong { color:var(--ink); font-size:10px; }
.bulk-import-form { display:grid; gap:20px; }
.bulk-import-setup { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); gap:28px; padding:28px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(135deg,#fff 0%,#faf8f3 100%); }
.bulk-import-copy h2 { margin:8px 0 12px; font-size:clamp(25px,3vw,40px); line-height:1.08; }
.bulk-import-copy p { max-width:650px; margin:0; color:var(--muted); line-height:1.7; }
.bulk-import-defaults { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.bulk-import-defaults .btn { grid-column:1/-1; min-height:48px; }
.bulk-file-picker { min-height:150px; display:grid; place-items:center; align-content:center; gap:6px; padding:26px; border:2px dashed #d7d1c6; border-radius:22px; background:#fff; cursor:pointer; text-align:center; transition:.2s ease; }
.bulk-file-picker:hover { border-color:var(--orange); background:#fffaf7; transform:translateY(-1px); }
.bulk-file-picker > span { width:48px; height:48px; display:grid; place-items:center; border-radius:15px; color:#fff; background:var(--orange); font-size:26px; }
.bulk-file-picker > strong { margin-top:4px; font-size:17px; }
.bulk-file-picker > small,.bulk-import-footer small { color:var(--muted); }
.bulk-import-summary { padding:13px 16px; border-radius:12px; background:#f4f3ef; color:#5f625c; font-size:13px; }
.bulk-products-list { display:grid; gap:14px; }
.bulk-product-row { display:grid; grid-template-columns:116px minmax(0,1fr) 190px; gap:18px; align-items:center; padding:16px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(20,20,18,.035); }
.bulk-product-row.imported { border-color:#9ed5ac; background:#f6fff8; }
.bulk-product-photo { position:relative; width:116px; height:116px; overflow:hidden; border-radius:14px; background:#f1f0ec; }
.bulk-product-photo img { width:100%; height:100%; object-fit:cover; }
.bulk-product-photo span { position:absolute; top:7px; left:7px; min-width:25px; height:25px; display:grid; place-items:center; padding:0 6px; border-radius:8px; color:#fff; background:rgba(15,16,14,.82); font-size:11px; font-weight:800; }
.bulk-product-fields { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.bulk-product-fields .field label { font-size:10px; }
.bulk-product-fields input,.bulk-product-fields select,.bulk-product-fields textarea { min-height:44px; padding:10px 12px; }
.bulk-product-fields textarea { min-height:68px; resize:vertical; }
.bulk-product-file { min-width:0; display:grid; gap:5px; padding:12px; border-radius:12px; background:#f7f6f2; }
.bulk-product-file strong,.bulk-product-file small { overflow:hidden; text-overflow:ellipsis; }
.bulk-product-file strong { white-space:nowrap; font-size:12px; }
.bulk-product-file small { color:var(--muted); font-size:11px; line-height:1.45; }
.bulk-product-file b { width:max-content; margin-top:5px; padding:5px 8px; border-radius:999px; color:#20783a; background:#dff4e5; font-size:10px; }
.bulk-import-footer { position:sticky; bottom:14px; z-index:5; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px 20px; border:1px solid rgba(255,255,255,.15); border-radius:18px; color:#fff; background:rgba(19,20,18,.96); box-shadow:0 18px 45px rgba(0,0,0,.22); backdrop-filter:blur(12px); }
.bulk-import-footer > div { display:grid; gap:4px; }
.bulk-import-footer .btn { min-width:260px; }
.metric-list { display:grid; gap:10px; }
.metric-line { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid var(--line); font-size:10px; }
.metric-line:first-child { border-top:0; padding-top:0; }
.media-grid { display:grid; gap:10px; }
.selection-list { max-height: 250px; display: grid; gap: 8px; padding: 10px; overflow: auto; background: #fafaf8; border: 1px solid var(--line); border-radius: 10px; }
.selection-list.empty { display: flex; align-items: center; justify-content: center; }
.selection-item { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; padding: 9px 10px; background: #fff; border: 1px solid #eceae3; border-radius: 9px; cursor: pointer; }
.selection-item input { margin-top: 2px; }
.selection-item strong { display: block; font-size: 11px; }
.selection-item small { color: var(--muted); font-size: 9px; line-height: 1.5; }
.upload-box { min-height:95px; display:grid; place-items:center; color:var(--muted); border:1px dashed #c9c7c0; border-radius:8px; font-size:9px; background:#fafaf8; }
.login-modal { position:relative; display:grid; grid-template-columns:.82fr 1fr; min-height:530px; overflow:hidden; }
.login-visual { padding:45px; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; background:linear-gradient(145deg,rgba(12,12,11,.2),rgba(12,12,11,.9)),url("assets/market-hero.webp") 65% center/cover; }
.login-visual .brand { position:absolute; top:38px; color:#fff; }
.login-visual .brand-logo { width:210px; height:105px; padding:4px 9px; background:#fff; border-radius:11px; object-position:center; }
.login-visual h2 { margin:0 0 12px; font:700 34px/1.07 Manrope,sans-serif; letter-spacing:-.04em; }
.login-visual p { margin:0; color:#c9c5c0; font-size:11px; line-height:1.7; }
.login-form { padding:58px 52px; display:flex; flex-direction:column; justify-content:center; }
.login-form h2 { margin:8px 0; font:700 28px Manrope,sans-serif; }
.login-form > p { margin-bottom:25px; color:var(--muted); font-size:10px; }
.login-form .field { margin-bottom:13px; }
.login-form .field input { height:44px; }
.login-error { min-height:18px; margin-top:8px; color:#c53f34; font-size:9px; }
.password-shell { position:relative; }
.password-shell input { padding-right:55px; }
.password-shell button { position:absolute; right:8px; top:6px; height:32px; color:var(--muted); background:none; border:0; font-size:9px; cursor:pointer; }

@media (max-width: 1000px) {
  .nav-actions .nav-action { display:none; }
  .category-grid { grid-template-columns:repeat(3,1fr); }
  .product-grid { grid-template-columns:repeat(2,1fr); }
  .hero-content { width:65%; padding-left:45px; }
  .footer-grid { gap:35px; }
  .about-shell { grid-template-columns:1fr; }
  .about-points { grid-template-columns:repeat(2, 1fr); }
  .admin-sidebar { width:min(86vw,320px); height:100dvh; min-height:0; overflow-y:auto; transform:translateX(-100%); transition:transform .25s; box-shadow:18px 0 40px rgba(0,0,0,.2); }
  .admin-sidebar.open { transform:none; }
  .admin-sidebar-overlay { position:fixed; inset:0; z-index:29; display:block; visibility:hidden; opacity:0; background:rgba(10,10,9,.45); border:0; pointer-events:none; transition:opacity .25s, visibility .25s; }
  .admin-sidebar-overlay.open { visibility:visible; opacity:1; pointer-events:auto; }
  body.admin-menu-open { overflow:hidden; }
  .admin-content { margin-left:0; }
  .admin-mobile-menu { display:block; border:0; background:none; font-size:18px; }
}

@media (max-width: 720px) {
  .wrap { width:min(100% - 28px, 1240px); }
  .announcement-sep, .announcement-secondary, .announcement-links .link-btn { display:none; }
  .announcement-links { display:flex; margin-left:0; }
  .announcement-inner { justify-content:space-between; }
  .nav-main { height:76px; gap:13px; }
  .mobile-menu-btn { display:block; }
  .brand { font-size:18px; }
  .brand-mark { width:29px; height:29px; }
  .brand-logo { width:155px; height:66px; }
  .search-shell { position:absolute; top:105px; left:14px; right:14px; z-index:3; box-shadow:0 5px 20px rgba(0,0,0,.1); }
  .nav-actions { margin-left:auto; }
  .nav-copy, .search-shell kbd { display:none; }
  .category-nav { display:none; }
  .hero { width:100%; height:610px; border-radius:0 0 18px 18px; }
  .hero-image { object-position:64% center; }
  .hero-overlay { background:linear-gradient(0deg,rgba(10,9,8,.9) 0,rgba(10,9,8,.35) 70%,rgba(10,9,8,.2)); }
  .hero-content { width:100%; padding:210px 24px 0; }
  h1 { font-size:42px; }
  .hero-content > p { font-size:13px; }
  .hero-deal { display:none; }
  .hero-arrow { top:46%; width:36px; height:46px; border-radius:10px; font-size:27px; }
  .hero-arrow-prev { left:9px; }
  .hero-arrow-next { right:9px; }
  .hero-dots { bottom:12px; }
  .trust-strip { grid-template-columns:1fr 1fr; padding:18px 0; gap:20px 0; }
  .trust-strip article:nth-child(2) { border-right:0; }
  .order-tracking-entry { align-items:flex-start; flex-direction:column; margin:5px 14px 24px; }
  .order-tracking-entry button { width:100%; justify-content:center; }
  .track-order-modal { grid-template-columns:1fr; }
  .track-order-visual { min-height:230px; padding:30px 25px; }
  .track-order-visual > span { width:50px; height:50px; margin-bottom:35px; }
  .track-order-visual h2 { font-size:28px; }
  .track-order-form { padding:34px 22px; }
  .tracked-status-hero { padding:40px 22px 32px; }
  .tracked-status-hero > strong { font-size:27px; }
  .tracked-order-content { padding:22px 16px 28px; }
  .tracked-order-grid { grid-template-columns:1fr; gap:12px; }
  .tracked-order-actions { flex-direction:column; }
  .section { padding:55px 0; }
  .deal-section { padding:52px 0 45px; }
  .deal-heading { align-items:start; flex-direction:column; gap:22px; }
  .deal-heading h2 { font-size:28px; }
  .deal-clock { text-align:left; }
  .deal-track { animation:none; }
  .deal-card { width:278px; }
  .deal-hint { display:block; }
  .section-heading h2 { font-size:25px; }
  .category-grid { grid-template-columns:repeat(2,1fr); }
  .category-grid .category-card:nth-child(n+5) { display:none; }
  .product-heading { align-items:start; flex-direction:column; gap:20px; }
  .tabs { width:100%; overflow:auto; }
  .product-grid { grid-template-columns:1fr 1fr; gap:9px; }
  .product-media { height:175px; }
  .product-info { padding:11px; }
  .promo-grid { grid-template-columns:1fr; padding:50px 14px; }
  .promo-card { height:280px; padding:38px 28px; }
  .promo-card h3 { font-size:29px; }
  .promo-object { right:10px; font-size:170px; }
  .lamp-art { right:20px; transform:scale(.8); transform-origin:bottom; }
  .newsletter { width:calc(100% - 28px); margin-bottom:45px; padding:38px 25px; grid-template-columns:1fr; gap:28px; }
  .newsletter h2 { font-size:30px; }
  .newsletter-details { grid-template-columns:1fr; }
  .about-copy { padding:26px 22px; }
  .about-copy h2 { font-size:26px; }
  .about-points { grid-template-columns:1fr; }
  .founder-card { grid-template-columns:1fr; }
  .about-closing { padding:18px 20px; align-items:flex-start; flex-direction:column; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-brand { grid-column:1/-1; }
  .footer-grid > div:last-child { display:none; }
  .footer-bottom { padding:17px 0; gap:12px; flex-wrap:wrap; }
  .payment-logos { display:none; }
  .product-modal { grid-template-columns:1fr; }
  .product-modal-media { min-height:300px; height:300px; }
  .product-modal-media video, .product-tiktok { min-height:300px; }
  .payment-admin-grid { grid-template-columns:1fr; }
  .product-modal-copy { padding:30px 22px; }
  .product-purchase-actions { grid-template-columns:1fr; }
  .account-notice { padding:42px 22px 28px; }
  .account-notice h2 { font-size:25px; }
  .account-notice-benefits { grid-template-columns:1fr; }
  .account-notice-benefits > div { min-height:0; }
  .account-notice-alert { align-items:flex-start; flex-direction:column; }
  .privacy-header { padding:34px 24px 26px; }
  .privacy-header h2 { font-size:28px; }
  .privacy-content { padding:28px 24px 38px; }
  .privacy-contact { grid-template-columns:1fr; }
  .checkout-modal { grid-template-columns:1fr; }
  .login-modal { grid-template-columns:1fr; }
  .login-visual { min-height:180px; padding:30px 25px; }
  .login-visual .brand { top:25px; }
  .login-visual h2 { display:none; }
  .login-form { padding:35px 24px; }
  .checkout-side { order:-1; padding:25px 22px; }
  .checkout-side .order-mini { display:none; }
  .checkout-main { padding:28px 22px; }
  .promo-code-control, .code-generator-control { grid-template-columns:1fr; }
  .promo-code-control button, .code-generator-control button { min-height:42px; }
  .promotion-code-summary { grid-template-columns:1fr; }
  .orders-insights { grid-template-columns:1fr; padding:10px; }
  .orders-chart-card { min-height:270px; padding:17px; }
  .status-donut-layout { grid-template-columns:120px 1fr; gap:12px; }
  .status-donut { width:115px; height:115px; }
  .status-donut > div { width:70px; height:70px; }
  .form-grid { grid-template-columns:1fr; }
  .field.full { grid-column:auto; }
  .admin-topbar { padding:0 16px; }
  .admin-search { display:none; }
  .admin-panel { padding:20px 13px; }
  .homepage-stats { grid-template-columns:1fr; }
  .homepage-media-grid { grid-template-columns:1fr; }
  .admin-panel-header { align-items:flex-start; }
  .dashboard-header { flex-direction:column; }
  .dashboard-date-filters { width:100%; justify-content:flex-start; }
  .dashboard-custom-dates { width:100%; }
  .dashboard-custom-dates label { flex:1; }
  .dashboard-custom-dates input { width:100%; }
  .kpi-grid { grid-template-columns:1fr 1fr; }
  .dashboard-grid { grid-template-columns:1fr; }
  .admin-table th:nth-child(4), .admin-table td:nth-child(4), .admin-table th:nth-child(5), .admin-table td:nth-child(5) { display:none; }
}
.language-toggle {
  display:inline-flex; align-items:center; gap:4px; min-height:30px; padding:5px 9px;
  border:1px solid rgba(255,255,255,.24); border-radius:999px; color:rgba(255,255,255,.6);
  background:rgba(255,255,255,.06); font:700 9px/1 Manrope,sans-serif; letter-spacing:.06em;
}
.language-toggle span { transition:.2s ease; }
.language-toggle span.active { color:#fff; }
.language-toggle i { opacity:.35; font-style:normal; }
.admin-language-toggle {
  color:#777; background:#fff; border-color:#ddd; min-width:62px; justify-content:center;
}
.admin-language-toggle span.active { color:var(--orange); }

@media (max-width: 980px) {
  .bulk-import-setup { grid-template-columns:1fr; }
  .bulk-product-row { grid-template-columns:90px minmax(0,1fr); }
  .bulk-product-photo { width:90px; height:90px; }
  .bulk-product-file { grid-column:1/-1; }
}

@media (max-width: 640px) {
  .bulk-import-setup { padding:20px; }
  .bulk-import-defaults,.bulk-product-fields { grid-template-columns:1fr; }
  .bulk-product-row { grid-template-columns:1fr; }
  .bulk-product-photo { width:100%; height:180px; }
  .bulk-import-footer { align-items:stretch; flex-direction:column; }
  .bulk-import-footer .btn { width:100%; min-width:0; }
}