:root{
  --bg:#080606;
  --bg-strip:#141110;
  --gold:#c6a15b;
  --gold-dim:#9a7d4a;
  --white:#f4f2ef;
  --grey:#b9b4ae;
  --grey-dim:#8a857f;
  --hairline:rgba(198,161,91,.28);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.wrap{max-width:1296px;margin:0 auto;padding:0 48px}
p {
      margin: 0 0 15px;
    font-style: normal;
    line-height: 1.6em;
}
h5 {
      font-size: 19px;
    margin: 0 0 0.5em 0;
    padding: 7px 0;
}
ul {
    margin: 4px 0 5px 30px;
}
/* grain overlay */
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.20;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
}

.product_meta {
    display: none !important;
}

/* ===== NAV ===== */
header{position:relative;z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;padding-top:38px}
.logo{font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;color:var(--gold);
  font-size:22px;line-height:.95;letter-spacing:.06em;text-transform:uppercase}
.logo span{display:block}
.nav-right{display:flex;align-items:center;gap:44px}
.nav-links{display:flex;gap:40px}
.nav-links a{font-size:14px;letter-spacing:.24em;color:var(--white);font-weight:500;transition:color .2s}
.nav-links a:hover{color:var(--gold)}
.btn{display:inline-block;border:1px solid var(--gold);color:var(--gold);
  font-size:11px;letter-spacing:.28em;font-weight:500;padding:15px 34px;
  background:transparent;transition:background .25s,color .25s}
.btn:hover{background:var(--gold);color:#0a0806}

/* ===== HERO ===== */
.hero{position:relative;min-height:960px;display:flex;align-items:center;overflow:hidden;margin-top: -84px;
  background:
    radial-gradient(ellipse 900px 620px at 78% 42%, rgba(112,10,14,.42), transparent 65%),
    radial-gradient(ellipse 700px 500px at 18% 38%, rgba(96,8,12,.28), transparent 70%),
    var(--bg);}
.hero-photo{position:absolute;right:0;top:0;bottom:0;width:60%;pointer-events:none}
.hero-photo img{position:absolute;right:0;bottom:0;height:100%;width:100%;object-fit:cover;object-position:right top;
  -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 22%);
          mask-image:linear-gradient(to right, transparent 0%, #000 22%);}
.hero-inner{position:relative;z-index:5;padding-top:150px;padding-bottom:90px;max-width:520px}
.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.5em;font-weight:500;text-transform:uppercase}
.hero h1{font-family:'Archivo',sans-serif;font-weight:600;text-transform:uppercase;
  font-size:96px;line-height:.98;letter-spacing:.045em;margin:26px 0 22px}
.hero h1 .gold{color:var(--gold);display:block}
.hero h1 .white{color:var(--white);display:block;text-shadow:0 0 34px rgba(255,255,255,.18)}
.hero .sub{color:var(--gold);font-size:15px;letter-spacing:.42em;text-transform:uppercase;font-weight:400}
.hero p{color:var(--grey);font-size:17px;line-height:1.65;font-weight:300;margin:38px 0 46px;max-width:400px}
.hero .btn{padding:19px 58px}
.trust{display:flex;gap:44px;margin-top:64px}
.trust-item{display:flex;align-items:center;gap:12px}
.trust-item svg{width:26px;height:26px;stroke:var(--gold-dim);fill:none;stroke-width:1.4;flex:none}
.trust-item span{font-size:10.5px;letter-spacing:.14em;line-height:1.5;color:var(--grey);text-transform:uppercase}

/* ===== BENEFITS STRIP ===== */
.benefits{background:var(--bg-strip);position:relative;
  background-image:radial-gradient(ellipse 1200px 400px at 50% 0%, rgba(255,255,255,.02), transparent);}
.benefits .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:96px;padding-bottom:96px}
.benefit{padding:0 34px;text-align:center;border-left:1px solid rgba(255,255,255,.08)}
.benefit:first-child{border-left:none}
.benefit svg{width:44px;height:44px;stroke:var(--gold);fill:none;stroke-width:1.3;margin:0 auto 30px}
.benefit h3{font-family:'Archivo',sans-serif;font-weight:600;font-size:15px;letter-spacing:.3em;
  line-height:1.7;color:var(--white);text-transform:uppercase;margin-bottom:18px}
.benefit p{color:var(--grey-dim);font-size:14.5px;line-height:1.7;font-weight:300}

