/* Benzakour Oud V33 — offer ticker, gemstone home section and light/dark storefront. */
:root {
  color-scheme: dark;
  --bo-surface: #0b0a09;
  --bo-surface-soft: #12100d;
  --bo-surface-raised: #17130f;
  --bo-page: #020202;
  --bo-header: rgba(4,4,4,.95);
  --bo-card-shadow: 0 18px 50px rgba(0,0,0,.28);
  --bo-offer-height: 36px;
}
html[data-theme="light"] {
  color-scheme: light;
  --black: #fffaf1;
  --panel: #fffaf2;
  --panel2: #f4eadc;
  --text: #2d2015;
  --muted: #786956;
  --border: rgba(151,101,30,.28);
  --bo-surface: #fffaf2;
  --bo-surface-soft: #f5ecdf;
  --bo-surface-raised: #ffffff;
  --bo-page: #eee3d4;
  --bo-header: rgba(255,250,241,.96);
  --bo-card-shadow: 0 18px 48px rgba(91,57,19,.12);
}
.bo-offer-ticker {
  --bo-offer-duration: 25s;
  position: sticky;
  top: 0;
  z-index: 72;
  width: 100%;
  height: var(--bo-offer-height);
  overflow: hidden;
  border-bottom: 1px solid rgba(243,199,107,.38);
  color: #fff5d8;
  background: radial-gradient(circle at 70% 0,rgba(224,164,58,.22),transparent 30%),linear-gradient(90deg,#050505,#24170a 48%,#050505);
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  direction: ltr;
  white-space: nowrap;
}
.bo-offer-ticker::before,.bo-offer-ticker::after {
  content: "";
  position: absolute;
  inset-block: 0;
  z-index: 2;
  width: 54px;
  pointer-events: none;
}
.bo-offer-ticker::before { left: 0; background: linear-gradient(90deg,#050505,transparent); }
.bo-offer-ticker::after { right: 0; background: linear-gradient(-90deg,#050505,transparent); }
.bo-offer-track {
  display: flex;
  align-items: center;
  width: max-content;
  min-width: 200%;
  height: 100%;
  will-change: transform;
  animation: boOfferTicker var(--bo-offer-duration) linear infinite;
}
.bo-offer-ticker:hover .bo-offer-track { animation-play-state: paused; }
.bo-offer-group { display: flex; flex: 0 0 auto; align-items: center; height: 100%; }
.bo-offer-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 100%;
  padding-inline: 26px;
  direction: rtl;
  color: #fff4d8;
  font-size: 12px;
  font-weight: 800;
}
.bo-offer-item .bo-icon { width: 16px; height: 16px; color: var(--gold2); }
.bo-offer-item strong { color: #fff4d8; }
.bo-offer-item span { color: var(--gold2); font-size: 10px; }
@keyframes boOfferTicker { from {transform:translate3d(0,0,0)} to {transform:translate3d(-50%,0,0)} }
.has-offer-ticker .topbar { top: var(--bo-offer-height); }
.bo-theme-toggle { cursor: pointer; }
.bo-theme-icon { display: grid; place-items: center; }
.bo-theme-icon .bo-icon { width: 20px; height: 20px; }
html[data-theme="dark"] .bo-theme-icon-sun,html[data-theme="light"] .bo-theme-icon-moon { display: none; }
.side-theme-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px;
  border: 0;
  border-bottom: 1px solid rgba(215,164,65,.15);
  background: transparent;
  color: var(--text);
  text-align: right;
  cursor: pointer;
}
.side-theme-toggle .bo-icon { width: 20px; height: 20px; color: var(--gold2); }
.gemstone-home-section {
  position: relative;
  margin: 34px 0;
  padding: 22px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 28px;
  background: radial-gradient(circle at 88% 8%,rgba(215,164,65,.13),transparent 28%),linear-gradient(145deg,var(--bo-surface-raised),var(--bo-surface));
  box-shadow: var(--bo-card-shadow);
}
.gemstone-home-section::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .22;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size: 34px 34px;
}
.gemstone-home-head,.gemstone-home-grid,.gemstone-home-cta { position: relative; z-index: 1; }
.gemstone-home-head { display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px; }
.gemstone-eyebrow { display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:1.8px; }
.gemstone-eyebrow .bo-icon { width:20px;height:20px; }
.gemstone-home-head h2 { margin:7px 0 4px;color:var(--gold2);font-family:Amiri,serif;font-size:34px; }
.gemstone-home-head p { max-width:690px;margin:0;color:var(--muted);line-height:1.8; }
.gemstone-home-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.gemstone-home-card {
  min-width:0;display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;align-items:center;padding:11px;border:1px solid rgba(215,164,65,.2);border-radius:20px;background:var(--bo-surface-raised);transition:transform .2s ease,border-color .2s ease;
}
.gemstone-home-card:hover { transform:translateY(-4px);border-color:var(--gold); }
.gemstone-home-image {
  width:82px;height:82px;display:grid;place-items:center;overflow:hidden;border-radius:50%;border:1px solid rgba(243,199,107,.34);background:radial-gradient(circle at 35% 27%,rgba(255,255,255,.25),transparent 14%),var(--stone-color);box-shadow:inset 0 0 20px rgba(0,0,0,.22),0 8px 22px rgba(0,0,0,.16);
}
.gemstone-home-image img { width:100%;height:100%;object-fit:cover; }
.gemstone-home-image .bo-icon { width:36px;height:36px;color:rgba(255,255,255,.8); }
.gemstone-home-info { min-width:0; }
.gemstone-home-info small { color:var(--gold);font-size:9px; }
.gemstone-home-info h3 { margin:3px 0 9px;overflow:hidden;color:var(--text);font-size:15px;text-overflow:ellipsis;white-space:nowrap; }
.gemstone-home-info div { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.gemstone-home-info strong { color:var(--gold2);font-size:11px; }
.gemstone-home-info div span { color:var(--muted);font-size:9px; }
.gemstone-home-cta {
  display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:15px;align-items:center;margin-top:16px;padding:16px;border-radius:20px;background:linear-gradient(100deg,rgba(215,164,65,.16),rgba(255,255,255,.025));border:1px solid rgba(215,164,65,.2);
}
.gemstone-home-cta>div { width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:#15100a;background:linear-gradient(135deg,var(--gold2),var(--gold)); }
.gemstone-home-cta .bo-icon { width:27px;height:27px; }
.gemstone-home-cta section span { color:var(--gold);font-size:9px;letter-spacing:1.6px; }
.gemstone-home-cta h3 { margin:2px 0;color:var(--gold2);font-size:17px; }
.gemstone-home-cta p { margin:0;color:var(--muted);font-size:11px; }
html[data-theme="light"] body {
  background:radial-gradient(circle at 85% 15%,rgba(185,129,43,.14),transparent 30%),#eee3d4;
  color:var(--text);
}
html[data-theme="light"] .page-glow { background:radial-gradient(circle at 50% 0,rgba(215,164,65,.13),transparent 38%),radial-gradient(circle at 0 60%,rgba(166,110,36,.11),transparent 30%); }
html[data-theme="light"] .mobile-shell { background:linear-gradient(180deg,#fffaf1,#f6ecde 48%,#eee2d2);box-shadow:0 0 45px rgba(86,52,16,.16); }
html[data-theme="light"] .topbar-v7 { background:var(--bo-header);border-color:var(--border);box-shadow:0 12px 35px rgba(76,45,13,.1); }
html[data-theme="light"] .desktop-nav-v9 a { color:#4a3623; }
html[data-theme="light"] .desktop-nav-v9 a:hover,html[data-theme="light"] .desktop-nav-v9 a.active { color:#9b681d; }
html[data-theme="light"] .plain-icon,html[data-theme="light"] .icon-btn { color:#9b681d;background:rgba(255,255,255,.55); }
html[data-theme="light"] .side-menu { background:#fff8ed;border-color:var(--border); }
html[data-theme="light"] .scent-card,html[data-theme="light"] .quiz-box,html[data-theme="light"] .category-pill,html[data-theme="light"] .product-card,html[data-theme="light"] .wide-product,html[data-theme="light"] .detail-image,html[data-theme="light"] .specs div,html[data-theme="light"] .mini-products a,html[data-theme="light"] .cart-item,html[data-theme="light"] .cart-summary,html[data-theme="light"] .checkout-items,html[data-theme="light"] .success-box,html[data-theme="light"] .track-card,html[data-theme="light"] .empty-state,html[data-theme="light"] .loader,html[data-theme="light"] .why-grid-v9 article,html[data-theme="light"] .about-brand-v9,html[data-theme="light"] .experience-strip a {
  background:var(--bo-surface-raised);color:var(--text);box-shadow:0 12px 32px rgba(79,48,18,.08);
}
html[data-theme="light"] .quiz-options button,html[data-theme="light"] .btn-cart,html[data-theme="light"] .wide-info button,html[data-theme="light"] .search-box,html[data-theme="light"] .filter-chips button,html[data-theme="light"] .qty-control button,html[data-theme="light"] .qty-control input,html[data-theme="light"] .checkout-form input,html[data-theme="light"] .checkout-form textarea,html[data-theme="light"] .track-form input { background:#fffdf8;color:var(--text); }
html[data-theme="light"] .product-image,html[data-theme="light"] .detail-image { background:#f4eadb; }
html[data-theme="light"] .btn-outline { background:rgba(255,255,255,.72);color:#8c5e1c; }
html[data-theme="light"] .footer-trust-v7,html[data-theme="light"] .app-footer-v7 { background:#f8eedf;color:var(--text); }
html[data-theme="light"] .footer-social-v7 a { background:#fffaf2; }
html[data-theme="light"] .bottom-nav-v7 { background:rgba(255,250,242,.96);border-color:var(--border); }
html[data-theme="light"] .bottom-nav-v7 a { color:#7c6c58; }
html[data-theme="light"] .bottom-nav-v7 a.active { color:#a36e1e; }
html[data-theme="light"] .bo-home-slide-copy { color:#fff4d8; }
html[data-theme="light"] .bo-home-slide-copy p { color:#f7ead0; }
@media (min-width:900px) {
  :root { --bo-offer-height:36px; }
  .bo-theme-toggle-desktop { display:grid; }
  html[data-theme="light"] body::before { opacity:.2;background-image:linear-gradient(rgba(87,54,20,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(87,54,20,.02) 1px,transparent 1px); }
  html[data-theme="light"] .mobile-shell { background:transparent;box-shadow:none; }
  html[data-theme="light"] .topbar-v7 { background:rgba(255,250,241,.95); }
  html[data-theme="light"] .app-footer-v7,html[data-theme="light"] .footer-trust-v7 { background:rgba(255,250,241,.8); }
}
@media (max-width:899px) {
  :root { --bo-offer-height:31px; }
  .bo-offer-item { gap:7px;padding-inline:17px;font-size:9px; }
  .bo-offer-item span { display:none; }
  .bo-offer-ticker::before,.bo-offer-ticker::after { width:26px; }
  .bo-theme-toggle-desktop { display:none!important; }
  .gemstone-home-section { margin:25px 0;padding:16px 13px;border-radius:23px; }
  .gemstone-home-head { display:block; }
  .gemstone-home-head h2 { font-size:28px; }
  .gemstone-home-head p { font-size:12px; }
  .gemstone-studio-link { display:none; }
  .gemstone-home-grid { grid-template-columns:repeat(4,170px);overflow-x:auto;margin-inline:-13px;padding:3px 13px 10px;scroll-snap-type:x mandatory; }
  .gemstone-home-card { grid-template-columns:64px minmax(0,1fr);scroll-snap-align:start; }
  .gemstone-home-image { width:64px;height:64px; }
  .gemstone-home-cta { grid-template-columns:45px minmax(0,1fr); }
  .gemstone-home-cta>div { width:42px;height:42px; }
  .gemstone-home-cta .btn-gold { grid-column:1/-1;width:100%; }
}
@media (max-width:430px) { .gemstone-home-grid { grid-template-columns:repeat(4,155px); } }
@media (prefers-reduced-motion:reduce) {
  .bo-offer-track { width:100%;min-width:0;animation:none;justify-content:center; }
  .bo-offer-group[aria-hidden="true"],.bo-offer-item:not(:first-child) { display:none; }
}


/* Light theme for Atelier 3D and other premium panels */
html[data-theme="light"] .studio-hero {
  background: radial-gradient(circle at 50% 0,rgba(190,129,35,.14),transparent 55%);
  border-color: var(--border);
}
html[data-theme="light"] .studio-hero h1,
html[data-theme="light"] .studio-step h2,
html[data-theme="light"] .studio-patterns h2,
html[data-theme="light"] .studio-summary .studio-total b { color:#9a661d; }
html[data-theme="light"] .studio-hero p,
html[data-theme="light"] .studio-hint,
html[data-theme="light"] .studio-summary span { color:var(--muted); }
html[data-theme="light"] .studio-viewer-panel,
html[data-theme="light"] .studio-config-panel {
  background: linear-gradient(145deg,#fffdf8,#f5eadb);
  box-shadow: 0 25px 70px rgba(83,50,17,.12);
}
html[data-theme="light"] .studio-sizes button,
html[data-theme="light"] .studio-tabs button,
html[data-theme="light"] .viewer-actions button,
html[data-theme="light"] .studio-tools button,
html[data-theme="light"] .studio-patterns button,
html[data-theme="light"] .builder-modes button,
html[data-theme="light"] .component-card {
  background:#fffaf2;
  color:#4a3826;
  border-color:var(--border);
}
html[data-theme="light"] .component-card.active {
  background:#f8eddc;
  border-color:#b57b18;
}
html[data-theme="light"] .studio-summary,
html[data-theme="light"] .builder-selection {
  background:rgba(255,255,255,.58);
  border-color:var(--border);
}
html[data-theme="light"] .studio-summary b { color:#3b2a1b; }
html[data-theme="light"] .bracelet-viewer {
  background: radial-gradient(circle at 46% 38%,rgba(181,126,46,.24),transparent 45%),linear-gradient(145deg,#eee0cf,#cdb898);
}

/* =========================================================
   V1.8.1 — Collection pierres Gold Edition
   - Mode sombre : bloc doré premium, textes noirs très lisibles.
   - Mode clair : ivoire chaud, cartes blanches, texte espresso et accents verts.
   ========================================================= */

/* Palette dédiée à la section pierres — mode sombre par défaut. */
.gemstone-home-section {
  --gem-ink: #160f08;
  --gem-muted: #49351b;
  --gem-border: rgba(42, 27, 10, .30);
  --gem-card: rgba(255, 247, 216, .68);
  --gem-card-hover: rgba(255, 252, 236, .90);
  --gem-accent: #161009;
  --gem-success: #184c2e;
  isolation: isolate;
  border: 1px solid rgba(255, 232, 156, .80);
  background:
    radial-gradient(circle at 12% 4%, rgba(255,255,255,.48), transparent 25%),
    radial-gradient(circle at 88% 96%, rgba(87,46,6,.22), transparent 32%),
    linear-gradient(132deg, #f5d77b 0%, #d9a945 38%, #efca69 70%, #bd8127 100%);
  box-shadow:
    0 24px 65px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255,255,255,.66),
    inset 0 -1px 0 rgba(58,33,8,.20);
}

.gemstone-home-section::before {
  opacity: .24;
  background-image:
    radial-gradient(circle at center, rgba(25,16,7,.17) 1px, transparent 1.6px),
    linear-gradient(135deg, transparent 46%, rgba(25,16,7,.07) 48%, transparent 50%);
  background-size: 22px 22px, 48px 48px;
}

.gemstone-home-section::after {
  content: "";
  position: absolute;
  inset: 8px;
  z-index: 0;
  border: 1px solid rgba(41, 25, 8, .20);
  border-radius: 21px;
  pointer-events: none;
}

.gemstone-eyebrow,
.gemstone-eyebrow .bo-icon {
  color: var(--gem-ink);
}

.gemstone-home-head h2 {
  color: var(--gem-ink);
  text-shadow: 0 1px 0 rgba(255,255,255,.28);
}

.gemstone-home-head p {
  color: var(--gem-muted);
  font-weight: 600;
}

.gemstone-studio-link {
  border-color: rgba(22,15,8,.58);
  color: var(--gem-ink);
  background: rgba(255,248,221,.38);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}

.gemstone-studio-link:hover {
  color: #fff5d8;
  border-color: #171009;
  background: #171009;
}

.gemstone-home-card {
  border-color: var(--gem-border);
  color: var(--gem-ink);
  background:
    linear-gradient(145deg, rgba(255,255,255,.36), transparent 48%),
    var(--gem-card);
  box-shadow:
    0 12px 27px rgba(63, 37, 8, .14),
    inset 0 1px 0 rgba(255,255,255,.48);
}

.gemstone-home-card:hover {
  transform: translateY(-5px);
  border-color: rgba(22,15,8,.62);
  background: var(--gem-card-hover);
  box-shadow:
    0 17px 34px rgba(52, 31, 7, .20),
    inset 0 1px 0 rgba(255,255,255,.70);
}

.gemstone-home-image {
  border: 2px solid rgba(20,13,6,.42);
  background:
    radial-gradient(circle at 34% 25%, rgba(255,255,255,.18), transparent 13%),
    var(--stone-color);
  box-shadow:
    inset 0 0 17px rgba(0,0,0,.26),
    0 8px 20px rgba(43,24,5,.24);
}

.gemstone-home-info small {
  color: #6a430c;
  font-weight: 800;
}

.gemstone-home-info h3 {
  color: var(--gem-ink);
  font-weight: 800;
}

.gemstone-home-info strong {
  color: #2b1b09;
  font-weight: 900;
}

.gemstone-home-info div span {
  display: inline-flex;
  align-items: center;
  padding: 3px 7px;
  border: 1px solid rgba(24,76,46,.18);
  border-radius: 999px;
  color: var(--gem-success);
  background: rgba(232,247,235,.72);
  font-weight: 800;
}

.gemstone-home-cta {
  border-color: rgba(255,224,137,.30);
  color: #fff4d5;
  background:
    radial-gradient(circle at 88% 0, rgba(213,164,65,.20), transparent 31%),
    linear-gradient(110deg, #171009, #2a1c0d 58%, #171009);
  box-shadow: 0 16px 34px rgba(42,24,5,.25);
}

.gemstone-home-cta > div {
  color: #171009;
  background: linear-gradient(135deg, #f6dc8a, #c88f2b);
  box-shadow: 0 8px 22px rgba(0,0,0,.25);
}

.gemstone-home-cta section span { color: #e5b84e; }
.gemstone-home-cta h3 { color: #fff2cc; }
.gemstone-home-cta p { color: #d8c7aa; }
.gemstone-home-cta .btn-gold {
  color: #171009;
  border-color: #f5d878;
  background: linear-gradient(135deg, #f8df8b, #d7a441);
  box-shadow: 0 8px 24px rgba(215,164,65,.22);
}

/* Mode clair : contraste élevé et ambiance ivoire / champagne. */
html[data-theme="light"] {
  --black: #fffdf8;
  --panel: #fffaf0;
  --panel2: #f3e7d5;
  --text: #25180d;
  --muted: #665543;
  --border: rgba(123,82,25,.26);
  --bo-surface: #fffaf1;
  --bo-surface-soft: #f4eadc;
  --bo-surface-raised: #ffffff;
  --bo-page: #f1e8dc;
  --bo-header: rgba(255,253,248,.97);
  --bo-card-shadow: 0 17px 42px rgba(77,45,13,.11);
}

html[data-theme="light"] body {
  background:
    radial-gradient(circle at 82% 9%, rgba(213,164,65,.16), transparent 28%),
    radial-gradient(circle at 12% 70%, rgba(26,92,61,.08), transparent 26%),
    #f1e8dc;
  color: #25180d;
}

html[data-theme="light"] .gemstone-home-section {
  --gem-ink: #21160b;
  --gem-muted: #604a31;
  --gem-border: rgba(127,87,31,.22);
  --gem-card: rgba(255,255,255,.82);
  --gem-card-hover: #ffffff;
  --gem-success: #16603b;
  border-color: rgba(170,116,32,.35);
  background:
    radial-gradient(circle at 12% 0, rgba(255,255,255,.88), transparent 27%),
    radial-gradient(circle at 90% 100%, rgba(177,112,25,.13), transparent 31%),
    linear-gradient(135deg, #fff8e8 0%, #efdcae 46%, #f8edcf 100%);
  box-shadow:
    0 22px 56px rgba(85,50,13,.14),
    inset 0 1px 0 rgba(255,255,255,.90);
}

html[data-theme="light"] .gemstone-home-section::before {
  opacity: .16;
  background-image:
    radial-gradient(circle at center, rgba(91,58,17,.17) 1px, transparent 1.5px),
    linear-gradient(135deg, transparent 47%, rgba(91,58,17,.05) 48%, transparent 50%);
}

html[data-theme="light"] .gemstone-home-section::after {
  border-color: rgba(123,80,22,.14);
}

html[data-theme="light"] .gemstone-eyebrow,
html[data-theme="light"] .gemstone-eyebrow .bo-icon,
html[data-theme="light"] .gemstone-home-head h2,
html[data-theme="light"] .gemstone-home-info h3,
html[data-theme="light"] .gemstone-home-info strong {
  color: #21160b;
}

html[data-theme="light"] .gemstone-home-head p { color: #604a31; }

html[data-theme="light"] .gemstone-home-card {
  border-color: rgba(127,87,31,.22);
  background: rgba(255,255,255,.82);
  box-shadow: 0 11px 25px rgba(79,48,17,.09);
}

html[data-theme="light"] .gemstone-home-card:hover {
  border-color: #b4771e;
  background: #ffffff;
  box-shadow: 0 17px 34px rgba(79,48,17,.14);
}

html[data-theme="light"] .gemstone-home-info small { color: #956015; }

html[data-theme="light"] .gemstone-home-info div span {
  color: #155f3a;
  border-color: rgba(21,95,58,.18);
  background: #edf7f0;
}

html[data-theme="light"] .gemstone-studio-link {
  color: #70450f;
  border-color: rgba(112,69,15,.44);
  background: rgba(255,255,255,.62);
}

html[data-theme="light"] .gemstone-studio-link:hover {
  color: #fff8e8;
  background: #6e4715;
}

html[data-theme="light"] .gemstone-home-cta {
  border-color: rgba(36,76,54,.18);
  background:
    radial-gradient(circle at 84% 0, rgba(211,164,72,.17), transparent 30%),
    linear-gradient(110deg, #173c2d, #24513d 58%, #173c2d);
  box-shadow: 0 15px 31px rgba(24,61,45,.17);
}

html[data-theme="light"] .gemstone-home-cta section span { color: #e9c66d; }
html[data-theme="light"] .gemstone-home-cta h3 { color: #fffaf0; }
html[data-theme="light"] .gemstone-home-cta p { color: #d9e7de; }

/* Lisibilité globale renforcée en mode clair. */
html[data-theme="light"] .section-heading h2,
html[data-theme="light"] .section-title,
html[data-theme="light"] .about-brand-v9 h2,
html[data-theme="light"] .why-grid-v9 h3,
html[data-theme="light"] .product-card h3,
html[data-theme="light"] .wide-info h3,
html[data-theme="light"] .detail-content h1 {
  color: #2a1b0e;
}

html[data-theme="light"] .section-heading p,
html[data-theme="light"] .about-brand-v9 p,
html[data-theme="light"] .why-grid-v9 p,
html[data-theme="light"] .product-card p,
html[data-theme="light"] .wide-info p {
  color: #6a5846;
}

html[data-theme="light"] .bo-theme-toggle,
html[data-theme="light"] .plain-icon,
html[data-theme="light"] .icon-btn {
  border-color: rgba(146,96,26,.18);
  color: #865615;
  background: rgba(255,255,255,.78);
}

@media (max-width: 899px) {
  .gemstone-home-section::after { inset: 6px; border-radius: 17px; }
  .gemstone-home-card { box-shadow: 0 9px 22px rgba(63,37,8,.13); }
  .gemstone-home-info div span { padding: 2px 6px; }
}