:root {
  --navy: #0B1F1E;
  --navy-light: #123C3A;
  --emerald: #0F3D3E;
  --teal: #1F8A83;
  --gold: #D4AF37;
  --gold-soft: #F2D98B;
  --cream: #F7F1E4;
  --cream-soft: #FBF8F1;
  --white: #ffffff;
  --text: #21312F;
  --muted: #687875;
  --border: rgba(212, 175, 55, 0.28);
  --shadow: 0 24px 70px rgba(11, 31, 30, 0.14);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: var(--text);
  background: var(--cream);
  overflow-x: hidden;
}

.mt1 {
  margin-top: 30px;
}

img {
  max-width: 100%;
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
}

.container {
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}

.site-header {
  background: rgba(7, 24, 23, 0.98);
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid rgba(212, 175, 55, 0.24);
  backdrop-filter: blur(12px);
}

.header-inner {
  min-height: 74px;
  display: flex;
  justify-content: space-between;
  gap: 28px;
}

.logo, .footer-logo {
  font-size: 28px;
  font-weight: 900;
  color: var(--white);
  letter-spacing: -1px;
}

.logo span, .footer-logo span {
  color: var(--gold);
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 26px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: rgba(255,255,255,0.76);
}

.main-nav a {
  transition: 0.25s ease;
}

.main-nav a:hover, .main-nav a.active {
  color: var(--gold-soft);
}

.active { color:var(--gold-soft);}
.activica { color:var(--gold-soft)!important;}

.primary-btn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 30px 28px;
  border-radius: 10px;
  font-size: 24px;
  font-weight: 800;
  transition: 0.25s ease;
  margin-top: 20px;
  width: 100%;
background: linear-gradient(135deg, #e09421, #9dee66);
  color: #0B1F1E;
  box-shadow: 0 4px 7px 1px rgba(0, 0, 0, 0.19);
}


/* ==========================================
   SUPPLEMENTS MOBILE FILTERS
========================================== */
/* NEW STANDARD SANOVITACARE HERO */
.svc-body-hero{
  position:relative;
  overflow:hidden;
  padding:50px 0 50px;
  background:
    radial-gradient(circle at 12% 20%, rgba(212,175,55,.18), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(31,138,131,.20), transparent 34%),
    linear-gradient(145deg,#071817 0%,#0b2725 52%,#123c39 100%);
  color:#fff;
}


.journal-section { 

      background: #efe7d4;
}


@media (max-width: 640px) {

    .svc-share-fallback{
        display:grid!important;
        grid-template-columns:repeat(2,1fr)!important;
        gap:10px;
    }

    .svc-share-fallback a,
    .svc-share-fallback button{
        width:100%;
        justify-content:center;
        text-align:center;
        min-height:44px;
    }

}





/* ==========================================
   WELLNESS DEVICES FILTERS
========================================== */

.device-filter-select{
  display:none;
}

.device-filter-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin:0 auto 36px;
}

.device-filter-row button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  background:#e4ebe5;
  color:#102e2c;
  border:1px solid rgba(15,61,62,.10);
  font-family:"Inter",sans-serif;
  font-size:17px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 10px 30px rgba(7,24,23,.05);
  transition:.25s ease;
}

.device-filter-row button:hover{
  color:#1d1402;
  background:#c9c9b3;
  border-color:rgba(212,175,55,.35);
}

.device-filter-row button.active{
  background:linear-gradient(
    135deg,
    var(--gold),
    #f1d37b
  );

  color:#071817;
  border-color:transparent;
}

/* MOBILE */

@media(max-width:768px){

  #deviceFilterRow{
    display:none;
  }

  #deviceFilterSelect{
    display:block;
    width:100%;

    margin:0 0 24px;

    padding:14px 18px;

    border-radius:14px;

    border:1px solid rgba(212,175,55,.28);

    background:#fff;
    color:#0b2725;

    font-family:"Inter",sans-serif;
    font-size:15px;
    font-weight:700;

    box-shadow:0 10px 24px rgba(7,24,23,.08);

    appearance:none;
    -webkit-appearance:none;
  }

}



.active {color: var(--gold-soft); }


.svc-body-hero-inner{
  position:relative;
  z-index:2;
}

.svc-body-kicker{
  display:inline-flex;
  align-items:center;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(212,175,55,.14);
  border:1px solid rgba(212,175,55,.28);
  color:#e9daaa;
  font-family:"Inter",sans-serif;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:22px;
}

.svc-body-hero h1{
  margin:0 0 22px;
  color:#fff;
  font-family:"Montserrat",sans-serif;
  font-size:58px;
  line-height:1.08;
  font-weight:700;
  letter-spacing:-.03em;
}

.svc-body-hero h1 span{
  color:#e9daaa;
}

.svc-body-hero p{
  margin:0 0 30px;
  color:rgba(255,255,255,.78);
  font-size:18px;
  line-height:1.7;
}

.svc-body-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.svc-body-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px;
  border-radius:999px;
  font-family:"Inter",sans-serif;
  font-weight:700;
  text-decoration:none;
}

.svc-body-actions .svc-primary{
  background:linear-gradient(135deg,var(--gold),#f1d37b);
  color:#071817;
  box-shadow:0 18px 42px rgba(0,0,0,.24);
}

.svc-body-actions .svc-secondary{
  color:#fff;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.20);
}

/* SUPPLEMENTS PAGE */
.supplement-hub-section{
  padding:40px 0;
  background:linear-gradient(180deg,#fff 0%,#f7f1e4 100%);
}

.supplement-filter-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin:0 auto 36px;
}

.supplement-filter-row a,
.supplement-filter-row button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  background: #e6e9e6;
  border:1px solid rgba(15,61,62,.10);
  text-decoration:none;
  box-shadow:0 10px 30px rgba(7,24,23,.05);
  transition:.25s ease;
}

.supplement-filter-row a,
.supplement-filter-row button { font-size: 16px!important; font-weight: 500!important;}

.supplement-filter-row a:hover,
.supplement-filter-row button:hover,
.supplement-filter-row button.active{
  color:#8b671e;
  border-color:rgba(212,175,55,.35);

}

.supplement-filter-row button{
  cursor:pointer;
  font:inherit;
}

.supplement-empty-state{
  grid-column:1/-1;
  padding:34px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(212,175,55,.16);
  box-shadow:0 18px 50px rgba(7,24,23,.07);
  text-align:center;
}

.supplement-empty-state strong{
  display:block;
  color:#0b2725;
  font-size:20px;
  margin-bottom:8px;
}

.supplement-empty-state p{
  color:var(--muted);
  margin:0;
}

.supplement-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}

.supplement-card{
  overflow:hidden;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(212,175,55,.16);
  box-shadow:0 18px 50px rgba(7,24,23,.08);
  text-decoration:none;
  transition:.25s ease;
  display:flex;
  flex-direction:column;
}

.supplement-card:hover{
  transform:translateY(-6px);
  box-shadow:0 26px 70px rgba(7,24,23,.14);
}
.supplement-image{
  overflow:hidden;
}

.supplement-image img{
  transition:transform .35s ease;
  border-radius: 20px;
}

.supplement-card:hover .supplement-image img{
  transform:scale(1.04);
}


.supplement-image{
  padding:18px;
  background: linear-gradient(145deg, rgb(51 215 154 / 24%) 0%, rgb(86 16 45 / 19%) 50%, #ffffff 100%);
}

.supplement-image img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  display:block;
}

.supplement-content{
  padding:5px 15px 15px 15px;
  display:flex;
  flex-direction:column;
  flex:1;
}