/* ===== CONFIDENCE ===== */
.confidence{position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;
  background:radial-gradient(ellipse 800px 600px at 85% 30%, rgba(90,10,12,.30), transparent 70%), #0b0808;}
.conf-photo{position:relative;min-height:640px}
.conf-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
  -webkit-mask-image:linear-gradient(to left, transparent 0%, #000 18%);
          mask-image:linear-gradient(to left, transparent 0%, #000 18%);}
.conf-copy{padding:110px 90px 110px 40px;max-width:640px}
.conf-copy .eyebrow{letter-spacing:.42em;font-size:11.5px}
.conf-copy h2{font-family:'Archivo',sans-serif;font-weight:600;text-transform:uppercase;
  font-size:52px;line-height:1.12;letter-spacing:.03em;color:var(--white);margin:24px 0 30px}
.rule{width:52px;height:2px;background:var(--gold);margin-bottom:34px}
.conf-copy p{color:var(--grey);font-size:17px;line-height:1.75;font-weight:300;max-width:400px;margin-bottom:44px}
.conf-list{display:flex;flex-direction:column;gap:26px}
.conf-item{display:flex;align-items:center;gap:18px}
.conf-item svg{width:26px;height:26px;stroke:var(--gold);fill:none;stroke-width:1.4;flex:none}
.conf-item span{font-size:13px;letter-spacing:.24em;color:var(--white);font-weight:400;text-transform:uppercase}

/* ===== FOOTER ===== */
footer{background:#070505;border-top:1px solid rgba(255,255,255,.05)}
.foot-top{display:flex;align-items:center;justify-content:space-between;padding:56px 0 44px}
.foot-brand{font-family:'Archivo',sans-serif}
.foot-brand .b1{color:var(--gold);font-weight:700;font-size:15px;letter-spacing:.32em;text-transform:uppercase}
.foot-brand .b2{color:var(--grey-dim);font-size:10px;letter-spacing:.3em;text-transform:uppercase;margin-top:8px}
.foot-mid{display:flex;align-items:center;gap:16px;color:var(--grey);font-size:11px;letter-spacing:.34em;text-transform:uppercase}
.flag{width:34px;height:20px;opacity:.55}
.disclaimer{border-top:1px solid rgba(255,255,255,.05);padding:26px 0 34px;text-align:center}
.disclaimer p{color:#6d6862;font-size:11.5px;line-height:1.7;max-width:760px;margin:0 auto;font-weight:300}

/* focus + motion */
a:focus-visible,.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ===== RESPONSIVE ===== */
@media(max-width:1100px){
  .hero h1{font-size:74px}
  .benefits .wrap{grid-template-columns:repeat(2,1fr);row-gap:70px}
  .benefit:nth-child(3){border-left:none}
}
@media(max-width:860px){
   
  .wrap{padding:0 15px}
  .nav-links{display:none}
  .hero{min-height:0}
  .hero-photo{position:relative;width:100%;height:520px;order:-1}
  .hero-photo img{-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent);mask-image:linear-gradient(to bottom,#000 70%,transparent)}
  .hero{display:block;padding-top:110px}
  .hero-inner{padding-top:0;max-width:100%}
  .hero h1{font-size:56px}
  .trust{flex-wrap:wrap;gap:26px}
  .confidence{grid-template-columns:1fr}
  .conf-photo{min-height:420px}
  .conf-photo img{-webkit-mask-image:linear-gradient(to top,transparent,#000 30%);mask-image:linear-gradient(to top,transparent,#000 30%)}
  .conf-copy{padding:70px 26px}
  .conf-copy h2{font-size:38px}
  .foot-top{flex-direction:column;gap:30px;text-align:center}
  .benefits .wrap{grid-template-columns:1fr}
  .benefit{border-left:none;padding:0}
}


/* ===== WOOCOMMERCE PREMIUM STYLING OVERRIDES ===== */
.woocommerce-container, .woocommerce-page, .woocommerce {
  color: var(--white);
}
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce h5, .woocommerce h6,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3 {
  font-family: 'Archivo', sans-serif !important;
  color: var(--white) !important;
}
.woocommerce a, .woocommerce-page a {
  color: var(--gold);
  transition: color 0.2s;
}
.woocommerce a:hover, .woocommerce-page a:hover {
  color: var(--white);
}

/* Product Titles & Prices */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--white);
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.05em;
  margin-top: 15px;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
  color: var(--gold) !important;
  font-family: 'Archivo', sans-serif;
  font-weight: 700;
}
.woocommerce ul.products li.product .price del, .woocommerce div.product p.price del {
  color: var(--grey-dim) !important;
  font-weight: 300;
}

/* Buttons styling */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt {
  display: inline-block !important;
  border: 1px solid var(--gold) !important;
  color: var(--gold) !important;
  font-size: 11px !important;
  letter-spacing: .28em !important;
  font-weight: 500 !important;
  padding: 15px 34px !important;
  background: transparent !important;
  text-transform: uppercase !important;
  border-radius: 0px !important;
  transition: background .25s, color .25s !important;
  cursor: pointer;
  height: 50px;
}
.single_variation_wrap .woocommerce-variation-add-to-cart {
    display: flex !important;
    gap: 10px !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover {
  background: var(--gold) !important;
  color: #0a0806 !important;
}

/* Form fields & inputs */
.woocommerce input[type="text"], .woocommerce input[type="email"], .woocommerce input[type="tel"], .woocommerce input[type="password"],
.woocommerce select, .woocommerce textarea, .select2-container--default .select2-selection--single {
  background-color: var(--bg-strip) !important;
  border: 1px solid var(--hairline) !important;
  color: var(--white) !important;
  padding: 12px 18px !important;
  border-radius: 0px !important;
  font-family: 'Inter', sans-serif !important;
  width: 100%;
}
.woocommerce-page .woocommerce-message .button {
    line-height: 2 !important;
}
.woocommerce input:focus, .woocommerce select:focus, .woocommerce textarea:focus {
  outline: 1px solid var(--gold) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--white) !important;
}
.select2-dropdown {
  background-color: var(--bg-strip) !important;
  border: 1px solid var(--hairline) !important;
  color: var(--white) !important;
}

/* Cart Table */
.woocommerce table.shop_table {
  border: 1px solid var(--hairline) !important;
  border-radius: 0px !important;
  background: transparent !important;
}
.woocommerce table.shop_table th {
  font-family: 'Archivo', sans-serif;
  color: var(--gold) !important;
  border-bottom: 1px solid var(--hairline) !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.woocommerce table.shop_table td {
  border-top: 1px solid var(--hairline) !important;
  color: var(--white);
}

/* Notices and Info */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  background-color: var(--bg-strip) !important;
  border-top: 3px solid var(--gold) !important;
  color: var(--white) !important;
  font-family: 'Inter', sans-serif;
  border-radius: 0px !important;
  margin-top: 10px !important;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before {
  color: var(--gold) !important;
}

/* My Account */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
.woocommerce-MyAccount-navigation li {
  margin-bottom: 10px;
  border-bottom: 1px solid var(--hairline);
  padding-bottom: 5px;
}
.woocommerce-MyAccount-navigation li a {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 13px;
}

/* Product Gallery Zoom & Styling */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  background-color: var(--gold) !important;
  color: #0a0806 !important;
}


/* ===== SOCIAL MEDIA ICONS FOOTER STYLING ===== */
.foot-social {
  display: flex !important;
  gap: 18px !important;
  align-items: center !important;
  margin: 0 20px !important;
}
.foot-social a {
  color: var(--grey-dim) !important;
  transition: color 0.25s, transform 0.25s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.foot-social a:hover {
  color: var(--gold) !important;
  transform: translateY(-2px) !important;
}
.foot-social svg.icon-social {
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
}

@media(max-width:860px){
  .foot-social {
    margin: 15px 0 !important;
    justify-content: center !important;
  }
}

/* ===== CUSTOM PDP TABS & SPLIT DESCRIPTION STYLE ===== */
.product-description-top {
  margin-top: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding-top: 0;
}

/* Links inside description (Teal Color styling matching reference) */
.product-description-top a {
  color: #00c4b6 !important;
  font-weight: 500;
  transition: color 0.25s ease, opacity 0.25s ease;
  display: inline-block;
  margin-bottom: 12px;
}
.product-description-top a:hover {
  color: var(--white) !important;
  opacity: 0.9;
}

/* Tabs list styling */
ul.tabs.product-page__tabs, 
ul.tabs.product-page__tabs > li,
ul.tabs-content.product-page__tabs,
ul.tabs-content.product-page__tabs > li {
  list-style: none !important;
  list-style-type: none !important;
}

ul.tabs.product-page__tabs {
  display: flex !important;
  /* margin: 30px 0 20px 0 !important; */
  padding: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
  margin: 0;
}
ul.tabs.product-page__tabs li {
  margin: 0 !important;
  padding: 0 !important;
}
ul.tabs.product-page__tabs li a {
  display: inline-block !important;
  padding: 0 0 12px 0 !important;
  font-family: 'Archivo', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  color: #00c4b6 !important;
  border-bottom: 2px solid transparent !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}
ul.tabs.product-page__tabs li a:hover {
  color: var(--white) !important;
}
ul.tabs.product-page__tabs li a.active {
  color: var(--white) !important;
  border-bottom-color: var(--white) !important;
}

/* Tabs content panels */
ul.tabs-content.product-page__tabs {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
ul.tabs-content.product-page__tabs > li {
  display: none !important;
  font-size: 16px !important; 
  line-height: 1.7 !important;
  color: var(--grey) !important;
  font-weight: 300 !important;
  margin: 0 !important;
  padding: 10px 0 0 0 !important;
}
ul.tabs-content.product-page__tabs > li.active {
  display: block !important;
  animation: tabFadeIn 0.35s ease forwards !important;
}

@keyframes tabFadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Quality Assurance Icons */
.qualityassuranceicons {
  
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  justify-content: flex-start;
}
.qualityassuranceimg {
  max-height: 77px;
  width: 100%;
  filter: invert(1) brightness(1.2); /* Invert black icons so they look beautiful on dark background */
  opacity: 0.8;
  transition: opacity 0.3s ease;
  object-fit: contain;
      display: block;
width: fit-content;
max-width: fit-content;
}
.qualityassuranceimg:hover {
  opacity: 1;
}

/* FAQ Content Accordion styling */
.tabs-content li#tab2 ul, .tabs-content li#tab2 ol {
  list-style: none !important;
  padding: 0 !important;
}
.tabs-content li#tab2 li, .tabs-content details {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 16px 0 !important;
  margin: 0 !important;
  position: relative !important;
  padding-left: 22px !important;
  display: block !important;
  color: var(--white) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}
.tabs-content li#tab2 li::before, .tabs-content details summary::before {
  content: '›' !important;
  position: absolute !important;
  left: 0 !important;
  top: 13px !important;
  font-size: 20px !important;
  line-height: 1 !important;
  color: var(--gold) !important;
  transition: transform 0.2s ease !important;
}
/* Support HTML5 details/summary Native Accordion */
.tabs-content details {
  padding-left: 0 !important;
  cursor: pointer;
}
.tabs-content details summary {
  list-style: none !important;
  outline: none !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  color: var(--white) !important;
  padding-left: 22px !important;
}
.tabs-content details summary::-webkit-details-marker {
  display: none !important;
}
.tabs-content details[open] summary::before {
  transform: rotate(90deg) !important;
}
.tabs-content details p {
  margin-top: 10px !important;
  padding-left: 22px !important;
  color: var(--grey) !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
}

/* Bottom Split Section (Full-Width) */
.product-description-bottom-container {
  background: var(--bg-strip);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding: 90px 0;
  margin-top: 80px;
}
.product-description-bottom {
  text-align: center;
}
.product-description-bottom .product-page__title {
  font-size: 36px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-bottom: 20px !important;
  color: var(--white) !important;
}
.product-description-bottom .feature_divider {
  width: 60px;
  height: 2px;
  background: var(--gold);
  margin: 0 auto 50px auto;
}
.product-description-bottom iframe.product-video {
  display: block;
  margin: 0 auto;
  border: none;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 16/9;
  height: auto;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5);
}

@media(max-width: 768px) {
  .product-description-bottom-container {
    padding: 60px 0;
    margin-top: 50px;
  }
  .product-description-bottom .product-page__title {
    font-size: 28px !important;
  }
  ul.tabs.product-page__tabs {
    gap: 16px !important;
  }
   ul.tabs.product-page__tabs li a {
        font-size: 14px !important;
    }
    .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt {
    height: 46px;
}
}

/* ===== NEW PDP TWO-COLUMN LAYOUT AND REVIEWS STYLING ===== */
.single-product-custom-layout {
  margin-top: 80px;
}

@media(max-width: 768px) {
    .single-product-custom-layout {
      margin-top: 40px;
    }
}

.single-product-custom-layout .product-top-flex {
  display: flex !important;
  gap: 30px !important;
  margin-bottom: 90px !important;
  align-items: flex-start !important;
}
.single-product-custom-layout .product-gallery-col {
  flex: 1.1 !important;
  min-width: 0 !important;
}
.single-product-custom-layout .product-info-col {
  flex: 0.9 !important;
  min-width: 0 !important;
}

/* Clear WooCommerce default floats to avoid breaking flex layout */
.single-product-custom-layout .woocommerce-product-gallery {
  float: none !important;
  width: 100% !important;
  margin-right: 0 !important;
}
.single-product-custom-layout .summary {
  float: none !important;
  width: 100% !important;
  margin-bottom: 0 !important;
}

/* Star rating on top */
.single-product-custom-layout .woocommerce-product-rating {
  margin-top: 8px !important;
  margin-bottom: 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0px !important;
}
.single-product-custom-layout .woocommerce-product-rating .woocommerce-review-link {
  font-size: 13.5px !important;
  color: #00c4b6 !important;
}

/* Quantity and Add to Cart layout adjustments */
.single-product-custom-layout form.cart {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 15px !important;
}
.single-product-custom-layout form.cart .quantity {
  margin-right: 0 !important;
  float: none !important;
}
.single-product-custom-layout form.cart .quantity input.qty {
  width: 70px !important;
  height: 50px !important;
  padding: 0 !important;
  text-align: center !important;
}

/* BUY NOW Button styling */
.single-product-custom-layout .buy-now-button {
  background-color: var(--gold) !important;
  color: #0a0806 !important;
  border: 1px solid var(--gold) !important;
  font-size: 11px !important;
  letter-spacing: .28em !important;
  font-weight: 600 !important;
  padding: 15px 34px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  height: 50px !important;
  line-height: 20px !important;
}
.single-product-custom-layout .buy-now-button:hover {
  background-color: transparent !important;
  color: var(--gold) !important;
}

/* Reviews Section Styling */
.product-reviews-container {
  margin-top: 90px !important;
  padding-top: 90px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  color: var(--white) !important;
  padding-left: 0;
  padding-right: 0;
}
#reviews #comments h2 {
  font-size: 26px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 35px !important;
  font-family: 'Archivo', sans-serif !important;
  color: var(--white) !important;
}
#reviews .commentlist {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
#reviews .commentlist li.review {
  padding: 30px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  margin-bottom: 0 !important;
  display: block !important;
}
#reviews .commentlist li.review:last-child {
  border-bottom: none !important;
}
#reviews .commentlist li .comment-text {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
#reviews .commentlist li .meta {
  color: var(--grey-dim) !important;
  font-size: 13.5px !important;
  margin-bottom: 12px !important;
}
#reviews .commentlist li .meta strong {
  color: var(--white) !important;
  font-weight: 600 !important;
}
#reviews .commentlist li .description {
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: var(--grey) !important;
  font-weight: 300 !important;
}
#reviews .star-rating {
  float: right !important;
  color: var(--gold) !important;
}

