:root {
  --bg: #09090a;
  --surface: #111113;
  --surface-2: #18181b;
  --surface-3: #222226;
  --line: rgba(255,255,255,.10);
  --line-strong: rgba(255,255,255,.18);
  --text: #f5f3ef;
  --muted: #a7a7ad;
  --muted-2: #71717a;
  --cream: #e9dfc4;
  --gold: #d6b46a;
  --red: #8d1c2e;
  --green: #21c16b;
  --danger: #ef4444;
  --shadow: 0 28px 70px rgba(0,0,0,.38);
  --radius: 22px;
  --max: 1440px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: "DM Sans", system-ui, sans-serif; min-height: 100vh; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }
.hidden { display: none !important; }
.container { width: min(var(--max), calc(100% - 32px)); margin: 0 auto; }
.serif { font-family: "Playfair Display", serif; }
.eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); }
.muted { color: var(--muted); }
.small { font-size: 13px; }

.topbar { background: #060607; border-bottom: 1px solid var(--line); color: #dedede; text-align: center; font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; padding: 9px 14px; }
.header { position: sticky; top: 0; z-index: 40; background: rgba(9,9,10,.88); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); }
.header-inner { min-height: 76px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; }
.brand { display: inline-flex; align-items: center; gap: 10px; width: fit-content; }
.brand-symbol { width: 42px; height: 42px; object-fit: contain; filter: drop-shadow(0 8px 18px rgba(0,0,0,.25)); }
.brand-word { display: inline-flex; flex-direction: column; }
.brand strong { font-family: "Playfair Display", serif; font-size: 29px; letter-spacing: .03em; line-height: .88; }
.brand .brand-word span { font-size: 8px; font-weight: 700; letter-spacing: .34em; color: var(--gold); margin-left: 5px; margin-top: 7px; }
.nav { display: flex; align-items: center; gap: 30px; font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.nav a { color: #d7d7da; transition: .2s; }
.nav a:hover, .nav a.active { color: white; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 9px; }
.icon-btn, .pill-btn { border: 1px solid var(--line-strong); color: white; background: var(--surface); transition: .2s; }
.icon-btn:hover, .pill-btn:hover { background: var(--surface-3); border-color: rgba(255,255,255,.3); }
.icon-btn { height: 44px; min-width: 44px; border-radius: 50%; display: grid; place-items: center; }
.pill-btn { min-height: 44px; padding: 0 17px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.cart-count { min-width: 19px; height: 19px; border-radius: 999px; background: var(--red); display: inline-grid; place-items: center; font-size: 10px; }
.mobile-menu { display: none; }

.notice-14 { display: flex; align-items: center; justify-content: center; gap: 9px; background: linear-gradient(90deg, #171719, #232326, #171719); border-block: 1px solid var(--line); padding: 11px 16px; color: #e9e9eb; font-size: 12px; }
.notice-14 strong { color: var(--cream); }
.dot { width: 8px; height: 8px; background: var(--gold); border-radius: 50%; box-shadow: 0 0 0 5px rgba(214,180,106,.12); }

.hero { min-height: 680px; display: grid; grid-template-columns: 1.04fr .96fr; border-bottom: 1px solid var(--line); overflow: hidden; }
.hero-copy { padding: 90px max(32px, calc((100vw - var(--max))/2 + 16px)); padding-right: 60px; display: flex; flex-direction: column; justify-content: center; background: radial-gradient(circle at 20% 15%, #202025 0, #0d0d0f 47%, #09090a 100%); position: relative; }
.hero-copy::after { content:""; position:absolute; inset:0; opacity:.16; pointer-events:none; background-image: radial-gradient(rgba(255,255,255,.5) .6px, transparent .6px); background-size: 18px 18px; }
.hero-copy > * { position: relative; z-index: 1; }
.hero h1 { font-family: "Playfair Display", serif; font-size: clamp(58px, 7vw, 112px); line-height: .9; margin: 22px 0 28px; letter-spacing: -.045em; max-width: 760px; }
.hero h1 em { color: var(--cream); font-weight: 500; }
.hero p { max-width: 620px; font-size: 18px; line-height: 1.7; color: #babac0; }
.hero-actions { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 12px; }
.btn { border: 0; min-height: 50px; border-radius: 999px; padding: 0 23px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; transition: .22s; }
.btn-primary { background: var(--cream); color: #121214; }
.btn-primary:hover { transform: translateY(-2px); background: white; }
.btn-secondary { background: transparent; color: white; border: 1px solid var(--line-strong); }
.btn-secondary:hover { background: var(--surface-2); }
.btn-danger { background: var(--danger); color: white; }
.btn-block { width: 100%; }
.hero-media { position: relative; background: #151517; min-height: 680px; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.92) contrast(1.04); }
.hero-media::after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(9,9,10,.4), transparent 35%), linear-gradient(0deg, rgba(9,9,10,.62), transparent 40%); }
.hero-card { position:absolute; z-index:2; left:32px; bottom:30px; right:32px; padding:23px; border:1px solid rgba(255,255,255,.18); background:rgba(10,10,12,.72); backdrop-filter:blur(16px); border-radius:18px; }
.hero-card h3 { margin: 8px 0 4px; font-family:"Playfair Display",serif; font-size:30px; }

.section { padding: 92px 0; border-bottom: 1px solid var(--line); }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:36px; }
.section-head h2 { margin:8px 0 0; font-family:"Playfair Display",serif; font-size:clamp(38px,4vw,62px); line-height:1; }
.section-head p { max-width:520px; color:var(--muted); line-height:1.7; }

.product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.product-card { background:var(--surface); border:1px solid var(--line); border-radius:18px; overflow:hidden; transition:.25s; position:relative; }
.product-card:hover { transform:translateY(-5px); border-color:rgba(255,255,255,.25); box-shadow:var(--shadow); }
.product-image { aspect-ratio: .82; background:#d7d7d4; position:relative; overflow:hidden; }
.product-image img { width:100%; height:100%; object-fit:cover; transition:.45s; }
.product-card:hover .product-image img { transform:scale(1.025); }
.badge { position:absolute; top:14px; left:14px; border-radius:999px; padding:7px 10px; background:rgba(10,10,11,.82); backdrop-filter:blur(8px); color:white; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; border:1px solid rgba(255,255,255,.18); }
.product-info { padding:18px; }
.product-meta { display:flex; justify-content:space-between; gap:12px; align-items:start; }
.product-info h3 { margin:0; font-size:16px; line-height:1.25; }
.product-info .price { white-space:nowrap; color:var(--cream); font-weight:800; }
.product-info p { margin:9px 0 0; font-size:12px; color:var(--muted); }
.card-actions { display:grid; grid-template-columns:1fr auto; gap:8px; margin-top:16px; }
.card-actions .btn { min-height:42px; padding:0 14px; font-size:10px; }
.btn-square { width:42px; min-height:42px; border-radius:999px; border:1px solid var(--line-strong); background:var(--surface-2); color:white; }
.coming { opacity:.76; }

.filters { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:28px; }
.filter-btn { padding:10px 15px; border-radius:999px; border:1px solid var(--line); background:var(--surface); color:#d5d5d8; font-size:11px; font-weight:700; }
.filter-btn.active { background:var(--cream); color:#111; border-color:var(--cream); }
.search-input { width:min(430px,100%); height:48px; border-radius:999px; border:1px solid var(--line-strong); background:var(--surface); color:white; padding:0 18px; outline:none; }
.search-input:focus { border-color:var(--cream); }

.launch-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.launch-card { min-height:560px; position:relative; overflow:hidden; border-radius:22px; border:1px solid var(--line); background:var(--surface); }
.launch-card img { width:100%; height:100%; object-fit:cover; }
.launch-overlay { position:absolute; inset:auto 0 0; padding:28px; background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.15)); }
.launch-overlay h3 { font-family:"Playfair Display",serif; font-size:35px; margin:8px 0; }

.feature-strip { display:grid; grid-template-columns:repeat(4,1fr); border-block:1px solid var(--line); }
.feature { min-height:120px; display:flex; align-items:center; justify-content:center; text-align:center; padding:22px; border-right:1px solid var(--line); color:#d9d9dc; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.feature:last-child { border-right:0; }

.page-hero { padding:70px 0 48px; border-bottom:1px solid var(--line); background:linear-gradient(135deg,#171719,#09090a); }
.page-hero h1 { font-family:"Playfair Display",serif; font-size:clamp(48px,7vw,86px); margin:12px 0; line-height:.95; }
.page-hero p { color:var(--muted); max-width:700px; line-height:1.7; }

.drawer-backdrop { position:fixed; inset:0; z-index:80; background:rgba(0,0,0,.68); backdrop-filter:blur(6px); }
.drawer { position:fixed; z-index:81; right:0; top:0; height:100%; width:min(470px,100%); background:#0d0d0f; border-left:1px solid var(--line); box-shadow:var(--shadow); display:flex; flex-direction:column; }
.drawer-head { padding:22px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
.drawer-body { padding:20px; overflow:auto; flex:1; }
.drawer-foot { padding:20px; border-top:1px solid var(--line); background:#0b0b0c; }
.cart-item { display:grid; grid-template-columns:78px 1fr auto; gap:14px; padding:13px 0; border-bottom:1px solid var(--line); }
.cart-item img { width:78px; height:92px; object-fit:cover; border-radius:12px; }
.qty { display:flex; align-items:center; gap:10px; margin-top:10px; }
.qty button { width:28px; height:28px; border-radius:50%; background:var(--surface-2); color:white; border:1px solid var(--line); }
.cart-total { display:flex; justify-content:space-between; font-size:19px; font-weight:800; margin-bottom:15px; }

.modal-backdrop { position:fixed; inset:0; z-index:90; background:rgba(0,0,0,.72); backdrop-filter:blur(8px); display:grid; place-items:center; padding:20px; }
.modal { width:min(980px,100%); max-height:92vh; overflow:auto; background:#101012; border:1px solid var(--line-strong); border-radius:24px; box-shadow:var(--shadow); }
.modal-grid { display:grid; grid-template-columns:1fr 1fr; }
.modal-media { background:#d5d5d2; min-height:520px; display:flex; flex-direction:column; }
.modal-media-main { flex:1; min-height:420px; }
.modal-media img { width:100%; height:100%; object-fit:cover; }
.product-thumbs { display:grid; grid-template-columns:repeat(auto-fit,minmax(76px,1fr)); gap:10px; padding:14px; background:#0f0f10; border-top:1px solid var(--line); }
.product-thumb { border:1px solid var(--line-strong); border-radius:12px; overflow:hidden; padding:0; background:#18181a; cursor:pointer; }
.product-thumb img { width:100%; height:78px; object-fit:cover; display:block; }
.product-thumb.active { border-color:var(--cream); box-shadow:0 0 0 1px rgba(214,180,106,.55) inset; }
.modal-copy { padding:35px; }
.modal-close { position:absolute; top:16px; right:16px; width:42px; height:42px; border-radius:50%; border:1px solid var(--line-strong); color:white; background:rgba(0,0,0,.62); z-index:2; }
.size-grid { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 24px; }
.size-option { min-width:46px; height:42px; border:1px solid var(--line-strong); background:var(--surface-2); color:white; border-radius:10px; }
.size-option.selected { background:var(--cream); color:#111; border-color:var(--cream); }
.production-box { border:1px solid rgba(214,180,106,.35); background:rgba(214,180,106,.08); color:#e8dfca; border-radius:14px; padding:14px; font-size:13px; line-height:1.55; }

.form-shell { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr); gap:25px; align-items:start; }
.form-card, .summary-card, .dashboard-card { background:var(--surface); border:1px solid var(--line); border-radius:20px; padding:24px; }
.summary-card { position:sticky; top:116px; }
.step-head { display:flex; gap:14px; align-items:center; margin-bottom:24px; }
.step-number { width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:var(--cream); color:#111; font-weight:900; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.field { display:flex; flex-direction:column; gap:7px; }
.field.wide { grid-column:1 / -1; }
.field label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#c8c8cc; }
.field input, .field select, .field textarea { width:100%; border:1px solid var(--line-strong); background:#0c0c0e; color:white; border-radius:12px; padding:13px 14px; outline:none; }
.field textarea { min-height:95px; resize:vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color:var(--cream); }
.radio-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.radio-card { display:flex; gap:11px; align-items:start; padding:15px; border:1px solid var(--line-strong); border-radius:14px; background:#0c0c0e; }
.payment-panel { border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.payment-row { display:grid; grid-template-columns:130px 1fr auto; align-items:center; gap:12px; padding:13px 15px; border-bottom:1px solid var(--line); font-size:13px; }
.payment-row:last-child { border-bottom:0; }
.payment-row span:first-child { color:var(--muted); }
.copy-btn { border:1px solid var(--line); border-radius:8px; background:var(--surface-3); color:white; padding:7px 9px; font-size:10px; }
.upload-zone { border:1px dashed rgba(255,255,255,.3); border-radius:16px; padding:26px; text-align:center; background:#0c0c0e; }
.upload-zone input { width:100%; }
.checkbox { display:flex; gap:11px; align-items:flex-start; padding:15px; border-radius:14px; background:rgba(214,180,106,.08); border:1px solid rgba(214,180,106,.26); }
.checkout-items { display:flex; flex-direction:column; gap:12px; margin:17px 0; }
.checkout-item { display:grid; grid-template-columns:58px 1fr auto; gap:12px; align-items:center; }
.checkout-item img { width:58px; height:68px; object-fit:cover; border-radius:9px; }

.auth-layout { min-height:620px; display:grid; place-items:center; padding:60px 16px; }
.auth-card { width:min(480px,100%); background:var(--surface); border:1px solid var(--line); border-radius:22px; padding:30px; }
.auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:22px; }
.auth-tab { border:1px solid var(--line); background:#0b0b0d; color:var(--muted); padding:12px; border-radius:12px; }
.auth-tab.active { background:var(--cream); color:#111; }

.account-grid { display:grid; grid-template-columns:320px 1fr; gap:24px; }
.profile-card { position:sticky; top:116px; align-self:start; }
.order-card { background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:20px; margin-bottom:14px; }
.order-top { display:flex; justify-content:space-between; gap:15px; align-items:start; }
.status { display:inline-flex; padding:6px 9px; border-radius:999px; background:rgba(214,180,106,.11); border:1px solid rgba(214,180,106,.25); color:var(--cream); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.order-products { margin-top:14px; border-top:1px solid var(--line); padding-top:12px; color:var(--muted); font-size:13px; line-height:1.7; }

.admin-toolbar { display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; margin-bottom:20px; }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:22px; }
.stat { background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:18px; }
.stat strong { display:block; font-size:28px; font-family:"Playfair Display",serif; margin-top:6px; }
.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:16px; }
table { width:100%; border-collapse:collapse; min-width:1000px; background:var(--surface); }
th, td { padding:13px 14px; text-align:left; border-bottom:1px solid var(--line); font-size:12px; }
th { color:var(--muted); text-transform:uppercase; letter-spacing:.08em; font-size:10px; background:#0c0c0e; position:sticky; top:0; }
.table-action { border:1px solid var(--line); color:white; background:var(--surface-2); border-radius:8px; padding:7px 9px; }
.admin-detail { display:grid; grid-template-columns:1fr 1fr; gap:18px; }

.success { text-align:center; padding:70px 20px; }
.success-mark { width:78px; height:78px; border-radius:50%; margin:0 auto 20px; display:grid; place-items:center; background:rgba(33,193,107,.13); color:#59df91; font-size:34px; border:1px solid rgba(33,193,107,.28); }

.footer { padding:65px 0 30px; background:#060607; border-top:1px solid var(--line); }
.footer-grid { display:grid; grid-template-columns:1.4fr .8fr .8fr 1fr; gap:45px; }
.footer h4 { margin:0 0 15px; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.footer a, .footer p { display:block; color:var(--muted); font-size:13px; line-height:1.8; }
.footer-bottom { border-top:1px solid var(--line); margin-top:45px; padding-top:22px; color:var(--muted-2); font-size:11px; display:flex; justify-content:space-between; gap:20px; }
.whatsapp-float { position:fixed; z-index:55; right:20px; bottom:20px; width:56px; height:56px; border-radius:50%; display:grid; place-items:center; background:#1fd66b; color:#07110b; font-size:24px; box-shadow:0 15px 35px rgba(0,0,0,.35); }
#toast-root { position:fixed; z-index:120; right:18px; bottom:18px; display:flex; flex-direction:column; gap:10px; }
.toast { width:min(370px,calc(100vw - 36px)); background:#171719; border:1px solid var(--line-strong); color:white; border-radius:14px; padding:14px 16px; box-shadow:var(--shadow); animation:toast-in .25s ease; }
.toast.error { border-color:rgba(239,68,68,.45); }
.toast.success { border-color:rgba(33,193,107,.45); }
@keyframes toast-in { from { transform:translateY(12px); opacity:0; } }

.empty { padding:55px 20px; text-align:center; border:1px dashed var(--line-strong); border-radius:18px; color:var(--muted); }
.skeleton { background:linear-gradient(90deg,#151517,#242428,#151517); background-size:220% 100%; animation:shimmer 1.3s infinite; border-radius:12px; }
@keyframes shimmer { to { background-position:-220% 0; } }

@media (max-width: 1100px) {
  .nav { display:none; }
  .header-inner { grid-template-columns:auto 1fr auto; }
  .brand { justify-self:center; }
  .mobile-menu { display:grid; }
  .product-grid { grid-template-columns:repeat(3,1fr); }
  .form-shell { grid-template-columns:1fr; }
  .summary-card { position:static; }
  .footer-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 820px) {
  .hero { grid-template-columns:1fr; }
  .hero-copy { padding:70px 22px; }
  .hero-media { min-height:560px; }
  .product-grid { grid-template-columns:repeat(2,1fr); }
  .launch-grid { grid-template-columns:1fr; }
  .feature-strip { grid-template-columns:1fr 1fr; }
  .feature:nth-child(2) { border-right:0; }
  .feature:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .modal-grid { grid-template-columns:1fr; }
  .modal-media { min-height:430px; }
  .modal-media-main { min-height:320px; }
  .product-thumbs { grid-template-columns:repeat(3,1fr); }
  .account-grid { grid-template-columns:1fr; }
  .profile-card { position:static; }
  .stats { grid-template-columns:1fr 1fr; }
  .admin-detail { grid-template-columns:1fr; }
}
@media (max-width: 560px) {
  .container { width:min(100% - 22px,var(--max)); }
  .topbar { font-size:8px; }
  .header-inner { min-height:67px; gap:8px; }
  .brand strong { font-size:24px; }
  .header-actions .account-label { display:none; }
  .pill-btn { padding:0 12px; }
  .hero h1 { font-size:54px; }
  .hero p { font-size:15px; }
  .hero-media { min-height:470px; }
  .hero-card { left:15px; right:15px; bottom:15px; }
  .section { padding:65px 0; }
  .section-head { align-items:start; flex-direction:column; }
  .product-grid { grid-template-columns:1fr 1fr; gap:9px; }
  .product-info { padding:12px; }
  .product-info h3 { font-size:13px; }
  .product-info .price { font-size:12px; }
  .product-info p { display:none; }
  .card-actions { grid-template-columns:1fr; }
  .btn-square { display:none; }
  .form-grid, .radio-grid { grid-template-columns:1fr; }
  .payment-row { grid-template-columns:1fr auto; }
  .payment-row span:first-child { grid-column:1 / -1; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; }
  .stats { grid-template-columns:1fr 1fr; }
  .modal-copy { padding:24px; }
}

.badge.stock { background:#0f5b3d; color:#f4f0e8; }
.badge.muted-badge { background:#4a4a4d; color:#f4f0e8; }
.size-option.disabled, .size-option:disabled { opacity:.38; cursor:not-allowed; text-decoration:line-through; }
.size-option small { font-size:10px; opacity:.8; margin-left:2px; }
.checkbox-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:16px; }
.checkbox-grid label { border:1px solid var(--line-strong); background:#0c0c0e; border-radius:12px; padding:12px; display:flex; gap:8px; align-items:center; font-size:13px; color:#e8e8ea; }
.admin-product-form input[readonly] { opacity:.72; }
@media (max-width:720px){ .checkbox-grid{ grid-template-columns:1fr; } }


.claims-layout { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
.refund-box { border:1px solid rgba(214,180,106,.35); background:rgba(214,180,106,.07); border-radius:18px; padding:18px; margin-top:18px; }
.recommendation-list { display:grid; gap:12px; margin-top:14px; }
.mini-card { border:1px solid var(--line); background:#0c0c0e; border-radius:16px; padding:15px; }
.mini-card strong { color:var(--cream); }
.mini-card p { color:var(--muted); line-height:1.65; margin:8px 0 0; font-size:14px; }
.admin-accordion { border:1px solid var(--line); border-radius:22px; background:var(--surface); margin:18px 0; overflow:hidden; }
.admin-accordion summary { list-style:none; cursor:pointer; padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); }
.admin-accordion summary::-webkit-details-marker { display:none; }
.admin-accordion summary h2 { margin:4px 0 0; font-size:34px; }
.admin-accordion summary > span { color:var(--cream); font-weight:800; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.admin-accordion:not([open]) summary { border-bottom:0; }
.accordion-body { padding:22px; }
@media (max-width: 900px) { .claims-layout { grid-template-columns:1fr; } .admin-accordion summary { align-items:flex-start; flex-direction:column; } }

.admin-accordion code { color: var(--cream); background: rgba(255,255,255,.06); border:1px solid var(--line); padding:2px 6px; border-radius:8px; display:inline-block; margin:2px 0; }
@media (max-width: 720px) { .brand-symbol { width: 34px; height: 34px; } .brand strong { font-size: 24px; } .brand .brand-word span { font-size: 7px; letter-spacing:.28em; } }


/* === MITAIS ERP · ventas, producción, exportaciones y delivery === */
.erp-admin-shell { margin: 30px 0; padding: 24px; border: 1px solid rgba(214,180,106,.28); background: linear-gradient(135deg, rgba(214,180,106,.08), rgba(255,255,255,.025)); border-radius: 24px; }
.erp-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; margin-bottom:20px; }
.erp-head h2 { font-family:"Playfair Display",serif; font-size: clamp(34px, 4vw, 54px); margin: 8px 0; line-height: 1; }
.erp-filterbar { display:grid; grid-template-columns: minmax(220px, 1.2fr) minmax(180px,.8fr) 160px 160px auto; gap: 10px; margin: 18px 0 20px; }
.erp-filterbar .search-input { width: 100%; }
.erp-stats { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.erp-stats > div { border:1px solid var(--line); background:rgba(0,0,0,.18); border-radius:18px; padding:18px; }
.erp-stats span { display:block; color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:8px; }
.erp-stats strong { font-size:24px; color:var(--cream); }
.erp-actions-grid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.erp-pos-grid { display:grid; grid-template-columns: .8fr 1.2fr; gap:18px; align-items:start; }
.erp-cart-list { margin-top:16px; display:flex; flex-direction:column; gap:10px; }
.erp-cart-item { display:grid; grid-template-columns:58px 1fr auto; gap:12px; align-items:center; border:1px solid var(--line); border-radius:16px; padding:10px; background:rgba(255,255,255,.025); }
.erp-cart-item img { width:58px; height:68px; object-fit:cover; border-radius:12px; background:#222; }
.erp-qty { display:flex; align-items:center; gap:8px; }
.erp-qty button { width:28px; height:28px; border-radius:999px; border:1px solid var(--line-strong); background:var(--surface-2); color:white; }
.erp-accordion summary h2 { font-size: 34px; }
@media (max-width: 900px) {
  .erp-head { flex-direction:column; }
  .erp-filterbar { grid-template-columns: 1fr; }
  .erp-stats { grid-template-columns: 1fr 1fr; }
  .erp-actions-grid { grid-template-columns: 1fr; }
  .erp-pos-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) { .erp-stats { grid-template-columns: 1fr; } }

/* MITÃIS ERP interno — paneles por función y rol */
.erp-admin-shell{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:22px;margin:0 0 24px;box-shadow:0 24px 80px rgba(0,0,0,.24)}
.erp-head,.erp-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.erp-head h2,.erp-section-head h3{margin:4px 0 5px}.erp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px;border-bottom:1px solid var(--line);padding-bottom:14px}.erp-tabs button{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--muted);border-radius:999px;padding:10px 14px;font-weight:700;cursor:pointer}.erp-tabs button.active{background:var(--cream);color:#111;border-color:var(--cream)}
.erp-panel{display:grid;gap:18px}.erp-stats{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px}.erp-stat{border:1px solid var(--line);border-radius:18px;padding:15px;background:rgba(0,0,0,.22)}.erp-stat span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.erp-stat strong{display:block;color:var(--cream);font-size:24px;margin-top:5px}.erp-stat small{color:var(--muted)}
.erp-card{border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(0,0,0,.22)}.erp-two-col{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.erp-filter-box{border:1px solid var(--line);border-radius:22px;padding:16px;background:rgba(0,0,0,.2)}.erp-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.erp-filter-grid .wide{grid-column:span 2}.erp-calendar-wrap{margin-top:14px}.erp-calendar-wrap summary{cursor:pointer;color:var(--cream);font-weight:700}.erp-calendar{margin-top:14px;border:1px solid var(--line);border-radius:20px;padding:14px;background:rgba(255,255,255,.035)}.erp-calendar-head,.erp-calendar-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.erp-week,.erp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:10px}.erp-week span{text-align:center;color:var(--muted);font-size:12px}.erp-calendar-day,.erp-calendar-empty{min-height:58px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--cream);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.erp-calendar-day small{color:var(--muted);font-size:11px}.erp-calendar-day.active{background:var(--cream);color:#111}.erp-calendar-day.active small{color:#333}.btn-sm{padding:8px 11px;font-size:12px}.erp-actions,.erp-card-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.erp-table th,.erp-table td{vertical-align:top}.erp-alert-list h4{margin:15px 0 8px;color:var(--cream)}.erp-alert-list p{border-bottom:1px solid var(--line);padding:8px 0;margin:0}.erp-pos-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.erp-pos-cart{margin-top:14px;display:grid;gap:10px}.erp-pos-line{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px}.erp-total{margin:16px 0;border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;align-items:center}.erp-total strong{font-size:26px;color:var(--cream)}.empty.mini{padding:18px;min-height:auto}.erp-export-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.export-card{position:relative}.erp-letter{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cream);color:#111;font-weight:800;margin-bottom:10px}.erp-delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.erp-delivery-card{border:1px solid var(--line);border-radius:20px;padding:16px;background:rgba(255,255,255,.035);display:grid;gap:12px}.erp-check{display:flex;gap:8px;align-items:center;margin:12px 0;color:var(--muted)}.status.danger{background:rgba(255,80,80,.12);color:#ffb3b3;border-color:rgba(255,80,80,.25)}
@media(max-width:1050px){.erp-stats{grid-template-columns:repeat(2,1fr)}.erp-two-col,.erp-pos-grid{grid-template-columns:1fr}.erp-export-grid,.erp-delivery-grid{grid-template-columns:1fr}.erp-filter-grid{grid-template-columns:1fr}.erp-filter-grid .wide{grid-column:auto}.erp-head,.erp-section-head{flex-direction:column}.erp-admin-shell{padding:14px;border-radius:20px}.erp-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:12px}.erp-tabs button{white-space:nowrap}.erp-week,.erp-days{gap:4px}.erp-calendar-day{min-height:52px}}

/* Etiquetas múltiples de producto */
.badge-stack { position:absolute; top:14px; left:14px; display:flex; flex-direction:column; align-items:flex-start; gap:7px; z-index:3; }
.badge-stack .badge { position:static; display:inline-flex; }
.badge-stack .badge-heart { background:linear-gradient(135deg,#7b1020,#b51d35); border-color:rgba(255,255,255,.24); }
.modal-badges { margin-top:12px; }
.modal-badges .badge-stack { position:static; flex-direction:row; flex-wrap:wrap; }