/*
Theme Name: MINERALIA Natural Minerals
Theme URI: https://example.com/
Author: MINERALIA
Description: Dark, minimalist WooCommerce theme for a natural-minerals store. Designed for WordPress/Hostinger and English/EUR stores.
Version: 4.2.0
Text Domain: mineralia
License: GPL-2.0-or-later
*/

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{
  /* MINERALIA identity v5 — "Raw & Oxide": basalt-green depth with an oxidised copper accent,
     evoking the minerals themselves (vanadinite orange, malachite/basalt dark) rather than
     generic jewellery gold. Same variable names are kept so every rule below inherits it. */
  --bg:#0d100e;
  --surface:#161a17;
  --surface-2:#1c211c;
  --text:#f2ece0;
  --muted:#a9a89c;
  --gold:#c1642e;
  --gold-light:#e08a4f;
  --line:#32362b;
  --max:1440px;
  --serif:'Fraunces',Georgia,"Times New Roman",serif;
  --sans:'Manrope',Inter,Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.5}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.site-wrap{min-height:100vh}

.topbar{
  background:linear-gradient(180deg,#0b0d0c 0%,#070807 100%);
  border-bottom:1px solid rgba(210,170,92,.16);
  font-size:10px;
  color:#d8d2c8;
  letter-spacing:1.15px;
  text-transform:uppercase;
}
.topbar-inner{
  max-width:var(--max);
  margin:auto;
  min-height:38px;
  padding:0 34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.topbar-items{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  flex:1;
}
.topbar-item{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.topbar-icon{
  color:var(--gold-light);
  font-size:8px;
  letter-spacing:1px;
  border:1px solid rgba(210,170,92,.55);
  width:17px;height:17px;
  display:inline-flex;align-items:center;justify-content:center;
  transform:rotate(45deg);
}
.topbar-icon::first-line{transform:rotate(-45deg)}
.topbar-divider{
  width:1px;height:15px;background:rgba(210,170,92,.22);
}
.topbar-right{display:flex;align-items:center;gap:14px}
.topbar-right select{
  background:transparent;border:0;color:#ddd8cf;cursor:pointer
}
.site-header{
  background:#0d0f0e;
  border-bottom:1px solid var(--line);
  position:relative;
  z-index:50;
}
.header-inner{
  max-width:var(--max);
  margin:auto;
  padding:17px 34px;
  display:flex;
  align-items:center;
  gap:32px;
}
.brand{
  display:flex;align-items:center;gap:12px;min-width:310px
}
.brand-mark{width:38px;height:48px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}
.brand-name{
  font-family:var(--serif);
  font-size:31px;
  letter-spacing:4px;
}
.brand-sub{
  color:var(--gold-light);
  font-size:10px;
  letter-spacing:3px;
  margin-top:2px;
}
.primary-nav{flex:1}
.primary-nav ul{
  list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:28px
}
.primary-nav a{
  display:block;padding:10px 0;font-size:14px;color:#eee
}
.primary-nav a:hover,.primary-nav .current-menu-item>a{color:var(--gold-light)}
.header-actions{
  display:flex;align-items:center;gap:16px;white-space:nowrap
}
.header-action{
  background:none;border:0;color:#f4f0e8;cursor:pointer;padding:7px;
  position:relative;
  transition:color .25s ease, transform .2s ease;
}
.header-action:hover{color:var(--gold-light);transform:translateY(-1px)}
.header-action:after{
  content:"";position:absolute;left:7px;right:7px;bottom:1px;height:1px;
  background:var(--gold-light);transform:scaleX(0);transform-origin:center;
  transition:transform .25s ease;
}
.header-action:hover:after{transform:scaleX(1)}
.cart-count{color:var(--gold-light);display:inline-block;transition:transform .2s ease}
.header-action:hover .cart-count{transform:scale(1.15)}
.menu-toggle{
  display:none;background:none;border:1px solid var(--line);color:#fff;padding:8px 11px;
  transition:border-color .25s ease, color .25s ease, transform .2s ease;
}
.menu-toggle:hover{border-color:var(--gold);color:var(--gold-light)}
.menu-toggle:active{transform:scale(.94)}

.lang-switch{position:relative;font-size:12px}
.lang-switch-toggle{
  display:flex;align-items:center;gap:7px;
  background:rgba(193,100,46,.06);
  border:1px solid var(--line);
  border-radius:20px;
  padding:5px 12px 5px 10px;
  color:#ddd8cf;
  cursor:pointer;
  transition:border-color .25s ease, background .25s ease;
}
.lang-switch-toggle:hover,
.lang-switch.is-open .lang-switch-toggle{
  border-color:var(--gold);
  background:rgba(193,100,46,.14);
}
.lang-switch-toggle .lang-flag{font-size:14px;line-height:1}
.lang-switch-toggle .lang-code{color:var(--gold-light);font-weight:700;letter-spacing:.5px}
.lang-switch-toggle .lang-caret{
  font-size:9px;color:var(--muted);
  transition:transform .25s ease;
}
.lang-switch.is-open .lang-switch-toggle .lang-caret{transform:rotate(180deg)}

.lang-switch-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:190px;
  background:#0c0e0d;
  border:1px solid var(--gold);
  border-radius:10px;
  padding:8px;
  box-shadow:0 18px 38px -12px rgba(0,0,0,.75);
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px);
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
  z-index:80;
}
.lang-switch.is-open .lang-switch-menu{
  opacity:1;visibility:visible;transform:translateY(0);
}
.lang-switch-option{
  display:flex;align-items:center;gap:10px;
  padding:9px 10px;
  border-radius:6px;
  color:#e9e5da;
  font-size:13px;
  transition:background .2s ease, color .2s ease, padding-left .2s ease;
}
.lang-switch-option .lang-flag{font-size:17px;line-height:1}
.lang-switch-option:hover{background:rgba(193,100,46,.14);color:var(--gold-light)}
.lang-switch-option.is-active{color:var(--gold-light);background:rgba(193,100,46,.1);font-weight:700}
.lang-switch-option.is-active:after{content:"✓";margin-inline-start:auto;color:var(--gold-light)}

.checkout-btn{
  background:var(--gold);
  color:#090a09!important;
  border-radius:20px;
  padding:8px 16px!important;
  font-size:12px;
  font-weight:700;
  letter-spacing:.4px;
  text-transform:uppercase;
  transition:background .25s ease, transform .2s ease, box-shadow .25s ease;
}
.checkout-btn:after{display:none!important}
.checkout-btn:hover{
  background:var(--gold-light);
  color:#090a09!important;
  transform:translateY(-2px);
  box-shadow:0 10px 22px -8px rgba(193,100,46,.7);
}
@media(max-width:1100px){.checkout-btn{display:none}}

.hero{
  min-height:570px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 45%,rgba(133,76,25,.38),transparent 34%),
    linear-gradient(100deg,#050605 0%,#12110e 52%,#21160d 100%);
  border-bottom:1px solid var(--line);
}
.hero.has-image{
  background-size:cover;
  background-position:center;
}
.hero.has-image:before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.58) 45%,rgba(0,0,0,.12));
}
.hero-inner{
  max-width:var(--max);
  min-height:570px;
  margin:auto;
  padding:105px 70px;
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
}
.hero-copy{max-width:600px}
.eyebrow{
  color:var(--gold-light);
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:12px;
  font-weight:700;
}
.hero h1{
  font-family:var(--serif);
  font-weight:400;
  font-size:64px;
  line-height:1.02;
  margin:15px 0 18px;
}
.hero h1 em{font-style:normal;color:var(--gold-light)}
.hero p{font-size:17px;color:#ded9d1;max-width:530px;line-height:1.7}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid var(--gold);
  padding:14px 24px;
  color:#fff;
  background:transparent;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:13px;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:color .35s ease, border-color .35s ease, transform .25s ease, box-shadow .35s ease;
}
.btn:before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .38s cubic-bezier(.65,0,.35,1);
  z-index:-1;
}
.btn:hover:before,.btn:focus-visible:before{transform:scaleX(1)}
.btn:hover,.btn:focus-visible{
  color:#080908;
  transform:translateY(-2px);
  box-shadow:0 10px 26px -8px rgba(193,100,46,.55);
}
.btn:active{transform:translateY(0);box-shadow:0 4px 12px -4px rgba(193,100,46,.5)}
.btn span{transition:transform .3s ease}
.btn:hover span{transform:translateX(4px)}
.btn-gold{background:var(--gold);color:#080908}
.btn-gold:before{background:var(--gold-light)}
.btn-gold:hover{color:#080908}
.source-note{
  margin-top:27px;
  border:1px solid var(--line);
  background:rgba(7,8,7,.82);
  padding:14px 18px;
  display:inline-flex;
  gap:12px;
  align-items:center;
  color:#eee;
  font-size:14px;
}
.source-note strong{
  color:var(--gold-light);
  font-family:var(--serif);
  font-size:17px;
  font-weight:400;
}

.section{
  max-width:var(--max);
  margin:auto;
  padding:58px 34px;
}
.section-head{
  display:flex;justify-content:space-between;align-items:end;
  gap:20px;margin-bottom:25px
}
.section-kicker{
  color:var(--gold-light);
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:11px;
  font-weight:700;
}
.section h2{
  font-family:var(--serif);
  font-size:37px;
  font-weight:400;
  margin:6px 0 0;
}
.view-all{
  border:1px solid var(--line);
  padding:11px 17px;
  color:var(--gold-light);
  font-size:13px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:border-color .25s ease, background .25s ease, transform .25s ease;
}
.view-all-arrow{transition:transform .25s ease}
.view-all:hover{
  border-color:var(--gold);
  background:rgba(193,100,46,.08);
  transform:translateY(-1px);
}
.view-all:hover .view-all-arrow{transform:translateX(4px)}

.mineral-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
}
.mineral-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:10px;
  overflow:hidden;
  position:relative;
  transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.mineral-card:hover{
  border-color:#8d6a31;
  transform:translateY(-6px);
  box-shadow:0 22px 40px -20px rgba(0,0,0,.65), 0 0 0 1px rgba(193,100,46,.25);
}
.mineral-media{
  aspect-ratio:1/1;
  background:#070807;
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  position:relative;
}
.mineral-media:after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 50% 30%,rgba(193,100,46,.16),transparent 70%);
  opacity:0;transition:opacity .35s ease;
}
.mineral-card:hover .mineral-media:after{opacity:1}
.mineral-media img{
  width:100%;height:100%;object-fit:contain;display:block;
  transition:transform .5s cubic-bezier(.25,.8,.25,1);
}
.mineral-card:hover .mineral-media img{transform:scale(1.08)}
.mineral-placeholder{
  color:#746e64;font-family:var(--serif);font-size:18px
}
.mineral-info{padding:16px}
.mineral-title{
  font-size:15px;margin-bottom:5px;display:block;
  transition:color .2s ease;
}
.mineral-card:hover .mineral-title{color:var(--gold-light)}
.mineral-meta{font-size:12px;color:var(--muted);min-height:18px}
.mineral-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px
}
.mineral-price{font-weight:700;color:var(--gold-light)}
.add-cart-form{margin:0}
.add-cart{
  width:38px;height:38px;
  border-radius:50%;
  border:1px solid var(--gold);
  background:transparent;
  color:var(--gold-light);
  cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:background .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.add-cart:hover{
  background:var(--gold);color:#090a09;
  transform:scale(1.1) rotate(-6deg);
  box-shadow:0 8px 18px -6px rgba(193,100,46,.7);
}
.add-cart:active{transform:scale(.95)}
.onsale{
  position:absolute;top:11px;left:11px;
  background:var(--gold);color:#090a09;
  padding:5px 8px;font-size:10px;font-weight:700;text-transform:uppercase;z-index:2;
  border-radius:4px;
  box-shadow:0 4px 10px -2px rgba(193,100,46,.6);
  animation:mineralia-pulse 2.4s ease-in-out infinite;
}
@keyframes mineralia-pulse{
  0%,100%{box-shadow:0 4px 10px -2px rgba(193,100,46,.6)}
  50%{box-shadow:0 4px 16px 0 rgba(193,100,46,.95)}
}

.features{
  max-width:var(--max);
  padding:0 34px 58px;
  margin:auto;
}
.features-inner{
  border:1px solid var(--line);
  background:var(--surface);
  display:grid;grid-template-columns:repeat(4,1fr)
}
.feature{
  padding:22px 25px;
  border-right:1px solid var(--line);
  display:flex;align-items:center;gap:14px
}
.feature:last-child{border-right:0}
.feature-icon{font-size:24px;color:var(--gold-light)}
.feature strong{display:block;font-size:14px}
.feature span{display:block;color:var(--muted);font-size:12px;margin-top:4px}

.site-footer{
  border-top:1px solid var(--line);
  background:#070807
}
.footer-inner{
  max-width:var(--max);
  margin:auto;
  padding:45px 34px 28px;
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px
}
.site-footer h3{font-family:var(--serif);font-size:19px;font-weight:400;margin:0 0 13px}
.site-footer p,.site-footer a{color:var(--muted);font-size:13px;line-height:1.8}
.site-footer a:hover{color:var(--gold-light)}
.copyright{
  max-width:var(--max);margin:auto;border-top:1px solid var(--line);
  padding:17px 34px;color:#777167;font-size:11px
}

.page-content{
  max-width:var(--max);margin:auto;padding:55px 34px
}
.page-content h1,.woocommerce-products-header__title{
  font-family:var(--serif);font-size:46px;font-weight:400;margin:0 0 12px
}
.page-content p{color:var(--muted);line-height:1.8}

.search-wrap{max-width:650px;margin:20px 0}
.search-form{display:flex}
.search-form input{
  flex:1;background:#101210;border:1px solid var(--line);color:#fff;padding:13px 15px
}
.search-form button{
  border:1px solid var(--gold);background:var(--gold);color:#090a09;padding:0 20px;cursor:pointer
}

/* WooCommerce */
.woocommerce,.woocommerce-page{background:var(--bg);color:var(--text)}
.woocommerce .site-main{max-width:var(--max);margin:auto;padding:45px 34px}
.woocommerce ul.products{
  display:grid!important;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}
.woocommerce ul.products li.product{
  width:auto!important;float:none!important;margin:0!important;
  background:var(--surface);border:1px solid var(--line);
  padding:0 0 15px;position:relative;transition:.2s
}
.woocommerce ul.products li.product:hover{border-color:#8d6a31;transform:translateY(-2px)}
.woocommerce ul.products li.product a img{
  background:#070807;margin:0 0 13px!important;width:100%!important
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:#f4f0e8;font-size:15px;padding:0 14px
}
.woocommerce ul.products li.product .price{
  color:var(--gold-light);padding:0 14px;font-weight:700
}
.woocommerce ul.products li.product .button{
  margin:10px 14px 0!important;border:1px solid var(--gold);
  background:transparent;color:var(--gold-light);border-radius:0
}
.woocommerce ul.products li.product .button:hover{background:var(--gold);color:#090a09}
.woocommerce span.onsale{background:var(--gold);color:#090a09;border-radius:0;min-width:auto;min-height:auto;padding:5px 9px}
.woocommerce .woocommerce-breadcrumb{color:var(--muted);font-size:12px}
.woocommerce div.product .product_title{font-family:var(--serif);font-size:48px;font-weight:400}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--gold-light)}
.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product .product_meta{color:var(--muted);line-height:1.8}
.woocommerce div.product form.cart .quantity input{
  background:#101210;border:1px solid var(--line);color:#fff;padding:12px
}
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{
  border-radius:0;background:var(--gold);color:#090a09;border:1px solid var(--gold)
}
.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce input.button:hover{
  background:transparent;color:var(--gold-light)
}
.woocommerce table.shop_table{border-color:var(--line);color:#eee}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--line)}
.woocommerce-info,.woocommerce-message,.woocommerce-error{
  background:var(--surface);border-top-color:var(--gold);color:#eee
}
.woocommerce-info a,.woocommerce-message a{color:var(--gold-light)}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  background:#101210;border:1px solid var(--line);color:#fff;padding:12px
}
.woocommerce-checkout #payment{background:var(--surface);color:#eee}
.woocommerce-checkout #payment div.payment_box{background:#171a17;color:#ddd}
.woocommerce-checkout #payment div.payment_box:before{border-bottom-color:#171a17}
.woocommerce .quantity .qty{background:#101210;color:#fff;border:1px solid var(--line);padding:8px}
.woocommerce .woocommerce-order{background:var(--surface);padding:25px;border:1px solid var(--line)}
.woocommerce .woocommerce-order-overview{background:#151815;padding:20px!important}

/* mobile menu */
.mobile-nav{
  display:none;background:#0c0e0d;border-top:1px solid var(--line)
}
.mobile-nav.open{display:block}
.mobile-nav ul{list-style:none;margin:0;padding:10px 20px}
.mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid #24251f}

@media(max-width:1100px){
  .brand{min-width:245px}
  .primary-nav ul{gap:17px}
  .header-actions{gap:7px}
  .mineral-grid{grid-template-columns:repeat(3,1fr)}
  .features-inner{grid-template-columns:repeat(2,1fr)}
  .feature:nth-child(2){border-right:0}
  .feature{border-bottom:1px solid var(--line)}
  .woocommerce ul.products{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .topbar-inner{padding:8px 16px;min-height:34px}
  .topbar-items{gap:9px;justify-content:flex-start;overflow:hidden}
  .topbar-item{font-size:8px;letter-spacing:.8px}
  .topbar-item:nth-of-type(n+2),.topbar-divider{display:none}
  .topbar-item:first-child{display:flex}
  .topbar-right{display:none}
  .topbar-icon{width:14px;height:14px;font-size:7px}
  .topbar-item span:last-child{overflow:hidden;text-overflow:ellipsis}
  .header-inner{padding:14px 16px;justify-content:space-between}
  .brand{min-width:0}
  .brand-name{font-size:22px;letter-spacing:2px}
  .brand-sub{font-size:8px;letter-spacing:2px}
  .brand-mark{width:30px;height:38px}
  .primary-nav{display:none}
  .header-actions .account{display:none}
  .menu-toggle{display:block}
  .hero,.hero-inner{min-height:540px}
  .hero-inner{padding:80px 22px}
  .hero h1{font-size:45px}
  .hero p{font-size:15px}
  .section,.page-content,.woocommerce .site-main{padding:42px 16px}
  .section h2,.woocommerce-products-header__title{font-size:31px}
  .mineral-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
  .features{padding:0 16px 42px}
  .features-inner{grid-template-columns:1fr}
  .feature{border-right:0}
  .footer-inner{grid-template-columns:1fr 1fr;padding:35px 16px}
  .copyright{padding:17px 16px}
  .woocommerce div.product .product_title{font-size:38px}
}
@media(max-width:460px){
  .mineral-grid,.woocommerce ul.products{grid-template-columns:1fr 1fr;gap:9px}
  .mineral-info{padding:10px}
  .mineral-title{font-size:13px}
  .mineral-price{font-size:13px}
  .add-cart{width:34px;height:34px}
  .hero h1{font-size:39px}
  .footer-inner{grid-template-columns:1fr}
}

.route-box{
  margin:20px 0 22px;
  max-width:610px;
  display:flex;
  align-items:center;
  gap:22px;
  padding:0;
  border:0;
  background:transparent;
}
.route-country{
  display:flex;
  align-items:center;
  gap:10px;
  color:#f1ede5;
  font-size:13px;
  white-space:nowrap;
}
.route-country strong{font-weight:500}
.route-circle{
  width:38px;
  height:38px;
  border:1px solid rgba(193,100,46,.9);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:18px;
  flex:none;
  background:rgba(5,6,5,.55);
}
.route-arrow{
  color:var(--gold-light);
  font-size:25px;
  line-height:1;
  flex:none;
}
.empty-minerals{border:1px solid var(--line);background:var(--surface);min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 25px}
.empty-minerals-icon{color:var(--gold-light);font-family:var(--serif);font-size:45px}
.empty-minerals h3{font-family:var(--serif);font-weight:400;font-size:27px;margin:10px 0 5px}
.empty-minerals p{color:var(--muted);max-width:620px;margin:0 0 20px;font-size:14px}
@media(max-width:760px){.route-box{gap:12px;flex-wrap:wrap}.route-country{font-size:12px}.route-arrow{font-size:22px}}

/* Final MINERALIA hero refinement */
.hero{
  background-position:center right;
  background-size:cover;
}
.hero.has-image:before{
  background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.70) 36%,rgba(0,0,0,.10) 72%,rgba(0,0,0,.18) 100%);
}
.hero-inner{min-height:570px}
.hero-copy{max-width:600px}
.hero h1{letter-spacing:-1px}

/* Real WooCommerce product grid */
.minerals-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.mineral-card{
  background:#0d0f0e;
  border:1px solid rgba(193,100,46,.34);
  border-radius:12px;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .25s ease,box-shadow .3s ease;
  overflow:hidden;
}
.mineral-card:hover{
  transform:translateY(-6px);
  border-color:rgba(193,100,46,.78);
  box-shadow:0 24px 44px -18px rgba(0,0,0,.55),0 0 0 1px rgba(193,100,46,.2);
}
.mineral-media{
  display:block;
  position:relative;
  aspect-ratio:1/1;
  background:#090a09;
  overflow:hidden;
}
.mineral-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.mineral-card:hover .mineral-media img{transform:scale(1.035)}
.mineral-no-image{
  height:100%;
  display:grid;
  place-items:center;
  color:#8d8a82;
  font-size:11px;
  letter-spacing:2px;
}
.mineral-info{padding:16px 15px 17px}
.mineral-title{
  display:block;
  color:#f1ede5;
  font-family:var(--serif);
  font-size:20px;
  line-height:1.2;
}
.mineral-meta{
  color:#99968f;
  font-size:12px;
  margin-top:7px;
}
.mineral-bottom{
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.mineral-price{
  color:var(--gold-light);
  font-size:14px;
  font-weight:600;
}
.add-cart{
  border:1px solid rgba(193,100,46,.65);
  color:var(--gold-light);
  padding:8px 10px;
  font-size:10px;
  letter-spacing:.7px;
  text-transform:uppercase;
  border-radius:6px;
}
.onsale{
  position:absolute;
  top:12px;
  left:12px;
  background:#c99643;
  color:#111;
  padding:5px 8px;
  font-size:10px;
  border-radius:5px;
  box-shadow:0 4px 12px -3px rgba(193,100,46,.65);
  animation:mineralia-pulse 2.4s ease-in-out infinite;
  letter-spacing:1px;
}
.minerals-empty-clean{
  padding:28px 0 5px;
  text-align:center;
}
.minerals-empty-clean h3{
  font-family:var(--serif);
  font-size:24px;
  font-weight:400;
  margin:0 0 7px;
}
.minerals-empty-clean p{
  color:var(--muted);
  margin:0 0 18px;
  font-size:13px;
}
@media(max-width:1050px){
  .minerals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .minerals-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mineral-info{padding:12px}
  .mineral-title{font-size:17px}
  .mineral-bottom{align-items:flex-start;flex-direction:column}
}

.minerals-no-wc{display:none!important}

.product-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.product-template-card{background:#0d0f0e;border:1px solid rgba(193,100,46,.42);overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.product-template-card:hover{transform:translateY(-3px);border-color:rgba(193,100,46,.78)}
.product-template-image{aspect-ratio:1/1;background:radial-gradient(circle at 50% 45%,rgba(193,100,46,.13),transparent 28%),linear-gradient(135deg,#111310,#080908);display:grid;place-items:center;border-bottom:1px solid rgba(193,100,46,.25)}
.product-template-image span{color:#817c70;font-size:10px;letter-spacing:2px;line-height:1.8;text-align:center}
.product-template-info{padding:16px}
.template-kicker{color:var(--gold-light);font-size:9px;letter-spacing:1.7px;margin-bottom:5px}
.product-template-info h3{font-family:var(--serif);font-weight:400;color:#f1ede5;font-size:21px;margin:0}
.template-origin{color:#929087;font-size:12px;margin:6px 0 13px}
.template-details{display:flex;flex-direction:column;gap:4px;color:#77756e;font-size:11px;border-top:1px solid rgba(193,100,46,.15);padding-top:11px}
.template-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}
.template-price{color:#e3b65d;font-size:15px;font-weight:600}
.template-button{border:1px solid rgba(193,100,46,.65);color:#e3b65d;padding:8px 9px;font-size:9px;letter-spacing:.7px}
.template-note{text-align:center;color:#77756e;font-size:11px;margin:18px auto 0;max-width:700px}
@media(max-width:1050px){.product-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.product-template-grid{grid-template-columns:1fr 1fr;gap:10px}.product-template-info{padding:12px}.product-template-info h3{font-size:18px}.template-button{font-size:8px;padding:7px}}

/* Faceted cut-crystal silhouette — the shape signature of the new identity: a diagonal
   facet cut on two opposite corners, like the point of a cut mineral, instead of a plain rectangle. */
.btn,.btn-gold{
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
}

/* LUXURY BUTTON EFFECTS */
.btn,.btn-gold,.add-cart,.template-button,.view-all{
  position:relative;
  overflow:hidden;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    box-shadow .28s ease,
    border-color .28s ease,
    background-color .28s ease,
    color .28s ease;
  will-change:transform;
}
.btn:before,.btn-gold:before,.add-cart:before,.template-button:before{
  content:"";
  position:absolute;
  top:-80%;
  left:-55%;
  width:34%;
  height:260%;
  background:linear-gradient(
    105deg,
    transparent 0%,
    rgba(255,255,255,.03) 35%,
    rgba(255,235,184,.55) 50%,
    rgba(255,255,255,.03) 65%,
    transparent 100%
  );
  transform:translateX(-180%) rotate(18deg);
  transition:transform .72s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.btn:hover,.btn-gold:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(193,100,46,.20),0 0 0 1px rgba(193,100,46,.12);
}
.btn:hover:before,.btn-gold:hover:before,.add-cart:hover:before,.template-button:hover:before{
  transform:translateX(520%) rotate(18deg);
}
.btn:active,.btn-gold:active,.add-cart:active,.template-button:active{
  transform:translateY(0) scale(.985);
}
.btn-gold{
  box-shadow:0 5px 18px rgba(0,0,0,.25);
}
.add-cart,.template-button{
  transition:
    transform .25s ease,
    background-color .25s ease,
    color .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}
.add-cart:hover,.template-button:hover{
  color:#111!important;
  background:#d8a74f;
  border-color:#e3b65d;
  box-shadow:0 7px 20px rgba(193,100,46,.18);
  transform:translateY(-2px);
}
.view-all{
  transition:letter-spacing .25s ease,color .25s ease,transform .25s ease;
}
.view-all:hover{
  color:#e3b65d!important;
  letter-spacing:1px;
  transform:translateX(3px);
}
.site-header a,.main-nav a,.topbar a{
  transition:color .2s ease,opacity .2s ease;
}
.main-nav a:hover,.topbar a:hover{
  color:#e3b65d!important;
}
.route-country{
  transition:transform .25s ease,color .25s ease;
}
.route-country:hover{
  transform:translateY(-2px);
  color:#e3b65d;
}
.route-circle{
  transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;
}
.route-country:hover .route-circle{
  transform:scale(1.06);
  border-color:#e3b65d;
  box-shadow:0 0 18px rgba(193,100,46,.18);
}
@media (prefers-reduced-motion:reduce){
  .btn,.btn-gold,.add-cart,.template-button,.view-all,.route-country,.route-circle{transition:none!important}
  .btn:before,.btn-gold:before,.add-cart:before,.template-button:before{display:none}
}

.unavailable-label{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  color:#b7b2a7;
  border:1px solid rgba(170,165,154,.35);
  padding:8px 10px;
  font-size:9px;
  letter-spacing:1px;
  text-transform:uppercase;
  background:rgba(255,255,255,.025);
}
.product-template-card .template-button{cursor:default}


/* =====================================================================
   EXPANDED MINERALIA HOMEPAGE — editorial sections + premium product cards
   ===================================================================== */
.hero{min-height:650px}
.hero-inner{min-height:650px}
.hero-copy{max-width:650px}
.hero h1{font-size:clamp(52px,5.2vw,78px);text-wrap:balance}
.hero-scroll{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:10px;color:#a7a096;font-size:10px;letter-spacing:2px;text-transform:uppercase;opacity:.8}
.hero-scroll span{width:28px;height:1px;background:var(--gold);display:block}
.collection-section{padding-top:86px;padding-bottom:86px}
.minerals-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.mineral-card{border-radius:0;background:linear-gradient(145deg,#111310,#0c0e0d);box-shadow:0 12px 30px rgba(0,0,0,.22)}
.mineral-media{aspect-ratio:1/1.08;background:radial-gradient(circle at 50% 35%,rgba(193,100,46,.12),transparent 52%),#080908}
.mineral-media img{object-fit:cover}
.mineral-info{padding:20px 19px 19px;border-top:1px solid rgba(193,100,46,.13)}
.card-kicker{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold-light);margin-bottom:7px}
.mineral-title{font-family:var(--serif);font-size:21px;line-height:1.2;margin-bottom:7px}
.mineral-meta{min-height:20px}
.mineral-bottom{margin-top:18px;padding-top:14px;border-top:1px solid rgba(193,100,46,.14)}
.card-view{position:absolute;left:14px;bottom:14px;padding:9px 12px;background:rgba(7,8,7,.86);border:1px solid rgba(193,100,46,.48);color:#eee;font-size:10px;letter-spacing:.9px;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:.3s ease}
.card-view b{color:var(--gold-light);margin-left:7px}
.mineral-card:hover .card-view{opacity:1;transform:translateY(0)}
.empty-collection{min-height:250px;border:1px solid var(--line);display:grid;place-items:center;text-align:center;padding:50px;background:radial-gradient(circle at 50% 50%,rgba(193,100,46,.08),transparent 45%)}
.empty-collection span{font-size:34px;color:var(--gold-light)}
.empty-collection h3{font-family:var(--serif);font-size:26px;font-weight:400;margin:6px 0}
.empty-collection p{max-width:600px;color:var(--muted);margin:0}
.story-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(110deg,#0e100f 0%,#15120e 100%);overflow:hidden}
.story-inner{max-width:var(--max);min-height:500px;margin:auto;padding:78px 70px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:70px}
.story-copy h2,.standard-inner h2,.luxury-cta h2{font-family:var(--serif);font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.06;margin:10px 0 20px;max-width:680px}
.story-copy>p,.standard-inner p,.luxury-cta p{color:#c6c0b6;font-size:16px;line-height:1.8;max-width:650px}
.story-route{margin-top:30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:650px}
.story-route>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.story-icon{grid-row:span 2;font-size:24px}
.story-route strong{font-size:13px;color:#f3efe7}
.story-route small{font-size:11px;color:#8f8a80;line-height:1.4}
.story-line{color:var(--gold-light);font-size:25px}
.story-art{width:340px;height:340px;justify-self:end;border:1px solid rgba(193,100,46,.28);border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(193,100,46,.14),transparent 55%);box-shadow:inset 0 0 70px rgba(193,100,46,.05),0 30px 80px rgba(0,0,0,.35)}
.story-art:before,.story-art:after{content:"";position:absolute;border:1px solid rgba(193,100,46,.25);border-radius:50%;inset:28px;transform:rotate(25deg)}
.story-art:after{inset:58px;transform:rotate(-30deg)}
.art-gem{font-size:90px;color:var(--gold-light);text-shadow:0 0 35px rgba(224,138,79,.3)}
.story-art>span{position:absolute;bottom:56px;font-size:9px;letter-spacing:4px;color:#9e947f}

/* MINERALIA v1.4 — Our Story visual upgrade */
.story-band{
  background:
    radial-gradient(circle at 82% 45%,rgba(193,100,46,.10),transparent 28%),
    linear-gradient(110deg,#0a0c0b 0%,#14110d 100%);
}
.story-inner{
  grid-template-columns:1.08fr .92fr;
  gap:64px;
  min-height:590px;
}
.story-copy h2{max-width:760px}
.story-benefits{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  max-width:760px;
}
.story-benefits>div{
  min-height:92px;
  padding:13px 12px;
  border-top:1px solid rgba(193,100,46,.25);
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:9px;
  align-content:center;
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.story-benefits>div:hover{
  transform:translateY(-3px);
  border-top-color:var(--gold);
  background:rgba(193,100,46,.045);
}
.story-benefit-icon{
  grid-row:span 2;
  color:var(--gold-light);
  font-size:20px;
  line-height:1;
}
.story-benefits strong{
  color:#f2eee6;
  font-size:11px;
  line-height:1.25;
}
.story-benefits small{
  color:#888177;
  font-size:9px;
  line-height:1.35;
}
.story-art{
  width:100%;
  max-width:610px;
  height:390px;
  justify-self:end;
  border:1px solid rgba(193,100,46,.32);
  border-radius:4px;
  overflow:hidden;
  position:relative;
  background:#090a09;
  box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 50px rgba(193,100,46,.05);
}
.story-art:before,.story-art:after{display:none}
.story-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  filter:saturate(.9) contrast(1.04);
  transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s ease;
}
.story-image-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,6,5,.18),transparent 52%,rgba(5,6,5,.08)),
    linear-gradient(0deg,rgba(5,6,5,.26),transparent 45%);
  pointer-events:none;
}
.story-art:hover .story-image{
  transform:scale(1.035);
  filter:saturate(1) contrast(1.06);
}

.curated-section{padding-top:95px;padding-bottom:95px}
.center-heading{text-align:center;max-width:760px;margin:0 auto 45px}
.center-heading h2{font-family:var(--serif);font-size:48px;font-weight:400;margin:7px 0 12px}
.center-heading p{color:var(--muted);margin:0 auto;line-height:1.7}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.category-card{min-height:290px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);position:relative;overflow:hidden;background:#0d0f0e;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.category-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 45%,rgba(193,100,46,.18),transparent 48%);transition:transform .5s ease,opacity .4s ease;opacity:.8}
.category-card:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(224,138,79,.17);border-radius:50%;right:-45px;top:30px;box-shadow:0 0 0 30px rgba(224,138,79,.025),0 0 0 60px rgba(224,138,79,.02)}
.category-card>*{position:relative;z-index:1}
.category-card:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 25px 55px -30px rgba(193,100,46,.45)}
.category-card:hover:before{transform:scale(1.15);opacity:1}
.category-number{font-size:10px;letter-spacing:2px;color:#7e776d}
.category-name{font-family:var(--serif);font-size:32px;color:#f3eee5}
.category-arrow{font-size:22px;color:var(--gold-light);align-self:flex-end}
.category-1{background:linear-gradient(135deg,#0d0f0e,#21160f)}
.category-2{background:linear-gradient(135deg,#0d0f0e,#14191a)}
.category-3{background:linear-gradient(135deg,#0d0f0e,#1a141e)}
.category-4{background:linear-gradient(135deg,#0d0f0e,#1b1810)}
.standard-section{background:#0d0f0e;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.standard-inner{max-width:var(--max);margin:auto;padding:90px 70px;display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}
.standard-points{border-top:1px solid var(--line)}
.standard-points>div{display:flex;align-items:center;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}
.standard-points span{color:var(--gold-light);font-size:11px;letter-spacing:2px}
.standard-points strong{font-family:var(--serif);font-size:23px;font-weight:400}
.luxury-cta{padding:110px 34px;background:radial-gradient(circle at 50% 30%,rgba(193,100,46,.12),transparent 40%),#080908;text-align:center}
.luxury-cta-inner{max-width:900px;margin:auto}
.luxury-cta h2{margin-left:auto;margin-right:auto}
.luxury-cta p{margin:0 auto 28px}
.luxury-cta .btn{margin-top:8px}

@media(max-width:1050px){
  .story-inner,.standard-inner{padding-left:38px;padding-right:38px;gap:40px}
  .story-art{width:280px;height:280px}
  .category-grid{grid-template-columns:repeat(2,1fr)}
  .minerals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .hero{min-height:600px}.hero-inner{min-height:600px;padding:80px 22px}.hero h1{font-size:46px}.hero-copy{max-width:100%}.hero-scroll{display:none}
  .collection-section,.curated-section{padding-top:60px;padding-bottom:60px}
  .minerals-grid{grid-template-columns:1fr 1fr;gap:12px}.mineral-info{padding:14px}.mineral-title{font-size:18px}.card-view{display:none}
  .story-inner,.standard-inner{grid-template-columns:1fr;padding:62px 22px;gap:45px}.story-art{justify-self:center;width:250px;height:250px}.story-route{gap:10px}.story-route>div{grid-template-columns:1fr}.story-icon{grid-row:auto;margin-bottom:5px}
  .center-heading h2{font-size:38px}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category-card{min-height:220px;padding:18px}.category-name{font-size:26px}
  .standard-inner h2{font-size:42px}.luxury-cta{padding:80px 22px}
}
@media(max-width:480px){.minerals-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.story-route{grid-template-columns:1fr}.story-line{transform:rotate(90deg);justify-self:center}.mineral-bottom{align-items:center}}

/* Mineral category photography upgrade */
.category-grid{gap:20px}
.category-card{min-height:360px;padding:22px;justify-content:space-between;border-color:rgba(193,100,46,.28);background:#0b0c0b;isolation:isolate}
.category-card:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.92;background-size:cover;background-position:center;transform:scale(1.01);transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .5s ease}
.category-card:after{content:"";position:absolute;inset:0;z-index:-1;width:auto;height:auto;border:0;border-radius:0;right:auto;top:auto;box-shadow:none;background:linear-gradient(180deg,rgba(5,6,5,.14) 0%,rgba(5,6,5,.20) 35%,rgba(5,6,5,.88) 100%);transition:background .45s ease}
.category-card:hover:before{transform:scale(1.08);opacity:1}
.category-card:hover:after{background:linear-gradient(180deg,rgba(5,6,5,.05) 0%,rgba(5,6,5,.18) 30%,rgba(5,6,5,.82) 100%)}
.category-1:before{background-image:url('assets/categories/vanadinite.jpg')}
.category-2:before{background-image:url('assets/categories/quartz.jpg')}
.category-3:before{background-image:url('assets/categories/amethyst.jpg')}
.category-4:before{background-image:url('assets/categories/pyrite.jpg')}
.category-content{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:auto;padding-top:190px}
.category-name{font-size:32px;text-shadow:0 3px 18px rgba(0,0,0,.65)}
.category-arrow{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(224,138,79,.45);border-radius:50%;background:rgba(5,6,5,.42);backdrop-filter:blur(4px);flex:none;transition:transform .35s ease,background .35s ease,border-color .35s ease}
.category-card:hover .category-arrow{transform:translate(3px,-3px);background:var(--gold);color:#111;border-color:var(--gold)}
.category-number{position:relative;z-index:2;color:#e0b968;text-shadow:0 2px 10px #000}
@media (max-width:980px){.category-card{min-height:320px}.category-content{padding-top:150px}.category-name{font-size:27px}}
@media (max-width:640px){.category-grid{grid-template-columns:1fr 1fr;gap:12px}.category-card{min-height:260px;padding:16px}.category-content{padding-top:100px}.category-name{font-size:22px}.category-arrow{width:36px;height:36px;font-size:18px}}
@media (max-width:430px){.category-grid{grid-template-columns:1fr}.category-card{min-height:300px}.category-content{padding-top:130px}}

/* MINERALIA — centered 5-slide hero */
.hero-slider{position:relative;overflow:hidden;isolation:isolate;min-height:700px;background:#080807}
.hero-slides,.hero-slide,.hero-overlay{position:absolute;inset:0}
.hero-slides{z-index:0}
.hero-slide{background-size:cover;background-position:center;opacity:0;transform:scale(1.035);transition:opacity 1.1s ease,transform 6s ease;}
.hero-slide.is-active{opacity:1;transform:scale(1)}
.hero-overlay{z-index:1;background:rgba(0,0,0,.12);pointer-events:none}
.hero-slider .hero-inner{position:relative;z-index:2;min-height:700px;display:flex;align-items:center;justify-content:center;padding:90px 22px;pointer-events:none}
.hero-copy-centered{max-width:900px!important;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;margin:0 auto}
.hero-copy-centered .eyebrow{margin-bottom:18px}
.hero-copy-centered h1{max-width:900px;margin:0 auto 22px;font-size:clamp(50px,6vw,86px);line-height:.98;letter-spacing:-2px;text-wrap:balance;text-shadow:none}
.hero-copy-centered p{max-width:720px;margin:0 auto 24px;line-height:1.7;text-shadow:none}
.hero-copy-centered .route-box{margin:0 auto 28px;justify-content:center}
.hero-copy-centered .btn{margin:0 auto}
.hero-dots{position:absolute;z-index:3;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:9px}
.hero-dot{width:9px;height:9px;border-radius:50%;border:1px solid rgba(225,169,61,.75);background:rgba(255,255,255,.28);padding:0;cursor:pointer;transition:.25s ease}
.hero-dot:hover,.hero-dot.is-active{background:var(--gold);transform:scale(1.25);box-shadow:0 0 12px rgba(218,166,55,.45)}
.hero-dot:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:760px){
 .hero-slider,.hero-slider .hero-inner{min-height:650px}
 .hero-copy-centered h1{font-size:clamp(42px,12vw,62px);letter-spacing:-1.2px}
 .hero-copy-centered p{font-size:15px}
 .hero-copy-centered .route-box{max-width:520px}
 .hero-dots{bottom:20px}
}

/* MINERALIA — premium hero title refinement */
.hero-copy-centered h1{
  color:#f2c35b;
  transition:opacity .38s ease, transform .38s ease, visibility .38s ease;
  will-change:opacity,transform;
}
.hero-copy-centered h1 em{color:#f2c35b}
.hero-slider.hero-title-hidden .hero-copy-centered h1{
  opacity:0;
  visibility:hidden;
  transform:translateY(-10px);
}

/* MINERALIA — immersive hero focus mode + manual image controls */
.hero-slider .hero-slide{
  will-change:transform,opacity,background-position;
  background-position:center center;
  image-rendering:auto;
  transition:opacity 1.0s ease, transform 1.35s cubic-bezier(.2,.75,.2,1), background-position 1.35s ease;
}
.hero-slider .hero-slide.is-active{transform:scale(1.015)}
.hero-controls{position:absolute;inset:0;z-index:5;pointer-events:none}
.hero-arrow,.hero-pause{position:absolute;pointer-events:auto;border:1px solid rgba(235,190,83,.38);background:rgba(0,0,0,.20);backdrop-filter:blur(5px);color:#f4c65c;border-radius:50%;width:54px;height:54px;font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.3s ease}
.hero-arrow:hover,.hero-pause:hover{background:rgba(0,0,0,.45);border-color:#f4c65c;transform:scale(1.08)}
.hero-prev{left:24px;top:50%;transform:translateY(-50%)}
.hero-next{right:24px;top:50%;transform:translateY(-50%)}
.hero-prev:hover,.hero-next:hover{transform:translateY(-50%) scale(1.08)}
.hero-pause{right:26px;top:26px;font-size:20px}
.hero-slide-count{position:absolute;right:28px;bottom:25px;z-index:5;color:#eee;font-size:12px;letter-spacing:2px;border:1px solid rgba(255,255,255,.22);padding:9px 12px;background:rgba(0,0,0,.16);backdrop-filter:blur(4px)}
.hero-slider .hero-copy-centered{position:relative;z-index:6;pointer-events:auto}
.hero-slider.hero-focus .hero-slide.is-active{transform:scale(1.16);background-position:center 43%}
.hero-slider.hero-focus .hero-inner,
.hero-slider.hero-focus .hero-dots,
.hero-slider.hero-focus .hero-scroll,
.hero-slider.hero-focus .hero-controls,
.hero-slider.hero-focus .hero-slide-count{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}
.hero-slider.hero-focus .hero-overlay{opacity:0}
.hero-slider.hero-focus .hero-copy-centered{opacity:0;visibility:hidden;transform:scale(.98);transition:opacity .35s ease,transform .45s ease,visibility .35s ease}
.hero-slider .hero-inner,.hero-slider .hero-dots,.hero-slider .hero-scroll,.hero-slider .hero-controls,.hero-slider .hero-slide-count,.hero-slider .hero-overlay{transition:opacity .35s ease,visibility .35s ease}
@media (max-width:700px){
 .hero-arrow{width:44px;height:44px;font-size:28px}.hero-prev{left:12px}.hero-next{right:12px}.hero-pause{right:14px;top:14px}.hero-slide-count{right:14px;bottom:16px}.hero-slider.hero-focus .hero-slide.is-active{transform:scale(1.10)}
}


/* =========================================================
   MINERALIA — Refined luxury header
   ========================================================= */
.topbar{
  background:#080a09;
  border-bottom:1px solid rgba(193,100,46,.22);
}
.topbar-inner{
  min-height:42px;
  padding:0 34px;
  gap:22px;
}
.topbar-items{gap:28px}
.topbar-item{
  color:#e7e1d7;
  font-size:11px;
  letter-spacing:.15px;
  white-space:nowrap;
}
.topbar-item:first-child{color:#f1ece4}
.topbar-right{
  gap:16px;
  color:#ddd7cd;
  font-size:11px;
}

.site-header{
  background:rgba(10,12,11,.97);
  border-bottom:1px solid rgba(193,100,46,.16);
  box-shadow:0 10px 28px rgba(0,0,0,.16);
  backdrop-filter:blur(10px);
}
.header-inner{
  max-width:1480px;
  min-height:88px;
  padding:13px 34px;
  gap:30px;
}
.brand{
  min-width:300px;
  gap:13px;
  transition:transform .28s ease, opacity .28s ease;
}
.brand:hover{transform:translateY(-1px);opacity:.96}
.brand-mark{
  width:40px;
  height:50px;
  filter:drop-shadow(0 3px 9px rgba(193,100,46,.18));
}
.brand-name{
  font-size:30px;
  letter-spacing:4.5px;
  line-height:1;
}
.brand-sub{
  font-size:9px;
  letter-spacing:3.4px;
  margin-top:6px;
}

.primary-nav{flex:1}
.primary-nav ul{
  align-items:center;
  gap:30px;
}
.primary-nav a{
  position:relative;
  padding:13px 0;
  font-size:13px;
  font-weight:500;
  letter-spacing:.35px;
  color:#f2eee7;
  transition:color .25s ease;
}
.primary-nav a:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:4px;
  width:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-light),transparent);
  transform:translateX(-50%);
  transition:width .28s ease;
}
.primary-nav a:hover:after,
.primary-nav .current-menu-item>a:after{width:100%}

.header-actions{
  gap:10px;
  align-items:center;
}
.header-icon,
.header-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  border:1px solid transparent;
  border-radius:8px;
  color:#f2eee7;
  padding:8px 10px;
  transition:all .25s ease;
}
.header-icon:hover,
.header-action:hover{
  color:var(--gold-light);
  background:rgba(193,100,46,.07);
  border-color:rgba(193,100,46,.22);
  transform:translateY(-1px);
}
.header-icon{
  width:40px;
  padding:0;
  font-size:22px;
}
.action-icon{
  font-size:14px;
  margin-right:7px;
  opacity:.9;
}
.cart-link{position:relative;padding-right:28px}
.cart-badge{
  position:absolute;
  top:2px;
  right:4px;
  min-width:17px;
  height:17px;
  padding:0 4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--gold);
  color:#090a09;
  font-size:9px;
  font-weight:800;
}
.header-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:0 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#d8a34c,#b97c22);
  color:#090a09;
  font-size:12px;
  font-weight:800;
  letter-spacing:.55px;
  box-shadow:0 7px 20px rgba(193,100,46,.16);
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.header-cta:hover{
  color:#090a09;
  transform:translateY(-2px);
  filter:brightness(1.06);
  box-shadow:0 11px 28px rgba(193,100,46,.24);
}
.header-cta:active{transform:translateY(0) scale(.98)}

.lang-switch-toggle{
  min-height:31px;
  padding:4px 11px 4px 9px;
  border-color:rgba(193,100,46,.26);
  background:rgba(193,100,46,.045);
}
.lang-switch-toggle:hover,
.lang-switch.is-open .lang-switch-toggle{
  border-color:var(--gold);
  background:rgba(193,100,46,.11);
  box-shadow:0 5px 16px rgba(193,100,46,.08);
}
.lang-switch-menu{
  border-color:rgba(193,100,46,.65);
  border-radius:12px;
  padding:7px;
}
.lang-switch-option{
  border-radius:8px;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.lang-switch-option:hover,
.lang-switch-option.is-active{
  background:rgba(193,100,46,.11);
  color:var(--gold-light);
}
.lang-switch-option:hover{transform:translateX(2px)}

@media (max-width:1100px){
  .header-inner{padding:12px 22px;gap:18px}
  .brand{min-width:245px}
  .primary-nav ul{gap:19px}
  .primary-nav a{font-size:12px}
  .header-action.account span:last-child,
  .cart-link span:not(.action-icon):not(.cart-badge){display:none}
  .header-cta{padding:0 14px}
  .topbar-inner{padding:0 22px}
  .topbar-items{gap:16px}
  .topbar-item:nth-child(3){display:none}
}
@media (max-width:760px){
  .topbar-inner{min-height:36px;padding:0 14px}
  .topbar-items{gap:10px;overflow:hidden}
  .topbar-item{font-size:9px}
  .topbar-item:nth-child(2),
  .topbar-item:nth-child(3){display:none}
  .topbar-right{font-size:10px;gap:8px}
  .header-inner{min-height:72px;padding:10px 14px}
  .brand{min-width:0;gap:9px}
  .brand-mark{width:31px;height:40px}
  .brand-name{font-size:22px;letter-spacing:3px}
  .brand-sub{font-size:7px;letter-spacing:2px;margin-top:4px}
  .primary-nav{display:none}
  .header-actions{margin-left:auto;gap:4px}
  .header-icon,.header-action{min-height:36px;padding:7px}
  .header-cta{display:none}
  .menu-toggle{display:block!important}
}

/* =========================================================
   MINERALIA 1.1 — centered luxury header + mobile polish
   ========================================================= */
.topbar{background:#070807;border-bottom:1px solid rgba(224,138,79,.24)}
.topbar-inner{max-width:1480px;min-height:43px;padding:0 34px;position:relative;display:flex;align-items:center;justify-content:center}
.topbar-items{width:100%;justify-content:center;align-items:center;gap:34px;flex-wrap:nowrap}
.topbar-item{display:inline-flex;align-items:center;gap:8px;color:#ece7df;font-size:11px;line-height:1;white-space:nowrap;position:relative}
.topbar-item + .topbar-item:before{content:"";width:1px;height:14px;background:rgba(224,138,79,.34);margin-right:20px}
.topbar-icon{color:#e0b968;font-size:12px;line-height:1;text-shadow:0 0 10px rgba(224,138,79,.18)}
.topbar-gem{font-size:16px}
.topbar-right{position:absolute;right:34px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;color:#e5dfd5;font-size:11px}
.currency-pill{white-space:nowrap;color:#ddd7cd}

.site-header{background:rgba(10,12,11,.985);border-bottom:1px solid rgba(224,138,79,.18);box-shadow:0 12px 35px rgba(0,0,0,.2);backdrop-filter:blur(12px)}
.header-inner{max-width:1480px;min-height:88px;padding:12px 34px;display:grid;grid-template-columns:310px minmax(0,1fr) auto;align-items:center;gap:24px}
.brand{min-width:0;gap:13px;transition:transform .28s ease,filter .28s ease}
.brand:hover{transform:translateY(-1px);filter:brightness(1.06)}
.brand-logo-image{width:54px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(224,138,79,.22))}
.brand-copy{min-width:0}
.brand-name{font-family:var(--serif);font-size:30px;letter-spacing:4.5px;line-height:1;color:#f7f2ea}
.brand-sub{font-size:9px;letter-spacing:3.5px;color:var(--gold-light);margin-top:7px}
.primary-nav{min-width:0}
.primary-nav ul{display:flex;align-items:center;justify-content:center;gap:30px;margin:0;padding:0;list-style:none}
.primary-nav a{position:relative;display:flex;align-items:center;min-height:48px;padding:9px 0;color:#f3efe8;font-size:13px;font-weight:600;letter-spacing:.2px;transition:color .25s ease,transform .25s ease}
.primary-nav a:after{content:"";position:absolute;left:50%;bottom:3px;width:0;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--gold-light),transparent);transform:translateX(-50%);transition:width .3s ease}
.primary-nav a:hover,.primary-nav .current-menu-item>a{color:var(--gold-light);transform:translateY(-1px)}
.primary-nav a:hover:after,.primary-nav .current-menu-item>a:after{width:100%}
.header-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}
.header-icon,.header-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#f1ece4;font-size:12px;font-weight:600;transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.header-icon{width:40px;padding:0}
.header-icon svg,.action-svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.header-icon:hover,.header-action:hover{color:var(--gold-light);background:rgba(193,100,46,.065);border-color:rgba(224,138,79,.22);transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.16)}
.header-action:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:1px;background:var(--gold-light);transform:scaleX(0);transform-origin:center;transition:transform .25s ease}
.header-action:hover:after{transform:scaleX(1)}
.cart-link{padding-right:28px}
.cart-badge{position:absolute;right:5px;top:3px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--gold);color:#080908;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;box-shadow:0 0 0 2px #0a0c0b}
.header-cta{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:42px;padding:0 19px;border:1px solid var(--gold);border-radius:10px;background:linear-gradient(135deg,#d8a34c,#bd8329);color:#090a09;font-size:12px;font-weight:800;letter-spacing:.55px;text-transform:uppercase;overflow:hidden;box-shadow:0 7px 20px rgba(193,100,46,.16);transition:transform .25s ease,box-shadow .3s ease,filter .25s ease}
.header-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.35) 50%,transparent 75%);transform:translateX(-120%);transition:transform .55s ease}
.header-cta:hover{color:#090a09;transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 13px 28px rgba(193,100,46,.28)}
.header-cta:hover:before{transform:translateX(120%)}
.header-cta b{font-size:16px;line-height:1;transition:transform .25s ease}
.header-cta:hover b{transform:translateX(4px)}
.menu-toggle{display:none}
.mobile-nav{border-top:1px solid rgba(224,138,79,.18);background:rgba(9,11,10,.99);box-shadow:0 18px 30px rgba(0,0,0,.25)}
.mobile-nav-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;color:var(--gold-light);font-size:11px;letter-spacing:2px}
.mobile-nav ul{padding:6px 18px 10px}
.mobile-nav li{margin:0}
.mobile-nav a{padding:14px 4px;border-bottom:1px solid rgba(224,138,79,.12);font-size:14px;color:#f4f0e8}
.mobile-nav a:hover{color:var(--gold-light)}
.mobile-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px 18px 18px}
.mobile-nav-actions a{border:1px solid rgba(224,138,79,.2);padding:12px;border-radius:8px;text-align:center;font-size:12px}
.mobile-nav-actions .mobile-pay{grid-column:1/-1;background:var(--gold);color:#090a09;border-color:var(--gold);font-weight:800}

@media(max-width:1240px){
  .header-inner{grid-template-columns:260px minmax(0,1fr) auto;gap:14px;padding-left:22px;padding-right:22px}
  .primary-nav ul{gap:19px}
  .primary-nav a{font-size:12px}
  .header-action.account-link span,.cart-link>span:not(.cart-badge){font-size:11px}
  .topbar-inner{padding-left:22px;padding-right:170px}
  .topbar-items{gap:18px}
  .topbar-item + .topbar-item:before{margin-right:10px}
}
@media(max-width:980px){
  .topbar-item:nth-child(3){display:none}
  .header-inner{grid-template-columns:240px 1fr auto}
  .primary-nav ul{gap:14px}
  .primary-nav a{font-size:11px}
  .account-link span,.cart-link>span:not(.cart-badge){display:none}
  .header-cta{padding:0 14px}
}
@media(max-width:760px){
  .topbar-inner{min-height:38px;padding:0 12px;justify-content:flex-start;overflow:hidden}
  .topbar-items{justify-content:flex-start;gap:14px;overflow:hidden;white-space:nowrap;padding-right:120px}
  .topbar-item{font-size:9px;flex:none}
  .topbar-item:nth-child(n+2){display:none}
  .topbar-right{right:12px;gap:7px;font-size:9px;background:linear-gradient(90deg,transparent,#070807 16%);padding-left:20px}
  .site-header{position:relative}
  .header-inner{display:flex;min-height:70px;padding:9px 13px;gap:9px}
  .brand{flex:1;gap:8px}
  .brand-logo-image,.brand-mark{width:31px;height:39px}
  .brand-name{font-size:21px;letter-spacing:2.7px}
  .brand-sub{font-size:6.5px;letter-spacing:2px;margin-top:4px}
  .primary-nav{display:none}
  .header-actions{gap:4px}
  .header-icon{width:36px;min-height:36px}
  .header-action.account-link,.header-cta{display:none}
  .cart-link{width:38px;padding:0}
  .cart-link .action-svg{width:17px;height:17px}
  .cart-link .cart-badge{right:0;top:0}
  .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:36px;padding:0;border:1px solid rgba(224,138,79,.3);border-radius:9px;background:transparent;color:#f5efe5;font-size:20px;line-height:1;transition:.25s ease}
  .menu-toggle:hover,.menu-toggle[aria-expanded="true"]{border-color:var(--gold);color:var(--gold-light);background:rgba(193,100,46,.08)}
}
@media(max-width:420px){
  .brand-name{font-size:19px;letter-spacing:2.2px}
  .brand-sub{display:none}
  .header-icon{display:none}
  .topbar-item{font-size:8px}
  .topbar-right{font-size:8px}
}

/* MINERALIA contact details */
.mineralia-contact-details{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 28px;
  margin:24px 0 0;
  padding:18px 0 0;
  border-top:1px solid rgba(193,100,46,.18);
}
.mineralia-contact-item{
  display:flex;
  flex-direction:column;
  gap:4px;
  color:#eee9e0;
  text-decoration:none;
  font-size:12px;
  transition:color .25s ease, transform .25s ease;
}
.mineralia-contact-item:hover{
  color:var(--gold-light,#e5b55c);
  transform:translateY(-1px);
}
.mineralia-contact-label{
  color:var(--gold-light,#d9a64b);
  text-transform:uppercase;
  letter-spacing:1.5px;
  font-size:9px;
  font-weight:700;
}
@media (max-width:760px){
  .mineralia-contact-details{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  .mineralia-contact-item{
    font-size:11px;
  }
}

/* MINERALIA v1.4 — Our Story mobile */

@media(max-width:760px){
  .story-inner{
    grid-template-columns:1fr;
    min-height:auto;
    padding:62px 20px;
    gap:34px;
  }
  .story-copy h2{font-size:38px}
  .story-route{
    grid-template-columns:1fr;
    gap:14px;
  }
  .story-line{
    transform:rotate(90deg);
    justify-self:center;
  }
  .story-benefits{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .story-art{
    max-width:none;
    height:300px;
    order:2;
  }
}
@media(max-width:430px){
  .story-benefits{grid-template-columns:1fr}
  .story-art{height:250px}
}

/* ========================================================================
   MINERALIA 2.0 — premium collector experience
   ======================================================================== */
:root{
  --gold-deep:#9d6c27;
  --cream:#f6f1e7;
  --panel:#111310;
  --line-soft:rgba(224,138,79,.14);
  --shadow-lux:0 30px 80px rgba(0,0,0,.34);
}
::selection{background:var(--gold);color:#0b0c0b}
body{background:#080908}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% -10%,rgba(193,100,46,.045),transparent 35%)}
.site-header{position:sticky;top:0;backdrop-filter:blur(14px);background:rgba(13,15,14,.88);transition:box-shadow .3s ease,background .3s ease}
.site-header.is-scrolled{background:rgba(9,10,9,.97);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.header-inner{min-height:76px}
.brand-name{font-weight:500}
.primary-nav a{position:relative}
.primary-nav a:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--gold-light);transform:scaleX(0);transition:transform .25s ease}
.primary-nav a:hover:after,.primary-nav .current-menu-item>a:after{transform:scaleX(1)}
.hero-slider:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,rgba(5,6,5,.62));z-index:1;pointer-events:none}
.hero-overlay{background:linear-gradient(90deg,rgba(4,5,4,.52),rgba(5,5,4,.08) 58%,rgba(4,4,3,.32))!important}
.hero-copy-centered h1{text-shadow:0 8px 40px rgba(0,0,0,.35)}
.hero-copy-centered p{color:#f0ebe2;max-width:680px}
.hero-trust-rail{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);z-index:4;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.hero-trust-rail span{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(224,138,79,.28);background:rgba(6,7,6,.46);backdrop-filter:blur(10px);border-radius:999px;color:#e9e2d7;font-size:11px;letter-spacing:.35px}
.hero-trust-rail b{color:var(--gold-light);font-size:13px}
.section{position:relative}
.section-head{align-items:end}
.minerals-grid{grid-auto-rows:1fr}
.mineral-card{background:linear-gradient(180deg,#111310,#0c0e0c);border:1px solid var(--line-soft);box-shadow:0 14px 45px rgba(0,0,0,.12);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.mineral-card:hover{transform:translateY(-7px);border-color:rgba(224,138,79,.38);box-shadow:var(--shadow-lux)}
.mineral-media{background:#0a0b0a;isolation:isolate}
.mineral-media>img{transition:opacity .5s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.mineral-media .mineral-hover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02)}
.mineral-card:hover .mineral-media>img:first-child{opacity:0;transform:scale(1.045)}
.mineral-card:hover .mineral-media .mineral-hover-image{opacity:1;transform:scale(1)}
.wishlist-btn{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(7,8,7,.58);backdrop-filter:blur(8px);color:#fff;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:4;transition:.25s ease}
.wishlist-btn:hover,.wishlist-btn.is-saved{background:var(--gold);border-color:var(--gold);color:#111;transform:scale(1.06)}
.mineral-info{padding:19px 19px 21px}
.mineral-title{transition:color .2s ease}.mineral-title:hover{color:var(--gold-light)}
.card-view{backdrop-filter:blur(6px)}

.collector-feature{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(120deg,#0d0f0e,#12110d 55%,#0b0c0b)}
.collector-feature-inner{max-width:var(--max);margin:auto;padding:100px 70px;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}
.collector-intro h2{font-family:var(--serif);font-size:52px;font-weight:400;line-height:1.05;margin:13px 0 20px;letter-spacing:-1px}
.collector-intro h2 em{color:var(--gold-light);font-style:normal}
.collector-intro p{max-width:570px;color:var(--muted);font-size:16px;line-height:1.8}
.text-link{display:inline-flex;align-items:center;gap:10px;margin-top:17px;color:var(--gold-light);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid rgba(224,138,79,.35);padding-bottom:7px}
.text-link span{transition:transform .25s ease}.text-link:hover span{transform:translate(3px,-3px)}
.collector-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.collector-grid article{padding:28px 24px 20px;border-right:1px solid var(--line);min-height:220px}
.collector-grid article:last-child{border-right:0}
.collector-icon{font-size:10px;color:var(--gold-light);letter-spacing:2px}
.collector-grid h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:46px 0 10px}.collector-grid p{font-size:12px;color:#918b81;line-height:1.65;margin:0}

.mineral-guide{background:#0a0b0a}
.mineral-guide-inner{max-width:var(--max);margin:auto;padding:100px 70px;display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}
.guide-image{height:560px;overflow:hidden;border:1px solid var(--line);position:relative;background:#10110f}
.guide-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,6,5,.58));pointer-events:none}
.guide-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.guide-image:hover img{transform:scale(1.035)}
.guide-copy h2{font-family:var(--serif);font-weight:400;font-size:54px;line-height:1.04;margin:12px 0 18px}.guide-copy>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:650px}
.guide-list{margin-top:32px;border-top:1px solid var(--line)}
.guide-list>div{display:grid;grid-template-columns:38px 1fr;column-gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.guide-list span{color:var(--gold-light);font-size:10px;letter-spacing:2px}.guide-list strong{font-family:var(--serif);font-size:18px;font-weight:400}.guide-list small{grid-column:2;color:#817c73;font-size:11px;margin-top:3px}

/* Shop */
.mineral-shop-page .site-main,.mineral-shop-page .woocommerce{background:#080908}
.shop-intro{max-width:var(--max);margin:auto;padding:70px 70px 38px;display:flex;justify-content:space-between;gap:40px;align-items:end}
.shop-intro h1{font-family:var(--serif);font-weight:400;font-size:58px;line-height:1;margin:10px 0 14px}.shop-intro p{color:var(--muted);max-width:540px;margin:0}
.mineral-filter{display:flex;gap:8px;align-items:end;flex-wrap:wrap;padding:13px;border:1px solid var(--line);background:#0d0f0e}
.mineral-filter label{display:flex;flex-direction:column;gap:5px;color:#8d877d;font-size:9px;text-transform:uppercase;letter-spacing:1px}.mineral-filter input{width:130px;height:42px;border:1px solid rgba(224,138,79,.18);background:#080908;color:#f4f0e8;padding:0 11px;outline:none}.mineral-filter input:focus{border-color:var(--gold)}.mineral-filter label:first-child input{width:220px}.mineral-filter button{height:42px;padding:0 18px;border:1px solid var(--gold);background:var(--gold);color:#111;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700;cursor:pointer}.mineral-filter button:hover{background:var(--gold-light)}
.mineralia-shop .woocommerce ul.products{max-width:var(--max);margin:0 auto;padding:0 70px 90px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.mineralia-shop .woocommerce ul.products:before,.mineralia-shop .woocommerce ul.products:after{display:none}.mineralia-shop .woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important}
.mineralia-shop .woocommerce .woocommerce-breadcrumb,.mineralia-shop .woocommerce .woocommerce-result-count,.mineralia-shop .woocommerce .woocommerce-ordering{max-width:var(--max);margin-left:auto;margin-right:auto}
.mineralia-shop .woocommerce .woocommerce-breadcrumb{padding:0 70px;margin-top:0;color:#7f796f;font-size:11px}.mineralia-shop .woocommerce .woocommerce-result-count,.mineralia-shop .woocommerce .woocommerce-ordering{color:#8f897e;font-size:11px}.mineralia-shop .woocommerce .woocommerce-ordering select{background:#0d0f0e;color:#eee;border:1px solid var(--line);padding:9px}

/* Product detail */
.mineralia-product-page .site-main{background:#080908}
.mineralia-product-page .woocommerce{max-width:var(--max);margin:auto;padding:60px 70px 100px}
.specimen-breadcrumb{max-width:var(--max);margin:0 auto;padding:22px 34px 0}
.specimen-breadcrumb .woocommerce-breadcrumb{font-size:11px;letter-spacing:.5px;color:#8a8579;text-transform:uppercase}
.specimen-breadcrumb .woocommerce-breadcrumb a{color:#8a8579;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}
.specimen-breadcrumb .woocommerce-breadcrumb a:hover{color:var(--gold-light);border-color:rgba(224,138,79,.45)}
@media(max-width:760px){.specimen-breadcrumb{padding:16px 20px 0}}
.product-collector-label{color:var(--gold-light);font-size:9px;letter-spacing:2px;font-weight:700;margin-bottom:12px}
.mineralia-product-page div.product{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:start}
.mineralia-product-page div.product .summary{position:sticky;top:110px}
.mineralia-product-page div.product .woocommerce-product-gallery{width:100%!important;float:none!important}
.mineralia-product-page div.product .woocommerce-product-gallery__image img{background:#10110f;border:1px solid var(--line);transition:transform .4s ease}.mineralia-product-page div.product .woocommerce-product-gallery__image:hover img{transform:scale(1.015)}
.mineralia-product-page .product_title{font-family:var(--serif);font-size:56px;line-height:1.02;font-weight:400;color:#f3eee6;margin:0 0 12px}.mineralia-product-page .price{color:var(--gold-light)!important;font-size:24px!important}.mineralia-product-page .woocommerce-product-details__short-description{color:#aaa49a;line-height:1.8}
.product-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px;border-top:1px solid var(--line);padding-top:18px}.product-trust-grid div{padding:12px;border:1px solid rgba(224,138,79,.12);background:#0d0f0e}.product-trust-grid b{display:block;color:var(--gold-light);font-size:15px;margin-bottom:8px}.product-trust-grid span{display:block;font-family:var(--serif);font-size:15px}.product-trust-grid small{display:block;color:#777268;font-size:9px;line-height:1.5;margin-top:4px}
.mineralia-product-page .single_add_to_cart_button{background:var(--gold)!important;color:#111!important;border-radius:0!important;min-height:52px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.mineralia-product-page .single_add_to_cart_button:hover{background:var(--gold-light)!important}
.mineralia-product-page .woocommerce-tabs{margin-top:90px!important;border-top:1px solid var(--line);padding-top:35px}.mineralia-product-page .woocommerce-tabs ul.tabs{padding:0!important}.mineralia-product-page .woocommerce-tabs ul.tabs:before{border-bottom-color:var(--line)!important}.mineralia-product-page .woocommerce-tabs ul.tabs li{background:transparent!important;border:0!important;margin:0 24px 0 0!important;padding:0 0 14px!important}.mineralia-product-page .woocommerce-tabs ul.tabs li a{color:#9a9489;font-size:11px;text-transform:uppercase;letter-spacing:1px}.mineralia-product-page .woocommerce-tabs ul.tabs li.active a{color:var(--gold-light)}

@media(max-width:1050px){
 .collector-feature-inner,.mineral-guide-inner{grid-template-columns:1fr;gap:45px;padding:75px 34px}.collector-grid{max-width:850px}.mineral-guide-inner{grid-template-columns:1fr 1fr}.guide-image{height:480px}.mineralia-shop .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:34px;padding-right:34px}.shop-intro{padding-left:34px;padding-right:34px;flex-direction:column;align-items:stretch}.mineral-filter{align-self:stretch}.mineralia-product-page .woocommerce{padding-left:34px;padding-right:34px}.mineralia-product-page div.product{gap:40px}
}
@media(max-width:760px){
 .site-header{position:sticky}.hero-trust-rail{left:14px;right:14px;bottom:25px;transform:none;gap:5px}.hero-trust-rail span{font-size:9px;padding:7px 9px}.hero-slider:after{height:120px}
 .collector-feature-inner,.mineral-guide-inner{padding:65px 20px;display:block}.collector-intro h2,.guide-copy h2{font-size:40px}.collector-grid{grid-template-columns:1fr;margin-top:35px}.collector-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:20px 0}.collector-grid h3{margin:18px 0 7px}.guide-image{height:340px;margin-bottom:38px}.guide-list>div{grid-template-columns:30px 1fr}
 .shop-intro{padding:52px 20px 25px}.shop-intro h1{font-size:46px}.mineral-filter{display:grid;grid-template-columns:1fr 1fr}.mineral-filter label:first-child{grid-column:1/-1}.mineral-filter label:first-child input,.mineral-filter input{width:100%}.mineral-filter button{grid-column:1/-1}
 .mineralia-shop .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px 70px;gap:12px}.mineralia-shop .woocommerce .woocommerce-breadcrumb{padding:0 20px}.mineralia-shop .woocommerce .woocommerce-result-count,.mineralia-shop .woocommerce .woocommerce-ordering{margin-left:20px;margin-right:20px}
 .mineralia-product-page .woocommerce{padding:35px 20px 80px}.mineralia-product-page div.product{display:block}.mineralia-product-page div.product .summary{position:static;margin-top:30px}.mineralia-product-page .product_title{font-size:42px}.product-trust-grid{grid-template-columns:1fr}.mineralia-product-page .woocommerce-tabs{margin-top:55px!important}
}
@media(max-width:430px){.mineralia-shop .woocommerce ul.products{grid-template-columns:1fr}.hero-trust-rail span:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.hero-slide{transition:none!important}.mineral-card:hover{transform:none}}
.mineralia-lightbox{position:fixed;inset:0;background:rgba(2,3,2,.94);z-index:9999;display:none;align-items:center;justify-content:center;padding:5vw;backdrop-filter:blur(8px)}
.mineralia-lightbox.is-open{display:flex}.mineralia-lightbox img{max-width:min(1100px,92vw);max-height:88vh;object-fit:contain;box-shadow:0 30px 100px rgba(0,0,0,.65)}.mineralia-lightbox button{position:absolute;right:24px;top:18px;width:42px;height:42px;border:1px solid rgba(224,138,79,.35);border-radius:50%;background:#0b0c0b;color:#fff;font-size:26px;cursor:pointer}.mineralia-lightbox button:hover{background:var(--gold);color:#111}


/* MINERALIA PREMIUM LOGO — generated luxury identity */
.site-header .header-inner{
  min-height:108px;
  padding-top:9px;
  padding-bottom:9px;
}
.site-header .brand{
  min-width:225px;
  width:225px;
  height:92px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:0;
}
.site-header .brand-logo-image{
  display:block;
  width:210px;
  height:auto;
  max-height:96px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 5px 13px rgba(193,100,46,.16));
  transition:filter .28s ease, transform .28s ease;
}
.site-header .brand:hover .brand-logo-image{
  transform:translateY(-1px);
  filter:drop-shadow(0 7px 17px rgba(193,100,46,.25));
}
.site-header .brand-copy{display:none}
@media (max-width:1100px){
  .site-header .header-inner{gap:18px}
  .site-header .brand{min-width:185px;width:185px;height:78px}
  .site-header .brand-logo-image{width:175px;max-height:80px}
}
@media (max-width:760px){
  .site-header .header-inner{min-height:76px;padding:7px 18px}
  .site-header .brand{min-width:150px;width:150px;height:62px}
  .site-header .brand-logo-image{width:145px;max-height:65px}
}
@media (max-width:420px){
  .site-header .brand{min-width:132px;width:132px;height:55px}
  .site-header .brand-logo-image{width:128px;max-height:57px}
}

/* MINERALIA LOGO — enlarged for stronger brand visibility */
.site-header .header-inner{
  min-height:124px;
  padding-top:10px;
  padding-bottom:10px;
}
.site-header .brand{
  min-width:305px;
  width:305px;
  height:108px;
}
.site-header .brand-logo-image{
  width:285px;
  max-height:108px;
}
@media (max-width:1100px){
  .site-header .header-inner{gap:14px}
  .site-header .brand{min-width:245px;width:245px;height:94px}
  .site-header .brand-logo-image{width:230px;max-height:94px}
}
@media (max-width:760px){
  .site-header .header-inner{min-height:92px;padding:8px 14px}
  .site-header .brand{min-width:215px;width:215px;height:78px}
  .site-header .brand-logo-image{width:205px;max-height:78px}
}
@media (max-width:420px){
  .site-header .header-inner{min-height:84px;padding:7px 10px}
  .site-header .brand{min-width:198px;width:198px;height:72px}
  .site-header .brand-logo-image{width:190px;max-height:72px}
}

/* ================================================================
   MINERALIA GEMSTONE PALETTE + LUXURY ANNOUNCEMENT BAR
   ================================================================ */
:root{
  --bg:#0a0a09;
  --surface:#141210;
  --surface-2:#1c1814;
  --text:#f3eee4;
  --muted:#aaa79e;
  --gold:#c9a45b;
  --gold-light:#e3c47a;
  --gold-deep:#8e6b32;
  --emerald:#221c14;
  --emerald-soft:#2c2318;
  --obsidian:#08090a;
  --smoky:#302a25;
  --line:rgba(201,164,91,.22);
  --line-soft:rgba(201,164,91,.13);
}
body{background:radial-gradient(circle at 50% -10%,rgba(193,100,46,.10),transparent 34%),linear-gradient(180deg,#0a0a09 0%,#0c0b0a 46%,#0d0c0a 100%);}
.site-header{background:rgba(11,10,9,.9);border-bottom-color:rgba(201,164,91,.2)}
.topbar{position:relative;min-height:72px;background:#090807;border-bottom:1px solid rgba(201,164,91,.28);overflow:hidden}
.topbar-visual{width:100%;line-height:0}
.topbar-visual img{display:block;width:100%;height:auto;min-height:72px;object-fit:cover;object-position:center}
.topbar-right{position:absolute;right:28px;top:50%;transform:translateY(-50%);z-index:4}
.topbar-mobile-inner{display:none}

/* Gemstone-inspired surfaces */
.section,.features{background:transparent}
.mineral-card,.category-card,.collector-feature,.guide-panel{background:linear-gradient(145deg,rgba(24,21,17,.96),rgba(11,10,9,.98));border-color:rgba(201,164,91,.16)}
.mineral-card:hover{border-color:rgba(227,196,122,.5);box-shadow:0 30px 80px rgba(0,0,0,.48),0 0 0 1px rgba(201,164,91,.06)}
.mineral-media{background:#080d0b}

/* Footer payment showcase */
.payment-showcase{max-width:var(--max);margin:0 auto;padding:34px 70px 28px;border-top:1px solid rgba(201,164,91,.18);display:grid;grid-template-columns:minmax(250px,.7fr) 1.3fr;align-items:center;gap:45px;background:linear-gradient(180deg,rgba(193,100,46,.06),transparent)}
.payment-kicker{display:block;color:var(--gold-light);font-size:9px;letter-spacing:2.2px;font-weight:700;margin-bottom:7px}
.payment-showcase h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:0 0 5px;color:#f4efe5}
.payment-showcase p{font-size:11px;color:#8f958e;line-height:1.7;margin:0;max-width:380px}
.payment-methods{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.payment-method{width:86px;height:52px;padding:0;border-radius:10px;overflow:hidden;background:#f4f0e7;box-shadow:0 10px 22px rgba(0,0,0,.22);transition:transform .25s ease,box-shadow .25s ease}
.payment-method:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,0,0,.3)}
.payment-method img{display:block;width:100%;height:100%;object-fit:cover}

/* Richer gemstone accent lines */
.site-footer{background:linear-gradient(180deg,#0b1210,#080d0b)}
.features{border-top:1px solid rgba(201,164,91,.14);border-bottom:1px solid rgba(201,164,91,.14)}
.feature-icon{color:var(--gold-light)!important}

@media(max-width:1050px){
  .topbar-right{right:18px}
  .payment-showcase{padding-left:34px;padding-right:34px;grid-template-columns:1fr;gap:25px}
  .payment-methods{justify-content:flex-start}
}
@media(max-width:760px){
  .topbar{min-height:39px;height:39px}
  .topbar-visual{display:none}
  .topbar-mobile-inner{height:39px;display:flex;align-items:center;gap:20px;padding:0 12px;overflow:hidden;white-space:nowrap;font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:#e9e4da}
  .topbar-mobile-item{display:flex;align-items:center;gap:6px;flex:none}
  .topbar-mobile-item span{color:var(--gold-light);font-size:12px}
  .topbar-right{right:10px;top:50%;gap:5px;background:linear-gradient(90deg,transparent,#070b09 20%);padding-left:18px}
  .topbar-right .currency-pill{display:none}
  .topbar-right .lang-switch-toggle{padding:4px 7px;border-color:rgba(201,164,91,.28);font-size:9px}
  .payment-showcase{padding:30px 20px 25px;gap:20px}
  .payment-showcase h3{font-size:23px}
  .payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
  .payment-method{width:100%;height:auto;aspect-ratio:96/58}
}
@media(max-width:430px){
  .topbar-mobile-item:nth-child(2){display:none}
  .payment-methods{grid-template-columns:repeat(2,1fr);max-width:280px}
}

/* Collector discovery + specialist-store UX additions */
.interest-section{padding:105px 34px;background:linear-gradient(180deg,rgba(19,16,12,.45),rgba(9,8,7,.2));border-top:1px solid rgba(201,164,91,.12);border-bottom:1px solid rgba(201,164,91,.12)}
.interest-inner{max-width:var(--max);margin:auto}.interest-heading{margin-bottom:42px}.interest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.interest-card{position:relative;min-height:250px;overflow:hidden;border:1px solid rgba(201,164,91,.2);background:#09100d;isolation:isolate}.interest-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .5s ease}.interest-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,6,.08),rgba(4,7,6,.78));z-index:1}.interest-card:hover img{transform:scale(1.06);filter:saturate(1.08) contrast(1.05)}.interest-index{position:absolute;top:15px;left:16px;z-index:2;color:#e0b968;font-size:9px;letter-spacing:2px}.interest-label{position:absolute;left:18px;right:16px;bottom:16px;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:12px}.interest-label strong{font-family:var(--serif);font-size:24px;font-weight:400}.interest-label b{font-size:18px;color:var(--gold-light);font-weight:400}
.mineral-search-band{padding:58px 34px;background:#0a0908;border-bottom:1px solid rgba(201,164,91,.16)}.mineral-search-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.mineral-search-inner h2{font-family:var(--serif);font-size:42px;font-weight:400;margin:5px 0 8px}.mineral-search-inner p{color:#9e9a91;margin:0}.home-mineral-search{display:flex;border:1px solid rgba(201,164,91,.35);background:#15100b;min-height:58px}.home-mineral-search input{flex:1;min-width:0;border:0;background:transparent;color:#f4f0e8;padding:0 18px;outline:0}.home-mineral-search input::placeholder{color:#747970}.home-mineral-search button{border:0;border-left:1px solid rgba(201,164,91,.25);background:var(--gold);color:#10120f;padding:0 22px;font-size:10px;font-weight:700;letter-spacing:1.6px;cursor:pointer}.home-mineral-search button:hover{background:var(--gold-light)}
.buy-what-you-see{padding:100px 34px;background:radial-gradient(circle at 85% 50%,rgba(193,100,46,.14),transparent 35%),#0a0908}.buy-what-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.buy-what-copy h2{font-family:var(--serif);font-size:clamp(40px,4vw,58px);font-weight:400;line-height:1.05;margin:8px 0 18px;max-width:680px}.buy-what-copy>p{max-width:650px;color:#aaa69d;line-height:1.8}.buy-facts{display:grid;grid-template-columns:1fr;gap:0;margin-top:30px;border-top:1px solid var(--line)}.buy-facts span{padding:14px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.4px;color:#d6c9b0}.buy-what-image{height:460px;position:relative;border:1px solid rgba(201,164,91,.3);overflow:hidden;background:#070a08}.buy-what-image img{width:100%;height:100%;object-fit:cover}.buy-what-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,6,5,.5),transparent 55%)}.buy-what-image span{position:absolute;left:20px;bottom:18px;z-index:2;font-size:9px;letter-spacing:2px;color:#e0b968}
.reviews-section{padding:100px 34px;background:#0a0908}.reviews-inner{max-width:var(--max);margin:auto}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-card{padding:28px;border:1px solid rgba(201,164,91,.18);background:linear-gradient(145deg,#181410,#0d0b09)}.review-stars{color:var(--gold-light);letter-spacing:3px;font-size:11px}.review-card p{color:#d0cbc1;line-height:1.8;min-height:100px}.review-card strong{display:block;font-family:var(--serif);font-weight:400;font-size:18px}.review-card span{display:block;color:#777c76;font-size:10px;letter-spacing:.8px;margin-top:5px}
.specimen-note{display:grid;gap:5px;margin:25px 0;padding:18px;border:1px solid rgba(201,164,91,.25);background:linear-gradient(145deg,rgba(28,23,16,.7),rgba(12,11,9,.8))}.specimen-note b{font-size:9px;letter-spacing:2px;color:var(--gold-light)}.specimen-note span{font-size:12px;line-height:1.7;color:#aaa69d}.specimen-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0 25px}.specimen-facts div{padding:12px;border:1px solid rgba(224,138,79,.11);background:#0c120f}.specimen-facts small{display:block;color:#777d76;text-transform:uppercase;letter-spacing:1px;font-size:8px}.specimen-facts strong{display:block;margin-top:4px;color:#e7e1d6;font-size:12px}
@media(max-width:1050px){.interest-grid{grid-template-columns:repeat(2,1fr)}.mineral-search-inner,.buy-what-inner{grid-template-columns:1fr;gap:35px}.buy-what-image{max-width:620px}.review-grid{grid-template-columns:1fr}}
@media(max-width:760px){.interest-section,.mineral-search-band,.buy-what-you-see,.reviews-section{padding-left:20px;padding-right:20px}.interest-grid{grid-template-columns:1fr 1fr;gap:10px}.interest-card{min-height:205px}.interest-label strong{font-size:20px}.mineral-search-inner h2{font-size:36px}.home-mineral-search{min-height:54px}.home-mineral-search button{padding:0 14px}.buy-what-copy h2{font-size:40px}.buy-what-image{height:340px}.specimen-facts{grid-template-columns:1fr}}
@media(max-width:430px){.interest-grid{grid-template-columns:1fr}.interest-card{min-height:230px}.home-mineral-search{display:block;border:0;background:transparent}.home-mineral-search input{display:block;width:100%;height:54px;border:1px solid rgba(201,164,91,.3);background:#15100b;margin-bottom:8px}.home-mineral-search button{height:52px;width:100%;border:0}}


/* =========================================================
   MINERALIA — refined header v4.1
   Cleaner luxury hierarchy, larger brand, no topbar overlap
   ========================================================= */
.topbar{
  padding:0;
  height:92px;
  overflow:hidden;
  background:#080a09;
  border-bottom:1px solid rgba(224,138,79,.18);
}
.topbar-visual{width:100%;height:100%;line-height:0;overflow:hidden}
.topbar-visual img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
}
.topbar-mobile-inner{display:none}
.topbar-right{display:none!important}

.site-header{
  background:linear-gradient(180deg,#0b100e 0%,#080c0b 100%);
  border-bottom:1px solid rgba(224,138,79,.2);
  box-shadow:0 14px 38px rgba(0,0,0,.28);
}
.header-inner{
  max-width:1480px;
  min-height:104px;
  padding:8px 34px;
  display:grid;
  grid-template-columns:220px minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
}
.brand{
  min-width:0;
  width:200px;
  height:94px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.brand-logo-image{
  display:block;
  width:190px;
  height:94px;
  max-width:none;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 5px 13px rgba(224,138,79,.18));
}
.primary-nav ul{gap:27px}
.primary-nav a{
  min-height:42px;
  font-size:12px;
  letter-spacing:.45px;
}
.header-actions{gap:5px}
.header-icon,.header-action{
  min-height:38px;
  padding:7px 8px;
  border-radius:8px;
  font-size:11px;
}
.header-icon{width:38px}
.header-utility{display:flex;align-items:center;gap:7px;margin-left:3px}
.header-utility .lang-switch-toggle{
  min-height:36px;
  padding:5px 9px;
  border-color:rgba(224,138,79,.24);
  background:rgba(224,138,79,.045);
}
.header-utility .currency-pill{
  font-size:10px;
  letter-spacing:.7px;
  color:#cfc8bc;
  padding-right:3px;
}
.header-cta{
  min-height:40px;
  padding:0 15px;
  border-radius:9px;
  font-size:11px;
  letter-spacing:.7px;
  box-shadow:0 6px 17px rgba(193,100,46,.13);
}

@media(max-width:1240px){
  .header-inner{grid-template-columns:190px minmax(0,1fr) auto;gap:14px;padding-left:22px;padding-right:22px}
  .brand{width:178px}
  .brand-logo-image{width:170px;height:84px}
  .primary-nav ul{gap:17px}
  .primary-nav a{font-size:11px}
  .header-utility .currency-pill{display:none}
}
@media(max-width:980px){
  .topbar{height:74px}
  .header-inner{grid-template-columns:170px minmax(0,1fr) auto;min-height:88px}
  .brand{width:158px;height:76px}
  .brand-logo-image{width:155px;height:76px}
  .primary-nav{display:none}
  .header-actions{margin-left:auto}
  .header-utility{display:flex}
  .header-action.account-link span{display:none}
  .cart-link>span:not(.cart-badge){display:none}
}
@media(max-width:760px){
  .topbar{height:58px}
  .topbar-visual img{object-fit:cover;object-position:center}
  .header-inner{min-height:78px;padding:6px 12px;grid-template-columns:136px auto;gap:8px}
  .brand{width:132px;height:66px}
  .brand-logo-image{width:130px;height:66px}
  .header-actions{gap:2px}
  .header-utility{display:none}
  .header-icon,.header-action{min-height:36px;padding:6px;width:36px}
  .header-action.account-link{display:inline-flex}
  .header-cta{display:none}
  .menu-toggle{display:block!important;min-height:36px;padding:7px 9px;border-radius:8px}
}

/* =========================================================
   MINERALIA v4.2 — compact luxury header / no wrapping
   ========================================================= */
.topbar{
  height:76px !important;
  min-height:76px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#070a08 !important;
}
.topbar-visual{height:76px !important;overflow:hidden !important;line-height:0 !important}
.topbar-visual img{
  width:100% !important;
  height:76px !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
}
.site-header{position:relative;z-index:20}
.header-inner{
  min-height:88px !important;
  height:88px !important;
  padding:6px 28px !important;
  grid-template-columns:205px minmax(0,1fr) auto !important;
  gap:18px !important;
  box-sizing:border-box !important;
}
.brand{
  width:190px !important;
  min-width:190px !important;
  height:76px !important;
}
.brand-logo-image{
  width:180px !important;
  height:76px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.primary-nav{min-width:0 !important}
.primary-nav ul{gap:24px !important;white-space:nowrap !important}
.primary-nav a{font-size:12px !important;padding:10px 0 !important}
.header-actions{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:5px !important;
  white-space:nowrap !important;
  min-width:max-content !important;
}
.header-icon,.header-action{
  flex:0 0 auto !important;
  min-height:36px !important;
  padding:6px 7px !important;
  font-size:10px !important;
}
.header-icon{width:36px !important}
.header-utility{
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  gap:6px !important;
  margin-left:2px !important;
  white-space:nowrap !important;
}
.header-utility .lang-switch{flex:0 0 auto !important}
.header-utility .lang-switch-toggle{height:34px !important;min-height:34px !important;padding:4px 8px !important}
.header-utility .currency-pill{display:inline-block !important;white-space:nowrap !important;font-size:10px !important}
.header-cta{flex:0 0 auto !important;min-height:40px !important;padding:0 14px !important;font-size:10px !important}

@media(max-width:1240px){
  .header-inner{grid-template-columns:180px minmax(0,1fr) auto !important;padding-left:18px !important;padding-right:18px !important;gap:12px !important}
  .brand{width:170px !important;min-width:170px !important}
  .brand-logo-image{width:160px !important;height:72px !important}
  .primary-nav ul{gap:15px !important}
  .primary-nav a{font-size:10px !important}
  .header-action{padding-left:5px !important;padding-right:5px !important}
}
@media(max-width:1050px){
  .header-inner{grid-template-columns:160px minmax(0,1fr) auto !important}
  .brand{width:150px !important;min-width:150px !important}
  .brand-logo-image{width:145px !important}
  .primary-nav ul{gap:11px !important}
  .header-utility .currency-pill{display:none !important}
  .header-cta{padding:0 11px !important}
}
@media(max-width:980px){
  .topbar{height:64px !important;min-height:64px !important}
  .topbar-visual{height:64px !important}
  .topbar-visual img{height:64px !important}
  .header-inner{height:82px !important;min-height:82px !important;grid-template-columns:155px auto !important}
  .brand{height:70px !important;width:145px !important;min-width:145px !important}
  .brand-logo-image{width:140px !important;height:68px !important}
  .primary-nav{display:none !important}
  .header-actions{margin-left:auto !important}
  .header-action.account-link span,.cart-link>span:not(.cart-badge){display:none !important}
}
@media(max-width:760px){
  .topbar{height:50px !important;min-height:50px !important}
  .topbar-visual{display:none !important}
  .topbar-mobile-inner{height:50px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:16px !important;padding:0 10px !important;overflow:hidden !important;white-space:nowrap !important;font-size:8px !important;letter-spacing:.55px !important;text-transform:uppercase !important;color:#e9e4da !important}
  .topbar-mobile-item{display:flex !important;align-items:center !important;gap:5px !important;flex:none !important}
  .topbar-mobile-item:nth-child(2){display:flex !important}
  .header-inner{height:72px !important;min-height:72px !important;padding:4px 10px !important;grid-template-columns:125px auto !important;gap:5px !important}
  .brand{width:120px !important;min-width:120px !important;height:62px !important}
  .brand-logo-image{width:116px !important;height:60px !important}
  .header-actions{gap:1px !important}
  .header-icon,.header-action{width:34px !important;min-height:34px !important;padding:5px !important}
  .header-utility{display:none !important}
  .header-cta{display:none !important}
  .menu-toggle{display:block !important;flex:0 0 auto !important}
}

/* =========================================================
   MINERALIA — real HTML top announcement bar (replaces the
   old baked-text banner image, which could not translate and
   could crop at smaller heights).
   ========================================================= */
.topbar-highlights{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  padding:0 34px;
  max-width:var(--max);
  margin:0 auto;
}
.topbar-highlight{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  position:relative;
}
.topbar-highlight + .topbar-highlight:before{
  content:"";
  position:absolute;
  left:-17px;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:26px;
  background:rgba(224,138,79,.24);
}
.topbar-highlight-icon{
  color:var(--gold-light,#e0b968);
  font-size:16px;
  line-height:1;
  flex:0 0 auto;
}
.topbar-highlight-copy{display:flex;flex-direction:column;line-height:1.3}
.topbar-highlight-copy strong{
  font-size:11px;
  font-weight:700;
  letter-spacing:.8px;
  text-transform:uppercase;
  color:#f1ece4;
}
.topbar-highlight-copy small{
  font-size:9.5px;
  letter-spacing:.3px;
  text-transform:none;
  color:#9a968c;
}
@media(max-width:1240px){
  .topbar-highlights{gap:22px;padding:0 20px}
  .topbar-highlight+.topbar-highlight:before{left:-11px}
}
@media(max-width:980px){
  .topbar-highlights{gap:16px}
  .topbar-highlight-copy small{display:none}
  .topbar-highlight-copy strong{font-size:10px}
}
@media(max-width:900px){
  .topbar-highlight:nth-child(3){display:none}
}
@media(max-width:700px){
  .topbar-highlight:nth-child(2){display:none}
}

/* ==== FAQ section ==== */
.faq-section{background:#0d0f0e;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:100px 34px}
.faq-inner{max-width:880px;margin:auto}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{border:1px solid var(--line);background:linear-gradient(145deg,rgba(24,21,17,.7),rgba(11,10,9,.85));transition:border-color .3s ease}
.faq-item.is-open{border-color:rgba(224,138,79,.4)}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:none;border:0;color:var(--text);text-align:left;padding:22px 24px;cursor:pointer;font-size:15px;font-family:var(--sans)}
.mineralia-rtl .faq-question{text-align:right}
.faq-toggle{flex:0 0 auto;color:var(--gold-light);font-size:20px;line-height:1;transition:transform .3s ease}
.faq-item.is-open .faq-toggle{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-item.is-open .faq-answer{max-height:260px}
.faq-answer p{margin:0;padding:0 24px 22px;color:var(--muted);font-size:13.5px;line-height:1.8}

/* ==== Collector's Club signup ==== */
.club-section{padding:100px 34px;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(193,100,46,.1),transparent 45%),var(--bg);border-bottom:1px solid var(--line)}
.club-inner{max-width:560px;margin:auto}
.club-inner h2{font-family:var(--serif);font-size:clamp(30px,3.4vw,42px);margin:10px 0 14px;font-weight:400}
.club-inner p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 30px}
.club-form{display:flex;gap:10px;max-width:440px;margin:0 auto}
.club-form input{flex:1;background:var(--surface);border:1px solid var(--line);color:var(--text);padding:0 18px;height:50px;font-size:13px}
.club-form input:focus{outline:none;border-color:var(--gold)}
.club-form button{flex:0 0 auto;background:var(--gold);color:#080908;border:0;padding:0 26px;height:50px;font-size:11px;letter-spacing:1.5px;font-weight:700;cursor:pointer;transition:background .25s ease}
.club-form button:hover{background:var(--gold-light)}
.club-note{display:block;margin-top:14px;color:#7d786e;font-size:11px}
@media(max-width:600px){
  .faq-section,.club-section{padding:64px 20px}
  .club-form{flex-direction:column}
  .club-form button{height:48px}
}

/* ==== Certificate of Authenticity badge (product page) ==== */
.authenticity-badge{display:flex;align-items:center;gap:12px;margin:20px 0;padding:14px 16px;border:1px solid rgba(224,138,79,.3);background:linear-gradient(145deg,rgba(28,23,16,.7),rgba(12,11,9,.8))}
.authenticity-seal{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--gold-light);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:11px;color:var(--gold-light);position:relative}
.authenticity-seal:before{content:"";position:absolute;inset:4px;border:1px dashed rgba(224,138,79,.5);border-radius:50%}
.authenticity-text strong{display:block;font-size:12.5px;color:var(--text);margin-bottom:3px}
.authenticity-text span{display:block;font-size:11px;color:var(--muted);line-height:1.5}