/* Review Form Wrapper Styling */
#review_form_wrapper {
  background: var(--bg-strip) !important;
  padding: 50px !important;
  border: 1px solid var(--hairline) !important;
  margin-top: 50px !important;
}
#review_form #reply-title {
  font-size: 22px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 30px !important;
  display: block !important;
  font-family: 'Archivo', sans-serif !important;
  color: var(--white) !important;
}
#review_form .comment-form-rating {
  margin-bottom: 25px !important;
}
#review_form .comment-form-rating label {
  display: block !important;
  margin-bottom: 10px !important;
  font-weight: 500 !important;
}
#review_form .comment-form-comment label {
  display: block !important;
  margin-bottom: 10px !important;
}
#review_form .form-submit {
  margin-top: 25px !important;
  margin-bottom: 0 !important;
}

@media(max-width: 860px) {
  .single-product-custom-layout .product-top-flex {
    flex-direction: column !important;
    gap: 45px !important;
    margin-bottom: 60px !important;
  }
  #review_form_wrapper {
    padding: 30px 20px !important;
  }
}

/* ===== PDP GALLERY THUMBNAILS HORIZONTAL FIX ===== */
.single-product-custom-layout ol.flex-control-nav.flex-control-thumbs,
ol.flex-control-nav.flex-control-thumbs {
  list-style: none !important;
  list-style-type: none !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 20px 0 0 0 !important;
}
.single-product-custom-layout ol.flex-control-nav.flex-control-thumbs li,
ol.flex-control-nav.flex-control-thumbs li {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 140px !important;
  float: none !important;
  display: block !important;
}
.single-product-custom-layout ol.flex-control-nav.flex-control-thumbs li::before,
ol.flex-control-nav.flex-control-thumbs li::before {
  content: "" !important;
  display: none !important;
}
.single-product-custom-layout ol.flex-control-nav.flex-control-thumbs li img,
ol.flex-control-nav.flex-control-thumbs li img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  cursor: pointer !important;
  transition: border-color 0.25s ease, opacity 0.25s ease !important;
  opacity: 0.7 !important;
}
.single-product-custom-layout ol.flex-control-nav.flex-control-thumbs li img.flex-active,
.single-product-custom-layout ol.flex-control-nav.flex-control-thumbs li img:hover,
ol.flex-control-nav.flex-control-thumbs li img.flex-active,
ol.flex-control-nav.flex-control-thumbs li img:hover {
  border-color: var(--gold) !important;
  opacity: 1 !important;
}