.supplement-content span{
  display:inline-flex;
  margin-bottom:5px;
  color:#b8882a;
  font-family:"Inter",sans-serif;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.supplement-content h3{
  color:#0b2725;
  font-size:26px;
  line-height:1.25;
  margin-bottom:10px;
}

.supplement-content p{
  color:var(--muted);
  font-size:17px;
  line-height:1.55;
  margin-bottom:16px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.supplement-content strong{
  margin-top:auto;
  color:#0f3d3e;
  font-family:"Inter",sans-serif;
  font-size:15px;
  font-weight:900;
}

.supplement-info-section{
  padding:82px 0;
  background:#fff;
}

.supplement-info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.supplement-info-card{
  border-radius:26px;
  padding:28px;
  background:linear-gradient(145deg,#ffffff 0%,#f7f1e4 100%);
  border:1px solid rgba(212,175,55,.16);
  box-shadow:0 18px 50px rgba(7,24,23,.07);
}

.supplement-info-card span{
  display:inline-flex;
  width:46px;
  height:46px;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background: rgb(27 136 138 / 12%);
  color:#0f3d3e;
  font-size:22px;
  margin-bottom:18px;
  font-weight: 500;
}

.supplement-info-card h3{
  color:#0b2725;
  font-size:22px;
  margin-bottom:10px;
}

.supplement-info-card p{
  color:var(--muted);
  font-size:16px;
  line-height:1.65;
}

@media(max-width:1100px){
  .supplement-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:980px){
  .svc-body-hero h1{
    font-size:44px;
  }

  .supplement-grid,
  .supplement-info-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:640px){

  .svc-body-hero{
    padding:62px 0 48px;
  }

  .svc-body-hero h1{
    font-size:36px;
  }

  .svc-body-actions a{
    width:100%;
  }

  .supplement-grid{
    grid-template-columns:repeat(2,1fr);
    gap:12px;
  }

  .supplement-info-grid{
    grid-template-columns:1fr;
  }

}

@media(max-width:640px){

  .supplement-content h3{
    font-size:15px;
    min-height:auto;
  }

  .supplement-content p{
    display:none;
  }

}


.supplement-filter-select{
  display:none;
}

@media (max-width:768px){

  #supplementFilterRow{
    display:none !important;
  }

  #supplementFilterSelect{
    display:block !important;
    width:100%;
    margin:0 0 24px;
    padding:14px 18px;
    border-radius:14px;
    border:1px solid rgba(212,175,55,.28);
    background:#fff;
    color:#0b2725;
    font-family:"Inter",sans-serif;
    font-size:15px;
    font-weight:700;
    box-shadow:0 10px 24px rgba(7,24,23,.08);
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
  }

}




.primary-btn3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 30px 28px;
  border-radius: 10px;
  font-size: 24px;
  font-weight: 800;
  transition: 0.25s ease;
  margin-top: 20px;
  width: 100%;
  max-width: 600px;
  background: linear-gradient(135deg, #228a20, #9dee66);
  color: #0B1F1E;
  box-shadow: 0 4px 7px 1px rgba(0, 0, 0, 0.19);
}

.header-btn2:hover, .primary-btn2:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(212, 175, 55, 0.30);
}

.mini-label {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  color: #111;
  background: #eaf8ec;
  border: 1px solid #d4edd9;
  padding: 7px 20px;
  border-radius: 50px;
  margin-bottom: 14px;
}

.activefooter { color:var(--gold-soft);}

.header-btn, .primary-btn, .secondary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 28px;
  border-radius: 15px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 800;
  transition: 0.25s ease;
  margin-top: 20px;
}

.header-btn, .primary-btn {
  background: linear-gradient(135deg, var(--gold), #f2d98b);
  color: #0B1F1E;
  box-shadow: 0 12px 28px rgba(212, 175, 55, 0.22);
}

.header-btn:hover, .primary-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(212, 175, 55, 0.30);
}

.secondary-btn {
  border: 1px solid rgba(255,255,255,0.22);
  color: var(--white);
}

.secondary-btn:hover {
  border-color: var(--gold);
  color: var(--gold-soft);
}

.nav-dropdown {
  position: relative;
  padding: 26px 0;
  margin: -26px 0;
}

.dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  color: rgba(255,255,255,0.85);
  font-family: "Inter",sans-serif;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  transition: .25s ease;
}

.dropdown-toggle svg {
  width: 15px;
  height: 15px;
}

.nav-dropdown:hover .dropdown-toggle {
  color: var(--gold-soft);
}

.nav-dropdown::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 24px;
}

.dropdown-menu {
  position: absolute;
  top: calc(100% + 0px);
  left: 0;
  min-width: 280px;
  background: #0d2322;
  border: 1px solid rgba(212,175,55,0.18);
  border-radius: 20px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: .25s ease;
  box-shadow: 0 24px 60px rgba(0,0,0,0.34);
  z-index: 30;
  pointer-events: none;
}

.nav-dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.dropdown-menu a {
  padding: 12px 14px;
  border-radius: 12px;
  color: rgba(255,255,255,0.78);
  font-size: 15px;
  font-weight: 600;
  transition: .25s ease;
}

.dropdown-menu a:hover {
  background: rgba(255,255,255,0.05);
  color: var(--gold-soft);
}

.logoimg {
  max-width: 200px;
  height: auto;
}

.greentxt {
  color: #a0b596;
}

.premium-hero {
  position: relative;
  overflow: hidden;
  padding: 48px 0 0;
  color: #fff;
  background: radial-gradient(circle at 83% 12%, rgba(212, 175, 55, .35) 0%, rgba(212, 175, 55, .15) 15%, transparent 36%),

radial-gradient(circle at 12% 18%, rgba(212, 175, 55, .28) 0%, rgba(212, 175, 55, .12) 14%, transparent 34%),

radial-gradient(circle at 14% 68%, rgba(31, 138, 131, .26), transparent 35%),

linear-gradient(135deg, #031615 0%, #062826 38%, #0c3b37 66%, #253f2f 100%);
}

.premium-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 0%, transparent 58%, rgba(212,175,55,.08) 76%, rgba(212,175,55,.18) 100%);
  pointer-events: none;
}

.premium-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 126px;
  background: #fff8e9;
  z-index: 0;
}

.premium-hero .container {
  width: min(1500px, calc(100% - 56px));
}

.hero-inner {
  position: relative;
  z-index: 2;
  text-align: center;
}

.hero-leaf {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.hero-leaf-left {
  left: -65px;
  top: 215px;
  width: 250px;
  height: 340px;
  opacity: .55;
  background: url("../img/leaf-left.png") no-repeat center/contain;
  filter: blur(.5px);
}

.hero-leaf-left::before {
  width: 160px;
  height: 92px;
  left: 28px;
  top: 74px;
  transform: rotate(26deg);
}

.hero-leaf-left::after {
  width: 140px;
  height: 80px;
  left: 58px;
  top: 178px;
  transform: rotate(-8deg);
}

.hero-leaf-right {
  right: -30px;
  top: 120px;
  width: 450px;
  height: 470px;
  opacity: .75;
  background: radial-gradient(circle, rgba(212,175,55,.22), transparent 58%);
}

.hero-glow-lines {
  position: absolute;
  right: -80px;
  top: 115px;
  width: 650px;
  height: 620px;
  z-index: 1;
  opacity: .45;
  pointer-events: none;
  transform: rotate(-7deg);
  background: repeating-radial-gradient(ellipse at 100% 10%, rgba(212,175,55,.14) 0 2px, transparent 3px 34px);
}

.hero-eyebrow {
  margin: 0 auto 18px;
  color: #e7eee4;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 15px;
  font-weight: 500;
}

.eyebrow2 { 
  color:#daf1f0!important;
}

.specialwhite1 {
  color: #b8af9b !important;
}

.specialwhite2 {
  color: #f7e8ca !important;
}

.specialwhite3 {
  color: #b9b5ac !important;
}

.hero-title {
  margin: 0 auto 22px;
  color: #fff;
  font-family: "Playfair Display","Montserrat",serif;
  font-weight: 800;
  font-size: 72px;
  line-height: 1.02;
  letter-spacing: -.02em;
  text-shadow: 0 4px 18px rgba(0,0,0,.18);
}

.hero-title span {
  color: #f6d36d;
}

.hero-subtitle {
  margin: 0 auto 20px;
  font-size: 25px;
  line-height: 1.55;
  color: rgba(255,255,255,.88);
}

.hero-trust-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  margin: 0 auto 26px;
}

.hero-trust-item {
  display: flex;
  align-items: center;
  gap: 13px;
  text-align: left;
}

.trust-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(212,175,55,.92);
  color: #f6d36d;
  font-size: 20px;
  background: rgba(1,22,20,.38);
}

.hero-leaf-top-right {
  position: absolute;
  top: 40px;
  right: -55px;
  width: 240px;
  opacity: .45;
  z-index: 10;
  pointer-events: none;
  transform: rotate(-14deg);
  filter: drop-shadow(0 24px 40px rgba(0,0,0,.25));
}

.hero-trust-item strong {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.1;
  margin-right: 5px;
}

.hero-trust-item small {
  color: rgba(255,255,255,.78);
  font-size: 15px;
  line-height: 1.2;
}

.trust-divider {
  width: 1px;
  height: 44px;
  background: rgba(212,175,55,.35);
}

