@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
/* Zolgstore admin style: operational, privacy-first panels for authorised staff only. */
/* Zolgstore Premium: إطارات منتجات نظيفة ومتوازنة بهوية كحلية وذهبية. */
:root {
  --ink: #0b1525;
  --ink-2: #12243a;
  --ink-3: #1b334d;
  --gold: #c7a66a;
  --gold-soft: #e8d8b5;
  --gold-deep: #9f7c3f;
  --paper: #f7f8fa;
  --white: #ffffff;
  --muted: #718096;
  --line: #e5e9ef;
  --success: #1e9b70;
  --danger: #c95b5b;
  --shadow-sm: 0 10px 30px rgba(11, 21, 37, .06);
  --shadow-lg: 0 24px 70px rgba(11, 21, 37, .14);
  --radius: 18px;
  --ease: cubic-bezier(.23, 1, .32, 1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Cairo', sans-serif; direction: rtl; background: var(--paper); color: var(--ink); line-height: 1.75; }
body::selection { background: var(--gold); color: var(--ink); }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.container { width: min(1240px, calc(100% - 40px)); margin: 0 auto; }
.text-center { text-align: center; }
.hidden { display: none !important; }

header { position: sticky; top: 0; z-index: 1000; background: rgba(11, 21, 37, .96); color: var(--white); border-bottom: 1px solid rgba(255,255,255,.09); backdrop-filter: blur(18px); }
header .container { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.logo { display: flex; align-items: center; gap: 12px; }
.logo h1 { display: flex; align-items: center; gap: 10px; font-family: 'Manrope','Cairo',sans-serif; font-size: 1.45rem; letter-spacing: .02em; font-weight: 800; direction: ltr; }
.logo h1 i { color: var(--gold); font-size: 1rem; }
.logo small, .logo-tagline { display: block; color: #9aabc0; font-size: .65rem; letter-spacing: .17em; margin-top: -5px; }
.logo-mark { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(199,166,106,.6); color: var(--gold); border-radius: 50%; position: relative; }
.logo-mark::after { content: ''; position: absolute; inset: 5px; border: 1px solid rgba(199,166,106,.3); border-radius: 50%; }
nav { display: flex; align-items: center; gap: 8px; }
nav a { color: #dbe3ec; padding: 9px 14px; border-radius: 999px; font-size: .88rem; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; transition: .2s var(--ease); }
nav a:hover, nav a.active { color: var(--gold-soft); background: rgba(199,166,106,.12); }
nav a i { color: var(--gold); font-size: .8rem; }

.hero { min-height: 650px; display: flex; align-items: center; color: var(--white); position: relative; overflow: hidden; background: radial-gradient(circle at 12% 20%, rgba(199,166,106,.23), transparent 28%), radial-gradient(circle at 90% 80%, rgba(50,91,127,.35), transparent 32%), linear-gradient(120deg, #091221, #11263d 58%, #0c1b2d); }
.hero::before { content: ''; position: absolute; inset: 0; opacity: .35; background-image: linear-gradient(125deg, transparent 0 38%, rgba(199,166,106,.14) 38.2% 38.5%, transparent 38.7% 100%), linear-gradient(305deg, transparent 0 62%, rgba(255,255,255,.05) 62.2% 62.5%, transparent 62.7% 100%); }
.hero::after { content: ''; position: absolute; width: 460px; height: 460px; border: 1px solid rgba(199,166,106,.24); border-radius: 50%; left: -160px; bottom: -190px; box-shadow: 0 0 0 28px rgba(199,166,106,.025), 0 0 0 58px rgba(199,166,106,.02); }
.hero .container { position: relative; z-index: 1; }
.hero-content { max-width: 720px; padding: 80px 0; text-align: right; }
.eyebrow, .hero-kicker { color: var(--gold-soft); font-size: .8rem; font-weight: 700; letter-spacing: .18em; margin-bottom: 18px; }
.hero h2 { font-size: clamp(2.5rem, 6vw, 5.2rem); line-height: 1.14; letter-spacing: -.04em; margin-bottom: 22px; font-weight: 800; }
.hero h2 span { color: var(--gold); }
.hero p { max-width: 590px; color: #c5d1dd; font-size: 1.1rem; margin-bottom: 32px; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.hero-note { color: #9eafc0; font-size: .78rem; display: flex; align-items: center; gap: 8px; margin-top: 20px; }
.hero-note i { color: var(--gold); }
.hero-stats { display: flex; flex-wrap: wrap; gap: 35px; margin-top: 46px; }
.hero-stat strong { display: block; color: var(--white); font-family: 'Manrope', sans-serif; font-size: 1.6rem; }
.hero-stat span { color: #91a2b4; font-size: .76rem; }

.btn { border: 0; border-radius: 10px; background: var(--gold); color: var(--ink); display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 23px; font-weight: 800; transition: transform .2s var(--ease), box-shadow .2s var(--ease), background .2s ease; box-shadow: 0 10px 24px rgba(199,166,106,.22); }
.btn:hover { transform: translateY(-3px); background: #d6b778; box-shadow: 0 15px 30px rgba(199,166,106,.3); }
.btn:active { transform: scale(.97); }
.btn-outline { background: transparent; color: var(--ink); border: 1px solid var(--line); box-shadow: none; }
.btn-outline:hover { background: var(--ink); color: var(--white); border-color: var(--ink); }
.hero .btn-outline { border-color: rgba(255,255,255,.25); color: var(--white); }
.hero .btn-outline:hover { background: var(--white); color: var(--ink); border-color: var(--white); }
.btn-small { min-height: 38px; padding: 0 15px; font-size: .8rem; border-radius: 8px; }
.btn-block { width: 100%; }

.features { position: relative; z-index: 2; margin: -38px auto 75px; width: min(1160px, calc(100% - 40px)); padding: 26px; border: 1px solid rgba(255,255,255,.8); border-radius: var(--radius); background: rgba(255,255,255,.94); box-shadow: var(--shadow-lg); }
.features .container { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.feature { padding: 18px 24px; display: flex; align-items: flex-start; gap: 16px; border-left: 1px solid var(--line); }
.feature:last-child { border-left: 0; }
.feature i { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 12px; background: #f5efe4; color: var(--gold-deep); }
.feature h3 { font-size: .95rem; margin-bottom: 3px; }
.feature p { color: var(--muted); font-size: .75rem; line-height: 1.6; }

.popular-products, .products-section, .related-products, .contact-section, .map-section { padding: 0 0 90px; }
.section-title { font-size: clamp(1.5rem, 3vw, 2.25rem); line-height: 1.3; margin-bottom: 9px; letter-spacing: -.03em; }
.section-subtitle { color: var(--muted); margin-bottom: 28px; font-size: .9rem; }
.title-row { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 26px; }
.title-row .section-title { margin: 0; }
.title-row a { color: var(--gold-deep); font-size: .82rem; font-weight: 800; }
.home-collection-heading { margin-bottom:22px; }
.home-selection-note { display:inline-flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid rgba(199,166,106,.35); border-radius:999px; background:#fffaf0; color:#765629; font-size:.75rem; font-weight:800; white-space:nowrap; }
.home-selection-note i { color:var(--gold-deep); }
.home-products-grid { gap:18px; margin-bottom:22px; }
.home-all-products-wrap { display:flex; justify-content:center; margin-top:8px; }
.home-all-products-button { min-width:240px; min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:11px; padding:0 20px; border-radius:13px; background:var(--ink); color:var(--gold-soft); box-shadow:0 14px 30px rgba(11,21,37,.15); font-weight:800; transition:transform .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease); }
.home-all-products-button:hover { transform:translateY(-3px); background:var(--ink-2); box-shadow:0 18px 36px rgba(11,21,37,.22); }

.products-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 22px; margin-bottom: 28px; }
.product-item { background: var(--white); border: 1px solid var(--line); border-radius: 15px; overflow: hidden; box-shadow: var(--shadow-sm); transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s ease; display: flex; flex-direction: column; min-width: 0; }
.product-item:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); border-color: rgba(199,166,106,.45); }
.product-image { height: 240px; min-height: 240px; position: relative; overflow: hidden; isolation: isolate; background: #edf0f3; border-bottom: 1px solid rgba(11,21,37,.06); }
.product-image img { display: block; width: 100%; max-width: none; height: 100%; max-height: 100%; padding: 6px; object-fit: contain; object-position: center; transition: transform .45s var(--ease); }
.product-item:hover .product-image img { transform: scale(1.06); }
.product-badge { position: absolute; top: 14px; right: 14px; z-index: 1; padding: 5px 10px; border-radius: 999px; background: var(--ink); color: var(--gold-soft); font-size: .68rem; font-weight: 800; }
.product-stock-badge { position: absolute; top: 13px; right: 13px; z-index: 2; padding: 5px 10px; border-radius: 999px; background: rgba(16, 122, 90, .94); color: #fff; font-size: .66rem; font-weight: 800; box-shadow: 0 5px 15px rgba(7, 56, 42, .16); }
.product-stock-badge.is-out { background: rgba(171, 51, 51, .95); }
.product-item.is-out-of-stock .product-image img { filter: grayscale(.22) opacity(.78); }
.btn-cart-add.is-out-of-stock { background: #e9edf0; color: #7b858e; box-shadow: none; }
.product-info { padding: 18px; min-width: 0; }
.product-info h3 { font-size: .98rem; margin-bottom: 5px; min-height: 2.75em; line-height: 1.38; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: start; unicode-bidi: plaintext; overflow-wrap: anywhere; }
.product-info p { color: var(--muted); font-size: .76rem; min-height: 42px; line-height: 1.65; margin-bottom: 12px; }
.product-price { font-family: 'Manrope','Cairo',sans-serif; color: var(--ink); font-weight: 800; font-size: 1.02rem; margin-bottom: 14px; }
.product-price.has-discount { display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px; }
.sale-price { color:var(--ink); font-weight:800; }
.product-old-price { color:#9aa6b5; text-decoration:line-through; font-size:.76rem; font-weight:600; }
.product-card-discount { background:#b24a3b; color:#fff; border-radius:999px; padding:3px 7px; font-size:.66rem; line-height:1; font-weight:800; direction:ltr; }
.product-info .btn { width: 100%; }
.empty-state { grid-column: 1/-1; padding: 48px 20px; text-align: center; border: 1px dashed #cfd7e0; border-radius: 15px; color: var(--muted); background: var(--white); }
.catalog-load-state { grid-column:1/-1; min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; padding:32px 20px; text-align:center; border:1px dashed rgba(199,166,106,.58); border-radius:15px; background:linear-gradient(135deg,rgba(255,250,240,.9),rgba(245,248,251,.95)); color:var(--ink); box-shadow:var(--shadow-sm); }
.catalog-load-state > strong { font-size:1rem; }
.catalog-load-state > span:last-child { color:var(--muted); font-size:.8rem; }
.catalog-load-spinner { width:30px; height:30px; border:3px solid rgba(199,166,106,.25); border-top-color:var(--gold-deep); border-radius:50%; animation:zolg-catalog-spin .72s linear infinite; }
.catalog-load-state.is-error { border-style:solid; border-color:rgba(178,74,59,.38); background:linear-gradient(135deg,rgba(255,248,246,.96),rgba(255,252,249,.96)); }
.catalog-load-state.is-error i { color:#b24a3b; font-size:1.5rem; }
.catalog-load-state .btn { width:auto; margin-top:5px; }
@keyframes zolg-catalog-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .catalog-load-spinner { animation:none; border-top-color:var(--gold-deep); } }

.page-header { padding: 85px 0 75px; color: var(--white); background: radial-gradient(circle at 85% 15%, rgba(199,166,106,.25), transparent 25%), linear-gradient(120deg, #091221, #132c43); position: relative; overflow: hidden; }
.page-header::after { content: ''; position: absolute; width: 340px; height: 340px; border: 1px solid rgba(199,166,106,.22); border-radius: 50%; left: -140px; bottom: -210px; }
.page-header .container { position: relative; z-index: 1; }
.page-header h1 { font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.2; margin-bottom: 8px; }
.page-header h1 i { color: var(--gold); margin-left: 10px; }
.page-header p { color: #bdcbd7; font-size: .95rem; }
.product-return-button { display:inline-flex; align-items:center; gap:10px; margin-top:20px; min-height:52px; padding:8px 17px 8px 13px; color:var(--white); background:rgba(255,255,255,.09); border:1px solid rgba(214,168,79,.7); border-radius:11px; box-shadow:0 12px 25px rgba(0,0,0,.14); text-align:right; }
.product-return-button:hover { color:#101b2a; background:var(--gold); border-color:var(--gold); transform:translateY(-2px); }
.product-return-button i { color:var(--gold); font-size:1.05rem; transition:color .18s ease; }
.product-return-button:hover i { color:#101b2a; }
.product-return-button span { display:grid; gap:1px; }
.product-return-button strong { font-size:.84rem; line-height:1.15; }
.product-return-button small { color:#cbd8e2; font-size:.67rem; line-height:1.2; }
.product-return-button:hover small { color:rgba(16,27,42,.78); }

.products-filters { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; background: var(--white); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-sm); margin: -32px 0 34px; position: relative; z-index: 2; }
.filter { display: flex; align-items: center; gap: 10px; }
.filter label { color: var(--muted); font-size: .8rem; font-weight: 700; }
.filter select, .form-group select { min-height: 42px; border-radius: 9px; border: 1px solid var(--line); background: #fbfcfd; color: var(--ink); padding: 0 12px; outline: none; }
.filter select:focus, .form-group select:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(199,166,106,.14); }
.pagination { display: flex; justify-content: center; gap: 8px; margin-top: 28px; }
.pagination a { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); background: var(--white); font-size: .8rem; }
.pagination a:hover, .pagination a.active { background: var(--ink); border-color: var(--ink); color: var(--gold-soft); }

/* Zolgstore public catalogue: search, category chips and eight-product pagination. */
.catalog-toolbar { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 16px; padding: 18px 20px; margin: -32px 0 12px; border: 1px solid var(--line); border-radius: 16px; background: var(--white); box-shadow: var(--shadow-sm); }
.catalog-search { min-width: 0; }
.catalog-search label, .catalog-category-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--muted); font-size: .76rem; font-weight: 800; }
.catalog-search label { margin: 0 0 7px; }
.catalog-search label i, .catalog-category-head i { color: var(--gold-deep); }
.catalog-search input { width: 100%; min-height: 46px; border: 1px solid var(--line); border-radius: 10px; outline: none; background: #fbfcfd; padding: 0 14px; color: var(--ink); transition: border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease); }
.catalog-search input::placeholder { color: #9ba6b3; }
.catalog-search input:focus { border-color: var(--gold); background: var(--white); box-shadow: 0 0 0 4px rgba(199,166,106,.14); }
.catalog-sort { align-items: stretch; flex-direction: column; gap: 7px; min-width: 210px; }
.catalog-sort select { width: 100%; }
.catalog-categories { margin: 0 0 34px; padding: 14px 18px 16px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.82); }
.catalog-category-head { margin-bottom: 12px; }
.catalog-category-head span:last-child { color: var(--gold-deep); font-size: .7rem; }
.category-chips { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.category-chip { border: 1px solid var(--line); border-radius: 999px; background: #fbfcfd; color: var(--ink-2); padding: 8px 13px; font-size: .75rem; font-weight: 800; transition: transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease); }
.category-chip:hover { border-color: rgba(199,166,106,.65); transform: translateY(-2px); }
.category-chip.active { background: var(--ink); border-color: var(--ink); color: var(--gold-soft); box-shadow: 0 7px 17px rgba(11,21,37,.16); }
.pagination { min-height: 40px; }
.pagination button { min-width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: var(--white); font-size: .8rem; font-weight: 800; transition: .18s var(--ease); }
.pagination button:hover:not(:disabled), .pagination button.active { background: var(--ink); border-color: var(--ink); color: var(--gold-soft); transform: translateY(-2px); }
.pagination button:disabled { opacity: .4; }
.pagination .pagination-nav { min-width: 88px; display:inline-flex; align-items:center; justify-content:center; gap:7px; }
.pagination .pagination-gap { min-width:24px; display:grid; place-items:center; color:var(--muted); font-weight:800; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.product-details .container { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); gap: 60px; padding-top: 50px; padding-bottom: 78px; }
.product-gallery { min-width: 0; }
.main-image { height: 540px; border-radius: 18px; overflow: hidden; background: #edf0f3; box-shadow: var(--shadow-lg); }
.main-image img { width: 100%; height: 100%; padding: 10px; object-fit: contain; object-position: center; }
.thumbnails { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.thumbnails img { width: 76px; height: 76px; object-fit: contain; border-radius: 10px; cursor: pointer; border: 2px solid transparent; background: var(--white); transition: .2s ease; }
.thumbnails img:hover, .thumbnails img.active { border-color: var(--gold); transform: translateY(-2px); }
.product-details .product-info { padding: 20px 0; }
.product-details .product-info h2 { font-size: clamp(1.8rem, 4vw, 3rem); line-height: 1.25; margin-bottom: 18px; }
.price { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 22px; }
.current-price { font-family: 'Manrope','Cairo',sans-serif; color: var(--ink); font-size: 1.85rem; font-weight: 800; }
.old-price { color: #a0a8b3; text-decoration: line-through; font-size: .95rem; }
.discount { background: #f7e9d8; color: #966a32; border-radius: 999px; padding: 4px 9px; font-size: .7rem; font-weight: 800; }
.description { color: var(--muted); font-size: .95rem; line-height: 2; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.product-meta { display: grid; gap: 10px; padding: 22px 0; color: var(--muted); font-size: .82rem; }
.product-meta i { color: var(--gold-deep); width: 22px; }
.stock { color: var(--success); font-weight: 800; }
.stock.out-of-stock { color: var(--danger); }
.product-order-form { padding: 25px; border: 1px solid var(--line); background: var(--white); border-radius: 16px; box-shadow: var(--shadow-sm); }
.stock-order-notice { margin: -4px 0 16px; padding: 11px 12px; border-radius: 10px; background: #fff3f3; border: 1px solid #f2caca; color: var(--danger); font-size: .78rem; font-weight: 700; line-height: 1.7; }
.product-order-form h3 { font-size: 1rem; margin-bottom: 18px; }
.form-group { margin-bottom: 14px; }
.form-group label { display: block; color: var(--muted); font-size: .75rem; font-weight: 700; margin-bottom: 7px; }
.form-group input, .form-group textarea, .form-group select, .contact-form input, .contact-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 9px; background: #fbfcfd; color: var(--ink); padding: 12px 14px; outline: none; transition: .2s ease; }
.form-group input:focus, .form-group textarea:focus, .form-group select:focus, .contact-form input:focus, .contact-form textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(199,166,106,.14); }
.form-group textarea, .contact-form textarea { resize: vertical; min-height: 125px; }

.contact-section { padding-top: 50px; }
.contact-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 32px; }
.contact-info, .contact-form { background: var(--white); border: 1px solid var(--line); border-radius: 16px; padding: 28px; box-shadow: var(--shadow-sm); }
.contact-info h2, .contact-form h2 { margin-bottom: 8px; }
.contact-info > p { color: var(--muted); font-size: .85rem; margin-bottom: 24px; }
.contact-methods { display: grid; gap: 10px; }
.contact-method { display: flex; gap: 13px; align-items: center; padding: 14px; border-radius: 12px; background: #f7f8fa; }
.contact-method i { width: 38px; height: 38px; display: grid; place-items: center; background: #f5efe4; color: var(--gold-deep); border-radius: 10px; }
.contact-method h3 { font-size: .8rem; }
.contact-method p { color: var(--muted); font-size: .75rem; }
.contact-form .btn { margin-top: 8px; }
.map-section { padding-bottom: 80px; }
.map { min-height: 280px; border-radius: 16px; overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid var(--line); background: #e7ecf0; }
.map iframe { width: 100%; height: 330px; border: 0; display: block; }

.error-404 { min-height: 620px; display: grid; place-items: center; padding: 70px 0; }
.error-content { max-width: 620px; margin: auto; text-align: center; }
.error-image { width: 180px; height: 180px; object-fit: contain; margin: 0 auto 18px; opacity: .8; }
.error-text h1 { font-family: 'Manrope','Cairo',sans-serif; font-size: 5rem; color: var(--gold-deep); line-height: 1; }
.error-text h2 { font-size: 1.6rem; margin: 13px 0 8px; }
.error-text p { color: var(--muted); margin-bottom: 24px; }
.error-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
.search-box { display: flex; max-width: 440px; gap: 8px; margin: 22px auto 0; }
.search-box input { flex: 1; min-width: 0; border: 1px solid var(--line); background: var(--white); border-radius: 9px; padding: 11px 14px; outline: none; }

footer { background: var(--ink); color: #d9e1e8; padding: 62px 0 22px; }
.footer-columns { display: grid; grid-template-columns: 1.4fr .8fr .9fr; gap: 50px; padding-bottom: 45px; border-bottom: 1px solid rgba(255,255,255,.1); }
.footer-column h3 { color: var(--white); font-size: .92rem; margin-bottom: 15px; }
.footer-column h3 i { color: var(--gold); margin-left: 7px; }
.footer-column p, .footer-column li { color: #91a0af; font-size: .78rem; line-height: 2; }
.footer-column ul { list-style: none; }
.footer-column a { color: #b4c0cb; transition: .2s ease; }
.footer-column a:hover { color: var(--gold-soft); }
.footer-column li i { color: var(--gold); width: 20px; }
.social-links { display: flex; gap: 8px; margin-top: 18px; }
.social-links a { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; color: #b4c0cb; }
.social-links a:hover { border-color: var(--gold); color: var(--gold); }
.copyright { text-align: center; padding-top: 20px; color: #6f7e8d; font-size: .7rem; }

/* لوحة الإدارة */
.admin-shell { padding: 42px 0 80px; }
.admin-layout { max-width: 1240px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: minmax(320px, 430px) minmax(0,1fr); gap: 24px; align-items: start; }
.admin-container { background: var(--white); padding: 28px; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow-sm); }
.admin-layout .form-group input, .admin-layout .form-group textarea, .admin-layout .form-group select { width: 100%; }
.btn-submit { width: 100%; border: 0; border-radius: 9px; min-height: 46px; background: var(--ink); color: var(--gold-soft); font-weight: 800; transition: .2s var(--ease); }
.btn-submit:hover { background: var(--ink-2); transform: translateY(-2px); }
.btn-submit:disabled { opacity: .5; cursor: not-allowed; transform: none; }
.btn-secondary { border: 1px solid var(--line); background: #f7f8fa; color: var(--ink); padding: 10px 14px; border-radius: 9px; font-weight: 700; }
.btn-secondary:hover { background: var(--ink); color: var(--white); }
.btn-danger { border: 1px solid #f2caca; background: #fff6f6; color: var(--danger); padding: 8px 12px; border-radius: 8px; font-weight: 700; }
.btn-danger:hover { background: var(--danger); color: var(--white); }
.btn-edit { border: 1px solid #c9d9ea; background: #f4f8fc; color: #2a6093; padding: 8px 12px; border-radius: 8px; font-weight: 700; }
.btn-edit:hover { background: #2a6093; color: var(--white); }
.form-actions { display: flex; gap: 10px; align-items: center; }
.form-actions .btn-submit { flex: 1; }
.admin-products { display: grid; gap: 12px; }
.admin-product-card { display: grid; grid-template-columns: 76px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 13px; background: #fbfcfd; border: 1px solid var(--line); border-radius: 13px; }
.admin-product-card img { width: 76px; height: 76px; border-radius: 10px; object-fit: cover; background: #edf0f3; }
.admin-product-card h3 { margin: 0 0 4px; font-size: .9rem; }
.admin-product-card p { margin: 0 0 3px; color: var(--muted); font-size: .72rem; }
.admin-product-card strong { font-family: 'Manrope','Cairo',sans-serif; font-size: .82rem; }
.admin-stock-status { display: inline-flex; align-items: center; gap: 5px; padding: 3px 7px; border-radius: 999px; background: #eaf7f0; color: #147a5a; font-size: .68rem; font-weight: 800; }
.admin-stock-status.is-out { background: #fff0f0; color: var(--danger); }
.admin-product-card.is-draft { border-style: dashed; border-color: rgba(199,166,106,.68); background: linear-gradient(135deg, rgba(199,166,106,.09), #fbfcfd 48%); }
.admin-draft-status { display: inline-flex; align-items: center; padding: 3px 7px; border-radius: 999px; background: #fff2d5; color: #8a5800; font-size: .68rem; font-weight: 800; }
.admin-product-actions { display: flex; gap: 7px; flex-wrap: wrap; justify-content: end; }
.admin-message { padding: 13px; border-radius: 10px; background: #f7f8fa; color: var(--muted); text-align: center; font-size: .8rem; }
.admin-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 20px; }
.admin-heading h2 { margin: 0; font-size: 1.15rem; }
.admin-kicker { color: var(--gold-deep); font-size: .7rem; font-weight: 800; letter-spacing: .1em; margin-bottom: 6px; }

@media (max-width: 1000px) { .products-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } .product-details .container { gap: 35px; } }
@media (max-width: 820px) { header .container { min-height: 74px; } nav { gap: 0; } nav a { padding: 8px 10px; font-size: .77rem; } .hero { min-height: 590px; } .features .container, .footer-columns { grid-template-columns: 1fr; } .feature { border-left: 0; border-bottom: 1px solid var(--line); padding: 15px 8px; } .feature:last-child { border-bottom: 0; } .products-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .product-details .container, .contact-section { grid-template-columns: 1fr; } .main-image { height: 450px; } .footer-columns { gap: 28px; } .admin-layout { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .container { width: min(100% - 28px, 1240px); } header .container { align-items: flex-start; padding-top: 14px; padding-bottom: 14px; flex-direction: column; gap: 10px; } nav { width: 100%; justify-content: space-between; } nav a { padding: 6px 7px; font-size: .7rem; } .logo h1 { font-size: 1.2rem; } .hero-content { padding: 70px 0; } .hero h2 { font-size: 2.45rem; } .hero p { font-size: .92rem; } .hero-stats { gap: 20px; margin-top: 32px; } .features { width: calc(100% - 28px); padding: 18px; margin-bottom: 52px; } .products-grid { grid-template-columns: 1fr; gap: 16px; } .product-image { height: 250px; } .products-filters { flex-direction: column; align-items: stretch; margin-top: -22px; } .filter { justify-content: space-between; } .filter select { flex: 1; } .catalog-toolbar { grid-template-columns: 1fr; align-items: stretch; margin-top: -22px; padding: 14px; } .catalog-sort { min-width: 0; } .catalog-categories { padding: 13px; } .category-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; } .category-chip { flex: 0 0 auto; } .main-image { height: 330px; } .product-details .container { padding-top: 28px; } .contact-section { padding-top: 28px; } .contact-info, .contact-form, .product-order-form, .admin-container { padding: 20px; } .search-box { flex-direction: column; } .form-actions { flex-direction: column; } .form-actions .btn-submit, .form-actions .btn-secondary { width: 100%; } .admin-product-card { grid-template-columns: 58px minmax(0,1fr); } .admin-product-card img { width: 58px; height: 58px; } .admin-product-actions { grid-column: 1/-1; justify-content: start; } }


/* ===== Zolgstore commerce layer: cards, cart, delivery and checkout ===== */
.product-card-description { color: var(--muted); min-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: .8rem; line-height: 1.65; text-align:start; unicode-bidi:plaintext; overflow-wrap:anywhere; }
.product-image img.is-fallback { object-fit:contain; padding:24px; background:linear-gradient(135deg,#edf0f3,#dfe7ed); }
.related-products .product-item { height: 100%; }
.related-products .product-info { display: flex; flex: 1; flex-direction: column; }
.related-product-description { color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 3.3em; margin-bottom: 12px; font-size: .78rem; line-height: 1.65; }
.related-products .product-price { margin-top: auto; }
.related-products .product-info .btn { margin-top: 2px; }
.product-card-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 14px; }
.product-card-actions .btn { flex: 1 1 auto; }
.btn-cart-add { background: var(--ink); color: var(--white); box-shadow: 0 8px 18px rgba(11,21,37,.12); }
.btn-cart-add:hover { background: var(--ink-2); color: var(--gold-soft); }
.btn:disabled, button:disabled { cursor: not-allowed; opacity: .55; transform: none !important; box-shadow: none; }
.product-order-form { position: relative; overflow: hidden; }
.product-order-form::before { content: 'ZOLGSTORE CHECKOUT'; position: absolute; top: 18px; left: 22px; color: var(--gold-deep); font-size: .62rem; letter-spacing: .15em; font-weight: 800; }
.product-order-form h3 { padding-left: 130px; }
.product-order-form textarea, .cart-checkout textarea { resize: vertical; }
.delivery-options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.delivery-option { position: relative; cursor: pointer; display: block; }
.delivery-option input { position: absolute; opacity: 0; pointer-events: none; }
.delivery-option span { min-height: 65px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; display: flex; flex-direction: column; gap: 1px; background: var(--white); transition: .2s ease; }
.delivery-option span i { color: var(--gold-deep); margin-bottom: 2px; }
.delivery-option strong { font-size: .84rem; }
.delivery-option small { color: var(--muted); font-size: .68rem; }
.delivery-option input:checked + span { border-color: var(--gold); background: #fffaf0; box-shadow: 0 0 0 3px rgba(199,166,106,.13); }
.delivery-options.compact .delivery-option span { min-height: 48px; flex-direction: row; align-items: center; gap: 8px; }
.quantity-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.quantity-control { display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: var(--white); }
.quantity-control button { width: 38px; height: 38px; border: 0; background: transparent; color: var(--gold-deep); font-size: 1.2rem; }
.quantity-control button:hover { background: #fff7e8; }
.quantity-control input { width: 45px; height: 38px; text-align: center; border: 0; border-right: 1px solid var(--line); border-left: 1px solid var(--line); background: transparent; }
.shipping-summary { margin: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 10px 0; }
.shipping-summary > div, .cart-total-line { display: flex; justify-content: space-between; gap: 12px; align-items: center; font-size: .82rem; }
.shipping-summary > div + div { margin-top: 6px; }
.shipping-summary strong, .cart-total-line strong { color: var(--gold-deep); }
.shipping-summary .summary-total { border-top: 1px dashed var(--line); margin-top: 9px; padding-top: 10px; font-size: 1rem; }
.product-form-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.zolg-cart-trigger { position: fixed; z-index: 1100; left: 22px; bottom: 22px; border: 1px solid rgba(199,166,106,.55); border-radius: 999px; background: var(--ink); color: var(--white); min-height: 50px; padding: 0 15px; display: inline-flex; align-items: center; gap: 9px; box-shadow: 0 16px 35px rgba(11,21,37,.23); font-weight: 800; }
.zolg-cart-trigger i { color: var(--gold); }
.zolg-cart-trigger b { min-width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: var(--gold); color: var(--ink); font-size: .7rem; }
.zolg-cart-drawer { position: fixed; z-index: 1200; inset: 0; visibility: hidden; pointer-events: none; }
.zolg-cart-drawer.is-open { visibility: visible; pointer-events: auto; }
.cart-backdrop { position: absolute; inset: 0; background: rgba(4,10,19,.62); opacity: 0; transition: opacity .28s ease; }
.cart-panel { position: absolute; top: 0; left: 0; width: min(560px, 100%); height: 100%; overflow-y: auto; background: var(--paper); transform: translateX(-100%); transition: transform .35s var(--ease); box-shadow: 14px 0 50px rgba(0,0,0,.22); }
.zolg-cart-drawer.is-open .cart-backdrop { opacity: 1; }
.zolg-cart-drawer.is-open .cart-panel { transform: translateX(0); }
.cart-header { position: sticky; top: 0; z-index: 2; padding: 24px; display: flex; justify-content: space-between; align-items: flex-start; background: var(--ink); color: var(--white); }
.cart-header h2 { margin-top: 4px; font-size: 1.45rem; }
.cart-header .eyebrow { margin: 0; font-size: .62rem; }
.cart-close { border: 1px solid rgba(255,255,255,.22); background: transparent; color: var(--white); width: 38px; height: 38px; border-radius: 50%; font-size: 1.6rem; line-height: 1; }
.cart-close:hover { color: var(--gold); border-color: var(--gold); }
.cart-items { padding: 18px 24px 0; }
.cart-item { display: flex; gap: 13px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.cart-item img { width: 76px; height: 76px; object-fit: cover; border-radius: 12px; background: #eee; }
.cart-item-info { flex: 1; min-width: 0; }
.cart-item-info h4 { font-size: .9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cart-item-info > span { display: block; margin: 2px 0; color: var(--muted); font-size: .68rem; }
.cart-item-info > strong { color: var(--gold-deep); font-size: .85rem; }
.cart-item-actions { display: flex; align-items: center; gap: 7px; margin-top: 7px; }
.cart-item-actions button { min-width: 24px; height: 25px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); color: var(--ink); font-size: .8rem; }
.cart-item-actions .remove-item { margin-right: auto; border: 0; color: var(--danger); background: transparent; font-size: .68rem; }
.cart-checkout { margin: 20px 24px 28px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); box-shadow: var(--shadow-sm); }
.cart-checkout h3 { font-size: 1rem; margin-bottom: 13px; }
.checkout-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cart-checkout input, .cart-checkout select, .cart-checkout textarea { width: 100%; border: 1px solid var(--line); border-radius: 9px; background: var(--paper); padding: 11px 12px; margin-bottom: 10px; outline: none; }
.cart-checkout input:focus, .cart-checkout select:focus, .cart-checkout textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(199,166,106,.13); }
.cart-shipping-notice { margin: 10px 0; padding: 10px 12px; border-radius: 9px; background: #fff8e9; color: var(--gold-deep); font-size: .75rem; }
.cart-total-line { border-top: 1px solid var(--line); padding: 14px 0; margin-top: 9px; font-size: 1rem; }
.cart-empty { text-align: center; padding: 45px 20px; color: var(--muted); }
.cart-empty i { color: var(--gold); font-size: 2.4rem; margin-bottom: 10px; }
.cart-empty h3 { color: var(--ink); margin-bottom: 4px; }
.cart-empty p { font-size: .82rem; margin-bottom: 16px; }
@media (max-width: 720px) { .zolg-cart-trigger { left: 14px; bottom: 14px; } .cart-panel { width: 100%; } .checkout-grid, .product-form-actions, .delivery-options { grid-template-columns: 1fr; } .product-order-form::before { position: static; display: block; margin-bottom: 5px; } .product-order-form h3 { padding-left: 0; } .product-card-actions .btn { width: 100%; } }

/* Small-screen checkout: every action stays reachable with one thumb and no horizontal overflow. */
@media (max-width: 560px) {
  html, body { overflow-x: clip; }
  .catalog-categories { position: relative; overflow: hidden; }
  .category-chips { scrollbar-width: none; scroll-snap-type: inline proximity; touch-action: pan-x; -webkit-overflow-scrolling: touch; padding-inline-end:38px; }
  .category-chips::-webkit-scrollbar { display: none; }
  .category-chip { scroll-snap-align: start; min-height: 38px; display: inline-flex; align-items: center; }
  .catalog-categories::after { content:''; position:absolute; z-index:1; width:40px; top:46px; bottom:10px; inset-inline-end:0; pointer-events:none; background:linear-gradient(to left, var(--white) 18%, transparent); }
  html[dir="ltr"] .catalog-categories::after { background:linear-gradient(to right, var(--white) 18%, transparent); }
  .zolg-cart-trigger { bottom:max(14px, env(safe-area-inset-bottom)); min-height:48px; padding-inline:14px; }
  .cart-header { padding:18px 16px; }
  .cart-header h2 { font-size:1.18rem; }
  .cart-close { width:42px; height:42px; }
  .cart-items { padding:12px 16px 0; }
  .cart-item { gap:10px; }
  .cart-item img { width:68px; height:68px; flex:0 0 68px; }
  .cart-item-info h4 { font-size:.83rem; }
  .cart-item-actions { gap:6px; }
  .cart-item-actions button { min-width:36px; height:36px; font-size:1rem; }
  .cart-item-actions .remove-item { min-width:auto; padding-inline:6px; font-size:.71rem; }
  .cart-checkout { margin:16px 14px calc(24px + env(safe-area-inset-bottom)); padding:16px; }
  .cart-checkout input, .cart-checkout select, .cart-checkout textarea { min-height:44px; font-size:16px; }
  .cart-shipping-notice { line-height:1.5; }
  .product-card-actions { display:grid; grid-template-columns:1fr; gap:8px; }
  .product-card-actions .btn { min-height:44px; }
  .main-image { height:min(330px, 84vw); }
  .thumbnails { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; scrollbar-width:none; }
  .thumbnails::-webkit-scrollbar { display:none; }
  .thumbnails img { flex:0 0 62px; width:62px; height:62px; }
}
html[data-theme="dark"] .catalog-categories::after { background:linear-gradient(to left, var(--white) 18%, transparent); }
html[dir="ltr"][data-theme="dark"] .catalog-categories::after { background:linear-gradient(to right, var(--white) 18%, transparent); }

.shipping-admin-panel { grid-column: 1 / -1; }
.shipping-rate-form { display: grid; grid-template-columns: repeat(4, 1fr) auto; align-items: end; gap: 12px; }
.shipping-rate-form .form-group { margin: 0; }
.shipping-rate-form .btn-submit { min-height: 46px; white-space: nowrap; }
.shipping-rate-form + .admin-message { margin-top: 14px; }
.product-source { color: var(--gold-deep); font-weight: 800; }
@media (max-width: 900px) { .shipping-rate-form { grid-template-columns: repeat(2, 1fr); } .shipping-rate-form .btn-submit { width: 100%; } }
@media (max-width: 560px) { .shipping-rate-form { grid-template-columns: 1fr; } }

/* Zolgstore final experience: visible preferences, protected supplier links, 5-day guarantee, and dark mode. */
.site-preferences { display:flex; align-items:center; gap:8px; margin-inline-start:auto; }
.site-preference-button { width:38px; height:38px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); color:#eef4fa; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; gap:5px; font-weight:800; transition:transform .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease); }
.site-preference-button:hover { transform:translateY(-2px); background:rgba(199,166,106,.16); border-color:rgba(199,166,106,.7); color:var(--gold-soft); }
.language-toggle span { font-family:'Manrope',sans-serif; font-size:.72rem; letter-spacing:.03em; }
.theme-toggle span { font-size:1rem; line-height:1; }
.logo-mark.has-brand-logo { overflow:hidden; background:rgba(255,255,255,.97); border-color:rgba(199,166,106,.8); padding:2px; }
.logo-mark.has-brand-logo::after { display:none; }
.logo-mark.has-brand-logo img { width:100%; height:100%; object-fit:contain; border-radius:50%; }
.policy-mini-note { margin:0 0 14px; padding:10px 12px; display:flex; gap:9px; align-items:flex-start; border:1px solid rgba(199,166,106,.35); border-radius:10px; background:#fffaf0; color:#66522d; font-size:.75rem; line-height:1.7; }
.policy-mini-note i { color:var(--gold-deep); margin-top:4px; }
.policy-mini-note a, .policy-link-line a { color:var(--gold-deep); font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.policy-consent { margin:14px 0 6px; padding:13px; display:flex; gap:10px; align-items:flex-start; border:1px solid var(--line); border-radius:12px; background:#fbfcfd; cursor:pointer; transition:border-color .18s var(--ease), background .18s var(--ease); }
.policy-consent:hover { border-color:rgba(199,166,106,.65); background:#fffaf0; }
.policy-consent input { width:18px !important; height:18px; flex:0 0 18px; margin:3px 0 0 !important; accent-color:var(--gold-deep); }
.policy-consent span { display:grid; gap:2px; }
.policy-consent strong { color:var(--ink); font-size:.76rem; }
.policy-consent small { color:var(--muted); font-size:.67rem; line-height:1.5; }
.policy-link-line { margin:0 0 13px; font-size:.72rem; }
.policy-section { padding:54px 0 88px; }
.policy-layout { display:grid; grid-template-columns:minmax(220px,.35fr) minmax(0,1fr); gap:28px; align-items:start; }
.policy-highlight { position:sticky; top:105px; padding:28px; border-radius:18px; background:linear-gradient(145deg,var(--ink),var(--ink-2)); color:var(--white); box-shadow:var(--shadow-lg); }
.policy-highlight .policy-icon { width:50px; height:50px; display:grid; place-items:center; margin-bottom:19px; border:1px solid rgba(199,166,106,.55); border-radius:14px; color:var(--gold); background:rgba(255,255,255,.06); }
.policy-highlight strong { display:block; color:var(--gold-soft); font-size:1.3rem; }
.policy-highlight p { margin:6px 0 18px; color:#c8d5df; font-size:.8rem; }
.policy-highlight .btn { width:100%; }
.policy-content { display:grid; gap:16px; }
.policy-card { padding:28px; border:1px solid var(--line); border-radius:16px; background:var(--white); box-shadow:var(--shadow-sm); }
.policy-card h2 { margin-bottom:11px; font-size:1.35rem; }
.policy-card p { color:var(--muted); margin-top:10px; font-size:.86rem; line-height:1.9; }
.policy-note { display:flex; gap:10px; margin-top:17px; padding:13px; border-radius:10px; background:#fff8e9; color:#725824; font-size:.75rem; line-height:1.75; }
.policy-note i { color:var(--gold-deep); margin-top:3px; }
.brand-settings-panel { grid-column:1/-1; }
.admin-brand-preview { width:62px; height:62px; display:grid; place-items:center; overflow:hidden; flex:0 0 62px; border:1px solid rgba(199,166,106,.65); border-radius:16px; background:#f8f3e8; color:var(--gold-deep); font-size:1.35rem; }
.admin-brand-preview img { width:100%; height:100%; object-fit:contain; padding:4px; }
.brand-settings-panel .form-group small, .private-source-link small { display:block; margin-top:6px; color:var(--muted); font-size:.7rem; line-height:1.7; }
.private-source-link label { display:flex; align-items:center; gap:6px; }
.private-source-link label i { color:var(--gold-deep); }
.private-source-link label span { padding:2px 6px; border-radius:999px; background:#eef3f8; color:#506070; font-size:.62rem; }
.zolg-reveal { opacity:0; transform:translateY(20px); transition:opacity .5s var(--ease), transform .5s var(--ease); }
.zolg-reveal.is-visible { opacity:1; transform:none; }

html[data-theme="dark"] { color-scheme:dark; --ink:#e8eef5; --ink-2:#d6e0ea; --ink-3:#b8c8d7; --paper:#0d1624; --white:#111d2c; --muted:#a9b8c8; --line:#263548; --shadow-sm:0 10px 30px rgba(0,0,0,.22); --shadow-lg:0 24px 70px rgba(0,0,0,.38); }
html[data-theme="dark"] body { background:var(--paper); color:var(--ink); }
html[data-theme="dark"] header { color:#f4f8fc; }
html[data-theme="dark"] .logo h1, html[data-theme="dark"] .hero, html[data-theme="dark"] .hero h2, html[data-theme="dark"] .hero-stat strong, html[data-theme="dark"] .page-header { color:#f4f8fc; }
html[data-theme="dark"] .hero .btn-outline { color:#f4f8fc; }
html[data-theme="dark"] .hero .btn-outline:hover { color:#101a27; }
html[data-theme="dark"] footer .footer-column h3, html[data-theme="dark"] .cart-header { color:#f4f8fc; }
html[data-theme="dark"] .btn { color:#101a27; }
html[data-theme="dark"] .btn-outline { color:var(--ink); border-color:var(--line); }
html[data-theme="dark"] .btn-outline:hover { background:#e7eef5; color:#101a27; border-color:#e7eef5; }
html[data-theme="dark"] .features, html[data-theme="dark"] .catalog-toolbar, html[data-theme="dark"] .catalog-categories, html[data-theme="dark"] .product-item, html[data-theme="dark"] .empty-state, html[data-theme="dark"] .catalog-load-state, html[data-theme="dark"] .product-order-form, html[data-theme="dark"] .contact-info, html[data-theme="dark"] .contact-form, html[data-theme="dark"] .admin-container, html[data-theme="dark"] .cart-checkout, html[data-theme="dark"] .policy-card { background:var(--white); border-color:var(--line); }
html[data-theme="dark"] .product-image, html[data-theme="dark"] .main-image, html[data-theme="dark"] .admin-product-card, html[data-theme="dark"] .contact-method, html[data-theme="dark"] .quantity-control, html[data-theme="dark"] .delivery-option span, html[data-theme="dark"] .pagination button, html[data-theme="dark"] .form-group input, html[data-theme="dark"] .form-group textarea, html[data-theme="dark"] .form-group select, html[data-theme="dark"] .contact-form input, html[data-theme="dark"] .contact-form textarea, html[data-theme="dark"] .catalog-search input, html[data-theme="dark"] .cart-checkout input, html[data-theme="dark"] .cart-checkout select, html[data-theme="dark"] .cart-checkout textarea, html[data-theme="dark"] .policy-consent { background:#142234; border-color:var(--line); color:var(--ink); }
html[data-theme="dark"] .admin-product-card.is-draft { background:linear-gradient(135deg, rgba(199,166,106,.14), #142234 48%); border-color:rgba(222,186,103,.58); }
html[data-theme="dark"] .admin-draft-status { background:#3c2d12; color:#f4d998; }
html[data-theme="dark"] .product-price, html[data-theme="dark"] .current-price, html[data-theme="dark"] .policy-consent strong, html[data-theme="dark"] .cart-empty h3 { color:var(--ink); }
html[data-theme="dark"] .product-meta, html[data-theme="dark"] .description, html[data-theme="dark"] .section-subtitle, html[data-theme="dark"] .feature p, html[data-theme="dark"] .product-info p, html[data-theme="dark"] .contact-info > p, html[data-theme="dark"] .contact-method p, html[data-theme="dark"] .policy-card p { color:var(--muted); }
html[data-theme="dark"] .delivery-option input:checked + span, html[data-theme="dark"] .policy-consent:hover { background:#1d2c3d; }
html[data-theme="dark"] .policy-mini-note, html[data-theme="dark"] .policy-note, html[data-theme="dark"] .cart-shipping-notice { background:#2b2519; color:#f0dba8; border-color:rgba(199,166,106,.25); }
html[data-theme="dark"] .admin-brand-preview { background:#1b2a3a; }
/* صفحة الضمان في الوضع الداكن: أسطح داكنة صريحة ونصوص عالية التباين، حتى لا تبقى بطاقات بيضاء أو باهتة. */
html[data-theme="dark"] .policy-section { background:radial-gradient(circle at 10% 8%, rgba(199,166,106,.10), transparent 30%), var(--paper); }
html[data-theme="dark"] .policy-card { background:#111f30; border-color:#2f4962; color:#edf4fa; box-shadow:0 16px 42px rgba(0,0,0,.20); }
html[data-theme="dark"] .policy-card h2, html[data-theme="dark"] .policy-card strong { color:#f5f8fb; }
html[data-theme="dark"] .policy-card .eyebrow { color:#e6be70; }
html[data-theme="dark"] .policy-highlight { background:linear-gradient(145deg, #142b43, #0c1726); border:1px solid #304d68; color:#f5f8fb; }
html[data-theme="dark"] .policy-highlight p { color:#c6d5e3; }
html[data-theme="dark"] .policy-note { background:#30281a; color:#f4dfa9; border:1px solid rgba(230,190,112,.28); }
html[data-theme="dark"] .policy-note i { color:#f2c970; }
html[data-theme="dark"] .catalog-toolbar, html[data-theme="dark"] .catalog-categories { background:#101d2c; border-color:#2b4058; }
html[data-theme="dark"] .catalog-search label, html[data-theme="dark"] .catalog-category-head { color:#c4d1de; }
html[data-theme="dark"] .catalog-search input, html[data-theme="dark"] .catalog-sort select, html[data-theme="dark"] .filter select { background:#16283a; border-color:#334b64; color:#edf4fa; }
html[data-theme="dark"] .catalog-search input::placeholder { color:#90a2b4; }
html[data-theme="dark"] .catalog-search input:focus { background:#1b3148; border-color:var(--gold); }
html[data-theme="dark"] .catalog-sort select option, html[data-theme="dark"] .filter select option { background:#16283a; color:#edf4fa; }
html[data-theme="dark"] .category-chip { background:#172a3d; border-color:#344d66; color:#dce7f0; }
html[data-theme="dark"] .category-chip:hover { background:#203950; border-color:var(--gold); color:#fff; }
html[data-theme="dark"] .category-chip.active, html[data-theme="dark"] .pagination button.active { background:#2b4661; border-color:#53718e; color:var(--gold-soft); box-shadow:0 7px 17px rgba(0,0,0,.25); }
html[data-theme="dark"] .product-details { background:radial-gradient(circle at 88% 12%, rgba(83,113,142,.14), transparent 30%), var(--paper); }
html[data-theme="dark"] .product-details .product-info { padding-top:30px; }
html[data-theme="dark"] .product-details .product-info h2 { color:#f6f9fc; font-size:clamp(2rem,3.3vw,3.15rem); line-height:1.28; letter-spacing:-.025em; margin-bottom:18px; text-wrap:balance; }
html[data-theme="dark"] .product-details .price { margin-bottom:24px; padding:15px 17px; gap:10px 13px; background:#122438; border:1px solid #2d4760; border-radius:14px; }
html[data-theme="dark"] .product-details .current-price { color:#f1cf8d; font-size:2rem; }
html[data-theme="dark"] .product-details .old-price { color:#93a6b8; font-size:1rem; }
html[data-theme="dark"] .product-details .discount { background:#5a2f2c; color:#ffd6ce; }
html[data-theme="dark"] .product-details .description { color:#c3d0dc; font-size:1rem; line-height:2.05; padding-bottom:26px; }
html[data-theme="dark"] .product-details .product-meta { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding:14px; background:#101f30; border:1px solid #2a435b; border-radius:13px; color:#c7d4df; }
html[data-theme="dark"] .product-details .product-meta div { min-width:0; font-size:.78rem; line-height:1.6; }
html[data-theme="dark"] .product-details .product-order-form { background:#111f30; border-color:#2f4962; box-shadow:0 16px 42px rgba(0,0,0,.23); }
html[data-theme="dark"] .product-details .product-order-form h3 { color:#f0f5fa; }
html[data-theme="dark"] .product-details .shipping-summary { background:#0d1a29; border-color:#2d4760; }
html[data-theme="dark"] .product-details .shipping-summary strong { color:#f2d293; }
html[dir="ltr"] .product-details #productTitle, html[dir="ltr"] .product-details #productDescription { unicode-bidi:plaintext; text-align:start; }
@media (max-width:820px) { html[data-theme="dark"] .product-details .product-meta { grid-template-columns:1fr; } html[data-theme="dark"] .product-details .product-info { padding-top:4px; } }
html[dir="ltr"] body { direction:ltr; }

/* إطلاق Zolgstore: فوتر واضح، تحكمات قابلة للقراءة، ونموذج طلب منظم. */
.site-preferences { gap:10px; }
.site-preference-button { min-width:42px; width:42px; height:42px; border-radius:12px; }
.language-toggle { width:56px; min-width:56px; }
.language-toggle i { display:none; }
.language-toggle span { font-size:.78rem; letter-spacing:.06em; }
.theme-toggle span { font-size:1.12rem; }
.product-order-form::before { left:auto; inset-inline-start:22px; }
.product-order-form h3 { padding-left:0; padding-inline-start:132px; min-height:28px; display:flex; align-items:center; }
.product-order-form .form-group { margin-bottom:16px; }
.product-order-form .form-group label { color:#6f8091; font-size:.76rem; margin-bottom:8px; }
.product-order-form .form-group input, .product-order-form .form-group select, .product-order-form .form-group textarea { min-height:46px; border-radius:11px; }
.product-order-form .form-group textarea { min-height:82px; }
.product-order-form .shipping-summary { padding:13px 0; margin:18px 0; }
.product-order-form .product-form-actions { gap:12px; }
html[data-theme="dark"] footer { background:#091421; color:#d8e3ec; border-top:1px solid #20354a; }
html[data-theme="dark"] .footer-columns { border-bottom-color:#294057; }
html[data-theme="dark"] .footer-column h3 { color:#f3f7fb; }
html[data-theme="dark"] .footer-column p, html[data-theme="dark"] .footer-column li { color:#b8c8d7; }
html[data-theme="dark"] .footer-column a { color:#d3e0eb; }
html[data-theme="dark"] .footer-column a:hover { color:var(--gold-soft); }
html[data-theme="dark"] .copyright { color:#94a8b9; }
html[data-theme="dark"] .social-links a { color:#d7e5ee; border-color:#38516a; background:#102338; }
html[data-theme="dark"] .product-order-form .form-group label { color:#c6d4df; }
html[data-theme="dark"] .product-order-form .form-group input::placeholder, html[data-theme="dark"] .product-order-form .form-group textarea::placeholder { color:#8fa4b7; }
html[data-theme="dark"] .product-order-form .form-group input, html[data-theme="dark"] .product-order-form .form-group select, html[data-theme="dark"] .product-order-form .form-group textarea { background:#14283b; border-color:#35506a; color:#eef5fa; }
html[data-theme="dark"] .product-order-form .form-group input:focus, html[data-theme="dark"] .product-order-form .form-group select:focus, html[data-theme="dark"] .product-order-form .form-group textarea:focus { background:#193148; border-color:var(--gold); }
.product-assurances { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:16px 0; }
.product-assurances > div { display:flex; align-items:flex-start; gap:9px; padding:11px; border:1px solid var(--line); border-radius:12px; background:#f8fafc; }
.product-assurances i { color:var(--gold-deep); margin-top:3px; }
.product-assurances strong { display:block; color:var(--ink); font-size:.76rem; margin-bottom:2px; }
.product-assurances small { color:var(--muted); font-size:.68rem; line-height:1.55; }
.product-service-actions { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px; }
.product-service-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:38px; padding:0 12px; border:1px solid var(--line); border-radius:10px; background:var(--white); color:var(--ink); font-size:.75rem; font-weight:800; transition:.18s var(--ease); }
.product-service-button:hover { border-color:var(--gold); color:var(--gold-deep); transform:translateY(-1px); }
.product-service-button i { color:var(--gold-deep); }
.share-product-status { width:100%; margin:0; color:var(--success); font-size:.72rem; font-weight:800; }
html[data-theme="dark"] .product-assurances > div { background:#112337; border-color:#2d4861; }
html[data-theme="dark"] .product-assurances strong { color:#eef5fa; }
html[data-theme="dark"] .product-assurances small { color:#b2c4d2; }
html[data-theme="dark"] .product-service-button { background:#13283c; border-color:#34506a; color:#e5eef5; }
html[data-theme="dark"] .product-service-button:hover { background:#1d3851; border-color:var(--gold); color:var(--gold-soft); }
html[data-theme="dark"] .home-selection-note { background:#13273a; border-color:#3a546c; color:#e8c77d; }
html[data-theme="dark"] .home-all-products-button { background:#c7a66a; color:#122033; box-shadow:0 14px 30px rgba(0,0,0,.25); }
html[data-theme="dark"] .home-all-products-button:hover { background:#e1c486; color:#0e1927; }
@media (max-width:560px) { .product-assurances { grid-template-columns:1fr; } .product-service-button { flex:1 1 auto; } }
@media (max-width:560px) { .home-collection-heading { align-items:flex-start; flex-direction:column; } .home-all-products-button { width:100%; } }
@media (max-width:560px) { .site-preference-button { width:40px; height:40px; flex-basis:40px; } .language-toggle { width:52px; min-width:52px; flex-basis:52px; } .product-order-form h3 { padding-inline-start:0; } }
html[dir="ltr"] .hero-content { text-align:left; }
html[dir="ltr"] .product-order-form::before { left:auto; right:22px; }
html[dir="ltr"] .product-order-form h3 { padding-left:0; padding-right:130px; }
html[dir="ltr"] .zolg-cart-trigger { left:auto; right:22px; }
html[dir="ltr"] .cart-panel { left:auto; right:0; transform:translateX(100%); }
html[dir="ltr"] .zolg-cart-drawer.is-open .cart-panel { transform:translateX(0); }
html[dir="ltr"] .cart-item-actions .remove-item { margin-right:0; margin-left:auto; }
@media (max-width:820px) { .site-preferences { margin-inline-start:0; } .policy-layout { grid-template-columns:1fr; } .policy-highlight { position:relative; top:auto; } }
@media (max-width:560px) {
  header .container { min-height:0; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"logo preferences" "nav nav"; align-items:center; gap:12px 10px; padding-top:12px; padding-bottom:12px; }
  header .logo { grid-area:logo; min-width:0; }
  header .logo h1 { font-size:1.12rem; }
  header .logo small, header .logo-tagline { max-width:145px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  header .site-preferences { grid-area:preferences; position:static; justify-self:end; margin:0; gap:5px; flex-shrink:0; }
  header nav { grid-area:nav; width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
  header nav a { min-width:0; justify-content:center; padding:7px 4px; font-size:.68rem; white-space:nowrap; }
  .site-preference-button { width:34px; height:34px; flex:0 0 34px; }
  .policy-section { padding:32px 0 60px; } .policy-card { padding:20px; } .policy-highlight { padding:22px; } html[dir="ltr"] .product-order-form::before { padding-right:0; } html[dir="ltr"] .product-order-form h3 { padding-right:0; } html[dir="ltr"] .zolg-cart-trigger { left:auto; right:14px; }
}
html[data-theme="dark"] .site-preference-button { background:#14263a; border-color:#38506a; color:#f5f8fb; }
html[data-theme="dark"] .site-preference-button:hover { background:#213a55; border-color:var(--gold); color:var(--gold-soft); }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *, *::before, *::after { transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; } .zolg-reveal { opacity:1; transform:none; } }

/* مراقبة أمنية صامتة: لا تظهر رسائل iframe أو XSS داخل واجهة الزبون. */
.zolg-security-event-notification,
.zolg-security-notification { display:none !important; }

/* اختصار المدير: ينشأ فقط بعد تحقق session.role=admin، بينما RLS تبقى الحماية الفعلية. */
.admin-quick-edit { background:#16283b; border-color:#2d4a63; color:#f5f8fb; white-space:nowrap; }
.admin-quick-edit:hover { background:#233c56; border-color:var(--gold); color:var(--gold-soft); }
.admin-detail-edit-wrap { margin:14px 0 -2px; display:flex; justify-content:flex-start; }
.admin-detail-edit { width:auto !important; }
html[data-theme="dark"] .admin-quick-edit { background:#203850; border-color:#4b6680; color:#f8fbff; }
html[data-theme="dark"] .product-old-price { color:#94a7b9; }
.product-discount-field label span { color:var(--gold-deep); font-size:.72rem; margin-inline-start:6px; }
.discount-preview { margin:8px 0 0; color:var(--success); font-size:.78rem; font-weight:800; }

/* Zolgstore catalog control: search and pagination keep a 2,000-product admin calm. */
.admin-catalog-toolbar { display:grid; grid-template-columns:auto minmax(180px,1fr) auto; align-items:center; gap:10px; margin:4px 0 18px; padding:12px; border:1px solid rgba(199,166,106,.28); background:rgba(11,21,37,.03); border-radius:12px; }
.admin-catalog-toolbar label { font-size:.78rem; font-weight:800; color:var(--ink-2); white-space:nowrap; }
.admin-catalog-toolbar label i { color:var(--gold-deep); margin-inline-end:5px; }
.admin-catalog-toolbar input { min-width:0; width:100%; border:1px solid var(--line); border-radius:9px; padding:10px 12px; font:inherit; background:var(--white); color:var(--ink); outline:none; }
.admin-catalog-toolbar input:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(199,166,106,.15); }
.admin-catalog-toolbar span { font-size:.78rem; color:var(--muted); white-space:nowrap; }
.admin-catalog-pagination { display:flex; justify-content:center; align-items:center; gap:12px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.admin-catalog-pagination span { font-size:.82rem; color:var(--muted); }
html[data-theme="dark"] .admin-catalog-toolbar { background:#14263a; border-color:#38506a; }
html[data-theme="dark"] .admin-catalog-toolbar label { color:#f4f7fa; }
html[data-theme="dark"] .admin-catalog-toolbar input { background:#0e1927; border-color:#38506a; color:#f8fbff; }
@media (max-width:620px) { .admin-catalog-toolbar { grid-template-columns:1fr; gap:8px; } .admin-catalog-toolbar label,.admin-catalog-toolbar span { white-space:normal; } .admin-catalog-pagination { gap:8px; } }

/* Zolgstore Admin Control Center: navy trust, gold priorities, and compact review decisions. */
.admin-dashboard-panel { grid-column:1/-1; padding:0; overflow:hidden; border-color:rgba(199,166,106,.38); background:linear-gradient(135deg,#10233a 0%,#0b1728 70%,#172c47 100%); color:#f6f8fb; box-shadow:0 18px 38px rgba(8,20,35,.14); }
.admin-dashboard-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; padding:25px 28px 21px; }
.admin-dashboard-head .admin-kicker { color:#e3bd6e; margin-bottom:7px; }
.admin-dashboard-head h2 { margin:0; color:#fff; font-size:1.35rem; }
.admin-dashboard-head h2 i { color:#e3bd6e; margin-inline-end:8px; }
.admin-dashboard-head p { margin:8px 0 0; max-width:620px; color:#bfcddd; font-size:.83rem; line-height:1.75; }
.admin-dashboard-new { width:auto; min-height:42px; padding:0 16px; background:#e3bd6e; border-color:#e3bd6e; color:#11223a; font-weight:900; white-space:nowrap; }
.admin-dashboard-new:hover { background:#f1d293; border-color:#f1d293; color:#11223a; }
.admin-metric-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; background:rgba(255,255,255,.09); border-block:1px solid rgba(255,255,255,.1); }
.admin-metric-card { min-width:0; padding:18px 18px 17px; border:0; border-inline-start:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.018); color:#f8fbff; text-align:right; cursor:pointer; transition:background .18s var(--ease), transform .18s var(--ease); }
.admin-metric-card:hover { background:rgba(255,255,255,.09); transform:translateY(-2px); }
.admin-metric-card span,.admin-metric-card small { display:block; color:#b9c9d9; font-size:.7rem; }
.admin-metric-card strong { display:block; margin:5px 0 3px; color:#fff; font-family:'Manrope','Cairo',sans-serif; font-size:1.65rem; line-height:1; }
.admin-metric-card.is-visible strong { color:#82d7b4; }.admin-metric-card.is-hidden strong { color:#e7bd73; }.admin-metric-card.is-draft strong { color:#f4d998; }.admin-metric-card.is-stock strong { color:#ee9e9e; }
.admin-priority-strip { display:flex; align-items:center; gap:12px; padding:15px 28px; background:rgba(0,0,0,.14); }
.admin-priority-icon { width:34px; height:34px; display:grid; place-items:center; flex:0 0 34px; border:1px solid rgba(227,189,110,.52); color:#e7c57e; }
.admin-priority-strip p { flex:1; margin:0; color:#d5dfeb; font-size:.8rem; line-height:1.65; }.admin-priority-strip strong { color:#fff; }
.admin-priority-strip .btn-secondary { width:auto; min-height:36px; padding:0 12px; border-color:rgba(227,189,110,.55); background:transparent; color:#f2d79f; }
.admin-priority-strip .btn-secondary:hover { background:#e3bd6e; color:#10233a; }
.admin-control-toast { max-height:0; margin:0; overflow:hidden; padding:0 28px; color:#b6f0d8; font-size:.78rem; transition:max-height .2s var(--ease),padding .2s var(--ease); }.admin-control-toast.is-visible { max-height:56px; padding:12px 28px; }.admin-control-toast.is-error { color:#ffc1c1; }
.admin-form-note { display:flex; align-items:flex-start; gap:7px; margin:-7px 0 18px; padding:10px 11px; border-right:3px solid var(--gold-deep); background:#faf5e8; color:#6d5527; font-size:.76rem; line-height:1.65; }.admin-form-note i { color:var(--gold-deep); margin-top:3px; }
.admin-refresh-button { width:auto; display:inline-flex; align-items:center; gap:7px; }.admin-catalog-toolbar { grid-template-columns:auto minmax(180px,1fr) minmax(130px,.5fr) minmax(130px,.5fr) auto; }.admin-catalog-toolbar select { min-width:0; height:42px; border:1px solid var(--line); border-radius:9px; padding:0 9px; font:inherit; font-size:.76rem; background:var(--white); color:var(--ink); outline:none; }.admin-catalog-toolbar select:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(199,166,106,.15); }
.admin-product-card { position:relative; }.admin-product-card.is-hidden { border-color:rgba(183,135,39,.46); background:linear-gradient(135deg,rgba(199,166,106,.10),#fbfcfd 48%); }.admin-product-main { min-width:0; }.admin-product-title-line { display:flex; align-items:flex-start; gap:8px; }.admin-product-title-line h3 { flex:1; }.admin-card-priority { flex:0 0 auto; padding:3px 6px; color:#865f1e; background:#fff0cf; font-size:.62rem; font-weight:800; }.admin-product-statuses { display:flex; flex-wrap:wrap; gap:6px; margin:5px 0; }.admin-visibility-status { display:inline-flex; align-items:center; gap:4px; padding:3px 7px; color:#23795f; background:#e8f7ef; border-radius:999px; font-size:.68rem; font-weight:800; }.admin-visibility-status.is-hidden { color:#8a5b00; background:#fff1d3; }.btn-visibility { min-height:34px; padding:0 9px; border:1px solid #d4b16b; background:#fffaf0; color:#75551d; border-radius:8px; font:inherit; font-size:.72rem; font-weight:800; cursor:pointer; transition:.18s var(--ease); }.btn-visibility:hover { background:#e7c47c; border-color:#e7c47c; color:#17273b; }.btn-visibility:disabled { opacity:.55; cursor:wait; }.admin-empty-catalog i { color:var(--gold-deep); margin-inline-end:6px; }
.admin-description-import-panel { grid-column:1/-1; background:linear-gradient(135deg,#fffdf8,#f8f2e5); border-color:rgba(199,166,106,.45); }.admin-import-upload { display:flex; align-items:center; margin:4px 0 12px; border:1px dashed rgba(154,112,37,.58); background:#fff; }.admin-import-upload label { display:flex; align-items:center; gap:12px; flex:1; padding:14px; cursor:pointer; }.admin-import-upload label > i { width:38px; height:38px; display:grid; place-items:center; color:#73551c; background:#f7e6be; font-size:1rem; }.admin-import-upload strong,.admin-import-upload small { display:block; }.admin-import-upload strong { color:var(--ink); font-size:.83rem; }.admin-import-upload small { margin-top:3px; color:var(--muted); font-size:.7rem; line-height:1.55; }.admin-import-upload input { position:absolute; inline-size:1px; block-size:1px; opacity:0; overflow:hidden; }.admin-import-status { margin:0 0 12px; color:#4f5f6f; font-size:.78rem; line-height:1.65; }.admin-description-import-list { display:grid; gap:8px; }.admin-import-empty { margin:0; padding:17px; border:1px solid rgba(199,166,106,.24); background:rgba(255,255,255,.62); color:var(--muted); font-size:.78rem; text-align:center; }.admin-import-empty i { color:var(--gold-deep); margin-inline-end:6px; }.admin-import-record { display:flex; align-items:center; gap:15px; padding:12px 13px; border:1px solid rgba(26,47,70,.11); background:rgba(255,255,255,.76); }.admin-import-record > div { min-width:0; flex:1; }.admin-import-record strong { display:block; color:var(--ink); font-size:.82rem; }.admin-import-record p { margin:4px 0 0; color:var(--muted); font-size:.7rem; line-height:1.55; }.admin-import-record .btn-secondary { width:auto; flex:0 0 auto; min-height:34px; padding:0 10px; font-size:.72rem; }.admin-import-pagination { display:flex; justify-content:center; align-items:center; gap:10px; padding-top:10px; }.admin-import-pagination .btn-secondary { width:auto; min-height:32px; padding:0 10px; }.admin-import-pagination span { color:var(--muted); font-size:.72rem; }.admin-editor-readiness { display:flex; align-items:flex-start; gap:8px; margin:-5px 0 15px; padding:10px 11px; border:1px solid rgba(199,166,106,.35); background:#fff9ec; color:#72531b; font-size:.76rem; line-height:1.6; }.admin-editor-readiness i { color:var(--gold-deep); margin-top:3px; }.admin-editor-readiness.is-ready { border-color:#86cdb0; background:#edf9f3; color:#246b53; }.admin-editor-readiness.is-ready i { color:#258164; }
html[data-theme="dark"] .admin-dashboard-panel { background:linear-gradient(135deg,#101f32,#081321 70%,#13283f); border-color:#705a32; }.admin-dashboard-new { background:#e3bd6e; color:#122239; }.admin-form-note { background:#2b2519; color:#f0dba8; }.admin-catalog-toolbar select { background:#0e1927; border-color:#38506a; color:#f8fbff; }.admin-product-card.is-hidden { background:linear-gradient(135deg,rgba(199,166,106,.16),#142234 48%); border-color:rgba(222,186,103,.58); }.admin-visibility-status { background:#173b32; color:#a5edcf; }.admin-visibility-status.is-hidden,.admin-card-priority { background:#3c2d12; color:#f4d998; }.btn-visibility { background:#26354a; border-color:#806631; color:#f0dba8; }.admin-description-import-panel { background:linear-gradient(135deg,#1a2735,#121e2c); border-color:#745b2e; }.admin-import-upload { background:#101c29; border-color:#876b35; }.admin-import-upload label > i { background:#3c2d12; color:#f4d998; }.admin-import-upload strong { color:#f7fbff; }.admin-import-record { border-color:#365069; background:#142234; }.admin-import-record strong { color:#f5f8fb; }.admin-import-empty { background:#142234; border-color:#365069; }.admin-editor-readiness { background:#2b2519; border-color:#715c2f; color:#f0dba8; }.admin-editor-readiness.is-ready { background:#16362d; border-color:#36795f; color:#b5eed4; }

/* Zolgstore Pricing Studio: a protected, preview-first workspace for margin decisions. */
.bulk-pricing-panel { grid-column:1/-1; position:relative; overflow:hidden; background:linear-gradient(135deg,#fffdf7 0%,#f5edda 52%,#fff 100%); border-color:rgba(180,133,43,.40); }.bulk-pricing-panel::after { content:""; position:absolute; inset:0 0 auto auto; inline-size:260px; block-size:100%; opacity:.52; pointer-events:none; background:radial-gradient(circle at 90% 10%,rgba(220,180,96,.30),transparent 52%); }.bulk-pricing-panel > * { position:relative; z-index:1; }.bulk-pricing-heading { margin-bottom:14px; }.bulk-pricing-heading h2 { color:var(--ink); }.bulk-pricing-heading h2 i { color:var(--gold-deep); margin-inline-end:8px; }.bulk-pricing-note { display:flex; gap:10px; align-items:flex-start; padding:12px 14px; margin:0 0 16px; border:1px solid rgba(174,128,36,.28); background:rgba(255,255,255,.72); color:#71531d; font-size:.78rem; line-height:1.65; }.bulk-pricing-note i { flex:0 0 auto; color:var(--gold-deep); font-size:1rem; margin-top:2px; }.bulk-pricing-note p { margin:0; }.bulk-pricing-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:12px; align-items:end; }.bulk-pricing-form .form-group { margin:0; }.bulk-pricing-form label span { color:var(--gold-deep); font-size:.72rem; }.bulk-profit-field input { border-color:rgba(180,133,43,.62)!important; background:#fffaf0!important; font-weight:800; }.bulk-pricing-actions { display:flex; gap:8px; align-items:center; }.bulk-pricing-actions .btn-secondary,.bulk-pricing-actions .btn-submit { width:auto; min-height:45px; white-space:nowrap; }.bulk-pricing-actions .btn-submit { padding-inline:16px; }.bulk-pricing-help { margin:13px 0 0; color:var(--muted); font-size:.73rem; line-height:1.65; }.bulk-pricing-help strong { color:#71531d; }.bulk-pricing-message { margin:12px 0 0; padding:12px 14px; border:1px solid rgba(45,126,89,.32); background:#ecf8f0; color:#1e704d; font-size:.79rem; font-weight:700; line-height:1.65; }.bulk-pricing-message.is-error { border-color:rgba(183,55,48,.3); background:#fff1f0; color:#a2312b; }
html[data-theme="dark"] .bulk-pricing-panel { background:linear-gradient(135deg,#162534,#0f1e2d 56%,#172c3d); border-color:#725d34; }.bulk-pricing-heading h2 { color:#f7fbff; }.bulk-pricing-note { background:rgba(16,30,45,.78); border-color:#66552f; color:#e7d5a3; }.bulk-profit-field input { background:#222d39!important; border-color:#97763b!important; }.bulk-pricing-help { color:#aebdce; }.bulk-pricing-help strong { color:#ecd08e; }.bulk-pricing-message { background:#16362d; border-color:#36795f; color:#b5eed4; }.bulk-pricing-message.is-error { background:#482724; border-color:#8c4941; color:#ffc6c0; }
@media (max-width:980px) { .admin-metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.admin-catalog-toolbar { grid-template-columns:1fr 1fr; }.admin-catalog-toolbar label,.admin-catalog-toolbar input { grid-column:1/-1; } }
@media (max-width:620px) { .admin-dashboard-head { padding:22px 20px 18px; flex-direction:column; }.admin-dashboard-new { width:100%; }.admin-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-metric-card:last-child { grid-column:1/-1; }.admin-priority-strip { padding:14px 20px; flex-wrap:wrap; }.admin-priority-strip p { min-width:calc(100% - 50px); }.admin-priority-strip .btn-secondary { width:100%; }.admin-control-toast.is-visible { padding-inline:20px; }.admin-catalog-toolbar { grid-template-columns:1fr; }.admin-catalog-toolbar label,.admin-catalog-toolbar input { grid-column:auto; }.admin-refresh-button span { display:none; }.admin-product-title-line { flex-direction:column; gap:4px; }.admin-product-actions { gap:6px; }.btn-visibility { flex:1; }.admin-import-record { align-items:stretch; flex-direction:column; }.admin-import-record .btn-secondary { width:100%; }.admin-import-upload label { align-items:flex-start; } }

@media (max-width:980px) { .bulk-pricing-form { grid-template-columns:repeat(2,minmax(0,1fr)); }.bulk-pricing-actions { grid-column:1/-1; }.bulk-pricing-actions .btn-secondary,.bulk-pricing-actions .btn-submit { flex:1; } }
@media (max-width:560px) { .bulk-pricing-form { grid-template-columns:1fr; }.bulk-pricing-actions { flex-direction:column; }.bulk-pricing-actions .btn-secondary,.bulk-pricing-actions .btn-submit { width:100%; }.bulk-pricing-note { padding:11px; } }

/* Zolgstore Promotion Control: choose categories or individual products before every discount. */
.discount-control-panel { grid-column:1/-1; background:linear-gradient(135deg,#fff 0%,#fff5f2 55%,#f7e8df 100%); border-color:rgba(183,74,59,.30); }.discount-heading { margin-bottom:14px; }.discount-heading h2 { color:#8f3529; }.discount-heading h2 i { color:#b24a3b; margin-inline-end:8px; }.discount-rule { display:flex; gap:10px; align-items:flex-start; margin:0 0 16px; padding:11px 13px; border-inline-start:3px solid #b24a3b; background:#fff6f4; color:#7a3a32; font-size:.77rem; line-height:1.65; }.discount-rule i { color:#b24a3b; margin-top:3px; }.discount-rule p { margin:0; }.discount-mode-switch { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:14px; }.discount-mode-option { position:relative; cursor:pointer; }.discount-mode-option input { position:absolute; opacity:0; pointer-events:none; }.discount-mode-option span { display:flex; align-items:flex-start; gap:10px; min-height:72px; padding:13px; border:1px solid #ead5d1; background:rgba(255,255,255,.8); transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease); }.discount-mode-option span::before { content:""; width:15px; height:15px; flex:0 0 15px; margin-top:3px; border:1px solid #c9a6a0; border-radius:50%; background:#fff; }.discount-mode-option input:checked + span { border-color:#b24a3b; background:#fff1ee; box-shadow:0 8px 18px rgba(178,74,59,.10); }.discount-mode-option input:checked + span::before { border:4px solid #b24a3b; }.discount-mode-option:hover span { transform:translateY(-2px); }.discount-mode-option i { color:#b24a3b; font-size:1rem; margin-top:2px; }.discount-mode-option strong,.discount-mode-option small { display:block; }.discount-mode-option strong { color:var(--ink); font-size:.82rem; }.discount-mode-option small { margin-top:3px; color:var(--muted); font-size:.69rem; line-height:1.45; }.discount-target-box { margin:0 0 14px; padding:14px; border:1px solid #ead9d6; background:rgba(255,255,255,.68); }.discount-target-head { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:11px; }.discount-target-head strong { color:var(--ink); font-size:.82rem; }.discount-target-head small,.discount-target-head span { color:#9a554a; font-size:.72rem; font-weight:800; }.discount-categories-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; max-height:250px; overflow:auto; padding-inline-end:3px; }.discount-choice { display:flex; align-items:center; gap:7px; min-width:0; padding:8px; border:1px solid #ecdeda; background:#fff; cursor:pointer; transition:border-color .18s var(--ease),background .18s var(--ease); }.discount-choice:hover { border-color:#d69b91; }.discount-choice:has(input:checked) { border-color:#b24a3b; background:#fff1ee; }.discount-choice input { accent-color:#b24a3b; }.discount-choice span { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ink); font-size:.71rem; font-weight:700; }.discount-choice small { color:#986d65; font-family:'Manrope','Cairo',sans-serif; font-size:.65rem; }.discount-target-box > input { width:100%; min-height:42px; margin:0 0 10px; padding:0 11px; border:1px solid #e3cdc8; background:#fff; color:var(--ink); outline:0; }.discount-target-box > input:focus { border-color:#b24a3b; box-shadow:0 0 0 3px rgba(178,74,59,.12); }.discount-products-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; max-height:320px; overflow:auto; padding-inline-end:3px; }.discount-product-choice { display:flex; align-items:center; gap:8px; min-width:0; padding:7px; border:1px solid #ebdfdb; background:#fff; cursor:pointer; transition:border-color .18s var(--ease),background .18s var(--ease); }.discount-product-choice:hover { border-color:#d69b91; }.discount-product-choice:has(input:checked) { border-color:#b24a3b; background:#fff1ee; }.discount-product-choice input { accent-color:#b24a3b; }.discount-product-choice img { width:36px; height:36px; flex:0 0 36px; object-fit:contain; background:#f6f6f5; }.discount-product-choice span { min-width:0; }.discount-product-choice strong,.discount-product-choice small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.discount-product-choice strong { color:var(--ink); font-size:.68rem; }.discount-product-choice small { margin-top:2px; color:var(--muted); font-size:.62rem; }.discount-clear-selection { margin-top:10px; border:0; background:transparent; color:#9b483c; font:inherit; font-size:.72rem; font-weight:800; }.discount-clear-selection:hover { text-decoration:underline; }.discount-empty { margin:0; padding:14px; color:var(--muted); font-size:.75rem; text-align:center; }.discount-bottom-row { display:flex; align-items:end; justify-content:space-between; gap:14px; }.discount-bottom-row .form-group { width:min(100%,220px); margin:0; }.discount-bottom-row label span { color:#b24a3b; font-size:.72rem; }.discount-bottom-row input { border-color:#d99990!important; background:#fff9f8!important; font-weight:800; }.discount-actions { display:flex; gap:8px; }.discount-actions .btn-secondary,.discount-actions .btn-submit { width:auto; min-height:45px; white-space:nowrap; }.discount-actions .btn-submit { padding-inline:16px; background:#a83f32; color:#fff5ef; }.discount-actions .btn-submit:hover { background:#8c3026; }.discount-message { margin:14px 0 0; padding:12px 14px; border:1px solid rgba(178,74,59,.28); background:#fff1ee; color:#913b30; font-size:.78rem; font-weight:700; line-height:1.65; }.discount-message.is-error { background:#fff4df; border-color:#dfad54; color:#7d5716; }
html[data-theme="dark"] .discount-control-panel { background:linear-gradient(135deg,#30201e,#201918 56%,#2b2020); border-color:#75453e; }.discount-heading h2 { color:#ffc1b7; }.discount-rule { background:#392521; border-color:#c75d4d; color:#fac1b7; }.discount-mode-option span,.discount-target-box { background:#172534; border-color:#4d3a3a; }.discount-mode-option input:checked + span,.discount-choice:has(input:checked),.discount-product-choice:has(input:checked) { background:#402824; border-color:#b85a4d; }.discount-mode-option strong,.discount-target-head strong,.discount-choice span,.discount-product-choice strong { color:#f7fbff; }.discount-mode-option small,.discount-target-head small,.discount-target-head span,.discount-choice small { color:#c8b0ac; }.discount-mode-option span::before { background:#142234; border-color:#85655e; }.discount-target-box > input,.discount-choice,.discount-product-choice { background:#142234; border-color:#405269; color:#f7fbff; }.discount-product-choice img { background:#263342; }.discount-bottom-row input { background:#2b2426!important; border-color:#9b5a52!important; color:#fff!important; }.discount-message { background:#492823; border-color:#835047; color:#ffc6bd; }.discount-message.is-error { background:#493719; border-color:#806125; color:#f6daa0; }
@media (max-width:900px) { .discount-categories-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.discount-products-list { grid-template-columns:1fr; } }
@media (max-width:560px) { .discount-mode-switch,.discount-categories-list { grid-template-columns:1fr; }.discount-bottom-row { align-items:stretch; flex-direction:column; }.discount-bottom-row .form-group { width:100%; }.discount-actions { flex-direction:column; }.discount-actions .btn-secondary,.discount-actions .btn-submit { width:100%; }.discount-target-head { align-items:flex-start; flex-direction:column; gap:3px; } }

/* Zolgstore maintenance control: navy-and-gold service page, with an admin-only switch in the control center. */
html.zolg-maintenance-pending body { visibility:hidden; }
.zolg-maintenance-screen { min-height:100vh; display:grid; place-items:center; overflow:hidden; position:relative; padding:28px; background:radial-gradient(circle at 14% 12%, rgba(210,175,102,.16), transparent 31%), radial-gradient(circle at 86% 86%, rgba(61,100,139,.28), transparent 38%), #091522; color:#f7f4eb; }
.zolg-maintenance-screen::before { content:""; position:absolute; inset:18px; border:1px solid rgba(218,185,113,.24); pointer-events:none; }
.zolg-maintenance-card { width:min(100%, 650px); position:relative; z-index:1; padding:clamp(42px,8vw,78px) clamp(26px,8vw,72px); text-align:center; overflow:hidden; border:1px solid rgba(222,188,115,.42); background:linear-gradient(145deg, rgba(18,36,56,.96), rgba(8,19,32,.96)); box-shadow:0 28px 80px rgba(0,0,0,.42); }
.zolg-maintenance-mark { width:76px; height:76px; display:grid; place-items:center; margin:0 auto 20px; border:1px solid rgba(232,203,137,.72); color:#e8cb89; font-size:1.55rem; transform:rotate(45deg); }
.zolg-maintenance-mark i { transform:rotate(-45deg); }
.zolg-maintenance-kicker { margin:0 0 12px; color:#dfbd78; font-size:.7rem; font-weight:800; letter-spacing:.18em; }
.zolg-maintenance-card h1 { margin:0; color:#fffaf0; font-size:clamp(2rem,7vw,4rem); line-height:1.18; letter-spacing:-.035em; }
.zolg-maintenance-lead { margin:18px auto 0; max-width:390px; font-size:1.05rem; line-height:1.85; color:#dde7f0; }
.zolg-maintenance-rule { width:74px; height:1px; margin:25px auto 18px; background:#d4ae67; }
.zolg-maintenance-en { margin:0; color:#aebfce; font-size:.83rem; letter-spacing:.01em; }
.zolg-maintenance-contact { display:inline-flex; align-items:center; gap:9px; margin-top:28px; padding:12px 18px; color:#122239; background:#e0bd75; font-weight:800; text-decoration:none; transition:transform .18s var(--ease), background .18s var(--ease); }
.zolg-maintenance-contact:hover { transform:translateY(-2px); background:#f0d49a; }
.zolg-maintenance-note { margin:12px 0 0; color:#aebfce; font-size:.76rem; }
.zolg-maintenance-orbit { position:absolute; width:340px; aspect-ratio:1; border:1px solid rgba(220,188,118,.13); border-radius:50%; pointer-events:none; }
.orbit-one { top:-190px; right:-180px; } .orbit-two { bottom:-210px; left:-170px; width:400px; }
.maintenance-settings-panel { grid-column:1/-1; border-inline-start:4px solid var(--gold-deep); }
.maintenance-admin-only { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border:1px solid rgba(198,157,75,.55); color:#846127; background:#fff7e7; font-size:.62rem; font-weight:800; letter-spacing:.08em; }
.maintenance-switch, .product-visibility-label { display:flex; align-items:flex-start; gap:12px; cursor:pointer; }
.maintenance-switch input, .product-visibility-label input { position:absolute; opacity:0; pointer-events:none; }
.maintenance-slider { width:48px; height:27px; flex:0 0 48px; margin-top:2px; position:relative; border-radius:999px; background:#c8d0d8; transition:background .18s var(--ease); }
.maintenance-slider::after { content:""; position:absolute; top:4px; right:4px; width:19px; height:19px; border-radius:50%; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.22); transition:transform .18s var(--ease); }
.maintenance-switch input:checked + .maintenance-slider { background:#b8862f; }
.maintenance-switch input:checked + .maintenance-slider::after { transform:translateX(-21px); }
.maintenance-switch strong, .product-visibility-label strong { display:block; color:var(--ink); font-size:.88rem; }
.maintenance-switch small, .product-visibility-label small { display:block; margin-top:4px; color:var(--muted); font-size:.72rem; line-height:1.65; }
.maintenance-save { width:auto; margin-top:18px; padding-inline:22px; }
.product-visibility-label::before { content:""; width:19px; height:19px; flex:0 0 19px; margin-top:2px; border:1px solid #aeb8c1; background:#fff; transition:.18s var(--ease); }
.product-visibility-label:has(input:checked)::before { background:#b8862f; border-color:#b8862f; box-shadow:inset 0 0 0 4px #fff; }
html[data-theme="dark"] .maintenance-settings-panel { border-color:#e3bd6e; }
html[data-theme="dark"] .maintenance-admin-only { background:#3a2d16; color:#f3d99d; border-color:#765a25; }
html[data-theme="dark"] .maintenance-switch strong, html[data-theme="dark"] .product-visibility-label strong { color:#f4f7fa; }
html[data-theme="dark"] .product-visibility-label::before { background:#142234; border-color:#586f88; }
html[data-theme="dark"] .product-visibility-label:has(input:checked)::before { background:#d7af61; border-color:#d7af61; box-shadow:inset 0 0 0 4px #142234; }
@media (max-width:560px) { .zolg-maintenance-screen { padding:16px; } .zolg-maintenance-screen::before { inset:9px; } .zolg-maintenance-card { padding:48px 23px; } .zolg-maintenance-card h1 { font-size:2.35rem; } .maintenance-save { width:100%; } .maintenance-settings-panel .admin-heading { align-items:flex-start; flex-direction:column; } }

/* Zolgstore category control: precise organisation without broad, accidental merges. */
.category-management-panel { grid-column:1/-1; background:linear-gradient(135deg,#f7fbff 0%,#edf5fb 56%,#fff 100%); border-color:rgba(55,103,146,.30); }.category-management-heading h2 { color:#173b5d; }.category-management-heading h2 i { margin-inline-end:8px; color:#2e6e9f; }.category-management-summary { display:inline-flex; align-items:center; min-height:32px; padding:0 10px; border:1px solid #b9d0e4; background:#fff; color:#315c80; font-size:.71rem; font-weight:800; white-space:nowrap; }.category-management-note { display:flex; align-items:flex-start; gap:10px; margin:0 0 14px; padding:11px 13px; border-inline-start:3px solid #3c7cb0; background:#f0f7fc; color:#315c80; font-size:.77rem; line-height:1.65; }.category-management-note i { color:#3676aa; margin-top:3px; }.category-management-note p { margin:0; }.category-manager-toolbar { display:flex; align-items:center; gap:10px; margin-bottom:10px; }.category-manager-toolbar label { flex:0 0 auto; color:var(--ink-2); font-size:.77rem; font-weight:800; }.category-manager-toolbar label i { color:#3676aa; margin-inline-end:5px; }.category-manager-toolbar input { flex:1; min-width:0; height:40px; padding:0 11px; border:1px solid #bfd2e2; background:#fff; color:var(--ink); font:inherit; outline:0; }.category-manager-toolbar input:focus { border-color:#3e82b7; box-shadow:0 0 0 3px rgba(62,130,183,.12); }.category-management-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; max-height:286px; overflow:auto; padding-inline-end:3px; }.category-manager-card { display:grid; grid-template-columns:34px minmax(0,1fr); gap:8px; align-items:center; padding:10px; border:1px solid #cfe0ec; background:rgba(255,255,255,.84); }.category-manager-card-icon { width:34px; height:34px; display:grid; place-items:center; color:#3575a8; background:#e4f1fa; }.category-manager-card div:nth-child(2) { min-width:0; }.category-manager-card strong,.category-manager-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.category-manager-card strong { color:var(--ink); font-size:.74rem; }.category-manager-card small { margin-top:3px; color:var(--muted); font-size:.65rem; }.category-manager-card button { grid-column:1/-1; min-height:30px; border:1px solid #b9d0e4; background:#fff; color:#315c80; font:inherit; font-size:.68rem; font-weight:800; cursor:pointer; }.category-manager-card button:hover { background:#3575a8; border-color:#3575a8; color:#fff; }.category-manager-empty { margin:0; padding:15px; grid-column:1/-1; border:1px dashed #b9d0e4; color:var(--muted); font-size:.76rem; text-align:center; }.category-move-form { margin-top:15px; padding:15px; border:1px solid #c9dcea; background:rgba(255,255,255,.76); }.category-move-head { display:flex; justify-content:space-between; gap:12px; margin-bottom:12px; }.category-move-head strong { color:#173b5d; font-size:.85rem; }.category-move-head strong i { margin-inline-end:6px; color:#3676aa; }.category-move-head small { color:var(--muted); font-size:.7rem; }.category-move-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)) auto; gap:11px; align-items:end; }.category-move-fields .form-group { margin:0; }.category-move-fields input,.category-move-fields select { height:43px; border:1px solid #bcd2e2; background:#fff; color:var(--ink); font:inherit; padding:0 10px; width:100%; outline:0; }.category-move-fields input:focus,.category-move-fields select:focus { border-color:#3e82b7; box-shadow:0 0 0 3px rgba(62,130,183,.12); }.category-move-actions { display:flex; gap:8px; }.category-move-actions .btn-secondary,.category-move-actions .btn-submit { width:auto; min-height:43px; white-space:nowrap; }.category-management-message { margin:12px 0 0; padding:11px 13px; border:1px solid #a8d3bc; background:#edf9f2; color:#257052; font-size:.77rem; font-weight:700; line-height:1.65; }.category-management-message.is-error { border-color:#dfad54; background:#fff5de; color:#7b5818; }
html[data-theme="dark"] .category-management-panel { background:linear-gradient(135deg,#102235,#0d1c2c 56%,#14283a); border-color:#3d617f; }.category-management-heading h2,.category-move-head strong { color:#f4f8fb; }.category-management-summary { background:#14283a; border-color:#466b89; color:#cae2f4; }.category-management-note { background:#142a3e; border-color:#5793c1; color:#c5e1f4; }.category-manager-toolbar label { color:#e6f0f7; }.category-manager-toolbar input,.category-manager-card,.category-move-form,.category-move-fields input,.category-move-fields select { background:#132537; border-color:#3b5a73; color:#f4f8fb; }.category-manager-card-icon { background:#1e3b54; color:#9bd1f4; }.category-manager-card strong { color:#f5f9fc; }.category-manager-card button { background:#1b3348; border-color:#456784; color:#cce8f7; }.category-manager-card button:hover { background:#4381ae; border-color:#4381ae; color:#fff; }.category-manager-empty { border-color:#456784; color:#b4c7d6; }.category-management-message { background:#163b30; border-color:#398164; color:#b7edd4; }.category-management-message.is-error { background:#47361b; border-color:#87682b; color:#f7dda5; }
@media (max-width:900px) { .category-management-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.category-move-fields { grid-template-columns:1fr 1fr; }.category-move-actions { grid-column:1/-1; }.category-move-actions .btn-secondary,.category-move-actions .btn-submit { flex:1; } }
@media (max-width:560px) { .category-management-heading,.category-move-head,.category-manager-toolbar { align-items:flex-start; flex-direction:column; }.category-management-summary,.category-manager-toolbar input { width:100%; }.category-management-list,.category-move-fields { grid-template-columns:1fr; }.category-move-actions { flex-direction:column; }.category-move-actions .btn-secondary,.category-move-actions .btn-submit { width:100%; } }

/* Marketer Command: a compact back-office workspace that foregrounds privacy and decisive status changes. */
.marketer-management-panel { grid-column:1/-1; position:relative; overflow:hidden; background:linear-gradient(124deg,#f6fcfb 0%,#ebf6f1 46%,#fffaf0 100%); border-color:rgba(48,131,99,.35); }.marketer-management-panel::before { content:""; position:absolute; inset:0 auto 0 0; width:9px; background:linear-gradient(#1e9b70,#c7a66a); }.marketer-management-panel > * { position:relative; z-index:1; }.marketer-heading h2 { color:#154e3d; }.marketer-heading h2 i { margin-inline-end:8px; color:#21815f; }.marketer-refresh { width:auto; min-height:38px; padding-inline:12px; border-color:#a9d2bf; background:#fff; color:#21674e; }.marketer-refresh:hover { color:#fff; background:#21815f; border-color:#21815f; }.marketer-security-note { display:flex; gap:10px; align-items:flex-start; margin:0 0 14px; padding:12px 14px; border:1px solid #bce0cf; border-inline-start:4px solid #24906a; background:rgba(255,255,255,.74); color:#28604b; font-size:.78rem; line-height:1.65; }.marketer-security-note i { color:#208b65; font-size:1rem; margin-top:2px; }.marketer-security-note p { margin:0; }.marketer-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:15px; }.marketer-metric-grid article { min-height:89px; display:flex; flex-direction:column; justify-content:space-between; padding:13px; border:1px solid rgba(49,132,99,.19); background:rgba(255,255,255,.86); box-shadow:0 7px 18px rgba(15,69,48,.05); }.marketer-metric-grid article:nth-child(3) { border-top:3px solid #d3a549; }.marketer-metric-grid article:nth-child(4) { border-top:3px solid #1d9a70; }.marketer-metric-grid span { color:#567467; font-size:.68rem; font-weight:800; }.marketer-metric-grid strong { color:#154e3d; font-size:1.18rem; line-height:1.1; }.marketer-workspace { display:grid; grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr); gap:13px; align-items:start; }.marketer-form,.marketer-directory,.marketer-referrals { border:1px solid rgba(60,126,102,.22); background:rgba(255,255,255,.79); }.marketer-form { padding:15px; }.marketer-form-head,.marketer-directory-head,.marketer-referrals-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:13px; }.marketer-form-head strong,.marketer-directory-head strong,.marketer-referrals-head strong { color:#194d3d; font-size:.88rem; }.marketer-form-head strong i,.marketer-referrals-head strong i { color:#258663; margin-inline-end:6px; }.marketer-form-head button { border:0; background:transparent; color:#5f766c; font:inherit; font-size:.69rem; font-weight:800; text-decoration:underline; cursor:pointer; }.marketer-form-head button:hover { color:#1d815e; }.marketer-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.marketer-form .form-group { margin:0 0 11px; }.marketer-form input,.marketer-form textarea { width:100%; border:1px solid #b8d2c5; background:#fff; color:var(--ink); font:inherit; outline:0; }.marketer-form input { height:42px; padding:0 10px; }.marketer-form textarea { padding:9px 10px; resize:vertical; }.marketer-form input:focus,.marketer-form textarea:focus { border-color:#28936c; box-shadow:0 0 0 3px rgba(40,147,108,.13); }.marketer-form small { display:block; margin-top:4px; color:#72867d; font-size:.65rem; line-height:1.4; }.marketer-form label span { color:#1f8964; font-size:.72rem; }.marketer-active-switch { display:flex; gap:8px; align-items:flex-start; margin:2px 0 12px; padding:10px; border:1px dashed #a8ccb9; background:#f4fbf7; color:#245d48; cursor:pointer; }.marketer-active-switch input { width:16px; height:16px; margin-top:2px; accent-color:#218b65; }.marketer-active-switch strong,.marketer-active-switch small { display:block; }.marketer-active-switch strong { font-size:.74rem; }.marketer-active-switch small { margin-top:2px; color:#638174; font-size:.66rem; line-height:1.45; }.marketer-form .btn-submit { width:100%; min-height:43px; background:#1d8662; }.marketer-form .btn-submit:hover { background:#116548; }.marketer-directory { min-height:270px; padding:15px; }.marketer-directory-head small { max-width:230px; color:#6a8177; font-size:.66rem; line-height:1.45; text-align:end; }.marketers-list { display:grid; gap:8px; max-height:392px; overflow:auto; padding-inline-end:2px; }.marketer-card { padding:11px; border:1px solid #c5ddd2; background:#fff; }.marketer-card.is-paused { opacity:.62; background:#faf8f2; }.marketer-card-top { display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:9px; }.marketer-avatar { display:grid; width:34px; height:34px; place-items:center; color:#1c805d; background:#daf0e5; }.marketer-card strong,.marketer-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.marketer-card strong { color:#234b3e; font-size:.76rem; }.marketer-card small { margin-top:3px; color:#6a8177; font-size:.65rem; }.marketer-card code { padding:1px 4px; color:#84642b; background:#fff3d8; font-family:monospace; font-weight:800; }.marketer-edit-btn { min-height:30px; padding:0 8px; border:1px solid #bad7ca; background:#fff; color:#2d765b; font:inherit; font-size:.66rem; font-weight:800; cursor:pointer; }.marketer-edit-btn:hover { color:#fff; border-color:#287f60; background:#287f60; }.marketer-card-meta { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }.marketer-card-meta span { padding:4px 6px; color:#507265; background:#f1f8f4; font-size:.63rem; }.marketer-card-meta i { color:#238562; margin-inline-end:3px; }.marketer-empty { margin:0; padding:18px 12px; border:1px dashed #b9d8c9; color:#678077; font-size:.73rem; line-height:1.6; text-align:center; }.marketer-empty i { color:#288a66; margin-inline-end:5px; }.marketer-referrals { margin-top:14px; padding:15px; }.marketer-referrals-head { margin-bottom:10px; }.marketer-referrals-head small { display:block; max-width:640px; margin-top:4px; color:#658074; font-size:.67rem; line-height:1.5; }.marketer-referrals-head > span { flex:0 0 auto; padding:5px 7px; color:#7b6330; background:#fff3d8; font-size:.63rem; font-weight:800; }.marketer-referral-list { display:grid; gap:7px; }.referral-row { display:grid; grid-template-columns:minmax(140px,1fr) auto auto; gap:10px; align-items:center; padding:10px 11px; border:1px solid #cfe0d8; background:#fff; }.referral-row > div:first-child { min-width:0; }.referral-row strong,.referral-row small { display:block; }.referral-row > div:first-child strong { color:#294d41; font-size:.73rem; letter-spacing:.02em; }.referral-row small { margin-top:3px; color:#71857c; font-size:.64rem; }.referral-row-status { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:5px; }.referral-row-status > strong { min-width:72px; color:#876525; font-size:.7rem; text-align:end; }.referral-status { padding:4px 6px; font-size:.62rem; font-weight:800; white-space:nowrap; }.order-pending,.commission-pending { color:#76561c; background:#fff0ca; }.order-confirmed,.order-delivered,.commission-eligible { color:#176a50; background:#dff4e8; }.order-cancelled,.commission-void { color:#9e3c37; background:#ffe7e5; }.commission-paid { color:#275e9b; background:#e7f0ff; }.referral-row-actions { display:flex; gap:5px; }.referral-row-actions button { min-height:29px; padding:0 7px; border:1px solid #bfd7cb; background:#fff; color:#39745f; font:inherit; font-size:.64rem; font-weight:800; cursor:pointer; }.referral-row-actions button:hover:not(:disabled) { border-color:#238460; background:#238460; color:#fff; }.referral-row-actions button:disabled { opacity:.38; cursor:not-allowed; }.marketer-management-message { margin:12px 0 0; padding:11px 13px; border:1px solid #a7d3bd; background:#edf9f1; color:#216f50; font-size:.76rem; font-weight:800; line-height:1.55; }.marketer-management-message.is-error { border-color:#e0b2a8; background:#fff0ed; color:#a33d34; }
html[data-theme="dark"] .marketer-management-panel { background:linear-gradient(122deg,#102a25 0%,#12273a 57%,#302715 100%); border-color:#3c735f; }.dark .marketer-heading h2,html[data-theme="dark"] .marketer-heading h2 { color:#e0f5eb; }.dark .marketer-refresh,html[data-theme="dark"] .marketer-refresh { border-color:#3c765f; background:#16342f; color:#caeadc; }.dark .marketer-security-note,html[data-theme="dark"] .marketer-security-note { border-color:#386e5b; background:#132d29; color:#c8e7da; }.dark .marketer-metric-grid article,html[data-theme="dark"] .marketer-metric-grid article,.dark .marketer-form,html[data-theme="dark"] .marketer-form,.dark .marketer-directory,html[data-theme="dark"] .marketer-directory,.dark .marketer-referrals,html[data-theme="dark"] .marketer-referrals { border-color:#385f57; background:#142c2a; }.dark .marketer-metric-grid strong,html[data-theme="dark"] .marketer-metric-grid strong,.dark .marketer-form-head strong,html[data-theme="dark"] .marketer-form-head strong,.dark .marketer-directory-head strong,html[data-theme="dark"] .marketer-directory-head strong,.dark .marketer-referrals-head strong,html[data-theme="dark"] .marketer-referrals-head strong { color:#e3f4ed; }.dark .marketer-metric-grid span,html[data-theme="dark"] .marketer-metric-grid span,.dark .marketer-form small,html[data-theme="dark"] .marketer-form small,.dark .marketer-directory-head small,html[data-theme="dark"] .marketer-directory-head small,.dark .marketer-referrals-head small,html[data-theme="dark"] .marketer-referrals-head small { color:#aac8bb; }.dark .marketer-form input,html[data-theme="dark"] .marketer-form input,.dark .marketer-form textarea,html[data-theme="dark"] .marketer-form textarea { border-color:#3b6a5d; background:#102320; color:#effaf5; }.dark .marketer-active-switch,html[data-theme="dark"] .marketer-active-switch { border-color:#467869; background:#163630; color:#d4ede2; }.dark .marketer-active-switch small,html[data-theme="dark"] .marketer-active-switch small { color:#b3d0c3; }.dark .marketer-card,html[data-theme="dark"] .marketer-card,.dark .referral-row,html[data-theme="dark"] .referral-row { border-color:#365e53; background:#132926; }.dark .marketer-card strong,html[data-theme="dark"] .marketer-card strong,.dark .referral-row > div:first-child strong,html[data-theme="dark"] .referral-row > div:first-child strong { color:#e3f3ec; }.dark .marketer-card small,html[data-theme="dark"] .marketer-card small,.dark .referral-row small,html[data-theme="dark"] .referral-row small { color:#acc8bc; }.dark .marketer-card-meta span,html[data-theme="dark"] .marketer-card-meta span { background:#1d3a34; color:#bdd8cb; }.dark .marketer-edit-btn,html[data-theme="dark"] .marketer-edit-btn,.dark .referral-row-actions button,html[data-theme="dark"] .referral-row-actions button { border-color:#417363; background:#17332e; color:#c7e6d9; }.dark .marketer-empty,html[data-theme="dark"] .marketer-empty { border-color:#407363; color:#b8d5c8; }.dark .marketer-management-message,html[data-theme="dark"] .marketer-management-message { border-color:#3f7e66; background:#14392e; color:#bcebd5; }.dark .marketer-management-message.is-error,html[data-theme="dark"] .marketer-management-message.is-error { border-color:#8b574e; background:#442b29; color:#ffc5bc; }
@media (max-width:980px) { .marketer-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.marketer-workspace { grid-template-columns:1fr; } }
@media (max-width:620px) { .marketer-heading,.marketer-referrals-head { flex-direction:column; }.marketer-refresh { width:100%; }.marketer-form-grid { grid-template-columns:1fr; }.marketer-directory-head { flex-direction:column; }.marketer-directory-head small { text-align:start; }.referral-row { grid-template-columns:1fr; }.referral-row-status { justify-content:flex-start; }.referral-row-status > strong { text-align:start; }.referral-row-actions { width:100%; }.referral-row-actions button { flex:1; }.marketer-referrals-head > span { width:100%; text-align:center; } }

/* Bot Control Room: a secure, owner-only control surface with clear configuration readiness instead of secret values. */
.bot-control-console { position:relative; margin:0 0 15px; padding:17px; border:1px solid rgba(32,86,127,.30); background:linear-gradient(135deg,#eff7fc 0%,#f8fbfd 53%,#f7f1e4 100%); overflow:hidden; }.bot-control-console::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:#3679aa; }.bot-console-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:14px; }.bot-console-head h3 { margin:4px 0; color:#153c5d; font-size:1rem; }.bot-console-head h3 i { color:#5865f2; margin-inline-end:7px; }.bot-console-head p { max-width:670px; margin:0; color:#5d7383; font-size:.72rem; line-height:1.55; }.bot-status-pill { flex:0 0 auto; min-width:93px; padding:7px 9px; color:#875e17; background:#fff1cf; border:1px solid #e4c481; font-size:.66rem; font-weight:900; text-align:center; }.bot-status-pill.is-ready { color:#17694e; background:#e3f5ea; border-color:#8fcaae; }.bot-console-grid { display:grid; grid-template-columns:minmax(210px,.68fr) minmax(0,1.32fr); gap:12px; align-items:stretch; }.bot-readiness-card { position:relative; display:flex; flex-direction:column; padding:16px; color:#e9f6ff; background:#153851; overflow:hidden; }.bot-readiness-card::after { content:""; position:absolute; width:176px; height:176px; left:-62px; bottom:-96px; border:1px solid rgba(182,222,245,.22); border-radius:50%; box-shadow:0 0 0 22px rgba(182,222,245,.07),0 0 0 44px rgba(182,222,245,.04); }.bot-readiness-orbit { display:grid; width:37px; height:37px; margin-bottom:13px; place-items:center; color:#fff; background:#5865f2; border-radius:50%; box-shadow:0 7px 20px rgba(88,101,242,.42); }.bot-readiness-card > strong,.bot-readiness-card > p,.bot-readiness-facts { position:relative; z-index:1; }.bot-readiness-card > strong { font-size:.86rem; }.bot-readiness-card > p { margin:7px 0 auto; color:#bed5e4; font-size:.7rem; line-height:1.55; }.bot-readiness-facts { display:grid; gap:6px; margin-top:18px; padding-top:11px; border-top:1px solid rgba(202,229,245,.23); }.bot-readiness-facts span { display:flex; align-items:center; justify-content:space-between; gap:9px; color:#c9e0ed; font-size:.66rem; }.bot-readiness-facts i { color:#91c5df; margin-inline-end:4px; }.bot-readiness-facts b { color:#fff1c9; font-size:.71rem; }.bot-control-form { padding:15px; border:1px solid #c8dce9; background:rgba(255,255,255,.76); }.bot-form-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px; }.bot-form-head strong { color:#214e6f; font-size:.78rem; }.bot-form-head strong i { color:#3679aa; margin-inline-end:5px; }.bot-form-head button { padding:0; border:0; background:transparent; color:#46718e; font:inherit; font-size:.65rem; font-weight:800; text-decoration:underline; cursor:pointer; }.bot-form-head button:hover { color:#23608f; }.bot-control-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.bot-control-form .form-group { margin:0; }.bot-control-form label { color:#39596d; font-size:.69rem; }.bot-control-form input[type="text"] { width:100%; height:39px; margin-top:5px; padding:0 9px; border:1px solid #b9d2e2; background:#fff; color:var(--ink); font:inherit; outline:0; }.bot-control-form input[type="text"]:focus { border-color:#4489ba; box-shadow:0 0 0 3px rgba(68,137,186,.13); }.bot-control-form small { display:block; min-height:15px; margin-top:3px; color:#76909f; font-size:.62rem; line-height:1.35; }.bot-enabled-switch { display:flex; align-items:flex-start; gap:8px; margin:13px 0 10px; padding:9px 10px; border-inline-start:3px solid #6571f4; background:#f1f3ff; color:#364f6a; cursor:pointer; }.bot-enabled-switch input { width:16px; height:16px; margin-top:2px; accent-color:#5865f2; }.bot-enabled-switch strong,.bot-enabled-switch small { display:block; }.bot-enabled-switch strong { font-size:.69rem; }.bot-enabled-switch small { margin-top:2px; color:#667a8a; font-size:.61rem; }.bot-control-form .btn-submit { width:100%; min-height:41px; background:#285d82; }.bot-control-form .btn-submit:hover { background:#1d4868; }.bot-control-help { margin:9px 0 0; color:#6c7f8a; font-size:.63rem; line-height:1.45; }.bot-control-help i { color:#5b7690; margin-inline-end:4px; }.bot-command-strip { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }.bot-command-strip > span { padding:6px 8px; color:#426177; background:#e8f2f8; font-size:.63rem; line-height:1.45; }.bot-command-strip i { color:#4c84aa; margin-inline-end:4px; }.bot-command-strip b { color:#305e80; font-family:monospace; font-size:.62rem; }
html[data-theme="dark"] .bot-control-console { border-color:#3e6681; background:linear-gradient(135deg,#132e43 0%,#132739 58%,#322a19 100%); }.dark .bot-console-head h3,html[data-theme="dark"] .bot-console-head h3 { color:#dceefa; }.dark .bot-console-head p,html[data-theme="dark"] .bot-console-head p { color:#abc8d9; }.dark .bot-control-form,html[data-theme="dark"] .bot-control-form { border-color:#3b5d76; background:#122a3d; }.dark .bot-form-head strong,html[data-theme="dark"] .bot-form-head strong { color:#d5eaf7; }.dark .bot-control-form label,html[data-theme="dark"] .bot-control-form label { color:#b7d2e2; }.dark .bot-control-form input[type="text"],html[data-theme="dark"] .bot-control-form input[type="text"] { border-color:#426783; background:#102232; color:#eef8ff; }.dark .bot-control-form small,html[data-theme="dark"] .bot-control-form small { color:#8eafc1; }.dark .bot-enabled-switch,html[data-theme="dark"] .bot-enabled-switch { background:#232b54; color:#dce4ff; }.dark .bot-enabled-switch small,html[data-theme="dark"] .bot-enabled-switch small { color:#b5c3e7; }.dark .bot-command-strip > span,html[data-theme="dark"] .bot-command-strip > span { color:#bdd5e4; background:#1a364a; }.dark .bot-command-strip b,html[data-theme="dark"] .bot-command-strip b { color:#d2e7f3; }
@media (max-width:820px) { .bot-console-grid { grid-template-columns:1fr; }.bot-readiness-card { min-height:165px; }.bot-control-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:520px) { .bot-console-head { flex-direction:column; }.bot-status-pill { width:100%; }.bot-control-grid { grid-template-columns:1fr; }.bot-command-strip { display:grid; }.bot-command-strip > span { text-align:center; } }

/* Zolgstore Margin Intelligence: executive pricing visibility without exposing any supplier data. */
.margin-analytics-panel { grid-column:1/-1; overflow:hidden; padding:0; border-color:rgba(58,113,128,.38); background:linear-gradient(135deg,#f5fbfb 0%,#edf5f1 54%,#fbfaf4 100%); box-shadow:0 15px 32px rgba(17,59,66,.08); }.margin-analytics-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:24px 27px 18px; border-bottom:1px solid rgba(43,105,111,.12); }.margin-analytics-head .admin-kicker { margin-bottom:7px; color:#357685; }.margin-analytics-head h2 { margin:0; color:#153f4a; font-size:1.3rem; }.margin-analytics-head h2 i { margin-inline-end:8px; color:#2d8b87; }.margin-analytics-head p { max-width:630px; margin:8px 0 0; color:#617981; font-size:.79rem; line-height:1.7; }.margin-refresh { width:auto; min-height:40px; padding-inline:14px; border-color:#5c9295; color:#1f636b; background:rgba(255,255,255,.65); white-space:nowrap; }.margin-refresh:hover { border-color:#2e777c; background:#2e777c; color:#fff; }.margin-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:rgba(43,105,111,.12); border-bottom:1px solid rgba(43,105,111,.12); }.margin-metric-grid article { min-width:0; padding:16px 18px; background:rgba(255,255,255,.46); }.margin-metric-grid span,.margin-metric-grid small { display:block; color:#668088; font-size:.69rem; }.margin-metric-grid strong { display:block; overflow:hidden; margin:5px 0 4px; color:#1b4f59; font-family:'Manrope','Cairo',sans-serif; font-size:1.42rem; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; }.margin-metric-grid .margin-average strong { color:#168064; }.margin-metric-grid .margin-missing strong { color:#a26427; }.margin-product-head { display:flex; align-items:center; justify-content:space-between; gap:13px; padding:15px 20px 10px; }.margin-product-head strong,.margin-product-head small { display:block; }.margin-product-head strong { color:#244f59; font-size:.8rem; }.margin-product-head strong i { margin-inline-end:5px; color:#2d8b87; }.margin-product-head small { margin-top:3px; color:#708891; font-size:.67rem; }.margin-private-label { flex:0 0 auto; padding:4px 7px; border:1px solid rgba(42,113,103,.25); color:#28715f; background:#e6f4ee; font-size:.62rem; font-weight:800; }.margin-private-label i { margin-inline-end:3px; }.margin-product-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; max-height:348px; overflow:auto; padding:0 20px 19px; }.margin-product-row { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; padding:10px 11px; border:1px solid rgba(43,105,111,.16); background:rgba(255,255,255,.68); }.margin-product-row > div:first-child { min-width:0; }.margin-product-row strong,.margin-product-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.margin-product-row strong { color:#294e57; font-size:.71rem; }.margin-product-row small { margin-top:3px; color:#7a9095; font-size:.63rem; }.margin-product-row > div:last-child { flex:0 0 auto; text-align:left; }.margin-product-row span,.margin-product-row b { display:block; font-family:'Manrope','Cairo',sans-serif; font-size:.66rem; }.margin-product-row span { color:#617a81; }.margin-product-row b { margin-top:4px; font-size:.76rem; }.margin-product-row b.is-positive { color:#187a5f; }.margin-product-row b.is-negative { color:#a36a2b; }.margin-empty { grid-column:1/-1; margin:0; padding:18px; border:1px dashed rgba(43,105,111,.25); color:#6f858b; background:rgba(255,255,255,.44); font-size:.74rem; text-align:center; }.margin-empty.is-error { border-color:rgba(183,55,48,.35); color:#a33b33; }
.bulk-pricing-form { grid-template-columns:repeat(4,minmax(0,1fr)) auto; }.bulk-margin-mode { min-width:0; margin:0; padding:0; border:0; }.bulk-margin-mode legend { margin:0 0 7px; padding:0; color:var(--ink-2); font-size:.74rem; font-weight:800; }.bulk-margin-mode { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }.bulk-margin-mode legend { grid-column:1/-1; }.bulk-margin-mode label { position:relative; min-width:0; cursor:pointer; }.bulk-margin-mode input { position:absolute; opacity:0; pointer-events:none; }.bulk-margin-mode label span { display:flex; align-items:center; justify-content:center; gap:5px; min-height:42px; padding:0 7px; border:1px solid rgba(180,133,43,.35); background:rgba(255,255,255,.72); color:#795821; font-size:.71rem; font-weight:800; transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease); }.bulk-margin-mode label:hover span { transform:translateY(-1px); }.bulk-margin-mode input:checked + span { border-color:#a97924; background:#fff0ca; box-shadow:0 5px 13px rgba(150,105,23,.12); }.bulk-margin-mode small { font-size:.61rem; font-weight:700; opacity:.76; }.bulk-profit-field label em { color:var(--gold-deep); font-size:.72rem; font-style:normal; }
html[data-theme="dark"] .margin-analytics-panel { border-color:#426b70; background:linear-gradient(135deg,#122a31,#10232c 57%,#22291f); }.dark .margin-analytics-head h2,html[data-theme="dark"] .margin-analytics-head h2,.dark .margin-product-head strong,html[data-theme="dark"] .margin-product-head strong,.dark .margin-product-row strong,html[data-theme="dark"] .margin-product-row strong { color:#e1f3f1; }.dark .margin-analytics-head p,html[data-theme="dark"] .margin-analytics-head p,.dark .margin-metric-grid span,html[data-theme="dark"] .margin-metric-grid span,.dark .margin-metric-grid small,html[data-theme="dark"] .margin-metric-grid small,.dark .margin-product-head small,html[data-theme="dark"] .margin-product-head small,.dark .margin-product-row small,html[data-theme="dark"] .margin-product-row small,.dark .margin-product-row span,html[data-theme="dark"] .margin-product-row span { color:#a6c4c7; }.dark .margin-refresh,html[data-theme="dark"] .margin-refresh { border-color:#52868a; color:#b9e4df; background:#17353e; }.dark .margin-metric-grid,html[data-theme="dark"] .margin-metric-grid { background:#385d62; border-color:#385d62; }.dark .margin-metric-grid article,html[data-theme="dark"] .margin-metric-grid article,.dark .margin-product-row,html[data-theme="dark"] .margin-product-row { background:#15333a; border-color:#365d62; }.dark .margin-metric-grid strong,html[data-theme="dark"] .margin-metric-grid strong { color:#c9f0ea; }.dark .margin-private-label,html[data-theme="dark"] .margin-private-label { border-color:#3e776a; background:#153c35; color:#b7ebd2; }.dark .margin-empty,html[data-theme="dark"] .margin-empty { border-color:#40666b; background:#132f36; color:#aac5c8; }.dark .bulk-margin-mode legend,html[data-theme="dark"] .bulk-margin-mode legend { color:#dceaf2; }.dark .bulk-margin-mode label span,html[data-theme="dark"] .bulk-margin-mode label span { border-color:#66572e; background:#1b2a38; color:#e9d39c; }.dark .bulk-margin-mode input:checked + span,html[data-theme="dark"] .bulk-margin-mode input:checked + span { border-color:#ba9347; background:#3b311a; }
@media (max-width:1080px) { .bulk-pricing-form { grid-template-columns:repeat(2,minmax(0,1fr)); }.bulk-pricing-actions { grid-column:1/-1; }.margin-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .margin-analytics-head { padding:20px; flex-direction:column; }.margin-refresh { width:100%; }.margin-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.margin-metric-grid article { padding:14px; }.margin-metric-grid strong { font-size:1.15rem; }.margin-product-head { align-items:flex-start; flex-direction:column; padding:13px 14px 9px; }.margin-product-list { grid-template-columns:1fr; padding:0 14px 14px; }.margin-product-row { padding:10px; }.bulk-pricing-form { grid-template-columns:1fr; }.bulk-margin-mode { max-width:260px; }.bulk-pricing-actions { grid-column:auto; } }

/* Discord marketer inbox: review and approve applications in the owner workspace, never in the public chat. */
.bot-applications-queue { margin:13px 0 0; padding:15px; border:1px solid #c7d8e5; background:#f9fcfe; }.bot-applications-queue > div:first-child { display:grid; grid-template-columns:minmax(0,1fr); gap:2px; }.bot-applications-queue h3 { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:2px 0; color:#244e6d; font-size:.84rem; }.bot-applications-queue h3 i { color:#5c68ef; }.bot-applications-queue h3 b { padding:3px 6px; color:#8b6119; background:#fff2d1; font-size:.61rem; }.bot-applications-queue p { margin:0; color:#6c8190; font-size:.67rem; line-height:1.5; }.marketer-applications-list { display:grid; gap:7px; margin-top:12px; }.marketer-application { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px; border:1px solid #d2e0e9; background:#fff; }.marketer-application > div:first-child { min-width:0; }.marketer-application strong,.marketer-application small,.marketer-application code { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.marketer-application strong { color:#274c63; font-size:.73rem; }.marketer-application small { margin-top:3px; color:#718795; font-size:.63rem; }.marketer-application small i { color:#5968eb; margin-inline-end:3px; }.marketer-application code { max-width:230px; margin-top:5px; color:#596f7d; font-size:.6rem; }.marketer-application > div:last-child { display:flex; flex:0 0 auto; gap:5px; }.marketer-application button { min-height:29px; padding:0 8px; border:1px solid #afcade; background:#fff; color:#326687; font:inherit; font-size:.63rem; font-weight:800; cursor:pointer; }.marketer-application button:first-child { color:#fff; border-color:#367ca8; background:#367ca8; }.marketer-application button:hover { border-color:#214e6e; background:#214e6e; color:#fff; }.bot-applications-empty { margin:0; padding:12px; border:1px dashed #c4d6e2; color:#718593; font-size:.68rem; text-align:center; }
html[data-theme="dark"] .bot-applications-queue { border-color:#3e6179; background:#11283a; }.dark .bot-applications-queue h3,html[data-theme="dark"] .bot-applications-queue h3,.dark .marketer-application strong,html[data-theme="dark"] .marketer-application strong { color:#d9ecf8; }.dark .bot-applications-queue p,html[data-theme="dark"] .bot-applications-queue p,.dark .marketer-application small,html[data-theme="dark"] .marketer-application small { color:#a9c4d4; }.dark .marketer-application,html[data-theme="dark"] .marketer-application { border-color:#3b5c73; background:#142f43; }.dark .marketer-application code,html[data-theme="dark"] .marketer-application code { color:#b4cedc; }.dark .marketer-application button,html[data-theme="dark"] .marketer-application button { border-color:#49738e; background:#18364a; color:#c6e0ed; }.dark .bot-applications-empty,html[data-theme="dark"] .bot-applications-empty { border-color:#486c84; color:#b2cbd8; }
@media (max-width:560px) { .marketer-application { align-items:flex-start; flex-direction:column; }.marketer-application > div:last-child,.marketer-application button { width:100%; }.marketer-application button { min-height:34px; }.marketer-application code { max-width:100%; } }

@media (max-width:480px) { .product-return-button { width:100%; justify-content:flex-start; min-height:56px; margin-top:17px; }.product-return-button strong { font-size:.9rem; }.product-return-button small { font-size:.7rem; } }

.cart-item.is-price-unavailable { border-inline-start:3px solid #c15a43; padding-inline-start:9px; }
.cart-price-unavailable { color:#b64e3b; font-style:normal; font-weight:800; }