/* ===== PDP FAQ ACCORDION OVERRIDES ===== */
.steel-faq-wrapper {
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.steel-faq-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  /*padding: 8px 0 !important;*/
  margin: 0 !important;
  list-style: none !important;
}
.steel-faq-item p:empty {
  display: none;
}
.steel-faq-item::before {
  display: none !important;
  content: "" !important;
}
.steel-faq-question {
  width: 100% !important;
  text-align: left !important;
  background: none !important;
  border: none !important;
  color: var(--white) !important;
  font-family: 'Archivo', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 14px 0 !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  outline: none !important;
  transition: color 0.25s ease !important;
  margin: 0 !important;
}
.steel-faq-question:hover,
.steel-faq-question.active {
  color: var(--gold) !important;
}
.steel-faq-question::after {
  content: '›' !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: var(--gold) !important;
  transition: transform 0.25s ease !important;
  display: inline-block !important;
  margin-left: 10px !important;
}
.steel-faq-question.active::after {
  transform: rotate(90deg) !important;
}
.steel-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0;
  color: var(--grey) !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  font-weight: 300 !important;
  margin: 0 !important;
  border: none !important;
}

/* ===== PDP DYNAMIC SINGLE PRICE STYLING ===== */
.custom-pdp-price-wrapper {
  margin: 15px 0 22px 0 !important;
  display: block !important;
}
.custom-pdp-price {
  font-size: 28px !important;
  color: var(--gold) !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}