.hero-products-panel {
  position: relative;
  z-index: 4;
  max-width: 1320px;
  margin: 0 auto;
  border-radius: 30px;
  text-align: left;
  overflow: visible;
  padding: 30px 30px 40px 30px;
  background: linear-gradient(180deg, rgba(3,31,29) 0%, rgba(4,42,39) 100%);
  border: 1px solid rgba(212,175,55,.55);
  box-shadow: 0 30px 90px rgba(0,0,0,.32),    inset 0 0 0 1px rgba(255,255,255,.03);
}

.about-hero {
  background: linear-gradient(180deg, rgba(3,31,29) 0%, rgba(4,42,39) 100%);
}

/* ABOUT BODYMAP IMAGE HOVER */

.bodymap-image-wrap{
  position:relative;
  overflow:hidden;
  border-radius:24px;
}

.bodymap-image-wrap img{
  display:block;
  width:100%;
  height:auto;
  transition:opacity .45s ease, transform .45s ease;
}

/* DEFAULT IMAGE */
.bodymap-default{
  position:relative;
  z-index:1;
}

/* HOVER IMAGE */
.bodymap-hover{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  z-index:2;
}

/* FADE EFFECT */
.bodymap-image-wrap:hover .bodymap-hover{
  opacity:1;
  transform:scale(1.03);
}

.bodymap-image-wrap:hover .bodymap-default{
  opacity:0;
  transform:scale(1.03);
}


.panel-header h2 {
  margin-bottom: 24px;
  color: #fff;
  font-size: 32px;
  line-height: 1.15;
  font-weight: 700;
}

.panel-header h2 span {
  color: #f6d36d;
}

.category-pills {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 16px;
  margin-bottom: 28px;
}

.category-pills a {
  border-radius: 10px;
  padding: 5px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  font-family: "Inter",sans-serif;
  font-size: 16px;
  font-weight: 600;
  background: linear-gradient(180deg, rgba(37,91,85,.82), rgba(23,70,66,.86));
  border: 1px solid rgba(212,175,55,.25);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  transition: .25s ease;
}

.category-pills a span {
  color: #f6d36d;
  font-size: 20px;
}

.category-pills a.active, .category-pills a:hover {
  color: #071817;
  background: linear-gradient(135deg,#D4AF37,#f8d66f);
  transform: translateY(-2px);
}

.category-pills a.active span, .category-pills a:hover span {
  color: #071817;
}

.hero-product-flex {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 24px;
}

.mini-product-card {
  display: flex;
    flex-direction:column;
    height:100%;
  padding: 10px 10px;
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(180deg,#113d3a 0%,#0b302e 100%);
  border: 1px solid rgba(212,175,55,.35);
  box-shadow: 0 18px 44px rgba(0,0,0,.19);
  transition: .3s ease;
}

.mini-product-card:hover {
  transform: translateY(-6px);
  border-color: rgba(246,211,109,.75);
}

.mini-product-image {
  width: 100%;
  aspect-ratio: 1/1;
  margin-bottom: 16px;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(180deg,#ffffff,#f8f0df);
}
.rating-row{
    margin-top:auto;
}
.mini-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mini-product-card h3 {
  min-height: 50px;
  margin-bottom: 12px;
  color: #fff;
  font-size: 20px;
  line-height: 1.18;
  font-weight: 600;
}



.rating-row span {
  color: #f6d36d;
  font-size: 16px;
  letter-spacing: .03em;
}

.rating-row small {
  color: rgba(255,255,255,.70);
  font-size: 16px;
}

.hero-panel-cta {
  text-align: center;
  margin: 50px 0px 0px 0px;
}

.hero-panel-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-width: 285px;
  height: 52px;
  border-radius: 14px;
  color: #071817;
  background: linear-gradient(135deg,#D4AF37,#f6d36d);
  font-size: 20px;
  font-weight: 700;
  box-shadow: 0 18px 42px rgba(0,0,0,.22);
  transition: .25s ease;
  width: 100%;
  max-width: 500px;
}

.hero-panel-cta a:hover {
  transform: translateY(-2px);
}

.trust-strip {
  position: relative;
  z-index: 1;
  background: #fff8e9;
  padding: 20px 0 20px;
}

.trust-strip .container {
  width: min(1300px, calc(100% - 56px));
}

.trust-strip-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 28px;
}

.trust-strip-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:10px;
    padding: 0px 5px;
}

.trust-strip-item img { max-width: 110px; height: auto; }
.trust-strip-item:not(:last-child) {  border-right: 1px solid rgba(180,135,34,.24);}
.trust-strip-icon { position: relative;}

.mini-product-image{
  position:relative;
  overflow:hidden;
}

.mini-product-image img{
  width:100%;
  display:block;
  transition:opacity .45s ease, transform .45s ease;
}

.mini-main-image{
  position:relative;
  z-index:1;
}

.mini-hover-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  z-index:2;
}

.mini-product-card:hover .mini-hover-image{
  opacity:1;
  transform:scale(1.04);
}

.mini-product-card:hover .mini-main-image{
  transform:scale(1.04);
}


.trust-strip-item span {
  color: #b68a2b;
  font-size: 42px;
}

.trust-strip-item strong {
  display: block;
  margin-bottom: 3px;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.2;
}

.trust-strip-item small {
  color: #263b37;
  font-size: 16px;
  line-height: 1.2;
}