.single-product-custom-layout .woocommerce-variation-price {
  display: none !important;
}

/* Hide WooCommerce default gallery zoom glass icon */
.woocommerce-product-gallery__trigger {
  display: none !important;
}

/* ===== PDP VARIATIONS SELECTOR STYLING ===== */
.single-product-custom-layout table.variations {
  width: 100% !important;
  border: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
  display: block !important;
}
.single-product-custom-layout table.variations tbody,
.single-product-custom-layout table.variations tr {
  display: block !important;
  width: 100% !important;
  border: none !important;
  background: transparent !important;
}
.single-product-custom-layout table.variations td {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  display: block !important;
  width: 100% !important;
  margin-top: 10px !important;
}
.single-product-custom-layout table.variations td.label {
  color: var(--white) !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 10px !important;
}
.single-product-custom-layout table.variations td.value {
  display: block !important;
}
.single-product-custom-layout table.variations select {
  width: 100% !important;
  max-width: 320px !important;
  height: 48px !important;
  padding: 0 40px 0 15px !important;
  background-color: var(--bg-strip) !important;
  border: 1px solid var(--hairline) !important;
  color: var(--white) !important;
  border-radius: 0px !important;
  cursor: pointer !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  outline: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c6a15b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
}
.single-product-custom-layout table.variations select:focus {
  border-color: var(--gold) !important;
}
.single-product-custom-layout a.reset_variations {
  display: none !important;
}

/* ===== PDP CUSTOM QUANTITY SELECT DROPDOWN STYLING ===== */
.single-product-custom-layout form.cart {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 15px !important;
  flex-wrap: wrap !important;
  margin-top: 25px !important;
  margin-bottom: 30px !important;
}
.single-product-custom-layout .custom-qty-select-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  background-color: var(--bg-strip) !important;
  border: 1px solid var(--hairline) !important;
  padding: 0 16px !important;
  height: 50px !important;
  gap: 8px !important;
  position: relative !important;
  border-radius: 0px !important; /* Premium box styling */
  transition: border-color 0.25s ease !important;
}
.single-product-custom-layout .custom-qty-select-wrapper:hover {
  border-color: rgba(198, 161, 91, 0.6) !important;
}
.single-product-custom-layout .custom-qty-select-wrapper .qty-label-text {
  color: var(--grey) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  pointer-events: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
.single-product-custom-layout .custom-qty-select-wrapper select.custom-qty-select {
  background: transparent !important;
  border: none !important;
  color: var(--white) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  height: 100% !important;
  padding: 0 25px 0 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  outline: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 5px center !important;
  width: auto !important;
}
.single-product-custom-layout .custom-qty-select-wrapper select.custom-qty-select option {
    color: #000 !important;
}
.single-product-custom-layout .quantity.custom-qty-select-wrapper input.qty {
  display: none !important;
}

/* ===== HEADER CART BUTTON STYLING ===== */
.cart-toggle-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  color: var(--white) !important;
  width: 44px !important;
  height: 44px !important;
  border: 1px solid var(--hairline) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}
.cart-toggle-btn:hover {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}
.cart-toggle-btn .cart-count {
  position: absolute !important;
  top: -6px !important;
  right: -6px !important;
  background-color: var(--gold) !important;
  color: #0a0806 !important;
  font-family: 'Archivo', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important;
}

/* ===== CART DRAWER CONTAINER & OVERLAY ===== */
.cart-drawer-overlay {
  position: fixed !important;
  inset: 0 !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  backdrop-filter: blur(4px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: 9998 !important;
  transition: opacity 0.35s ease, visibility 0.35s ease !important;
}
.cart-drawer-overlay.open {
  opacity: 1 !important;
  visibility: visible !important;
}

.cart-drawer-container {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100% !important;
  width: 420px !important;
  max-width: 100% !important;
  background-color: #080606 !important;
  border-left: 1px solid var(--hairline) !important;
  box-shadow: -10px 0 35px rgba(0,0,0,0.6) !important;
  z-index: 9999 !important;
  transform: translateX(200%) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
}
.cart-drawer-container.open {
  transform: translateX(0) !important;
}

body.cart-drawer-open {
  overflow: hidden !important;
}

/* Drawer Header */
.cart-drawer-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 24px 30px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.cart-drawer-title {
  font-family: 'Archivo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--white) !important;
}
.cart-drawer-close-btn {
  background: none !important;
  border: none !important;
  color: var(--grey-dim) !important;
  font-size: 32px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
  outline: none !important;
}
.cart-drawer-close-btn:hover {
  color: var(--gold) !important;
  transform: scale(1.1) !important;
}

/* Drawer Body & Mini-Cart Overrides */
.cart-drawer-body {
  flex: 1 !important;
  overflow-y: auto !important;
  padding: 30px !important;
}
.cart-drawer-body::-webkit-scrollbar {
  width: 6px !important;
}
.cart-drawer-body::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,0.3) !important;
}

/* Mini Cart List */
.cart-drawer-body ul.cart_list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.cart-drawer-body ul.cart_list li {
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 15px !important;
  position: relative !important;
}
.cart-drawer-body ul.cart_list li:first-child {
  padding-top: 0 !important;
}
.cart-drawer-body ul.cart_list li a.remove {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 0 !important;
  color: #ff3b30 !important;
  font-size: 20px !important;
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  border: none !important;
}
.cart-drawer-body ul.cart_list li a.remove:hover {
  background: transparent !important;
  color: #ff453a !important;
}
.cart-drawer-body ul.cart_list li img {
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  background-color: #120f0e !important;
  border-radius: 4px !important;
  margin: 0 !important;
}
.cart-drawer-body ul.cart_list li a:not(.remove) {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  flex: 1 !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  color: var(--white) !important;
  line-height: 1.3 !important;
  padding-right: 15px !important;
  text-decoration: none !important;
}
.cart-drawer-body ul.cart_list li a:not(.remove):hover {
  color: var(--gold) !important;
}
.cart-drawer-body ul.cart_list li .quantity {
  margin-top: 0 !important;
  font-size: 12px !important;
  color: var(--grey-dim) !important;
  display: block !important;
  text-align: right !important;
  white-space: nowrap !important;
  margin-right: 25px !important;
}
.cart-drawer-body ul.cart_list li .quantity .amount {
  color: var(--gold) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  margin-left: 5px !important;
}

/* Mini Cart Total & Buttons */
.cart-drawer-body p.total {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding-top: 25px !important;
  margin-top: 25px !important;
  display: flex !important;
  justify-content: space-between !important;
  font-family: 'Archivo', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--white) !important;
}
.cart-drawer-body p.total .amount {
  color: var(--gold) !important;
}

.cart-drawer-body p.buttons {
  margin-top: 30px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 0 !important;
}
.cart-drawer-body p.buttons a.button {
  width: 100% !important;
  text-align: center !important;
  height: 50px !important;
  line-height: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.cart-drawer-body p.buttons a.button:not(.checkout) {
  border-color: rgba(255,255,255,0.3) !important;
  color: var(--white) !important;
}
.cart-drawer-body p.buttons a.button:not(.checkout):hover {
  background-color: rgba(255,255,255,0.05) !important;
  border-color: var(--white) !important;
}
.cart-drawer-body p.buttons a.button.checkout {
  background-color: var(--gold) !important;
  color: #0a0806 !important;
  border-color: var(--gold) !important;
}
.cart-drawer-body p.buttons a.button.checkout:hover {
  background-color: transparent !important;
  color: var(--gold) !important;
}

/* Mini Cart Empty */
.cart-drawer-body p.woocommerce-mini-cart__empty-message {
  text-align: center !important;
  color: var(--grey-dim) !important;
  font-size: 15px !important;
  padding: 40px 0 !important;
  font-weight: 300 !important;
}

/* AJAX ATC Loading Spinners */
.single-product-custom-layout button.single_add_to_cart_button.loading {
  position: relative !important;
  color: transparent !important;
  pointer-events: none !important;
}
.single-product-custom-layout button.single_add_to_cart_button.loading::after {
  content: "" !important;
  position: absolute !important;
  width: 18px !important;
  height: 18px !important;
  top: 50% !important;
  left: 50% !important;
  margin-top: -9px !important;
  margin-left: -9px !important;
  border: 2px solid var(--gold) !important;
  border-top-color: transparent !important; 
  border-radius: 50% !important;
  animation: atcSpinner 0.6s linear infinite !important;
}

@keyframes atcSpinner {
  to { transform: rotate(360deg); }
}

.woocommerce-product-gallery .woocommerce-page img {
  width: 100% !important;
}

.single-product-custom-layout ol.flex-control-nav.flex-control-thumbs, ol.flex-control-nav.flex-control-thumbs {
  justify-content: center !important;
}

/* ===== CUSTOM MOBILE RESPONSIVE STYLING ===== */
@media(max-width: 860px) {
  .hero-photo img {
    object-position: center top !important;
  }
}

@media(max-width: 480px) {
  /* Header styling adjustments */
  .nav-actions {
    gap: 8px !important;
  }
  .nav-actions .btn {
    padding: 10px 16px !important;
    font-size: 9px !important;
    letter-spacing: 0.15em !important;
  }
  .cart-toggle-btn {
    width: 38px !important;
    height: 38px !important;
  }
  .nav {
    padding-top: 15px !important;
  }
  .logo {
    font-size: 17px !important;
  }
  
  /* PDP Gallery Thumbnail adjustments */
  .single-product-custom-layout ol.flex-control-nav.flex-control-thumbs li,
  ol.flex-control-nav.flex-control-thumbs li {
    width: 60px !important;
  }
  
  /* PDP Tab System adjustments */
  .tabs.product-page__tabs {
    gap: 12px !important;
    /*margin: 25px 0 15px 0 !important;*/
  }
  .tabs.product-page__tabs li a {
    font-size: 11px !important;
    letter-spacing: 0.05em !important;
  }
  
  /* Cart Drawer padding adjustments */
  .cart-drawer-header {
    padding: 18px 20px !important;
  }
  .cart-drawer-body {
    padding: 20px !important;
  }
  
  /* Add to Cart button and Qty styling */
  .single-product-custom-layout form.cart {
    gap: 10px !important;
  }
  .single-product-custom-layout .custom-qty-select-wrapper {
    padding: 0 12px !important;
    height: 46px !important;
  }
  .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
  .woocommerce a.button.alt, .woocommerce button.button.alt {
    padding: 12px 24px !important;
    font-size: 10px !important;
    letter-spacing: 0.15em !important;
  }
}

.woocommerce-product-gallery__wrapper .wp-post-image {
    width: 100%;
}
.product-info-col .woocommerce-product-rating {
gap: 0;
}
.woocommerce .woocommerce-product-rating .star-rating {
  margin: 0 5px 0 0 !important;
}

/* ===== MOBILE SIDEBAR NAVIGATION ===== */
.menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 26px;
  height: 18px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 30;
}
.menu-toggle span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--gold);
  border-radius: 2px;
  transition: all 0.25s ease-in-out;
}