.svc-body-hero {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
  background: radial-gradient(circle at 12% 20%, rgba(212,175,55,.18), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(31,138,131,.20), transparent 34%),
    linear-gradient(145deg,#071817 0%,#0b2725 52%,#123c39 100%);
  color: #fff;
}

.svc-body-hero-inner {
  position: relative;
  z-index: 2;
}

.svc-body-kicker {
  display: inline-flex;
  align-items: center;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(212,175,55,.14);
  border: 1px solid rgba(212,175,55,.28);
  color: #e9daaa;
  font-family: "Inter",sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 22px;
}

.svc-body-hero h1 {
  margin: 0 0 22px;
  color: #fff;
  font-family: "Montserrat",sans-serif;
  font-size: 58px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -.03em;
}

.svc-body-hero h1 span {
  color: #e9daaa;
}

.svc-body-hero p {
  margin: 0 0 30px;
  color: rgba(255,255,255,.78);
  font-size: 18px;
  line-height: 1.7;
}

.svc-body-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.svc-body-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 999px;
  font-family: "Inter",sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.svc-body-actions .svc-primary {
  background: linear-gradient(135deg,var(--gold),#f1d37b);
  color: #071817;
  box-shadow: 0 18px 42px rgba(0,0,0,.24);
}

.svc-body-actions .svc-secondary {
  color: #fff;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.20);
}

.benefits-section, .featured-section, .how-section, .journal-section, .disclaimer-section {
  padding: 50px 0;
}

.section-heading {
  margin: 0 auto 50px;
  text-align: center;
}

.section-heading h2, .featured-content h2, .disclaimer-box h2 {
  font-size: 46px;
  line-height: 1.12;
  color: var(--navy);
  margin-bottom: 18px;
}

.section-heading p {
  color: #383b3b;
  font-size: 19px;

}
.eyebrow  { font-weight: 700;}
.benefits-grid, .steps-grid, .article-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.benefit-card, .step-card, .article-card, .product-preview-card, .disclaimer-box {
  background: var(--white);
  border: 1px solid rgba(7,27,47,0.08);
  border-radius: 30px;
  padding: 22px;
  box-shadow: var(--shadow);
  transition: 0.28s ease;
}

.benefit-card:hover, .step-card:hover, .article-card:hover, .product-preview-card:hover {
  transform: translateY(-6px);
}

.icon {
  width: 62px;
  height: 62px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(212,175,55,0.12);
  font-size: 30px;
  margin-bottom: 22px;
}

.benefit-card h3, .step-card h3, .article-card h3, .product-preview-card h3 {
  font-size: 30px;
  line-height: 1.24;
  color: var(--navy);
  margin-bottom: 12px;
}

.benefit-card p, .step-card p, .article-card p, .product-preview-card p {
  color: var(--muted);
  font-size: 18px;
}

.bodymap-section {
  padding: 60px 0;
  background: #14532e26;
}



.bodymap-view-all-btn{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:20px;
  padding:14px 18px;
  border-radius:20px;
  background:linear-gradient(135deg,#D4AF37,#f4d778);
  color:#062826;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}

.bodymap-master-card {
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(212,175,55,0.22);
  border-radius: 20px;
  padding: 10px;
  box-shadow: var(--shadow);
}

.bodymap-heading {
  margin-bottom: 42px;
}

.finder-search {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 0 34px;
  padding: 13px 16px;
  border-radius: 8px;
  background: rgba(15,61,62,0.06);
  border: 1px solid rgba(15,61,62,0.10);
  color: var(--navy);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 800;
}

.finder-search span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 0 0 6px rgba(31,138,131,0.12);
}

.bodymap-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.3fr;
  gap: 34px;
  align-items: stretch;
}

.bodymap-holder, .bodymap-products {
  background: var(--white);
  border-radius: 30px;
  border: 1px solid rgba(7,27,47,0.08);
  box-shadow: var(--shadow);
}

.bodymap-inner {
  min-height: 700px;
  background: radial-gradient(circle at top right, rgba(212,175,55,0.10), transparent 30%),
    linear-gradient(145deg, #ffffff, #f7f7f7);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.bodymap-inner img {
  object-fit: contain;
}

.bodymap-products {
  padding: 20px 30px;
}

.bodymap-badge {
  display: inline-flex;
  padding: 8px 14px;
  border-radius: 999px;
    background: rgb(15 73 6 / 12%);
  color: #333333;
  font-size: 13px;
  font-weight: 800;
  font-family: "Inter", sans-serif;
  margin-bottom: 18px;
}

.bodymap-products-header h3 {
  font-size: 42px;
  line-height: 1.1;
  color: var(--navy);
  margin-bottom: 18px;
}

.bodymap-products-header p {
  color: var(--muted);
  font-size: 18px;
  margin-bottom: 34px;
}

.bodymap-products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.bodymap-product-card {
 background: rgb(15 73 6 / 12%);
  border-radius: 22px;
  padding: 14px;
  border: 1px solid rgba(212,175,55,0.18);
  transition: 0.28s ease;
}

.bodymap-product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 34px rgba(11,31,30,0.12);
}

.bodymap-product-card img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 16px;
  margin-bottom: 12px;
}

.bodymap-product-card span {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
  color: var(--navy);
}

.body-scan-line {
  position: absolute;
  top: -10%;
  left: 0;
  width: 100%;
  height: 120px;
  background: linear-gradient(
    to bottom,
    rgba(31,138,131,0),
    rgba(31,138,131,.18),
    rgba(212,175,55,.22),
    rgba(31,138,131,0)
  );
  opacity: 0;
  pointer-events: none;
  z-index: 4;
}

.body-scan-line.is-scanning {
  animation: bodyScanMove 1.8s ease-in-out;
}

.bodymap-holder {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 15px;
  border-radius: 22px;
}

.bodymap-guide {
  padding: 10px 20px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border: 1px solid rgba(212,175,55,.20);
  background: rgba(11, 39, 37, 0.98);
}

.bodymap-guide span {
  display: inline-flex;
  margin-bottom: 8px;
  color: #8b671e;
  font-family: "Inter",sans-serif;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.bodymap-guide strong {
  display: block;
  color: #e9daaa;
  font-size: 24px;
  line-height: 1.15;
  margin-bottom: 6px;
}

.bodymap-guide p {
  color: #cccccc;
  font-size: 15px;
  line-height: 1.55;
}

.bodymap-hover-label {
  position: absolute;
  top: 5px;
  right: 20px;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 190px;
  max-width: 240px;
  margin: 0;
  padding: 5px 5px;
  border-radius: 6px;
  background: rgba(7,24,23,.72);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(212,175,55,.16);
  color: #fff;
  font-family: "Inter",sans-serif;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 12px 34px rgba(0,0,0,.22);
  pointer-events: none;
  transition: .25s ease;
}

.bodymap-hover-label.is-active {
  background: rgba(15,61,62,.88);
  border-color: rgba(212,175,55,.26);
  color: var(--gold-soft);
}

.bodymap-human {
  width: 100%;
  max-height: 720px;
  object-fit: contain;
  display: block;
}

.body-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.body-zone {
  fill: rgba(31,138,131,0);
  stroke: rgba(212,175,55,0);
  stroke-width: 2;
  cursor: pointer;
  transition: fill .35s ease, stroke .35s ease, filter .35s ease;
}

.body-zone:hover, .body-zone.hover-sync {
  fill: rgba(31,138,131,.13);
  stroke: rgba(212,175,55,.32);
  filter: drop-shadow(0 0 12px rgba(31,138,131,.18));
}

.body-zone.active {
  fill: rgba(31,138,131,.20);
  stroke: rgba(212,175,55,.52);
  filter: drop-shadow(0 0 18px rgba(31,138,131,.24));
}

.finder-search.is-loading span {
  animation: freshPulse 1s ease-in-out infinite;
}

.finder-search.is-done {
  background: rgba(212,175,55,.12);
  border-color: rgba(212,175,55,.24);
}

.finder-progress {
  position: relative;
  width: 99%;
  height: 4px;
  margin: -24px auto 30px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(15,61,62,.10);
  margin-top: -24px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.finder-progress span {
  display: block;
  width: 0%;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--teal), var(--gold));
}

.finder-progress.is-running span {
  animation: finderProgress 1.9s ease forwards;
}

.finder-progress.is-complete span {
  width: 100%;
}

.bodymap-empty-state {
  min-height: 150px;
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
 background: rgb(15 73 6 / 12%);
  border: 1px dashed rgba(212,175,55,.30);
  color: #13453c;
  font-family: "Inter",sans-serif;
  font-size: 16px;
  font-weight: 800;
  padding: 5px 5px;
}

.bodymap-empty-state span {
  color: var(--gold);
  font-size: 24px;
  font-weight: 900;
}


.as-seen-on { text-align: center; font-weight: 600; color: #556160; padding:10px 0px;}
.items3 {
  padding-bottom: 20px;
}

.cardactionimg {
  width: 100%;
  max-width: 400px;
  margin: 0px auto;
  border-radius: 10px;
}

.cardapare {
  font-size: 18px;
  padding-top: 6px;
  color: #0B1F1E;
  text-align: left;
}

.featured-section {
  background: var(--cream-soft);
}

.featured-grid {
  display: grid;
  grid-template-columns: 1fr 0.82fr;
  gap: 50px;
  align-items: center;
}

.featured-content p {
  font-size: 18px;
  color: #333;
  margin-bottom: 24px;
  font-weight: 500;
}

.check-list {
  list-style: none;
  margin: 0 0 30px;
}

.check-list li {
  position: relative;
  padding-left: 34px;
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: 600;
}

.check-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--gold);
  font-weight: 900;
}

.product-preview-card {
  padding: 24px;
}


.home-faq-section {
  padding: 80px 0;
  background: var(--bg, #f9f7f4);
}

.home-faq-grid {
  display: grid;
  gap: 16px;
  margin-top: 40px;
}

.home-faq-item {
  background: #fff;
  border: 1px solid rgba(44,95,90,0.12);
  border-radius: 10px;
  overflow: hidden;
  border-left: 3px solid #2e4a42;
}

.carespan { color:rgb(202, 97, 97);}

.home-faq-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  background: #1831191a;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  color: #222423;
  line-height: 1.4;
  gap: 12px;
  font-family: "Montserrat", sans-serif;
}

.home-faq-toggle:hover {
  background: rgba(44,95,90,0.24);
}

.home-faq-icon {
  font-size: 20px;
  font-weight: 300;
  color: #2e4a42;
  flex-shrink: 0;
  transition: transform 0.25s ease;
  line-height: 1;
}

.home-faq-item.open .home-faq-icon {
  transform: rotate(45deg);
}

.home-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 24px;
}

.home-faq-item.open .home-faq-answer {
  max-height: 200px;
  padding: 0 24px 18px;
}

.home-faq-answer p {
  font-size: 17px;
  color: #666;
  line-height: 1.75;
  margin: 0;
  border-top: 1px solid rgba(44,95,90,0.08);
  padding-top: 14px;
}

@media (max-width: 768px) {
  .home-faq-grid { grid-template-columns: 1fr; }
}