.mobile-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 320px;
  height: 100%;
  background-color: #0b0808;
  border-left: 1px solid var(--hairline);
  z-index: 1001;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
.mobile-sidebar.open {
  transform: translateX(0);
}

.sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
.sidebar-header .logo {
  font-family: 'Archivo', sans-serif;
  font-weight: 800;
  font-style: italic;
  color: var(--gold);
  font-size: 20px;
  line-height: .95;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.sidebar-header .logo span {
  display: block;
}
.sidebar-header .close-sidebar {
  background: transparent;
  border: none;
  color: var(--gold);
  font-size: 32px;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  transition: color 0.2s;
}
.sidebar-header .close-sidebar:hover {
  color: var(--white);
}

.mobile-nav-links {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.mobile-nav-links a {
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .24em;
  color: var(--white);
  text-transform: uppercase;
  transition: color 0.2s;
  border-bottom: 1px solid rgba(255,255,255,0.03);
  padding-bottom: 10px;
}
.mobile-nav-links a:hover {
  color: var(--gold);
}

.sidebar-cta {
  margin-top: auto;
}
.sidebar-cta .btn {
  display: block;
  width: 100%;
  text-align: center;
}

.sidebar-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  backdrop-filter: blur(3px);
}
.sidebar-overlay.open {
  opacity: 1;
  pointer-events: auto;
}

body.sidebar-open {
  overflow: hidden !important;
}

@media(max-width:860px){
  .menu-toggle {
    display: flex;
  }
  .nav-links {
    display: none !important;
  }
}


/* ===== WOOCOMMERCE BLOCKS CHECKOUT FORM FIELDS OVERRIDES ===== */
/* Text inputs and textarea fields styling */
.wc-block-components-text-input,
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-text-input--input,
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input input[type="number"],
.wc-block-components-textarea textarea,
.wc-block-checkout__billing-address input,
.wc-block-checkout__shipping-address input {
  background-color: var(--bg-strip) !important;
  background: var(--bg-strip) !important;
  border-color: var(--hairline) !important;
  border: 1px solid var(--hairline) !important;
  color: var(--white) !important;
  box-shadow: none !important;
}

/* Floating labels and placeholder text color */
.wc-block-components-text-input label,
.wc-block-components-text-input .wc-block-components-text-input__label,
.wc-block-components-text-input__label,
.wc-block-components-text-input input::placeholder,
.wc-block-components-text-input textarea::placeholder {
  color: var(--grey-dim) !important;
}

/* Focused states for input elements */
.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus,
.wc-block-components-text-input:focus-within {
  border-color: var(--gold) !important;
  outline: 1px solid var(--gold) !important;
}

.wc-block-components-text-input:focus-within label,
.wc-block-components-text-input:focus-within .wc-block-components-text-input__label {
  color: var(--gold) !important;
}

/* Combobox (Dropdown / Country & State select inputs) */
.wc-block-components-combobox,
.wc-block-components-combobox select,
.wc-block-components-combobox__control,
.wc-block-components-combobox__input-container,
.wc-block-components-combobox__input-container input,
.wc-block-components-combobox__input,
.wc-block-components-combobox__value,
.wc-block-components-combobox__control .wc-block-components-combobox__input,
.wc-block-components-select select,
.wc-block-components-select {
  background-color: var(--bg-strip) !important;
  background: var(--bg-strip) !important;
  border-color: var(--hairline) !important;
  color: var(--white) !important;
  box-shadow: none !important;
}

.wc-block-components-combobox label,
.wc-block-components-combobox .wc-block-components-combobox__label,
.wc-block-components-select label {
  color: var(--grey-dim) !important;
}

.wc-block-components-combobox:focus-within,
.wc-block-components-combobox__control:focus-within,
.wc-block-components-select:focus-within {
  border-color: var(--gold) !important;
}

.wc-block-components-combobox:focus-within label,
.wc-block-components-select:focus-within label {
  color: var(--gold) !important;
}


/* ===== FAQ ACCORDION TRANSITION OVERRIDES (NO TEXT TRUNCATION) ===== */
.steel-faq-item .steel-faq-answer {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: block !important;
}

.steel-faq-item.active .steel-faq-answer {
  max-height: 350px !important;
  padding-top: 15px !important;
  padding-bottom: 20px !important;
}


/* ===== HOMEPAGE FAQ SECTION STYLE ===== */
.faq-section {
  padding: 100px 0;
  background-color: #060505;
  border-top: 1px solid var(--hairline);
}

.faq-grid {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 80px;
  align-items: start;
}

.faq-left {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

.faq-left h2 {
  font-size: 44px;
  color: var(--white);
  line-height: 1.15;
  font-family: 'Archivo', sans-serif;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 800;
  margin-top: 15px;
}

.faq-right .steel-faq-wrapper {
  margin-top: 0;
}

@media(max-width: 860px) {
  .faq-section {
    padding: 70px 0;
  }
  .faq-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .faq-left {
    position: static;
    text-align: center;
  }
  .faq-left h2 {
    font-size: 32px;
  }
  .faq-left .rule {
    margin: 20px auto 0 auto !important;
  }
}


/* ===== HOMEPAGE INGREDIENTS SECTION STYLE ===== */
.ingredients-section {
  padding: 100px 0;
  background-color: #0a0808;
  border-top: 1px solid var(--hairline);
}

.ingredients-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 40px;
}

.ingredient-card {
  background-color: #120f0e;
  border: 1px solid var(--hairline);
  padding: 30px;
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.ingredient-card:hover {
  border-color: var(--gold);
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(198, 161, 91, 0.08);
}

.ingredient-card h3 {
  font-size: 20px;
  color: var(--white);
  font-family: 'Archivo', sans-serif;
  font-weight: 700;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ingredient-card .dosage {
  font-size: 11px;
  background-color: rgba(198, 161, 91, 0.15);
  color: var(--gold);
  padding: 4px 8px;
  border-radius: 12px;
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.ingredient-card p {
  font-size: 14px;
  color: var(--grey-dim);
  line-height: 1.5;
  margin: 0;
}

@media(max-width: 991px) {
  .ingredients-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 767px) {
  .ingredients-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .ingredients-section {
    padding: 70px 0;
  }
}


/* ===== HOMEPAGE SCIENCE / PERFORMANCE SYSTEM STYLE ===== */
.science-section {
  padding: 100px 0;
  background-color: #0d0b0b;
  border-top: 1px solid var(--hairline);
}

.science-grid {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 80px;
  align-items: start;
}

.science-left {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

.science-left h2 {
  font-size: 42px;
  line-height: 1.15;
  color: var(--white);
  font-family: 'Archivo', sans-serif;
  font-style: italic;
  font-weight: 800;
  text-transform: uppercase;
  margin-top: 15px;
}

.science-left p {
  color: var(--grey-dim);
  font-size: 15px;
  line-height: 1.65;
  margin-bottom: 20px;
}

.science-left .intro-p {
  font-size: 18px;
  color: var(--white);
  font-weight: 500;
  line-height: 1.5;
}

.science-left .summary-p {
  font-size: 16px;
  color: var(--gold);
  font-style: italic;
  font-weight: 600;
  margin-top: 30px;
}

.stack-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.stack-item {
  background-color: #120f0e;
  border: 1px solid var(--hairline);
  padding: 25px 30px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.stack-item:hover {
  border-color: var(--gold);
  box-shadow: 0 8px 20px rgba(198, 161, 91, 0.05);
  transform: translateX(5px);
}

.stack-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.stack-item h3 {
  font-size: 22px;
  color: var(--white);
  font-family: 'Archivo', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
}

.stack-badge {
  font-size: 9px;
  background-color: rgba(198, 161, 91, 0.15);
  color: var(--gold);
  padding: 3px 8px;
  border-radius: 10px;
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.stack-item p {
  color: var(--grey-dim);
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

@media(max-width: 860px) {
  .science-section {
    padding: 70px 0;
  }
  .science-grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .science-left {
    position: static;
    text-align: center;
  }
  .science-left .rule {
    margin: 20px auto 30px auto !important;
  }
  .stack-item:hover {
    transform: none;
  }
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity span {
    color: #000 !important;
}

/* ===== SCIENCE CENTERED TEXT SECTION STYLE ===== */
.science-centered-layout {
  max-width: 800px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.science-content-box {
  margin: 0 auto !important;
  max-width: 700px !important;
  text-align: center !important;
}

.science-content-box p {
  color: var(--grey-dim) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin-bottom: 24px !important;
}

.science-content-box .intro-p {
  font-size: 20px !important;
  color: var(--white) !important;
  line-height: 1.6 !important;
  font-weight: 500 !important;
  margin-bottom: 30px !important;
}

.science-content-box .summary-p {
  font-size: 18px !important;
  color: var(--gold) !important;
  font-style: italic !important;
  font-weight: 600 !important;
  margin-top: 35px !important;
  margin-bottom: 0 !important;
}