.product-preview-card .badge {
  display: inline-flex;
  background: rgba(212,175,55,0.14);
  color: #8b671e;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 800;
  padding: 8px 13px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.product-preview-card img {
  border-radius: 22px;
  margin-bottom: 22px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.product-preview-card a, .article-card a {
  display: inline-block;
  margin-top: 18px;
  color: var(--gold);
  font-weight: 700;
  padding-top: 10px;
  font-size: 18px;
}

.svc-sidebar-box {
  background: linear-gradient(145deg,#ffffff,#fffaf0);
  border: 1px solid rgba(212,175,55,.22);
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 18px 45px rgba(11,31,30,.10);
}

.svc-share-fallback a:nth-child(4) {
  background: linear-gradient(135deg,#833AB4,#FD1D1D,#FCAF45);
  color: #fff;
}

.how-section {
  background: radial-gradient(circle at top right, rgba(212,175,55,0.16), transparent 32%),
    linear-gradient(135deg, #071817, #0F3D3E);
  color: var(--white);
}

.how-section .section-heading h2 {
  color: var(--white);
}

.step-card {
  background: rgba(255,255,255,0.07);
  border-color: rgba(212,175,55,0.22);
  box-shadow: none;
}

.step-card span {
  display: inline-block;
  color: var(--gold);
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 16px;
}

.step-card h3 {
  color: var(--white);
}

.step-card p {
  color: rgba(255,255,255,0.76);
}

.article-card {
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.article-card img {
  width: 100%;
  height: 230px;
  object-fit: cover;
}

.article-card div {
  padding: 15px;
}

.article-card > div {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.article-card a {
  margin-top: auto;
}

.article-card span {
  display: inline-block;
  color: #1b8952;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.device-hub-section {
  padding: 82px 0;
  background: linear-gradient(180deg,#fff 0%,#f7f1e4 100%);
}

.device-filter-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin: 0 auto 36px;
}



.device-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.device-card {
  overflow: hidden;
  border-radius: 28px;
  background: #fff;
  border: 1px solid rgba(212,175,55,.16);
  box-shadow: 0 18px 50px rgba(7,24,23,.08);
  text-decoration: none;
  transition: .25s ease;
   display:flex;
    flex-direction:column;
    height:100%;
}

.device-content{
    display:flex;
    flex-direction:column;
    flex:1;
}

.device-content strong{
    margin-top:auto;
}


.device-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 70px rgba(7,24,23,.14);
}

.device-image {
  padding: 15px;
  background: linear-gradient(145deg,#f7f1e4,#fff);
}

.device-image img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  display: block;
}
.device-image{
  overflow:hidden;
}

.device-image img{
  transition:transform .35s ease;
  border-radius:20px;
}

.device-card:hover .device-image img{
  transform:scale(1.04);
}

.device-content {
  padding: 5px 15px 15px 15px;
}

.device-content span {
  display: inline-flex;
  margin-bottom: 5px;
  color: #8b671e;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.device-content h3 {
  color: #0b2725;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 12px;
}

.device-content p {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.65;
}

.device-content strong {
  color: #0f3d3e;
  font-size: 17px;
  font-weight: 900;
}

.disclaimer-section {
  padding-top: 20px;
}

.disclaimer-box {
  background: #fffaf0;
  border-color: rgba(212,175,55,0.34);
}

.disclaimer-box h2 {
  font-size: 30px;
}

.disclaimer-box p {
  color: var(--muted);
  font-size: 16px;
}

.site-footer {
  background: #071817;
  color: rgba(255,255,255,0.74);
  padding: 70px 0 30px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 0.8fr 0.8fr 0.8fr;
  gap: 44px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.footer-logo {
  display: inline-block;
  margin-bottom: 14px;
}

.site-footer h3 {
  color: var(--white);
  font-size: 18px;
  margin-bottom: 16px;
}

.site-footer a {
  display: block;
  margin-bottom: 10px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  transition: 0.25s ease;
}

.site-footer a:hover {
  color: var(--gold-soft);
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 24px;
  font-size: 14px;
}

.footer-desc {
  margin-top: 18px;
  color: rgba(255,255,255,0.58);
  font-size: 15px;
  line-height: 1.7;
  max-width: 320px;
}

.footer-slogan {
  margin-top: 10px;
  color: #b1aa92;
  font-size: 15px;
  font-weight: 600;
}

.topbar {
  background: #041110;
  border-bottom: 1px solid rgba(212,175,55,0.14);
  font-family: "Inter",sans-serif;
}

.whoisforimg {
  border-radius: 15px;
  margin-bottom: 10px;
}

.topbar-inner {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.topbar-left {
  color: rgba(255,255,255,0.58);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
}

.topbar-right {
  display: flex;
  align-items: center;
  gap: 18px;
}

.topbar-right a {
  color: rgba(255,255,255,0.72);
  font-size: 13px;
  font-weight: 700;
  transition: .25s ease;
}

.gold {  color: var(--gold-soft); }
.white { color: rgba(255, 255, 255, 0.76)!important; }
.topbar-right a:hover {
  color: var(--gold-soft);
}
.featured-title span{
  color:#D4AF37;
}

.product-image-wrap{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:24px;
}

.product-main-image,
.product-hover-image{
  width:100%;
  display:block;
  transition:opacity .45s ease, transform .45s ease;
}

.product-main-image{
  position:relative;
  z-index:1;
}

.product-hover-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  z-index:2;
}

.product-image-wrap:hover .product-hover-image{
  opacity:1;
}

.product-image-wrap:hover .product-main-image{
  transform:scale(1.03);
}

.product-image-wrap:hover .product-hover-image{
  transform:scale(1.03);
}

.subscribe-section {
  padding: 60px 0 70px;
  background: #2a4d4d;
}

.subscribe-box {
  background: linear-gradient(135deg,#071817,#0F3D3E);
    border: 1px solid rgb(183 212 55 / 35%);
  border-radius: 28px;
  padding: 36px;
  color: #fff;
  box-shadow: var(--shadow);
  text-align: center;
}

.subscribe-box span {
  display: inline-block;
  color: var(--gold-soft);
  font-family: "Inter",sans-serif;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 10px;
}

.subscribe-box h2 {
  font-size: 36px;
  line-height: 1.15;
  margin-bottom: 12px;
}

.subscribe-box p {
  max-width: 680px;
  margin: 0 auto 24px;
  color: rgba(255,255,255,.76);
  font-size: 18px;
}

.subscribe-form {
  max-width: 560px;
  margin: 0 auto 14px;
  display: flex;
  gap: 10px;
}

.subscribe-form input[type="email"] {
  flex: 1;
  height: 52px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.1);
  color: #fff;
  padding: 0 20px;
  font-family: "Inter",sans-serif;
  font-size: 15px;
  outline: none;
}

.subscribe-form input::placeholder {
  color: rgba(255,255,255,.58);
}

.subscribe-form button {
  height: 52px;
  border: none;
  border-radius: 999px;
  padding: 0 26px;
  background: linear-gradient(135deg,var(--gold),#f2d98b);
  color: #071817;
  font-family: "Inter",sans-serif;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
}

.subscribe-box small {
  color: rgba(255,255,255,.55);
  font-size: 13px;
}

.product-checkmarks {
  list-style: none;
  padding: 0;
  margin: 24px 0 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.product-checkmarks li {
  position: relative;
  padding-left: 34px;
  font-size: 18px;
  line-height: 1.7;
  color: #111111;
  font-weight: 600;
}

.product-checkmarks li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 1px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgb(31 138 131 / 28%);
  color: #0a655f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 900;
}

.faq-section {
  padding-bottom: 60px;
}

.faq-accordion {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.faq-item {
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(212,175,55,.22);
  background: linear-gradient(145deg,#F7F1E4 0%,#ffffff 100%);
  box-shadow: 0 12px 30px rgba(15,61,62,.08);
  transition: .3s ease;
}

.faq-question {
  width: 100%;
  border: none;
  background: none;
  cursor: pointer;
  padding: 24px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Montserrat",sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--dark);
  text-align: left;
}

.faq-question span {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(15,61,62,.08);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  color: var(--teal);
  transition: .35s ease;
}

.faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .45s ease;
}

.faq-answer-inner {
  overflow: hidden;
}

.faq-answer p {
  padding: 0 28px 28px;
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
  font-size: 16px;
}

.faq-item.active .faq-answer {
  grid-template-rows: 1fr;
}

.faq-item.active .faq-question span {
  transform: rotate(45deg);
  background: rgba(212,175,55,.18);
  color: var(--gold);
}

.body-zone:hover {
  fill: rgba(31,138,131,.13);
  stroke: rgba(212,175,55,.32);
  filter: drop-shadow(0 0 12px rgba(31,138,131,.18));
}

.body-zone.hover-sync {
  fill: rgba(31,138,131,.13);
  stroke: rgba(212,175,55,.32);
  filter: drop-shadow(0 0 12px rgba(31,138,131,.18));
}

@keyframes bodyScanMove{

  0%{
    transform:translateY(-120%);
    opacity:0;
  }

  15%{
    opacity:1;
  }

  85%{
    opacity:1;
  }

  100%{
    transform:translateY(950px);
    opacity:0;
  }
}

@keyframes finderProgress{
  0%{width:0%;}
  35%{width:42%;}
  70%{width:76%;}
  100%{width:100%;}
}

@keyframes freshPulse{
  0%{transform:scale(1);opacity:.65;}
  50%{transform:scale(1.28);opacity:1;}
  100%{transform:scale(1);opacity:.65;}
}

@media (max-width: 1200px) {
  .hero-title {
    font-size: 58px;
  }

  .category-pills {
    grid-template-columns: repeat(3,1fr);
  }

  .hero-product-flex {
    grid-template-columns: repeat(3,1fr);
  }

  .trust-strip-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

@media (max-width: 1180px) {
  .mini-product-card {
    flex: 0 0 calc((100% - 32px) / 3);
  }
}

@media (max-width: 980px) {
  .header-inner {
    flex-wrap: wrap;
  }

  .main-nav {
    order: 3;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }

  .benefits-grid, .steps-grid, .article-grid, .featured-grid, .footer-grid {
    grid-template-columns: 1fr;
  }

  .mini-product-card {
    flex: 0 0 calc(50% - 8px);
  }

  .bodymap-grid {
    grid-template-columns: 1fr;
  }

  .svc-body-hero h1 {
    font-size: 44px;
  }

  .device-grid {
    grid-template-columns: repeat(2,1fr);
  }
}


@media (min-width:1200px){
  .mobile-only-product{
    display:none !important;
  }
}



/******************************** 800 ********************************/
@media (max-width: 800px) {



  .trust-strip-item small { display: none;}
  .premium-hero .container, .trust-strip .container {
    width: min(100% - 24px,1500px);
  }
  .trust-strip-item strong  { font-size: 16px; font-weight: 700;}

  .rating-row small { font-size: 12px;}

  .mini-product-card  { padding:10px 5px;}
  .premium-hero {
    padding-top: 20px;
    min-height: auto;
  }

  .panel-header h2 { margin-bottom: 12px;}

.hero-eyebrow { font-size:12px;}
.section-heading  .eyebrow  { font-size: 15px;}

  .hero-title {
    font-size: 36px;
      line-height: 1.15;
  }

  .hero-subtitle {
    font-size: 18px;
  }

  .hero-subtitle br {
    display: none;
  }

  .hero-trust-row {
    gap: 18px;
  }

.category-pills, .hero-product-flex {
 display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;

}



.subscribe-section { padding: 30px 0 30px;}
.subscribe-form input[type="email"] { padding: 15px 15px;}
.site-footer { padding: 30px 0 30px;}
.footer-grid { gap: 15px;}
.footer-bottom { text-align: center;}

.benefit-card, .step-card, .article-card, .product-preview-card, .disclaimer-box {
  border: 1px solid rgba(7,27,47,0.08);
  border-radius: 26px;
  padding: 10px 15px;
  box-shadow: var(--shadow);
  transition: 0.28s ease;
}
.step-card span { margin-bottom: 5px; font-size: 30px;}
.check-list li { margin-bottom: 10px;}
.primary-btn { padding: 25px 10px; margin-top:0px!important;}
.article-card img { border-radius: 20px;}

  .trust-divider {
    display: none;
  }

  .hero-products-panel {
    padding: 24px 18px 0;
  }

  .panel-header h2 {
    font-size: 26px;
    padding-left: 12px;
  }
.category-pills { display: none;}

  .mini-product-card h3 {
    min-height: auto;
  }

  .trust-strip-grid {
    
        grid-template-columns: repeat(2, 1fr);
    
  }

  .trust-strip-item {
    border-right: none !important;
  }
}

@media (max-width: 640px) {

  .hero-products-panel {
    box-shadow: none;
  }

  .subscribe-box {
    padding: 30px 22px;
  }

  .subscribe-box h2 {
    font-size: 30px;
  }

  .subscribe-form {
    flex-direction: column;
  }

  .subscribe-form button {
    width: 100%;
  }

  .topbar-inner {
    min-height: auto;
    padding: 10px 0;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .topbar-left {
    display: none!important;
  }

  .topbar-right {
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
  }

  body {
    font-size: 17px;
  }

  .container {
    width: min(100% - 24px, 1240px);
  }

  .hero-section {
    padding: 68px 0 72px;
  }

  .hero-main-title {
    font-size: 30px;
  }

  .hero-main-text {
    font-size: 18px;
  }

  .hero-products-panel {
    padding: 15px 10px;
  }

  .hero-panel-cta { margin-top: 20px;}

  .mini-product-card {
    flex: 0 0 100%;
  }

  .panel-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .benefits-section, .featured-section, .how-section, .journal-section, .disclaimer-section {
    padding: 40px 0;
  }

  .section-heading h2, .featured-content h2 {
    font-size: 32px;
  }
.section-heading p { font-size: 18px;}

  .footer-bottom {
    flex-direction: column;
  }

  .primary-btn, .secondary-btn, .header-btn {    width: 100%; font-size: 18px;  }
  .bodymap-master-card {    padding: 10px;    border-radius: 26px;  }
  .bodymap-section {  padding: 40px 0;  }
  .bodymap-holder, .bodymap-products {    border-radius: 24px;   }
  .bodymap-inner { min-height: 520px; }
  .bodymap-holder { gap:0px; padding:0px 0px 10px 0px;}
  .bodymap-products-header h3 {    font-size: 30px;     letter-spacing: -1px; }
  .bodymap-products { padding: 10px 10px;}
  .bodymap-guide strong  { font-size: 20px; margin-bottom: 0px;}
  .bodymap-products-grid {      grid-template-columns: repeat(2, 1fr);      gap: 12px;  }
  .bodymap-grid { gap: 15px;}
  .bodymap-badge { padding: 8px 10px; margin-bottom: 10px;}
  .bodymap-products-header h3 { margin-bottom: 10px;}
  .bodymap-products-header p { font-size: 18px; margin-bottom: 10px; color: #031615;}
  .featured-grid { gap:25px;}
  .section-heading { margin:0 auto 25px;}
  .bodymap-hover-label  { font-size: 15px; font-weight: 500;}
  .bodymap-badge { font-size: 14px;}
  .finder-search {  font-weight: 500; padding: 10px 14px; margin: 15px 0 35px;}
  .bodymap-product-card { padding: 6px;}
  
.bodymap-products-cta{
  margin-top:18px;
  text-align:center;
}

.bodymap-view-all-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  padding:14px 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#D4AF37,#f4d778);
  color:#062826;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}

.bodymap-view-all-btn{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:8px;
  padding:10px 10px;
  border-radius:20px;
  background:linear-gradient(135deg,#D4AF37,#f4d778);
  color:#062826;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}




  .svc-body-hero {    padding: 30px 0 30px;  }

  .svc-body-hero h1 {    font-size: 32px;  }
.svc-body-hero p { font-size: 16px;}
.featured-content p { font-size: 18px;}
.mt10 { margin-top: 20px!important;}

  .svc-body-actions a {
    width: 100%;
  }


   .device-grid{
    grid-template-columns:repeat(2,1fr);
    gap:12px;
  }

  .device-content h3{
    font-size:15px;
    min-height:auto;
  }

  .device-content p{
    display:none;
  }

}

@media (max-width:768px) {
  .hero-leaf, .hero-leaf-top-right {
    display: none;
  }
}

.mobile-menu-toggle{
  display:none;
  width:36px;
  height:36px;
  border:none;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
}

.mobile-menu-toggle span{
  width:22px;
  height:2px;
  background:var(--gold-soft);
  border-radius:999px;
}

.mobile-menu-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  z-index:98;
  opacity:0;
  visibility:hidden;
  transition:.3s ease;
}

.mobile-menu-panel{
  position:fixed;
  top:0;
  right:0;
  width:min(86vw,360px);
  height:100vh;
  background:#071817;
  z-index:99;
  padding:22px;
  transform:translateX(100%);
  transition:.35s ease;
  box-shadow:-20px 0 60px rgba(0,0,0,.35);
  overflow-y:auto;
}

.mobile-menu-panel.is-open{
  transform:translateX(0);
}

.mobile-menu-overlay.is-open{
  opacity:1;
  visibility:visible;
}

.mobile-menu-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:20px;
}

.mobile-menu-logo{
  max-width:170px;
}

.mobile-menu-close{
  width:40px;
  height:40px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:var(--gold-soft);
  font-size:30px;
  cursor:pointer;
}

.mobile-menu-panel a,
.mobile-menu-panel span{
  display:block;
  padding:6px 0;
  font-family:"Inter",sans-serif;
}

.mobile-menu-panel a{
  color:rgba(255,255,255,.82);
  font-size:16px;
  font-weight:700;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.mobile-menu-panel span{
  margin-top:14px;
  color:var(--gold-soft);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.09em;
}

body.mobile-menu-open{
  overflow:hidden;
}

@media(max-width:980px){

  .main-nav,
  .header-btn{
    display:none;
  }

  .mobile-menu-toggle{
    display:flex;
  }

  .header-inner{
    flex-wrap:nowrap;
    align-items:center;
  }
}

@media (max-width:768px){

.hero-trust-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.hero-trust-item{
    min-height:60px;
    padding:12px;
}

}

/* MOBILE HERO TRUST */
@media (max-width:768px){




.logoimg { max-width: 170px; height: auto;}

  .hero-trust-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin:0 auto 22px;
  }

  .trust-divider{    display:none;  }

  .hero-trust-item{
    gap:10px;
    padding:5px 5px;
    border:1px solid rgba(212,175,55,.15);
    border-radius:12px;
    background: rgb(33 38 34 / 45%)
  }

  .trust-icon{
    width:36px;
    height:36px;
    font-size:16px;
    flex-shrink:0;
  }

  .hero-trust-item strong{
    display:block;
    font-size:16px;
    line-height:1.2;
    font-weight: 500;
    color: #ebebeb;
  }

  .hero-trust-item small{
    display:block;
    font-size:11px;
    line-height:1.2;
  }

}

.device-info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.device-info-card{
  border-radius:26px;
  padding:28px;
  background:linear-gradient(145deg,#ffffff 0%,#f7f1e4 100%);
  border:1px solid rgba(212,175,55,.16);
  box-shadow:0 18px 50px rgba(7,24,23,.07);
}


.device-info-section { padding: 40px 0px; background: linear-gradient(180deg, #d9e4d9 0%, #d5c8ab 100%);}
.device-info-card span{
  display:inline-flex;
  width:46px;
  height:46px;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:rgb(27 136 138 / 12%);
  color:#0f3d3e;
  font-size:22px;
  margin-bottom:18px;
  font-weight:500;
}

.device-info-card h3{
  color:#0b2725;
  font-size:22px;
  margin-bottom:10px;
}

.device-info-card p{
  color:var(--muted);
  font-size:16px;
  line-height:1.65;
}

@media(max-width:640px){
  .device-info-grid{
    grid-template-columns:1fr;
  }
}


/* LEGAL PAGE */
.legal-hero{
  background:radial-gradient(circle at top right, rgba(212,175,55,.20), transparent 34%),linear-gradient(135deg,#071817,#0F3D3E 55%,#123C3A);
  color:#fff;
  padding:40px 0 40px;
  text-align:center;
}
.legal-hero h1{
  font-size:clamp(38px,5vw,62px);
  line-height:1.05;
  letter-spacing:-2px;
  margin-bottom:18px;
}
.legal-hero p{
  max-width:780px;
  margin:0 auto;
  color:rgba(255,255,255,.78);
  font-size:19px;
}
.legal-section{
  padding:70px 0;
  background:var(--cream-soft);
}
.legal-card{
  max-width:980px;
  margin:0 auto;
  background:#fff;
  border:1px solid rgba(212,175,55,.22);
  border-radius:28px;
  padding:46px;
  box-shadow:var(--shadow);
}
.legal-note{
  padding:18px 20px;
  border-radius:18px;
  background:rgba(15,61,62,.06);
  border:1px solid rgba(15,61,62,.10);
  color:var(--navy);
  font-size:16px;
  margin-bottom:30px;
}
.legal-card h2{
  color:var(--navy);
  font-size:28px;
  line-height:1.2;
  margin:34px 0 12px;
}
.legal-card h2:first-of-type{
  margin-top:0;
}
.legal-card p,
.legal-card li{
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
}
.legal-card ul{
  padding-left:22px;
  margin:12px 0 18px;
}
.legal-card strong{
  color:var(--navy);
}
.legal-card a{
  color:var(--emerald);
  font-weight:800;
}

.legal-updated{
  display:inline-flex;
  margin-bottom:22px;
  padding:8px 125px;
  border-radius:999px;
  background:rgba(212,175,55,.13);
  color:#8b671e;
  font-family:"Inter",sans-serif;
  font-size:20px;
  font-weight:700;
}

@media(max-width:800px){
  .legal-card{padding:28px 20px;border-radius:22px;}
  .legal-section{padding:44px 0;}
  .legal-hero {padding: 30px 0 30px; }
  .legal-hero h1 { font-size: 32px; letter-spacing: 0px;}
  .legal-hero p { font-size: 16px;}
  }





/* ==========================================
   SANOVITACARE ARTICLE TEMPLATE
========================================== */

.svc-article-hero{
  position:relative;
  overflow:hidden;
  padding:40px 0;
  background:
    radial-gradient(circle at 83% 12%, rgba(212, 175, 55, .28) 0%, rgba(212, 175, 55, .12) 15%, transparent 36%),
    radial-gradient(circle at 12% 18%, rgba(212, 175, 55, .22) 0%, rgba(212, 175, 55, .10) 14%, transparent 34%),
    radial-gradient(circle at 14% 68%, rgba(31, 138, 131, .22), transparent 35%),
    linear-gradient(135deg, #031615 0%, #062826 38%, #0c3b37 66%, #253f2f 100%);
  color:#fff;
  text-align:center;
}

.svc-products-hero{position:relative;overflow:hidden;padding:30px 0 54px;background:radial-gradient(circle at 83% 12%,rgba(212,175,55,.28) 0%,rgba(212,175,55,.12) 15%,transparent 36%),radial-gradient(circle at 12% 18%,rgba(212,175,55,.22) 0%,rgba(212,175,55,.10) 14%,transparent 34%),radial-gradient(circle at 14% 68%,rgba(31,138,131,.22),transparent 35%),linear-gradient(135deg,#031615 0%,#062826 38%,#0c3b37 66%,#253f2f 100%);color:#fff}
.svc-products-hero-inner{text-align:center;margin:0 auto}
.svc-products-kicker{display:inline-flex;color:var(--gold-soft);font-family:"Inter",sans-serif;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.svc-products-hero h1{margin:0 auto 18px;font-family:"Playfair Display","Montserrat",serif;font-size:62px;line-height:1.03;color:#fff;letter-spacing:-.025em}
.svc-products-hero h1 span{color:var(--gold-soft)}
.svc-products-hero p{margin:0 auto;color:rgba(255,255,255,.80);font-size:20px;line-height:1.65}
.svc-products-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.svc-product-stat{padding:18px 16px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(212,175,55,.18);backdrop-filter:blur(12px)}
.svc-product-stat strong{display:block;color:#fff;font-size:24px;line-height:1;margin-bottom:6px}
.svc-product-stat small{color:rgba(255,255,255,.72);font-weight:700}
.svc-products-section{padding:70px 0;background:#fff8e9}
.svc-products-toolbar{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:30px}
.svc-products-toolbar h2{color:var(--navy);font-size:42px;line-height:1.1;margin:0 0 8px}
.svc-products-toolbar p{color:var(--muted);font-size:17px;line-height:1.6;margin:0;max-width:650px}
.svc-product-search{min-width:300px;height:54px;border-radius:999px;border:1px solid rgba(212,175,55,.28);background:#fff;padding:0 20px;font-family:"Inter",sans-serif;font-weight:700;color:var(--navy);outline:none;box-shadow:0 14px 35px rgba(11,31,30,.07)}

.svc-product-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}

.svc-product-filter{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(15,61,62,.12);background:#fff;color:#0F3D3E;font-family:"Inter",sans-serif;font-size:14px;font-weight:900;cursor:pointer;transition:.25s ease}
.svc-product-filter:hover,.svc-product-filter.active{color:#071817;border-color:rgba(212,175,55,.35);background:linear-gradient(135deg,#d4af37,#f3d57a);box-shadow:0 14px 26px rgba(212,175,55,.18)}
.svc-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.svc-product-card{display:flex;flex-direction:column;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,#ffffff,#fffaf0);border:1px solid rgba(212,175,55,.22);box-shadow:0 18px 45px rgba(11,31,30,.10);transition:.25s ease}
.svc-product-card:hover{transform:translateY(-6px);box-shadow:0 26px 65px rgba(11,31,30,.16)}
.svc-product-img{position:relative;display:block;background:#F7F1E4;aspect-ratio:1/1;overflow:hidden}
.svc-product-img img{width:100%;height:100%;object-fit:cover;transition:.35s ease}
.svc-product-card:hover .svc-product-img img{transform:scale(1.045)}
.svc-product-img span{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(7,24,23,.78);color:var(--gold-soft);backdrop-filter:blur(10px);font-family:"Inter",sans-serif;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.svc-product-content{display:flex;flex-direction:column;flex:1;padding:18px}
.svc-product-content .rating-row{margin-bottom:10px}
.svc-product-content h3{color:var(--navy);font-size:20px;line-height:1.2;margin:0 0 10px}
.svc-product-content p{color:#4f5f5b;font-size:14.5px;line-height:1.55;margin:0 0 18px}
.svc-product-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:0 16px;border-radius:999px;color:#071817;background:#F7F1E4;border:1px solid rgba(212,175,55,.28);font-weight:700;transition:.25s ease}
.svc-product-btn:hover{background:linear-gradient(135deg,#d4af37,#f3d57a);transform:translateY(-2px)}
.svc-products-bottom-note{margin-top:34px;padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(212,175,55,.22);color:var(--muted);font-size:15px;line-height:1.65}
@media(max-width:1180px){.svc-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:900px){
.svc-products-toolbar{flex-direction:column;align-items:stretch}.svc-product-search{min-width:0;width:100%}
.svc-products-stats{grid-template-columns:repeat(2,1fr)}.svc-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-products-hero h1{font-size:44px}
.svc-product-filters{    display:grid;    grid-template-columns:repeat(3,1fr);    gap:8px;  }
.svc-product-filter{    width:100%;    padding:12px 4px;    font-size:14px;  }
.svc-products-grid{    grid-template-columns:repeat(2,1fr);    gap:12px;  }
.svc-product-content { padding: 10px;}
.svc-product-content p { display: none;}
.svc-product-content h3{color:var(--navy);font-size:18px;line-height:1.2;margin:5px;}
.svc-product-btn { padding: 0px 5px; gap: 4px;}
.rating-row { display: none;}



}

@media(max-width:560px){
  .svc-products-hero{padding:32px 0 32px}
  .svc-products-hero h1{font-size:34px}
  .svc-products-hero p{font-size:18px}
  .svc-products-section{padding:46px 0}
  .svc-products-toolbar h2{font-size:32px}
}

.svc-article-hero span{
  display:inline-flex;
  color:var(--gold-soft);
  font-family:"Inter",sans-serif;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:14px;
}

.svc-article-hero h1{
  margin:0 auto 18px;
  font-size:42px;
  line-height:1.05;
  color:#fff;
}

.svc-article-hero p{
  margin:0 auto;
  color:rgba(255,255,255,.80);
  font-size:20px;
  line-height:1.65;
}

.svc-article-section{
  padding:70px 0;
  background:#fff8e9;
}

.svc-article-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 340px;
  gap:34px;
  align-items:start;
}

.svc-article-main{
  background:#fff;
  border:1px solid rgba(212,175,55,.18);
  border-radius:30px;
  padding:34px;
  box-shadow:var(--shadow);
}

.svc-article-main-img{
  width:100%;
  height:430px;
  object-fit:cover;
  border-radius:24px;
  margin-bottom:28px;
}

.svc-article-main h2{
  color:var(--navy);
  font-size:32px;
  line-height:1.2;
  margin:34px 0 14px;
}

.svc-article-main p{
  color:#364541;
  font-size:18px;
  margin-bottom:18px;
}

.svc-article-intro{
  font-weight:600;
  color:#172b28!important;
  font-size: 20px!important;
}

.svc-article-note{
  padding:20px;
  margin:26px 0;
  border-radius:20px;
  background:#F7F1E4;
  border:1px solid rgba(212,175,55,.24);
}

.svc-article-note strong{
  display:block;
  color:var(--navy);
  margin-bottom:6px;
}

.svc-article-sidebar{
  position:sticky;
  top:112px;
  display:flex;
  flex-direction:column;
  gap:22px;
}

.svc-sidebar-box h3{
  color:var(--navy);
  font-size:22px;
  line-height:1.2;
  margin-bottom:16px;
}

.svc-sidebar-box a{
  display:block;
  padding:12px 0;
  color:#0F3D3E;
  font-weight:800;
  border-bottom:1px solid rgba(15,61,62,.08);
}

.svc-sidebar-product{
  border-bottom:0!important;
  padding:0!important;
}

.svc-sidebar-product img{
  border-radius:18px;
  margin-bottom:14px;
}

.svc-sidebar-product strong{
  display:block;
  color:var(--navy);
  font-size:18px;
  line-height:1.25;
  font-weight:700;
}

.svc-sidebar-product small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}

.svc-product-feature{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:24px;
  align-items:center;
  margin:40px 0;
  padding:15px;
  border-radius:26px;
  background:linear-gradient(135deg,#071817,#0F3D3E);
  color:#fff;
  box-shadow:0 24px 60px rgba(7,24,23,.18);
}

.svc-product-feature span{
  color:var(--gold-soft);
  font-family:"Inter",sans-serif;
  font-size:16px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.svc-product-feature h2{
  color:#fff;
  margin:10px 0 12px;
}

.svc-product-feature p{
  color:rgba(255,255,255,.78);
}

.svc-product-feature > div > a{
  display:inline-flex;
  margin-top:8px;
  color:var(--gold-soft);
  font-weight:700;
}

.svc-feature-product-card{
  display:block;
  padding:14px;
  border-radius:22px;
  background:#fff;
  color:var(--navy);
  border:1px solid rgba(212,175,55,.22);
}

.svc-feature-product-card h3{
  font-size:20px;
  line-height:1.2;
  margin:14px 0 10px;
  color:var(--navy);
}

.svc-share-box{
  margin-top:40px;
  padding:15px;
  border-radius:24px;
  background:#F7F1E4;
  border:1px solid rgba(212,175,55,.24);
}

.svc-share-box h3{
  margin-bottom:18px;
  color:var(--navy);
  font-size:24px;
}

.svc-share-box button,
.svc-share-fallback a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:140px;
  height:48px;
  padding:0 10px;
  border-radius:999px;
  font-weight:800;
  font-size:15px;
  text-decoration:none;
  transition:.25s ease;
}

.svc-share-box button{
  border:0;
  cursor:pointer;
  background:linear-gradient(135deg,#d4af37,#f3d57a);
  color:#071817;
}

.svc-share-box button:hover,
.svc-share-fallback a:hover{
  transform:translateY(-2px);
}

.svc-share-box button:hover{
  box-shadow:0 12px 24px rgba(212,175,55,.25);
}

.svc-share-fallback{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
}

.svc-share-fallback a{
  padding:10px 16px;
  border-radius:999px;
  background:#fff;
  color:var(--navy);
  font-weight:800;
}

.svc-share-fallback a.facebook{
  background:#1877F2;
  color:#fff;
}

.svc-share-fallback a.twitter{
  background:#111;
  color:#fff;
}

.svc-share-fallback a.email{
  background:#0F3D3E;
  color:#fff;
}

.svc-share-fallback a.instagram{
  background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCAF45);
  color:#fff;
}

.svc-share-fallback a:hover{
  opacity:.92;
}

.svc-next-articles{
  padding:40px 0;
  background:var(--cream);
}

.svc-next-articles h2{
  text-align:center;
  color:var(--navy);
  font-size:32px;
  margin-bottom:20px;
}

@media(max-width:980px){
  .svc-article-layout{
    grid-template-columns:1fr;
  }

  .svc-article-sidebar{
    position:static;
  }

  .svc-product-feature{
    grid-template-columns:1fr;
  }

  .svc-article-hero h1{
    font-size:42px;
  }
}

@media(max-width:640px){
  .svc-article-section{
    padding:44px 0;
  }

  .svc-article-main{
    padding:15px;
  }

  .svc-article-main-img{
    height:260px;
  }

  .svc-article-hero{
    padding:40px 0;
  }

  .svc-article-hero h1{
    font-size:34px;
  }

  .svc-article-hero p{
    font-size:17px;
  }

  .svc-share-fallback{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
  }

  .svc-share-fallback a,
  .svc-share-fallback button{
    width:100%;
    justify-content:center;
    text-align:center;
    min-height:44px;
  }
}