/* trendnovae responsive v6 — filter + PDP visual refinement
   UI only. No data or business logic changes. */
:root{
  --tn6-deep:#0f6f6b;
  --tn6-deep-2:#0a5754;
  --tn6-ink:#103b39;
  --tn6-muted:#6f817e;
  --tn6-line:#d8e7e4;
  --tn6-soft:#f4f8f7;
  --tn6-soft-2:#edf5f3;
  --tn6-white:#fff;
  --tn6-shadow:0 16px 44px rgba(19,66,63,.08);
}

/* =========================================================
   v7.23 - Restore split hero, deepen readable overlay, keep banner complete
   ========================================================= */
html body[data-page="home"] .ferovixe-home-hero.ferovixe-base-hero {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(26px, 4vw, 54px) 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: #eef7f5 !important;
  border-radius: 0 !important;
}

html body[data-page="home"] .ferovixe-home-hero > .container {
  width: min(100% - 32px, 1280px) !important;
  max-width: 1280px !important;
  height: auto !important;
  padding: 0 !important;
  margin-inline: auto !important;
}

html body[data-page="home"] .ferovixe-base-hero-grid {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
  align-items: stretch !important;
  gap: clamp(18px, 2.4vw, 34px) !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(18px, 2.4vw, 34px) !important;
  overflow: visible !important;
  border-radius: 28px !important;
  background: rgba(238, 247, 245, .78) !important;
  box-shadow: 0 22px 54px rgba(21, 95, 93, .10) !important;
}

html body[data-page="home"] .ferovixe-base-hero-media {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 22px !important;
  overflow: visible !important;
  background: transparent !important;
}

html body[data-page="home"] .ferovixe-base-media-frame {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: clamp(300px, 35vw, 520px) !important;
  aspect-ratio: 16 / 10 !important;
  padding: clamp(14px, 2vw, 26px) !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 22px !important;
  border: 1px solid rgba(21, 95, 93, .12) !important;
  background: rgba(227, 239, 236, .72) !important;
  overflow: hidden !important;
}

html body[data-page="home"] .ferovixe-base-media-frame img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

html body[data-page="home"] .ferovixe-base-hero-media::before,
html body[data-page="home"] .ferovixe-base-hero-media::after,
html body[data-page="home"] .ferovixe-base-media-frame::before,
html body[data-page="home"] .ferovixe-base-media-frame::after,
html body[data-page="home"] .ferovixe-base-media-label {
  content: none !important;
  display: none !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: clamp(26px, 4vw, 56px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  border-radius: 22px !important;
  background: rgba(42, 82, 79, .76) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-align: left !important;
  overflow: hidden !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  border-radius: inherit !important;
  background: linear-gradient(135deg, rgba(36, 74, 71, .82), rgba(86, 124, 120, .55)) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

html body[data-page="home"] .ferovixe-base-eyebrow,
html body[data-page="home"] .ferovixe-base-hero-copy h1,
html body[data-page="home"] .ferovixe-base-hero-copy h1 em,
html body[data-page="home"] .ferovixe-base-hero-copy p {
  max-width: 100% !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .20) !important;
  overflow-wrap: anywhere !important;
}

html body[data-page="home"] .ferovixe-base-eyebrow {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: rgba(15, 77, 74, .68) !important;
  letter-spacing: .12em !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy h1 {
  max-width: 660px !important;
  margin: 14px 0 18px !important;
  font-size: clamp(42px, 5.4vw, 76px) !important;
  line-height: 1.02 !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy p {
  max-width: 600px !important;
  font-size: clamp(15px, 1.15vw, 18px) !important;
  line-height: 1.75 !important;
}

html body[data-page="home"] .ferovixe-base-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin-top: 14px !important;
}

html body[data-page="home"] .ferovixe-base-primary,
html body[data-page="home"] .ferovixe-base-link {
  min-width: 150px !important;
  min-height: 46px !important;
}

html body[data-page="home"] .ferovixe-base-primary {
  background: #155f5d !important;
  border-color: #155f5d !important;
  color: #ffffff !important;
}

html body[data-page="home"] .ferovixe-base-link {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .45) !important;
}

html body[data-page="home"] .ferovixe-base-hero-notes {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 620px !important;
  margin-top: 18px !important;
}

html body[data-page="home"] .ferovixe-base-hero-notes span {
  flex: 1 1 220px !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  background: rgba(42, 82, 79, .58) !important;
  color: #ffffff !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 900px) {
  html body[data-page="home"] .ferovixe-base-hero-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  html body[data-page="home"] .ferovixe-home-hero.ferovixe-base-hero {
    padding: 18px 0 26px !important;
  }

  html body[data-page="home"] .ferovixe-home-hero > .container {
    width: min(100% - 24px, 560px) !important;
    max-width: calc(100% - 24px) !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-grid {
    gap: 14px !important;
    padding: 14px !important;
    border-radius: 22px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy {
    padding: 22px 18px !important;
    border-radius: 18px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy h1 {
    margin: 10px 0 12px !important;
    font-size: clamp(34px, 9.6vw, 43px) !important;
    line-height: 1.05 !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  html body[data-page="home"] .ferovixe-base-primary,
  html body[data-page="home"] .ferovixe-base-link {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-notes {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  html body[data-page="home"] .ferovixe-base-media-frame {
    min-height: 0 !important;
    aspect-ratio: 16 / 11 !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 360px) {
  html body[data-page="home"] .ferovixe-base-hero-grid {
    padding: 10px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy {
    padding: 20px 14px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy h1 {
    font-size: 31px !important;
  }
}

/* ---------- SHOP FILTER: compact editorial filter board ---------- */
html body[data-page="shop"] .tn-filter-deck{
  overflow:hidden!important;
  border:1px solid var(--tn6-line)!important;
  border-radius:24px!important;
  background:var(--tn6-white)!important;
  box-shadow:var(--tn6-shadow)!important;
}
html body[data-page="shop"] .tn-filter-title{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,360px)!important;
  align-items:end!important;
  gap:24px!important;
  padding:26px 28px 22px!important;
  border-bottom:1px solid var(--tn6-line)!important;
  background:linear-gradient(135deg,#fff 0%,#f7fbfa 100%)!important;
}
html body[data-page="shop"] .tn-filter-title>span{
  grid-column:1/-1!important;
  margin:0 0 -12px!important;
  color:var(--tn6-deep)!important;
  font:800 11px/1.2 Manrope,Arial,sans-serif!important;
  letter-spacing:.16em!important;
}
html body[data-page="shop"] .tn-filter-title h2{
  margin:0!important;
  color:var(--tn6-ink)!important;
  font-size:clamp(28px,2.6vw,38px)!important;
  line-height:1.05!important;
}
html body[data-page="shop"] .tn-filter-title p{
  margin:0!important;
  color:var(--tn6-muted)!important;
  text-align:right!important;
  font-size:13px!important;
  line-height:1.55!important;
}
html body[data-page="shop"] .tn-filter-body{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(190px,.75fr) minmax(0,1.35fr) minmax(0,1fr)!important;
  gap:12px!important;
  padding:16px!important;
  background:#f6f9f8!important;
}
html body[data-page="shop"] .tn-filter-block,
html body[data-page="shop"] .ferovixe-filter-group{
  height:auto!important;
  min-height:178px!important;
  max-height:none!important;
  padding:16px!important;
  overflow:visible!important;
  border:1px solid #e0ebe8!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(20,74,70,.035)!important;
}
html body[data-page="shop"] .tn-filter-block-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 12px!important;
}
html body[data-page="shop"] .tn-filter-block h3,
html body[data-page="shop"] .tn-filter-block-head h3{
  margin:0 0 12px!important;
  color:var(--tn6-ink)!important;
  font:800 11px/1.2 Manrope,Arial,sans-serif!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
html body[data-page="shop"] .tn-filter-block-head h3{margin:0!important}
html body[data-page="shop"] #clear-filters{
  flex:0 0 auto!important;
  min-height:30px!important;
  padding:0 11px!important;
  border:1px solid var(--tn6-line)!important;
  border-radius:999px!important;
  background:var(--tn6-soft)!important;
  color:var(--tn6-deep)!important;
  font-size:11px!important;
  font-weight:800!important;
}
html body[data-page="shop"] .tn-filter-chips,
html body[data-page="shop"] .tn-option-grid,
html body[data-page="shop"] .ferovixe-check-list,
html body[data-page="shop"] .ferovixe-size-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  gap:7px!important;
  width:100%!important;
  height:auto!important;
  max-height:116px!important;
  overflow:auto!important;
  padding:0 4px 0 0!important;
  margin:0!important;
  scrollbar-width:thin!important;
  scrollbar-color:#b8d3ce transparent!important;
}
html body[data-page="shop"] .tn-filter-chips label,
html body[data-page="shop"] .tn-option-grid label,
html body[data-page="shop"] .ferovixe-check-list label,
html body[data-page="shop"] .ferovixe-size-grid label{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}
html body[data-page="shop"] .tn-filter-chips label span,
html body[data-page="shop"] .tn-option-grid label span,
html body[data-page="shop"] .ferovixe-check-list label span,
html body[data-page="shop"] .ferovixe-size-grid label span{
  width:auto!important;
  min-height:34px!important;
  max-width:220px!important;
  padding:7px 11px!important;
  border:1px solid #dce9e6!important;
  border-radius:10px!important;
  background:#fbfdfc!important;
  color:#234b48!important;
  font-size:11px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
}
html body[data-page="shop"] .tn-filter-chips input:checked + span,
html body[data-page="shop"] .tn-option-grid input:checked + span,
html body[data-page="shop"] .ferovixe-check-list input:checked + span,
html body[data-page="shop"] .ferovixe-size-grid input:checked + span{
  background:var(--tn6-deep)!important;
  border-color:var(--tn6-deep)!important;
  color:#fff!important;
}
html body[data-page="shop"] .tn-select{position:relative!important;width:100%!important}
html body[data-page="shop"] .tn-select select{
  width:100%!important;
  height:46px!important;
  padding:0 42px 0 13px!important;
  border:1px solid #dce9e6!important;
  border-radius:12px!important;
  background:#fbfdfc!important;
  color:var(--tn6-ink)!important;
  font-size:12px!important;
  font-weight:700!important;
  outline:none!important;
  box-shadow:none!important;
}
html body[data-page="shop"] .tn-filter-apply{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
  min-height:46px!important;
  margin:0!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--tn6-deep)!important;
  color:#fff!important;
  justify-content:center!important;
  font-weight:800!important;
  box-shadow:0 8px 18px rgba(15,111,107,.16)!important;
}
html body[data-page="shop"] .tn-filter-apply:hover{background:var(--tn6-deep-2)!important}

@media(max-width:1100px){
  html body[data-page="shop"] .tn-filter-body{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  html body[data-page="shop"] .tn-filter-deck{border-radius:18px!important}
  html body[data-page="shop"] .tn-filter-title{display:block!important;padding:20px 16px 16px!important}
  html body[data-page="shop"] .tn-filter-title>span{display:block!important;margin:0 0 8px!important}
  html body[data-page="shop"] .tn-filter-title h2{font-size:28px!important}
  html body[data-page="shop"] .tn-filter-title p{margin-top:8px!important;text-align:left!important;font-size:12px!important}
  html body[data-page="shop"] .tn-filter-body{grid-template-columns:1fr!important;padding:10px!important;gap:9px!important}
  html body[data-page="shop"] .tn-filter-block,
  html body[data-page="shop"] .ferovixe-filter-group{min-height:0!important;padding:14px!important;border-radius:14px!important}
  html body[data-page="shop"] .tn-filter-chips,
  html body[data-page="shop"] .tn-option-grid,
  html body[data-page="shop"] .ferovixe-check-list,
  html body[data-page="shop"] .ferovixe-size-grid{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-height:none!important;
    padding-bottom:4px!important;
  }
  html body[data-page="shop"] .tn-filter-chips label span,
  html body[data-page="shop"] .tn-option-grid label span,
  html body[data-page="shop"] .ferovixe-check-list label span,
  html body[data-page="shop"] .ferovixe-size-grid label span{max-width:180px!important}
}

/* ---------- PDP: calmer editorial product information layout ---------- */
html body[data-page="pdp"] .tn-pdp-page{background:#f4f8f7!important}
html body[data-page="pdp"] .tn-pdp-identity{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid var(--tn6-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(22,73,69,.055)!important;
}
html body[data-page="pdp"] .tn-pdp-identity:before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:5px!important;
  background:var(--tn6-deep)!important;
}
html body[data-page="pdp"] .tn-pdp-identity h1{color:#123f3c!important;letter-spacing:-.025em!important}
html body[data-page="pdp"] .tn-pdp-rating{color:var(--tn6-deep)!important}
html body[data-page="pdp"] .tn-pdp-meta span{
  border:1px solid var(--tn6-line)!important;
  background:#f8fbfa!important;
  color:#42615e!important;
}
html body[data-page="pdp"] .tn-pdp-price{
  padding:18px 20px!important;
  border-left:1px solid var(--tn6-line)!important;
  border-radius:0!important;
  background:transparent!important;
}
html body[data-page="pdp"] .tn-pdp-price .current-price{color:var(--tn6-deep)!important}
html body[data-page="pdp"] .tn-pdp-price .discount-badge{
  border:1px solid #9fc9c3!important;
  background:var(--tn6-soft-2)!important;
  color:var(--tn6-deep)!important;
  box-shadow:none!important;
}
html body[data-page="pdp"] .tn-pdp-price .save-amount{color:#466763!important}

html body[data-page="pdp"] .tn-pdp-showcase{
  margin-top:18px!important;
  align-items:stretch!important;
}
html body[data-page="pdp"] .tn-pdp-gallery{
  border:1px solid var(--tn6-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(22,73,69,.055)!important;
}
html body[data-page="pdp"] .tn-pdp-gallery-main{
  overflow:hidden!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#f8fbfa,#eef5f3)!important;
}
html body[data-page="pdp"] .tn-pdp-gallery-main img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
html body[data-page="pdp"] .tn-pdp-thumbnails>*{
  border:1px solid #dce9e6!important;
  border-radius:10px!important;
  background:#fff!important;
  overflow:hidden!important;
}
html body[data-page="pdp"] .tn-pdp-thumbnails img{width:100%!important;height:100%!important;object-fit:cover!important}
html body[data-page="pdp"] .tn-pdp-trust{
  gap:8px!important;
  padding-top:12px!important;
  border-top:1px solid var(--tn6-line)!important;
}
html body[data-page="pdp"] .tn-pdp-trust span{
  min-height:42px!important;
  border:1px solid #dce9e6!important;
  border-radius:12px!important;
  background:#fbfdfc!important;
  color:#28514e!important;
}

html body[data-page="pdp"] .tn-pdp-purchase{
  position:sticky!important;
  top:94px!important;
  align-self:start!important;
  min-height:100%!important;
  padding:28px!important;
  border:1px solid var(--tn6-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  color:var(--tn6-ink)!important;
  box-shadow:0 12px 34px rgba(22,73,69,.065)!important;
}
html body[data-page="pdp"] .tn-pdp-purchase:before{
  content:"ORDER OPTIONS"!important;
  display:inline-flex!important;
  min-height:28px!important;
  align-items:center!important;
  padding:0 10px!important;
  margin:0 0 16px!important;
  border-radius:999px!important;
  background:var(--tn6-soft-2)!important;
  color:var(--tn6-deep)!important;
  font:800 10px/1 Manrope,Arial,sans-serif!important;
  letter-spacing:.14em!important;
}
html body[data-page="pdp"] .tn-pdp-purchase>.tn-eyebrow{display:none!important}
html body[data-page="pdp"] .tn-pdp-purchase h2{
  margin:0 0 10px!important;
  color:#123f3c!important;
  font-size:clamp(28px,2.4vw,38px)!important;
  line-height:1.08!important;
}
html body[data-page="pdp"] .tn-pdp-purchase-note{
  margin:0 0 20px!important;
  color:#6b7f7c!important;
  font-size:13px!important;
  line-height:1.6!important;
}
html body[data-page="pdp"] .tn-pdp-stock{
  margin:0 0 14px!important;
  padding:14px!important;
  border:1px solid #dce9e6!important;
  border-radius:14px!important;
  background:#f8fbfa!important;
  color:#244c49!important;
}
html body[data-page="pdp"] .tn-pdp-stock-row{color:#244c49!important}
html body[data-page="pdp"] .tn-pdp-stock-track{background:#dce9e6!important}
html body[data-page="pdp"] .tn-pdp-stock-track span{background:var(--tn6-deep)!important}
html body[data-page="pdp"] .tn-pdp-quantity{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0!important;
  padding:16px 0!important;
  border-top:1px solid var(--tn6-line)!important;
  border-bottom:1px solid var(--tn6-line)!important;
}
html body[data-page="pdp"] .tn-pdp-quantity>div:first-child>span{
  color:#244c49!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
html body[data-page="pdp"] .tn-pdp-qty{
  overflow:hidden!important;
  border:1px solid #d9e7e4!important;
  border-radius:12px!important;
  background:#fff!important;
}
html body[data-page="pdp"] .tn-pdp-qty button,
html body[data-page="pdp"] .tn-pdp-qty input{
  height:40px!important;
  border:0!important;
  background:#fff!important;
  color:var(--tn6-ink)!important;
}
html body[data-page="pdp"] .tn-pdp-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:16px!important}
html body[data-page="pdp"] .tn-pdp-buy,
html body[data-page="pdp"] .tn-pdp-add{
  width:100%!important;
  min-height:48px!important;
  border-radius:12px!important;
  font-weight:800!important;
}
html body[data-page="pdp"] .tn-pdp-buy{background:var(--tn6-deep)!important;border:1px solid var(--tn6-deep)!important;color:#fff!important}
html body[data-page="pdp"] .tn-pdp-add{background:#fff!important;border:1px solid var(--tn6-deep)!important;color:var(--tn6-deep)!important}
html body[data-page="pdp"] .tn-pdp-buy span,
html body[data-page="pdp"] .tn-pdp-buy i{color:#fff!important}
html body[data-page="pdp"] .tn-pdp-add span,
html body[data-page="pdp"] .tn-pdp-add i{color:var(--tn6-deep)!important}
html body[data-page="pdp"] .tn-pdp-hidden-desc{display:none!important}
html body[data-page="pdp"] .tn-pdp-service-note{
  margin-top:18px!important;
  padding:14px 0 0!important;
  border-top:1px solid var(--tn6-line)!important;
  color:#6d817e!important;
}
html body[data-page="pdp"] .tn-pdp-service-note strong{display:block!important;margin-bottom:4px!important;color:#244c49!important}

/* lower product info section also simplified */
html body[data-page="pdp"] .tn-pdp-specs,
html body[data-page="pdp"] .tn-pdp-features,
html body[data-page="pdp"] .tn-pdp-reviews,
html body[data-page="pdp"] .tn-pdp-related{
  border:1px solid var(--tn6-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(22,73,69,.045)!important;
}
html body[data-page="pdp"] .tn-pdp-spec-list>*{
  border:1px solid #e1ebe9!important;
  border-radius:12px!important;
  background:#f9fbfb!important;
}

@media(max-width:980px){
  html body[data-page="pdp"] .tn-pdp-purchase{position:static!important;top:auto!important;min-height:0!important}
  html body[data-page="pdp"] .tn-pdp-price{border-left:0!important;border-top:1px solid var(--tn6-line)!important;padding:16px 0 0!important}
}
@media(max-width:640px){
  html body[data-page="pdp"] .tn-pdp-page{padding-top:10px!important}
  html body[data-page="pdp"] .tn-pdp-identity{padding:16px 16px 18px!important;border-radius:16px!important}
  html body[data-page="pdp"] .tn-pdp-showcase{gap:12px!important;margin-top:12px!important}
  html body[data-page="pdp"] .tn-pdp-gallery,
  html body[data-page="pdp"] .tn-pdp-purchase{border-radius:16px!important}
  html body[data-page="pdp"] .tn-pdp-purchase{padding:18px 16px!important}
  html body[data-page="pdp"] .tn-pdp-purchase h2{font-size:27px!important}
  html body[data-page="pdp"] .tn-pdp-quantity{align-items:flex-end!important}
  html body[data-page="pdp"] .tn-pdp-qty{flex:0 0 auto!important}
}

/* =========================================================
   v7 refinement — compact Shop filters + PDP price in order card
   Only layout / visual overrides. Business logic unchanged.
   ========================================================= */

/* SHOP: reduce filter board vertical footprint */
html body[data-page="shop"] .tn-filter-deck{
  border-radius:20px!important;
}
html body[data-page="shop"] .tn-filter-title{
  grid-template-columns:minmax(0,1fr) minmax(180px,300px)!important;
  gap:14px 20px!important;
  padding:18px 22px 15px!important;
}
html body[data-page="shop"] .tn-filter-title>span{
  margin:0 0 -7px!important;
  font-size:9px!important;
}
html body[data-page="shop"] .tn-filter-title h2{
  font-size:clamp(24px,2vw,31px)!important;
  line-height:1.08!important;
}
html body[data-page="shop"] .tn-filter-title p{
  font-size:11px!important;
  line-height:1.45!important;
}
html body[data-page="shop"] .tn-filter-body{
  grid-template-columns:minmax(0,1.1fr) minmax(150px,.62fr) minmax(0,1.25fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:9px!important;
  padding:10px!important;
}
html body[data-page="shop"] .tn-filter-block,
html body[data-page="shop"] .ferovixe-filter-group{
  min-height:0!important;
  height:112px!important;
  padding:12px!important;
  border-radius:14px!important;
}
html body[data-page="shop"] .tn-filter-block h3,
html body[data-page="shop"] .tn-filter-block-head h3{
  margin-bottom:8px!important;
  font-size:9px!important;
  letter-spacing:.09em!important;
}
html body[data-page="shop"] .tn-filter-block-head{
  margin-bottom:8px!important;
}
html body[data-page="shop"] #clear-filters{
  min-height:25px!important;
  padding:0 8px!important;
  font-size:9px!important;
}
html body[data-page="shop"] .tn-filter-chips,
html body[data-page="shop"] .tn-option-grid,
html body[data-page="shop"] .ferovixe-check-list,
html body[data-page="shop"] .ferovixe-size-grid{
  gap:5px!important;
  max-height:70px!important;
}
html body[data-page="shop"] .tn-filter-chips label span,
html body[data-page="shop"] .tn-option-grid label span,
html body[data-page="shop"] .ferovixe-check-list label span,
html body[data-page="shop"] .ferovixe-size-grid label span{
  min-height:28px!important;
  max-width:170px!important;
  padding:5px 8px!important;
  border-radius:8px!important;
  font-size:9px!important;
}
html body[data-page="shop"] .tn-select select{
  height:38px!important;
  padding:0 36px 0 11px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
html body[data-page="shop"] .tn-filter-apply{
  min-height:38px!important;
  border-radius:11px!important;
  font-size:11px!important;
}

@media (max-width:1100px){
  html body[data-page="shop"] .tn-filter-body{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body[data-page="shop"] .tn-filter-block,
  html body[data-page="shop"] .ferovixe-filter-group{
    height:104px!important;
  }
}
@media (max-width:700px){
  html body[data-page="shop"] .tn-filter-title{
    padding:15px 14px 12px!important;
  }
  html body[data-page="shop"] .tn-filter-title h2{
    font-size:23px!important;
  }
  html body[data-page="shop"] .tn-filter-title p{
    margin-top:5px!important;
  }
  html body[data-page="shop"] .tn-filter-body{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:8px!important;
  }
  html body[data-page="shop"] .tn-filter-block,
  html body[data-page="shop"] .ferovixe-filter-group{
    height:auto!important;
    min-height:74px!important;
    padding:11px!important;
  }
  html body[data-page="shop"] .tn-filter-chips,
  html body[data-page="shop"] .tn-option-grid,
  html body[data-page="shop"] .ferovixe-check-list,
  html body[data-page="shop"] .ferovixe-size-grid{
    max-height:none!important;
    padding-bottom:2px!important;
  }
  html body[data-page="shop"] .tn-filter-apply{
    min-height:42px!important;
  }
}

/* PDP: title area is now dedicated to identity; price sits inside order card */
html body[data-page="pdp"] .tn-pdp-identity{
  display:block!important;
}
html body[data-page="pdp"] .tn-pdp-identity-main{
  width:100%!important;
  max-width:none!important;
  padding-right:0!important;
}
html body[data-page="pdp"] .tn-pdp-price-in-purchase{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:6px 12px!important;
  width:100%!important;
  margin:0 0 16px!important;
  padding:15px 0 16px!important;
  border:0!important;
  border-top:1px solid var(--tn6-line)!important;
  border-bottom:1px solid var(--tn6-line)!important;
  background:transparent!important;
}
html body[data-page="pdp"] .tn-pdp-price-in-purchase .current-price{
  order:0!important;
  flex:1 0 100%!important;
  margin:0!important;
  color:var(--tn6-deep)!important;
  font-size:clamp(30px,2.35vw,38px)!important;
  line-height:1!important;
  text-align:left!important;
}
html body[data-page="pdp"] .tn-pdp-price-in-purchase .original-price,
html body[data-page="pdp"] .tn-pdp-price-in-purchase .discount-badge,
html body[data-page="pdp"] .tn-pdp-price-in-purchase .save-amount{
  margin:0!important;
  font-size:11px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
html body[data-page="pdp"] .tn-pdp-price-in-purchase .original-price{
  color:#7b8d8a!important;
}
html body[data-page="pdp"] .tn-pdp-price-in-purchase .discount-badge{
  padding:6px 9px!important;
  border-radius:999px!important;
}
html body[data-page="pdp"] .tn-pdp-purchase-note{
  margin-bottom:14px!important;
}
html body[data-page="pdp"] .tn-pdp-stock{
  margin-top:0!important;
}

@media (max-width:980px){
  html body[data-page="pdp"] .tn-pdp-price-in-purchase{
    border-top:1px solid var(--tn6-line)!important;
    padding-top:14px!important;
  }
}
@media (max-width:640px){
  html body[data-page="pdp"] .tn-pdp-price-in-purchase{
    gap:8px!important;
    padding:14px 0!important;
  }
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .current-price{
    font-size:31px!important;
  }
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .original-price,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .discount-badge,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .save-amount{
    font-size:10px!important;
  }
}

/* =========================================================
   v7.1 Shop spacing + compact filter cleanup
   UI-only override. No HTML/JS/business logic changes.
   ========================================================= */

/* The legacy furniture stylesheet forces 34px with a more specific selector.
   Override it here using the final responsive stylesheet and the same/higher specificity. */
html body[data-page="shop"] main.ferovixe-shop-page{
  padding-top:112px!important;
}

/* Keep the filter board visually lighter and reduce its vertical footprint. */
html body[data-page="shop"] .tn-shop-workspace{
  padding-top:14px!important;
}
html body[data-page="shop"] .tn-filter-deck{
  margin-bottom:18px!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(19,66,63,.055)!important;
}
html body[data-page="shop"] .tn-filter-title{
  grid-template-columns:minmax(0,1fr) minmax(180px,280px)!important;
  gap:10px 18px!important;
  padding:14px 18px 12px!important;
}
html body[data-page="shop"] .tn-filter-title>span{
  margin:0 0 -5px!important;
  font-size:8px!important;
}
html body[data-page="shop"] .tn-filter-title h2{
  font-size:clamp(22px,1.8vw,28px)!important;
}
html body[data-page="shop"] .tn-filter-title p{
  font-size:10px!important;
  line-height:1.4!important;
}
html body[data-page="shop"] .tn-filter-body{
  grid-template-columns:minmax(0,1.08fr) minmax(140px,.62fr) minmax(0,1.2fr) minmax(0,.95fr)!important;
  gap:8px!important;
  padding:8px!important;
  background:#f7faf9!important;
}
html body[data-page="shop"] .tn-filter-block,
html body[data-page="shop"] .ferovixe-filter-group{
  height:96px!important;
  min-height:96px!important;
  max-height:96px!important;
  padding:10px!important;
  border:1px solid #e2ece9!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body[data-page="shop"] .tn-filter-block-head{
  gap:8px!important;
  margin-bottom:6px!important;
}
html body[data-page="shop"] .tn-filter-block h3,
html body[data-page="shop"] .tn-filter-block-head h3{
  margin:0 0 6px!important;
  font-size:8px!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
}
html body[data-page="shop"] .tn-filter-block-head h3{margin:0!important}
html body[data-page="shop"] #clear-filters{
  min-height:24px!important;
  padding:0 8px!important;
  border:0!important;
  background:var(--tn6-soft)!important;
  font-size:9px!important;
}

/* One visual layer per option: the label/input are fully neutral,
   and only the text span draws the selectable chip. */
html body[data-page="shop"] .tn-filter-chips,
html body[data-page="shop"] .tn-option-grid,
html body[data-page="shop"] .ferovixe-check-list,
html body[data-page="shop"] .ferovixe-size-grid{
  gap:5px!important;
  max-height:54px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body[data-page="shop"] .tn-filter-chips label,
html body[data-page="shop"] .tn-option-grid label,
html body[data-page="shop"] .ferovixe-check-list label,
html body[data-page="shop"] .ferovixe-size-grid label{
  position:relative!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body[data-page="shop"] .tn-filter-chips input,
html body[data-page="shop"] .tn-option-grid input,
html body[data-page="shop"] .ferovixe-check-list input,
html body[data-page="shop"] .ferovixe-size-grid input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html body[data-page="shop"] .tn-filter-chips label span,
html body[data-page="shop"] .tn-option-grid label span,
html body[data-page="shop"] .ferovixe-check-list label span,
html body[data-page="shop"] .ferovixe-size-grid label span{
  width:auto!important;
  min-width:0!important;
  min-height:24px!important;
  max-width:150px!important;
  padding:4px 7px!important;
  margin:0!important;
  border:1px solid #dbe8e5!important;
  border-radius:7px!important;
  outline:0!important;
  background:#fff!important;
  box-shadow:none!important;
  font-size:8px!important;
  line-height:1.15!important;
}
html body[data-page="shop"] .tn-select{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body[data-page="shop"] .tn-select select{
  height:34px!important;
  padding:0 32px 0 10px!important;
  border:1px solid #dbe8e5!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
  font-size:9px!important;
}
html body[data-page="shop"] .tn-filter-apply{
  min-height:34px!important;
  width:auto!important;
  min-width:150px!important;
  justify-self:start!important;
  margin:0!important;
  padding:0 18px!important;
  border-radius:9px!important;
  font-size:10px!important;
  box-shadow:none!important;
}
html body[data-page="shop"] .tn-results-toolbar{
  margin-top:18px!important;
}

@media(max-width:1100px){
  html body[data-page="shop"] main.ferovixe-shop-page{
    padding-top:96px!important;
  }
  html body[data-page="shop"] .tn-filter-body{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body[data-page="shop"] .tn-filter-block,
  html body[data-page="shop"] .ferovixe-filter-group{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
  }
}

@media(max-width:700px){
  html body[data-page="shop"] main.ferovixe-shop-page{
    padding-top:76px!important;
  }
  html body[data-page="shop"] .tn-shop-intro{
    padding-top:14px!important;
  }
  html body[data-page="shop"] .tn-filter-title{
    display:block!important;
    padding:12px 12px 10px!important;
  }
  html body[data-page="shop"] .tn-filter-title>span{
    margin-bottom:6px!important;
  }
  html body[data-page="shop"] .tn-filter-title h2{
    font-size:21px!important;
  }
  html body[data-page="shop"] .tn-filter-title p{
    margin-top:4px!important;
  }
  html body[data-page="shop"] .tn-filter-body{
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:6px!important;
  }
  html body[data-page="shop"] .tn-filter-block,
  html body[data-page="shop"] .ferovixe-filter-group{
    height:auto!important;
    min-height:62px!important;
    max-height:none!important;
    padding:9px!important;
  }
  html body[data-page="shop"] .tn-filter-chips,
  html body[data-page="shop"] .tn-option-grid,
  html body[data-page="shop"] .ferovixe-check-list,
  html body[data-page="shop"] .ferovixe-size-grid{
    flex-wrap:nowrap!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-bottom:2px!important;
  }
  html body[data-page="shop"] .tn-filter-chips label span,
  html body[data-page="shop"] .tn-option-grid label span,
  html body[data-page="shop"] .ferovixe-check-list label span,
  html body[data-page="shop"] .ferovixe-size-grid label span{
    max-width:145px!important;
    min-height:26px!important;
    font-size:8px!important;
  }
  html body[data-page="shop"] .tn-filter-apply{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    justify-self:stretch!important;
  }
}

/* =========================================================
   v7.2 Price / footer copy / home content width refinement
   UI-only override. No HTML/JS/business logic changes.
   ========================================================= */

/* Product card prices: improve price hierarchy across home/shop/list cards. */
html body .base-card-price{
  font-size:22px!important;
  line-height:1.08!important;
  font-weight:800!important;
}
html body .base-card-old-price{
  font-size:13px!important;
  line-height:1.2!important;
}

/* PDP price: make the selling price easier to scan without changing markup. */
html body[data-page="pdp"] .tn-pdp-price-in-purchase .current-price,
html body[data-page="pdp"] .tn-pdp-price .current-price{
  font-size:clamp(36px,3vw,46px)!important;
  line-height:1!important;
  font-weight:800!important;
}
html body[data-page="pdp"] .tn-pdp-price-in-purchase .original-price,
html body[data-page="pdp"] .tn-pdp-price .original-price{
  font-size:14px!important;
}
html body[data-page="pdp"] .tn-pdp-price-in-purchase .discount-badge,
html body[data-page="pdp"] .tn-pdp-price .discount-badge,
html body[data-page="pdp"] .tn-pdp-price-in-purchase .save-amount,
html body[data-page="pdp"] .tn-pdp-price .save-amount{
  font-size:12px!important;
}

/* Footer brand description: darker for better readability on the dark footer. */
html body .base-footer .base-footer-brand-col p{
  color:#93aaa4!important;
}

/* Home: align these visual blocks with the footer's 1120px content width. */
html body[data-page="home"] .ferovixe-benefits-wrap>.container,
html body[data-page="home"] .ferovixe-promo-section>.container,
html body[data-page="home"] .ferovixe-why-section>.container,
html body[data-page="home"] .ferovixe-newsletter-section>.container{
  box-sizing:border-box!important;
  width:min(1120px,calc(100% - 40px))!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
html body[data-page="home"] .ferovixe-benefits-grid,
html body[data-page="home"] .ferovixe-promo-card,
html body[data-page="home"] .ferovixe-why-grid,
html body[data-page="home"] .ferovixe-newsletter-card{
  width:100%!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:700px){
  html body .base-card-price{
    font-size:19px!important;
  }
  html body .base-card-old-price{
    font-size:12px!important;
  }
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .current-price,
  html body[data-page="pdp"] .tn-pdp-price .current-price{
    font-size:34px!important;
  }
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .original-price,
  html body[data-page="pdp"] .tn-pdp-price .original-price{
    font-size:13px!important;
  }
  html body[data-page="home"] .ferovixe-benefits-wrap>.container,
  html body[data-page="home"] .ferovixe-promo-section>.container,
  html body[data-page="home"] .ferovixe-why-section>.container,
  html body[data-page="home"] .ferovixe-newsletter-section>.container{
    width:calc(100% - 28px)!important;
  }
}

/* =========================================================
   v7.3 Home/Footer canvas alignment correction
   UI-only override. Match the effective footer parent canvas.
   ========================================================= */
html body[data-page="home"] main>.ferovixe-benefits-wrap>.container,
html body[data-page="home"] main>.ferovixe-promo-section>.container,
html body[data-page="home"] main>.ferovixe-why-section>.container,
html body[data-page="home"] main>.ferovixe-newsletter-section>.container{
  box-sizing:border-box!important;
  width:min(var(--fn-canvas,1720px),calc(100% - var(--fn-canvas-gap,48px)))!important;
  max-width:var(--fn-canvas,1720px)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
html body[data-page="home"] .ferovixe-benefits-grid,
html body[data-page="home"] .ferovixe-promo-card,
html body[data-page="home"] .ferovixe-why-grid,
html body[data-page="home"] .ferovixe-newsletter-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
}

@media(max-width:760px){
  html body[data-page="home"] main>.ferovixe-benefits-wrap>.container,
  html body[data-page="home"] main>.ferovixe-promo-section>.container,
  html body[data-page="home"] main>.ferovixe-why-section>.container,
  html body[data-page="home"] main>.ferovixe-newsletter-section>.container{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    padding-inline:0!important;
  }
}

@media(max-width:430px){
  html body[data-page="home"] main>.ferovixe-benefits-wrap>.container,
  html body[data-page="home"] main>.ferovixe-promo-section>.container,
  html body[data-page="home"] main>.ferovixe-why-section>.container,
  html body[data-page="home"] main>.ferovixe-newsletter-section>.container{
    width:calc(100% - 28px)!important;
  }
}

/* =========================================================
   v7.4 Home promo alignment + featured visibility correction
   Layout/UI override only. Product selection logic unchanged.
   ========================================================= */

/* Keep the editorial copy centered inside the right-hand promo column.
   Text itself stays left aligned for readability; the content block is centered. */
html body[data-page="home"] .ferovixe-promo-card>div:not(.ferovixe-promo-icon):not(.ferovixe-promo-pattern){
  box-sizing:border-box!important;
  width:min(100%,440px)!important;
  max-width:440px!important;
  margin-inline:auto!important;
  justify-self:center!important;
  align-self:center!important;
  text-align:left!important;
}

/* Ensure the featured container itself can visibly receive the rendered cards. */
html body[data-page="home"] #featured-scroll{
  display:grid!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
}
html body[data-page="home"] #featured-scroll>product-card{
  display:block!important;
  min-width:0!important;
  visibility:visible!important;
  opacity:1!important;
}

@media(max-width:1100px){
  html body[data-page="home"] .ferovixe-promo-card>div:not(.ferovixe-promo-icon):not(.ferovixe-promo-pattern){
    width:min(100%,400px)!important;
    max-width:400px!important;
  }
}

@media(max-width:860px){
  html body[data-page="home"] .ferovixe-promo-card>div:not(.ferovixe-promo-icon):not(.ferovixe-promo-pattern){
    width:min(100%,560px)!important;
    max-width:560px!important;
    margin-inline:auto!important;
    justify-self:center!important;
  }
}

@media(max-width:760px){
  html body[data-page="home"] .ferovixe-promo-card>div:not(.ferovixe-promo-icon):not(.ferovixe-promo-pattern){
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }
}

/* =========================================================
   v7.5 compact 2x2 dropdown filters + stronger price scale
   UI-only refinement. Existing filter inputs/IDs and JS logic are preserved.
   ========================================================= */
html body[data-page="shop"] .tn-filter-deck{
  padding:14px 16px 16px!important;
  border-radius:18px!important;
  margin-bottom:18px!important;
}
html body[data-page="shop"] .tn-filter-title{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:0 0 10px!important;
  margin:0!important;
  border-bottom:1px solid var(--tn6-line,#dfe8e6)!important;
}
html body[data-page="shop"] .tn-filter-title>span{
  display:none!important;
}
html body[data-page="shop"] .tn-filter-title h2{
  margin:0!important;
  font-size:clamp(20px,1.8vw,25px)!important;
  line-height:1.05!important;
}
html body[data-page="shop"] .tn-filter-title p{
  margin:0!important;
  max-width:420px!important;
  font-size:11px!important;
  line-height:1.4!important;
  text-align:right!important;
}
html body[data-page="shop"] .tn-filter-body{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:10px 12px!important;
  padding:12px 0 0!important;
}
html body[data-page="shop"] .tn-filter-block,
html body[data-page="shop"] .ferovixe-filter-group{
  position:relative!important;
  flex:1 1 calc(50% - 6px)!important;
  width:calc(50% - 6px)!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body[data-page="shop"] .tn-filter-block h3,
html body[data-page="shop"] .tn-filter-block-head h3{
  margin:0 0 5px!important;
  font-size:9px!important;
  line-height:1.2!important;
  letter-spacing:.1em!important;
}
html body[data-page="shop"] .tn-filter-block-head{
  min-height:16px!important;
  margin:0!important;
  align-items:flex-start!important;
}
html body[data-page="shop"] #clear-filters{
  padding:0!important;
  font-size:9px!important;
  line-height:1.2!important;
}

/* Native price select and custom checkbox dropdowns share the same compact field shell. */
html body[data-page="shop"] .tn-filter-block>.tn-select,
html body[data-page="shop"] .tn-filter-dropdown{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  border:1px solid #ccd9d6!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body[data-page="shop"] .tn-filter-block>.tn-select select,
html body[data-page="shop"] .tn-filter-dropdown>summary{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 34px 0 12px!important;
  border:0!important;
  border-radius:9px!important;
  outline:0!important;
  background:transparent!important;
  color:#193d39!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body[data-page="shop"] .tn-filter-dropdown>summary{
  list-style:none!important;
  padding-right:12px!important;
}
html body[data-page="shop"] .tn-filter-dropdown>summary::-webkit-details-marker{
  display:none!important;
}
html body[data-page="shop"] .tn-filter-dropdown>summary span{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body[data-page="shop"] .tn-filter-dropdown>summary i{
  flex:0 0 auto!important;
  margin-left:10px!important;
  font-size:9px!important;
  transition:transform .18s ease!important;
}
html body[data-page="shop"] .tn-filter-dropdown[open]>summary i{
  transform:rotate(180deg)!important;
}
html body[data-page="shop"] .tn-filter-block>.tn-select>i{
  right:12px!important;
  font-size:9px!important;
}

/* Dropdown menus float above the catalogue so opening a filter does not increase the board height. */
html body[data-page="shop"] .tn-filter-dropdown-menu,
html body[data-page="shop"] .tn-filter-dropdown .tn-filter-chips,
html body[data-page="shop"] .tn-filter-dropdown .tn-option-grid,
html body[data-page="shop"] .tn-filter-dropdown .ferovixe-check-list,
html body[data-page="shop"] .tn-filter-dropdown .ferovixe-size-grid{
  position:absolute!important;
  z-index:80!important;
  top:calc(100% + 6px)!important;
  left:0!important;
  right:0!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  gap:3px!important;
  width:100%!important;
  max-height:220px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:6px!important;
  margin:0!important;
  border:1px solid #d7e2df!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(15,58,53,.14)!important;
}
html body[data-page="shop"] .tn-filter-dropdown:not([open]) .tn-filter-dropdown-menu{
  display:none!important;
}
html body[data-page="shop"] .tn-filter-dropdown-menu label,
html body[data-page="shop"] .tn-filter-dropdown .tn-filter-chips label,
html body[data-page="shop"] .tn-filter-dropdown .tn-option-grid label{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body[data-page="shop"] .tn-filter-dropdown-menu label span,
html body[data-page="shop"] .tn-filter-dropdown .tn-filter-chips label span,
html body[data-page="shop"] .tn-filter-dropdown .tn-option-grid label span,
html body[data-page="shop"] .tn-filter-dropdown .ferovixe-check-list label span,
html body[data-page="shop"] .tn-filter-dropdown .ferovixe-size-grid label span{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  min-height:30px!important;
  padding:6px 9px!important;
  border:0!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#284844!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:1.2!important;
  white-space:normal!important;
}
html body[data-page="shop"] .tn-filter-dropdown-menu input:checked+span,
html body[data-page="shop"] .tn-filter-dropdown .tn-filter-chips input:checked+span,
html body[data-page="shop"] .tn-filter-dropdown .tn-option-grid input:checked+span{
  background:#eaf3f1!important;
  color:#0f5a53!important;
}
html body[data-page="shop"] .tn-filter-apply{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:124px!important;
  min-height:36px!important;
  height:36px!important;
  margin:2px 0 0 auto!important;
  padding:0 15px!important;
  border-radius:9px!important;
  font-size:10px!important;
  align-self:flex-end!important;
}

/* Make selling price and old price visibly stronger in all product cards. */
html body .product-card .base-card-price,
html body #shop-grid .base-card-price,
html body #related-grid .base-card-price,
html body #featured-scroll .base-card-price,
html body .base-card-price{
  font-size:26px!important;
  line-height:1.05!important;
  font-weight:800!important;
}
html body .product-card .base-card-old-price,
html body #shop-grid .base-card-old-price,
html body #related-grid .base-card-old-price,
html body #featured-scroll .base-card-old-price,
html body .base-card-old-price{
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:600!important;
}

/* PDP price hierarchy. */
html body[data-page="pdp"] .tn-pdp-price-in-purchase .current-price,
html body[data-page="pdp"] .tn-pdp-price .current-price{
  font-size:clamp(48px,4vw,60px)!important;
  line-height:.96!important;
  font-weight:800!important;
}
html body[data-page="pdp"] .tn-pdp-price-in-purchase .original-price,
html body[data-page="pdp"] .tn-pdp-price .original-price{
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:600!important;
}

@media(max-width:900px){
  html body[data-page="shop"] .tn-filter-deck{
    padding:12px 14px 14px!important;
  }
  html body[data-page="shop"] .tn-filter-title h2{
    font-size:20px!important;
  }
  html body[data-page="shop"] .tn-filter-title p{
    max-width:340px!important;
    font-size:10px!important;
  }
  html body .product-card .base-card-price,
  html body .base-card-price{
    font-size:23px!important;
  }
  html body .product-card .base-card-old-price,
  html body .base-card-old-price{
    font-size:14px!important;
  }
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .current-price,
  html body[data-page="pdp"] .tn-pdp-price .current-price{
    font-size:48px!important;
  }
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .original-price,
  html body[data-page="pdp"] .tn-pdp-price .original-price{
    font-size:17px!important;
  }
}

@media(max-width:640px){
  html body[data-page="shop"] .tn-filter-deck{
    padding:10px!important;
    border-radius:14px!important;
  }
  html body[data-page="shop"] .tn-filter-title{
    display:block!important;
    padding-bottom:8px!important;
  }
  html body[data-page="shop"] .tn-filter-title h2{
    font-size:18px!important;
  }
  html body[data-page="shop"] .tn-filter-title p{
    display:none!important;
  }
  html body[data-page="shop"] .tn-filter-body{
    gap:8px!important;
    padding-top:9px!important;
  }
  html body[data-page="shop"] .tn-filter-block,
  html body[data-page="shop"] .ferovixe-filter-group{
    flex:1 1 calc(50% - 4px)!important;
    width:calc(50% - 4px)!important;
  }
  html body[data-page="shop"] .tn-filter-block h3,
  html body[data-page="shop"] .tn-filter-block-head h3{
    margin-bottom:4px!important;
    font-size:8px!important;
  }
  html body[data-page="shop"] .tn-filter-block>.tn-select,
  html body[data-page="shop"] .tn-filter-dropdown{
    height:36px!important;
    min-height:36px!important;
    border-radius:9px!important;
  }
  html body[data-page="shop"] .tn-filter-block>.tn-select select,
  html body[data-page="shop"] .tn-filter-dropdown>summary{
    height:34px!important;
    min-height:34px!important;
    padding-left:9px!important;
    font-size:9px!important;
  }
  html body[data-page="shop"] .tn-filter-dropdown>summary{
    padding-right:9px!important;
  }
  html body[data-page="shop"] .tn-filter-apply{
    flex:0 0 100%!important;
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    font-size:9px!important;
  }
  html body .product-card .base-card-price,
  html body #shop-grid .base-card-price,
  html body #related-grid .base-card-price,
  html body #featured-scroll .base-card-price,
  html body .base-card-price{
    font-size:21px!important;
  }
  html body .product-card .base-card-old-price,
  html body #shop-grid .base-card-old-price,
  html body #related-grid .base-card-old-price,
  html body #featured-scroll .base-card-old-price,
  html body .base-card-old-price{
    font-size:13px!important;
  }
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .current-price,
  html body[data-page="pdp"] .tn-pdp-price .current-price{
    font-size:42px!important;
  }
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .original-price,
  html body[data-page="pdp"] .tn-pdp-price .original-price{
    font-size:16px!important;
  }
}

@media(max-width:380px){
  html body[data-page="shop"] .tn-filter-body{
    gap:7px 6px!important;
  }
  html body[data-page="shop"] .tn-filter-block,
  html body[data-page="shop"] .ferovixe-filter-group{
    flex-basis:calc(50% - 3px)!important;
    width:calc(50% - 3px)!important;
  }
  html body[data-page="shop"] .tn-filter-dropdown>summary,
  html body[data-page="shop"] .tn-filter-block>.tn-select select{
    font-size:8px!important;
  }
  html body .product-card .base-card-price,
  html body .base-card-price{
    font-size:20px!important;
  }
  html body .product-card .base-card-old-price,
  html body .base-card-old-price{
    font-size:12px!important;
  }
}

/* =========================================================
   v7.6 filter visual cleanup + stronger price emphasis
   UI-only override. Filter markup/IDs/JS behavior unchanged.
   ========================================================= */
html body[data-page="shop"] .tn-filter-deck{
  padding:12px 14px 14px!important;
  border-radius:16px!important;
  background:#fff!important;
}
html body[data-page="shop"] .tn-filter-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 0 9px!important;
  border-bottom:1px solid #dfe8e6!important;
}
html body[data-page="shop"] .tn-filter-title h2{
  font-size:clamp(20px,1.55vw,24px)!important;
  line-height:1.08!important;
}
html body[data-page="shop"] .tn-filter-title p{
  max-width:360px!important;
  font-size:10px!important;
  line-height:1.35!important;
  color:#718581!important;
}
html body[data-page="shop"] .tn-filter-body{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  gap:9px 10px!important;
  padding:10px 0 0!important;
  background:transparent!important;
  border:0!important;
}
html body[data-page="shop"] .tn-filter-block,
html body[data-page="shop"] .ferovixe-filter-group{
  position:relative!important;
  flex:0 0 calc(50% - 5px)!important;
  width:calc(50% - 5px)!important;
  height:auto!important;
  min-height:64px!important;
  max-height:none!important;
  box-sizing:border-box!important;
  padding:8px 9px 9px!important;
  margin:0!important;
  border:1px solid #e0e9e7!important;
  border-radius:10px!important;
  background:#f8fbfa!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body[data-page="shop"] .tn-filter-block h3,
html body[data-page="shop"] .tn-filter-block-head h3{
  margin:0 0 5px!important;
  font-size:8px!important;
  line-height:1.15!important;
  letter-spacing:.09em!important;
  color:#174b47!important;
}
html body[data-page="shop"] .tn-filter-block-head{
  min-height:12px!important;
  margin:0 0 4px!important;
  align-items:center!important;
}
html body[data-page="shop"] #clear-filters{
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  color:#15746d!important;
  font-size:8px!important;
  line-height:1!important;
}
html body[data-page="shop"] .tn-filter-block>.tn-select,
html body[data-page="shop"] .tn-filter-dropdown{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  border:1px solid #cbdad7!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 1px 0 rgba(20,72,67,.02)!important;
  overflow:visible!important;
}
html body[data-page="shop"] .tn-filter-block>.tn-select select,
html body[data-page="shop"] .tn-filter-dropdown>summary{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 31px 0 10px!important;
  border:0!important;
  background:transparent!important;
  font-size:10px!important;
  font-weight:700!important;
}
html body[data-page="shop"] .tn-filter-dropdown>summary{
  padding-right:10px!important;
}
html body[data-page="shop"] .tn-filter-apply{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:132px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0 0 0 auto!important;
  padding:0 14px!important;
  border-radius:8px!important;
  font-size:9px!important;
  box-shadow:none!important;
}

/* Price scale: make both selling price and old price immediately readable. */
html body .product-card .base-card-price,
html body #shop-grid .base-card-price,
html body #related-grid .base-card-price,
html body #featured-scroll .base-card-price,
html body .base-card-price{
  font-size:32px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
html body .product-card .base-card-old-price,
html body #shop-grid .base-card-old-price,
html body #related-grid .base-card-old-price,
html body #featured-scroll .base-card-old-price,
html body .base-card-old-price{
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:650!important;
}
html body[data-page="pdp"] .tn-pdp-price-in-purchase .current-price,
html body[data-page="pdp"] .tn-pdp-price .current-price,
html body[data-page="pdp"] .price-container .current-price{
  font-size:clamp(58px,4.8vw,72px)!important;
  line-height:.94!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}
html body[data-page="pdp"] .tn-pdp-price-in-purchase .original-price,
html body[data-page="pdp"] .tn-pdp-price .original-price,
html body[data-page="pdp"] .price-container .original-price{
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:650!important;
}

@media(max-width:900px){
  html body[data-page="shop"] .tn-filter-deck{
    padding:11px 12px 12px!important;
  }
  html body[data-page="shop"] .tn-filter-title h2{
    font-size:20px!important;
  }
  html body[data-page="shop"] .tn-filter-title p{
    max-width:300px!important;
    font-size:9px!important;
  }
  html body .product-card .base-card-price,
  html body .base-card-price{
    font-size:28px!important;
  }
  html body .product-card .base-card-old-price,
  html body .base-card-old-price{
    font-size:16px!important;
  }
  html body[data-page="pdp"] .price-container .current-price,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .current-price,
  html body[data-page="pdp"] .tn-pdp-price .current-price{
    font-size:58px!important;
  }
  html body[data-page="pdp"] .price-container .original-price,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .original-price,
  html body[data-page="pdp"] .tn-pdp-price .original-price{
    font-size:20px!important;
  }
}

@media(max-width:640px){
  html body[data-page="shop"] .tn-filter-title{
    display:block!important;
    padding-bottom:8px!important;
  }
  html body[data-page="shop"] .tn-filter-title h2{
    font-size:18px!important;
  }
  html body[data-page="shop"] .tn-filter-title p{
    display:none!important;
  }
  html body[data-page="shop"] .tn-filter-body{
    gap:7px!important;
    padding-top:8px!important;
  }
  html body[data-page="shop"] .tn-filter-block,
  html body[data-page="shop"] .ferovixe-filter-group{
    flex:0 0 calc(50% - 3.5px)!important;
    width:calc(50% - 3.5px)!important;
    min-height:59px!important;
    padding:7px!important;
    border-radius:9px!important;
  }
  html body[data-page="shop"] .tn-filter-block h3,
  html body[data-page="shop"] .tn-filter-block-head h3{
    margin-bottom:4px!important;
    font-size:7px!important;
  }
  html body[data-page="shop"] .tn-filter-block>.tn-select,
  html body[data-page="shop"] .tn-filter-dropdown{
    height:33px!important;
    min-height:33px!important;
  }
  html body[data-page="shop"] .tn-filter-block>.tn-select select,
  html body[data-page="shop"] .tn-filter-dropdown>summary{
    height:31px!important;
    min-height:31px!important;
    padding-left:8px!important;
    font-size:9px!important;
  }
  html body[data-page="shop"] .tn-filter-apply{
    width:auto!important;
    min-width:120px!important;
    height:32px!important;
    min-height:32px!important;
    margin-left:auto!important;
  }
  html body .product-card .base-card-price,
  html body #shop-grid .base-card-price,
  html body #related-grid .base-card-price,
  html body #featured-scroll .base-card-price,
  html body .base-card-price{
    font-size:24px!important;
  }
  html body .product-card .base-card-old-price,
  html body #shop-grid .base-card-old-price,
  html body #related-grid .base-card-old-price,
  html body #featured-scroll .base-card-old-price,
  html body .base-card-old-price{
    font-size:14px!important;
  }
  html body[data-page="pdp"] .price-container .current-price,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .current-price,
  html body[data-page="pdp"] .tn-pdp-price .current-price{
    font-size:48px!important;
  }
  html body[data-page="pdp"] .price-container .original-price,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .original-price,
  html body[data-page="pdp"] .tn-pdp-price .original-price{
    font-size:18px!important;
  }
}

@media(max-width:360px){
  html body[data-page="shop"] .tn-filter-deck{
    padding-inline:9px!important;
  }
  html body[data-page="shop"] .tn-filter-body{
    gap:6px!important;
  }
  html body[data-page="shop"] .tn-filter-block,
  html body[data-page="shop"] .ferovixe-filter-group{
    flex-basis:calc(50% - 3px)!important;
    width:calc(50% - 3px)!important;
    padding:6px!important;
  }
  html body[data-page="shop"] .tn-filter-dropdown>summary,
  html body[data-page="shop"] .tn-filter-block>.tn-select select{
    font-size:8px!important;
  }
  html body .product-card .base-card-price,
  html body .base-card-price{
    font-size:22px!important;
  }
  html body .product-card .base-card-old-price,
  html body .base-card-old-price{
    font-size:13px!important;
  }
}


/* =========================================================
   v7.7 — Unify every product-card price scale with Featured
   Keep product rendering/logic untouched; visual override only.
   ========================================================= */
html body :is(
  #featured-scroll,
  #new-products-grid,
  #shop-grid,
  #related-grid,
  #wishlist-grid,
  .product-grid,
  .products-grid,
  .ferovixe-product-grid
) .base-card-price,
html body .product-card .base-card-price,
html body product-card .base-card-price {
  font-size: 32px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
}

html body :is(
  #featured-scroll,
  #new-products-grid,
  #shop-grid,
  #related-grid,
  #wishlist-grid,
  .product-grid,
  .products-grid,
  .ferovixe-product-grid
) .base-card-old-price,
html body .product-card .base-card-old-price,
html body product-card .base-card-old-price {
  font-size: 17px !important;
  line-height: 1.15 !important;
  font-weight: 650 !important;
}

@media (max-width: 760px) {
  html body :is(
    #featured-scroll,
    #new-products-grid,
    #shop-grid,
    #related-grid,
    #wishlist-grid,
    .product-grid,
    .products-grid,
    .ferovixe-product-grid
  ) .base-card-price,
  html body .product-card .base-card-price,
  html body product-card .base-card-price {
    font-size: 24px !important;
  }

  html body :is(
    #featured-scroll,
    #new-products-grid,
    #shop-grid,
    #related-grid,
    #wishlist-grid,
    .product-grid,
    .products-grid,
    .ferovixe-product-grid
  ) .base-card-old-price,
  html body .product-card .base-card-old-price,
  html body product-card .base-card-old-price {
    font-size: 14px !important;
  }
}

/* =========================================================
   v7.8 — Exact home/shop card price parity + PDP price meta
   Visual CSS only; no product/filter/business logic changes.
   ========================================================= */

/* Home Featured and Shop must render the exact same price typography. */
html body[data-page="home"] #featured-scroll product-card .product-card .base-card-price,
html body[data-page="home"] #featured-scroll .product-card .base-card-price,
html body[data-page="home"] #featured-scroll .base-card-price,
html body[data-page="shop"] #shop-grid product-card .product-card .base-card-price,
html body[data-page="shop"] #shop-grid .product-card .base-card-price,
html body[data-page="shop"] #shop-grid .base-card-price {
  display:block!important;
  color:#084e4b!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-size:32px!important;
  font-style:normal!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
}

html body[data-page="home"] #featured-scroll product-card .product-card .base-card-old-price,
html body[data-page="home"] #featured-scroll .product-card .base-card-old-price,
html body[data-page="home"] #featured-scroll .base-card-old-price,
html body[data-page="shop"] #shop-grid product-card .product-card .base-card-old-price,
html body[data-page="shop"] #shop-grid .product-card .base-card-old-price,
html body[data-page="shop"] #shop-grid .base-card-old-price {
  display:block!important;
  margin-top:4px!important;
  color:#7d8a87!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:17px!important;
  font-style:normal!important;
  font-weight:600!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-decoration:line-through!important;
  white-space:nowrap!important;
}

/* PDP: enlarge and rebalance the circled old-price / discount / saving row. */
html body[data-page="pdp"] .price-container .pdp-price-row-secondary,
html body[data-page="pdp"] .tn-pdp-price .pdp-price-row-secondary,
html body[data-page="pdp"] .tn-pdp-price-in-purchase .pdp-price-row-secondary {
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  min-height:42px!important;
}
html body[data-page="pdp"] .price-container .original-price,
html body[data-page="pdp"] .tn-pdp-price .original-price,
html body[data-page="pdp"] .tn-pdp-price-in-purchase .original-price {
  color:#7d8a87!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-size:24px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  text-decoration:line-through!important;
  white-space:nowrap!important;
}
html body[data-page="pdp"] .price-container .discount-badge,
html body[data-page="pdp"] .tn-pdp-price .discount-badge,
html body[data-page="pdp"] .tn-pdp-price-in-purchase .discount-badge {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:6px 11px!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.05em!important;
  white-space:nowrap!important;
}
html body[data-page="pdp"] .price-container .save-amount,
html body[data-page="pdp"] .tn-pdp-price .save-amount,
html body[data-page="pdp"] .tn-pdp-price-in-purchase .save-amount {
  font-family:Manrope,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
html body[data-page="pdp"] .price-container .save-amount b,
html body[data-page="pdp"] .tn-pdp-price .save-amount b,
html body[data-page="pdp"] .tn-pdp-price-in-purchase .save-amount b {
  font-size:14px!important;
  font-weight:800!important;
}

@media (max-width:760px) {
  html body[data-page="home"] #featured-scroll .base-card-price,
  html body[data-page="shop"] #shop-grid .base-card-price {
    font-size:24px!important;
  }
  html body[data-page="home"] #featured-scroll .base-card-old-price,
  html body[data-page="shop"] #shop-grid .base-card-old-price {
    font-size:14px!important;
  }
  html body[data-page="pdp"] .price-container .pdp-price-row-secondary,
  html body[data-page="pdp"] .tn-pdp-price .pdp-price-row-secondary,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .pdp-price-row-secondary {
    gap:7px!important;
    min-height:36px!important;
  }
  html body[data-page="pdp"] .price-container .original-price,
  html body[data-page="pdp"] .tn-pdp-price .original-price,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .original-price {
    font-size:19px!important;
  }
  html body[data-page="pdp"] .price-container .discount-badge,
  html body[data-page="pdp"] .tn-pdp-price .discount-badge,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .discount-badge {
    min-height:30px!important;
    padding:5px 8px!important;
    font-size:11px!important;
  }
  html body[data-page="pdp"] .price-container .save-amount,
  html body[data-page="pdp"] .tn-pdp-price .save-amount,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .save-amount {
    font-size:11px!important;
  }
  html body[data-page="pdp"] .price-container .save-amount b,
  html body[data-page="pdp"] .tn-pdp-price .save-amount b,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .save-amount b {
    font-size:12px!important;
  }
}


/* =========================================================
   v7.9 — Shop card footer price overflow fix
   Keep Featured/Shop price typography identical; layout only.
   ========================================================= */
html body[data-page="shop"] #shop-grid .product-card .product-card-footer,
html body[data-page="shop"] #shop-grid .product-card .p-5 > .flex:last-child,
html body[data-page="shop"] #shop-grid product-card .product-card .product-card-footer,
html body[data-page="shop"] #shop-grid product-card .product-card .p-5 > .flex:last-child {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  column-gap:10px!important;
  width:100%!important;
  min-width:0!important;
}

html body[data-page="shop"] #shop-grid .product-card .base-card-price-wrap,
html body[data-page="shop"] #shop-grid product-card .product-card .base-card-price-wrap,
html body[data-page="shop"] #shop-grid .product-card .product-card-footer > .base-card-price-wrap,
html body[data-page="shop"] #shop-grid product-card .product-card .product-card-footer > .base-card-price-wrap,
html body[data-page="shop"] #shop-grid .product-card .p-5 > .flex:last-child > div:first-child,
html body[data-page="shop"] #shop-grid product-card .product-card .p-5 > .flex:last-child > div:first-child {
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  flex:none!important;
}

html body[data-page="shop"] #shop-grid .product-card .base-card-price,
html body[data-page="shop"] #shop-grid product-card .product-card .base-card-price {
  width:auto!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

html body[data-page="shop"] #shop-grid .product-card .base-card-old-price,
html body[data-page="shop"] #shop-grid product-card .product-card .base-card-old-price {
  width:auto!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

html body[data-page="shop"] #shop-grid .product-card .product-card-footer > :last-child,
html body[data-page="shop"] #shop-grid product-card .product-card .product-card-footer > :last-child,
html body[data-page="shop"] #shop-grid .product-card .p-5 > .flex:last-child > :last-child,
html body[data-page="shop"] #shop-grid product-card .product-card .p-5 > .flex:last-child > :last-child {
  flex:0 0 auto!important;
  justify-self:end!important;
  min-width:0!important;
}

/* Medium cards: keep the same typography, allow footer to stack if space is tight. */
@media (max-width:1180px) {
  html body[data-page="shop"] #shop-grid .product-card .product-card-footer,
  html body[data-page="shop"] #shop-grid .product-card .p-5 > .flex:last-child,
  html body[data-page="shop"] #shop-grid product-card .product-card .product-card-footer,
  html body[data-page="shop"] #shop-grid product-card .product-card .p-5 > .flex:last-child {
    grid-template-columns:1fr!important;
    row-gap:10px!important;
    align-items:start!important;
  }
  html body[data-page="shop"] #shop-grid .product-card .product-card-footer > :last-child,
  html body[data-page="shop"] #shop-grid product-card .product-card .product-card-footer > :last-child,
  html body[data-page="shop"] #shop-grid .product-card .p-5 > .flex:last-child > :last-child,
  html body[data-page="shop"] #shop-grid product-card .product-card .p-5 > .flex:last-child > :last-child {
    justify-self:stretch!important;
    width:100%!important;
  }
}

/* Phone cards: preserve readability and avoid horizontal clipping. */
@media (max-width:760px) {
  html body[data-page="shop"] #shop-grid .product-card .product-card-footer,
  html body[data-page="shop"] #shop-grid .product-card .p-5 > .flex:last-child,
  html body[data-page="shop"] #shop-grid product-card .product-card .product-card-footer,
  html body[data-page="shop"] #shop-grid product-card .product-card .p-5 > .flex:last-child {
    grid-template-columns:1fr!important;
    row-gap:8px!important;
  }
}

/* =========================================================
   v7.10 MOBILE RESPONSIVE AUDIT
   Final mobile-only consolidation. UI/layout only.
   ========================================================= */
@media (max-width: 768px) {
  :root { --tn-mobile-header-h: 72px; }

  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* ---------- Mobile header: one real row, no phantom blank row ---------- */
  html body[data-page] #site-header,
  html body[data-page] #main-header.base-header,
  html body[data-page] #main-header .base-header-top {
    height: var(--tn-mobile-header-h) !important;
    min-height: var(--tn-mobile-header-h) !important;
    max-height: var(--tn-mobile-header-h) !important;
  }
  html body[data-page] #main-header.base-header {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
    background: #fff !important;
    border-bottom: 1px solid #e1ebe8 !important;
    box-shadow: 0 8px 24px rgba(22,73,69,.055) !important;
    z-index: 9000 !important;
  }
  html body[data-page] #main-header .base-header-top-inner {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    height: var(--tn-mobile-header-h) !important;
    min-height: var(--tn-mobile-header-h) !important;
    padding: 0 !important;
    margin-inline: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }
  html body[data-page] #main-header .base-header-nav,
  html body[data-page] #main-header .base-header-nav-row,
  html body[data-page] #main-header .base-desktop-search,
  html body[data-page] #main-header #btn-account {
    display: none !important;
  }
  html body[data-page] #main-header .base-brand {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    gap: 7px !important;
    overflow: visible !important;
  }
  html body[data-page] #main-header .base-brand-mark {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 13px !important;
  }
  html body[data-page] #main-header .base-brand-name {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font: 800 18px/1 Manrope,Arial,sans-serif !important;
    letter-spacing: -.035em !important;
  }
  html body[data-page] #main-header .base-header-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    gap: 2px !important;
  }
  html body[data-page] #main-header #btn-mobile-search,
  html body[data-page] #main-header #btn-wishlist,
  html body[data-page] #main-header #btn-cart,
  html body[data-page] #main-header #btn-menu {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
  }
  html body[data-page] #main-header .base-icon-btn i { font-size: 16px !important; }
  html body[data-page] #main-header .base-count {
    transform: scale(.82) !important;
    transform-origin: top right !important;
  }
  html body[data-page] #mobile-search-bar.base-mobile-search {
    top: var(--tn-mobile-header-h) !important;
    z-index: 9050 !important;
  }

  /* ---------- One top-offset rule for every page ---------- */
  html body[data-page] main,
  html body[data-page] main.ferovixe-home,
  html body[data-page] main.ferovixe-shop-page,
  html body[data-page] main.ferovixe-cart-page,
  html body[data-page] main.ferovixe-wishlist-page,
  html body[data-page] main.checkout-page,
  html body[data-page] main.confirmation-page {
    padding-top: calc(var(--tn-mobile-header-h) + 16px) !important;
  }
  html body[data-page="home"] .ferovixe-home-hero,
  html body[data-page="shop"] .tn-shop-intro,
  html body[data-page="pdp"] .tn-pdp-page,
  html body.policy-page .policy-hero {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  html body[data-page="checkout"] .checkout-progress {
    top: var(--tn-mobile-header-h) !important;
  }

  /* ---------- Universal mobile containers ---------- */
  html body .container,
  html body .site-container,
  html body[data-page] main .container,
  html body[data-page] main .site-container {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  /* ---------- Never stretch/crop actual content images ---------- */
  html body[data-page] main img:not(.avatar):not(.review-avatar) {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  html body[data-page] product-card .product-card-media img,
  html body[data-page] .product-card .product-card-media img,
  html body[data-page="pdp"] .tn-pdp-gallery-main > img,
  html body[data-page="pdp"] .tn-pdp-thumbnails img,
  html body[data-page="about"] .fn-about-hero-visual img,
  html body[data-page="about"] .fn-about-story figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }

  /* ---------- Home hero: stack cleanly, no overlay/crop ---------- */
  html body[data-page="home"] .ferovixe-home-hero,
  html body[data-page="home"] .ferovixe-base-hero,
  html body[data-page="home"] .ferovixe-base-hero-grid {
    min-height: 0 !important;
    height: auto !important;
  }
  html body[data-page="home"] .ferovixe-base-hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  html body[data-page="home"] .ferovixe-base-hero-copy {
    position: relative !important;
    z-index: 2 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 28px 20px !important;
    border-radius: 22px !important;
    background: #fff !important;
    color: #174d4a !important;
    box-shadow: 0 12px 32px rgba(20,70,67,.06) !important;
  }
  html body[data-page="home"] .ferovixe-base-hero-copy h1 {
    margin: 8px 0 14px !important;
    font-size: clamp(34px, 10vw, 46px) !important;
    line-height: 1.02 !important;
    color: #174d4a !important;
  }
  html body[data-page="home"] .ferovixe-base-hero-copy p {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #586d6a !important;
  }
  html body[data-page="home"] .ferovixe-base-hero-media {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: #edf4f2 !important;
  }
  html body[data-page="home"] .ferovixe-base-media-frame {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
    display: grid !important;
    place-items: center !important;
    padding: 10px !important;
    background: #edf4f2 !important;
  }
  html body[data-page="home"] .ferovixe-base-media-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
  html body[data-page="home"] .ferovixe-base-hero-media::before,
  html body[data-page="home"] .ferovixe-base-hero-media::after,
  html body[data-page="home"] .ferovixe-base-media-frame::before,
  html body[data-page="home"] .ferovixe-base-media-frame::after,
  html body[data-page="home"] .ferovixe-base-media-label {
    display: none !important;
  }
  html body[data-page="home"] .ferovixe-benefits-wrap {
    margin-top: 24px !important;
    padding-bottom: 34px !important;
  }
  html body[data-page="home"] .ferovixe-benefits-grid,
  html body[data-page="home"] .ferovixe-why-grid {
    grid-template-columns: 1fr !important;
  }

  /* Home product cards: preserve 2 cols while allowing large price to breathe. */
  html body[data-page="home"] #featured-scroll,
  html body[data-page="home"] #new-products-grid,
  html body[data-page="shop"] #shop-grid,
  html body[data-page="pdp"] #related-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
  }
  html body[data-page] product-card .product-card,
  html body[data-page] .product-card {
    min-width: 0 !important;
    height: 100% !important;
  }
  html body[data-page] product-card .product-card-media,
  html body[data-page] .product-card .product-card-media {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    padding: 8px !important;
  }
  html body[data-page] product-card .product-card-body,
  html body[data-page] .product-card .product-card-body {
    padding: 10px !important;
  }
  html body[data-page] product-card .product-card-footer,
  html body[data-page] .product-card .product-card-footer,
  html body[data-page] product-card .product-card .p-5 > .flex:last-child,
  html body[data-page] .product-card .p-5 > .flex:last-child {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 9px !important;
  }
  html body[data-page] product-card .base-card-price-wrap,
  html body[data-page] .product-card .base-card-price-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  html body[data-page] product-card .base-card-price,
  html body[data-page] .product-card .base-card-price {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(18px, 5.2vw, 24px) !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }
  html body[data-page] product-card .base-card-old-price,
  html body[data-page] .product-card .base-card-old-price {
    font-size: clamp(11px, 3vw, 14px) !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  html body[data-page] product-card .base-shop-now,
  html body[data-page] .product-card .base-shop-now,
  html body[data-page] product-card [data-quickview],
  html body[data-page] .product-card [data-quickview] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 38px !important;
    padding: 0 10px !important;
    justify-self: stretch !important;
  }

  /* ---------- Home promo: image is a real contained block, content never clipped ---------- */
  html body[data-page="home"] .ferovixe-promo-section { padding: 36px 0 !important; }
  html body[data-page="home"] .ferovixe-promo-card {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 16px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    overflow: visible !important;
    border-radius: 20px !important;
  }
  html body[data-page="home"] .ferovixe-promo-card::before {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 16px !important;
    background-color: #dfeae5 !important;
    background-image: url("../../images/about.jpg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }
  html body[data-page="home"] .ferovixe-promo-card > div:not(.ferovixe-promo-icon):not(.ferovixe-promo-pattern) {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
    padding: 0 4px 8px !important;
  }
  html body[data-page="home"] .ferovixe-promo-card h2 { font-size: 34px !important; }
  html body[data-page="home"] .ferovixe-promo-card p { font-size: 15px !important; line-height: 1.65 !important; }
  html body[data-page="home"] .ferovixe-promo-icon,
  html body[data-page="home"] .ferovixe-promo-pattern { display: none !important; }
  html body[data-page="home"] .ferovixe-newsletter-card {
    grid-template-columns: 1fr !important;
    padding: 28px 18px !important;
    gap: 18px !important;
  }

  /* ---------- Shop ---------- */
  html body[data-page="shop"] .tn-filter-body {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  html body[data-page="shop"] .tn-filter-deck,
  html body[data-page="shop"] .tn-results-toolbar { overflow: visible !important; }

  /* ---------- PDP: identity and gallery no longer hide under header; images fully visible ---------- */
  html body[data-page="pdp"] .tn-pdp-page { width: 100% !important; }
  html body[data-page="pdp"] .tn-pdp-identity {
    padding: 20px 16px !important;
    border-radius: 18px !important;
  }
  html body[data-page="pdp"] .tn-pdp-identity h1 {
    font-size: clamp(28px, 8vw, 38px) !important;
    line-height: 1.08 !important;
    overflow: visible !important;
  }
  html body[data-page="pdp"] .tn-pdp-showcase {
    grid-template-columns: 1fr !important;
    margin-top: 14px !important;
  }
  html body[data-page="pdp"] .tn-pdp-gallery {
    padding: 12px !important;
    border-radius: 18px !important;
  }
  html body[data-page="pdp"] .tn-pdp-gallery-main {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    padding: 10px !important;
  }
  html body[data-page="pdp"] .tn-pdp-gallery-main > img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
  }
  html body[data-page="pdp"] .tn-pdp-thumbnails {
    display: flex !important;
    flex-direction: row !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 8px 0 2px !important;
    scrollbar-width: thin !important;
  }
  html body[data-page="pdp"] .tn-pdp-thumbnails > * {
    flex: 0 0 64px !important;
    width: 64px !important;
    height: 64px !important;
  }
  html body[data-page="pdp"] .tn-pdp-thumbnails img { object-fit: contain !important; }
  html body[data-page="pdp"] .tn-pdp-trust { grid-template-columns: 1fr !important; }
  html body[data-page="pdp"] .tn-pdp-purchase { padding: 22px 16px !important; }
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .pdp-price-row-secondary,
  html body[data-page="pdp"] .tn-pdp-price .pdp-price-row-secondary {
    flex-wrap: wrap !important;
    white-space: normal !important;
  }

  /* ---------- About: preserve complete imagery and stop the huge 1-column stats slab ---------- */
  html body[data-page="about"] .fn-about-hero-grid,
  html body[data-page="about"] .fn-about-story-grid,
  html body[data-page="about"] .fn-about-manifesto-grid,
  html body[data-page="about"] .fn-about-values-grid {
    grid-template-columns: 1fr !important;
  }
  html body[data-page="about"] .fn-about-hero-visual,
  html body[data-page="about"] .fn-about-story figure {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    background: #edf4f2 !important;
    overflow: hidden !important;
  }
  html body[data-page="about"] .fn-about-hero-visual img,
  html body[data-page="about"] .fn-about-story figure img {
    object-fit: contain !important;
  }
  html body[data-page="about"] .fn-about-hero-visual figcaption {
    left: 14px !important;
    right: 14px !important;
    bottom: 12px !important;
    justify-content: flex-start !important;
  }
  html body[data-page="about"] .fn-about-number-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  html body[data-page="about"] .fn-about-number-grid article {
    min-height: 150px !important;
    padding: 24px 18px !important;
    border-right: 1px solid rgba(255,255,255,.2) !important;
    border-bottom: 1px solid rgba(255,255,255,.2) !important;
  }
  html body[data-page="about"] .fn-about-number-grid strong { font-size: 42px !important; }

  /* ---------- Drawer: readable spacing and correct viewport ---------- */
  html body[data-page] #drawer.base-drawer {
    inset: var(--tn-mobile-header-h) 0 0 !important;
    height: calc(100dvh - var(--tn-mobile-header-h)) !important;
    max-height: calc(100dvh - var(--tn-mobile-header-h)) !important;
    overflow: hidden !important;
  }
  html body[data-page] #drawer .base-drawer-panel {
    width: min(88vw, 360px) !important;
    max-width: 360px !important;
    height: 100% !important;
    overflow-y: auto !important;
    padding: 20px !important;
  }
  html body[data-page] #drawer .base-drawer-head .base-brand-name {
    display: inline-block !important;
    max-width: none !important;
    overflow: visible !important;
  }
  html body[data-page] #drawer .base-drawer-intro {
    display: grid !important;
    gap: 8px !important;
    padding: 18px 0 !important;
  }
  html body[data-page] #drawer .base-drawer-intro span,
  html body[data-page] #drawer .base-drawer-intro strong {
    display: block !important;
    width: 100% !important;
    white-space: normal !important;
  }
  html body[data-page] #drawer .base-drawer-links { display: grid !important; }
  html body[data-page] #drawer .base-drawer-links a {
    min-height: 62px !important;
    display: flex !important;
    align-items: center !important;
  }
  html body[data-page] #drawer .base-drawer-foot {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 12px !important;
    line-height: 1.5 !important;
  }

  /* ---------- Footer: never clip columns/newsletter on mobile ---------- */
  html body[data-page] .base-footer {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 44px !important;
    padding-top: 34px !important;
    overflow: visible !important;
  }
  html body[data-page] .base-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }
  html body[data-page] .base-footer-grid > * {
    min-width: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }
  html body[data-page] .base-footer-brand-col p {
    color: #556966 !important;
    line-height: 1.65 !important;
  }
  html body[data-page] .base-footer-newsletter-row {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding-block: 28px !important;
  }
  html body[data-page] .base-footer-newsletter-row > div:first-child span {
    display: block !important;
    color: #536966 !important;
    line-height: 1.55 !important;
  }
  html body[data-page] .base-footer-newsletter-form {
    width: 100% !important;
    min-width: 0 !important;
  }
  html body[data-page] .base-footer-bottom,
  html body[data-page] .base-footer-bottom-inner {
    min-height: 88px !important;
    height: auto !important;
  }

  /* ---------- Generic page protections ---------- */
  html body[data-page="contact"] main > section,
  html body.policy-page main > section,
  html body[data-page="cart"] main > section,
  html body[data-page="wishlist"] main > section,
  html body[data-page="my-details"] main > section,
  html body[data-page="checkout"] main > section,
  html body[data-page="order-confirmation"] main > section {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  html body.policy-page .policy-hero__content,
  html body.policy-page .policy-layout,
  html body[data-page="contact"] .contact-layout,
  html body[data-page="checkout"] .checkout-layout,
  html body[data-page="cart"] .cart-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 430px) {
  html body .container,
  html body .site-container,
  html body[data-page] main .container,
  html body[data-page] main .site-container {
    width: calc(100% - 20px) !important;
  }
  html body[data-page] #main-header .base-header-top-inner { width: calc(100% - 18px) !important; }
  html body[data-page] #main-header .base-brand-name { font-size: 17px !important; }
  html body[data-page] #main-header .base-header-tools { gap: 0 !important; }
  html body[data-page] #main-header #btn-mobile-search,
  html body[data-page] #main-header #btn-wishlist,
  html body[data-page] #main-header #btn-cart,
  html body[data-page] #main-header #btn-menu {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
  }
  html body[data-page="home"] #featured-scroll,
  html body[data-page="home"] #new-products-grid,
  html body[data-page="shop"] #shop-grid,
  html body[data-page="pdp"] #related-grid {
    gap: 8px !important;
  }
  html body[data-page="shop"] .tn-filter-body { gap: 7px !important; }
}

@media (max-width: 360px) {
  html body[data-page] #main-header .base-brand-name { display: none !important; }
  html body[data-page] #main-header .base-header-tools { gap: 1px !important; }
  html body[data-page="shop"] .tn-filter-body { grid-template-columns: 1fr !important; }
  html body[data-page="about"] .fn-about-number-grid { grid-template-columns: 1fr !important; }
}

/* =========================================================
   v7.12 MOBILE FINAL CONSOLIDATION
   Layout-only fixes for <=768px. No business logic changes.
   ========================================================= */
@media (max-width: 768px) {
  :root { --tn-mobile-header-h: 72px; }

  /* predictable header/content offset across every page */
  html body[data-page] #site-header,
  html body[data-page] #main-header.base-header,
  html body[data-page] #main-header .base-header-top,
  html body[data-page] #main-header .base-header-top-inner {
    height: var(--tn-mobile-header-h) !important;
    min-height: var(--tn-mobile-header-h) !important;
    max-height: var(--tn-mobile-header-h) !important;
  }
  html body[data-page] main,
  html body[data-page] main.ferovixe-home,
  html body[data-page] main.ferovixe-shop-page,
  html body[data-page] main.ferovixe-cart-page,
  html body[data-page] main.ferovixe-wishlist-page,
  html body[data-page] main.checkout-page,
  html body[data-page] main.confirmation-page {
    padding-top: calc(var(--tn-mobile-header-h) + 8px) !important;
    margin-top: 0 !important;
  }
  html body[data-page] main > section:first-child {
    margin-top: 0 !important;
  }

  /* HOME HERO: real stacked layout, never overlay text on image */
  html body[data-page="home"] .ferovixe-home-hero.ferovixe-base-hero {
    padding: 8px 0 24px !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    background: transparent !important;
  }
  html body[data-page="home"] .ferovixe-base-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 12px !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    background: transparent !important;
    border-radius: 0 !important;
  }
  html body[data-page="home"] .ferovixe-base-hero-copy {
    position: static !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 24px 20px !important;
    transform: none !important;
    overflow: visible !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    color: #155f5d !important;
    box-shadow: 0 10px 28px rgba(21,95,93,.07) !important;
  }
  html body[data-page="home"] .ferovixe-base-eyebrow {
    display: block !important;
    color: #5d7774 !important;
    font-size: 10px !important;
  }
  html body[data-page="home"] .ferovixe-base-hero-copy h1,
  html body[data-page="home"] .ferovixe-base-hero-copy h1 em {
    display: block !important;
    max-width: 100% !important;
    margin: 8px 0 14px !important;
    color: #155f5d !important;
    -webkit-text-fill-color: #155f5d !important;
    background: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
    text-shadow: none !important;
  }
  html body[data-page="home"] .ferovixe-base-hero-copy h1 {
    font: 800 clamp(34px,9vw,43px)/1.02 Manrope,Arial,sans-serif !important;
    letter-spacing: -.045em !important;
  }
  html body[data-page="home"] .ferovixe-base-hero-copy p {
    display: block !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
    color: #596e6b !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  html body[data-page="home"] .ferovixe-base-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }
  html body[data-page="home"] .ferovixe-base-primary,
  html body[data-page="home"] .ferovixe-base-link {
    width: 100% !important;
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  html body[data-page="home"] .ferovixe-base-primary {
    background: #c8a274 !important;
    border-color: #c8a274 !important;
    color: #fff !important;
  }
  html body[data-page="home"] .ferovixe-base-link { color: #155f5d !important; }
  html body[data-page="home"] .ferovixe-base-hero-notes {
    display: grid !important;
    gap: 7px !important;
    color: #617774 !important;
  }
  html body[data-page="home"] .ferovixe-base-hero-media {
    position: static !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    order: 2 !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    background: #edf4f2 !important;
  }
  html body[data-page="home"] .ferovixe-base-media-frame {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4/3 !important;
    padding: 8px !important;
    overflow: hidden !important;
    background: #edf4f2 !important;
  }
  html body[data-page="home"] .ferovixe-base-media-frame img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }

  /* HOME CATEGORIES: compact 2 x 2 instead of giant single cards */
  html body[data-page="home"] .ferovixe-category-section {
    padding: 34px 0 !important;
  }
  html body[data-page="home"] .ferovixe-category-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
  }
  html body[data-page="home"] .ferovixe-category-card,
  html body[data-page="home"] .ferovixe-category-card:nth-child(n) {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 156px !important;
    height: auto !important;
    padding: 16px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }
  html body[data-page="home"] .ferovixe-category-card .category-art {
    display: none !important;
  }
  html body[data-page="home"] .ferovixe-category-card > div:last-child {
    width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }
  html body[data-page="home"] .ferovixe-category-card strong {
    max-width: calc(100% - 28px) !important;
    margin: 0 0 7px !important;
    font: 800 18px/1.08 Manrope,Arial,sans-serif !important;
    letter-spacing: -.025em !important;
    white-space: normal !important;
  }
  html body[data-page="home"] .ferovixe-category-card span {
    max-width: 100% !important;
    font: 500 11px/1.45 Manrope,Arial,sans-serif !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* PRODUCT CARDS: two columns stay usable with Rs. prefix */
  html body[data-page="home"] #featured-scroll,
  html body[data-page="home"] #new-products-grid,
  html body[data-page="shop"] #shop-grid,
  html body[data-page="pdp"] #related-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
  }
  html body[data-page] product-card,
  html body[data-page] product-card .product-card,
  html body[data-page] .product-card {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html body[data-page] product-card .product-card-body,
  html body[data-page] .product-card .product-card-body {
    min-width: 0 !important;
    padding: 12px !important;
  }
  html body[data-page] product-card .product-card-footer,
  html body[data-page] .product-card .product-card-footer,
  html body[data-page] product-card .product-card-body > .product-card-footer,
  html body[data-page] .product-card .product-card-body > .product-card-footer {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }
  html body[data-page] product-card .product-card-footer > .base-card-price-wrap,
  html body[data-page] .product-card .product-card-footer > .base-card-price-wrap,
  html body[data-page] product-card .base-card-price-wrap,
  html body[data-page] .product-card .base-card-price-wrap {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  html body[data-page] product-card .base-card-price,
  html body[data-page] .product-card .base-card-price {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: #084e4b !important;
    font: 800 clamp(17px,4.5vw,20px)/1.05 "Cormorant Garamond",Georgia,serif !important;
    letter-spacing: -.035em !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  html body[data-page] product-card .base-card-old-price,
  html body[data-page] .product-card .base-card-old-price {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 3px !important;
    color: #7d8a87 !important;
    font: 600 clamp(11px,3vw,13px)/1.15 Manrope,Arial,sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  html body[data-page] product-card .product-card-footer > button.base-shop-now[data-quickview],
  html body[data-page] .product-card .product-card-footer > button.base-shop-now[data-quickview],
  html body[data-page] product-card button.base-shop-now[data-quickview],
  html body[data-page] .product-card button.base-shop-now[data-quickview] {
    position: static !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    transform: none !important;
    font-size: 11px !important;
  }
  html body[data-page] product-card .base-shop-now span,
  html body[data-page] .product-card .base-shop-now span {
    display: inline !important;
    white-space: nowrap !important;
  }

  /* Make product media fully visible and consistent */
  html body[data-page] product-card .product-card-media,
  html body[data-page] .product-card .product-card-media {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1/1 !important;
    padding: 8px !important;
    overflow: hidden !important;
  }
  html body[data-page] product-card .product-card-media img,
  html body[data-page] .product-card .product-card-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }

  /* ABOUT: compact, readable stack with complete images */
  html body[data-page="about"] .fn-about-hero,
  html body[data-page="about"] .fn-about-story,
  html body[data-page="about"] .fn-about-manifesto,
  html body[data-page="about"] .fn-about-numbers,
  html body[data-page="about"] .fn-about-values {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
    margin: 0 !important;
  }
  html body[data-page="about"] .fn-about-hero-grid,
  html body[data-page="about"] .fn-about-story-grid,
  html body[data-page="about"] .fn-about-manifesto-grid,
  html body[data-page="about"] .fn-about-values-grid {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 18px !important;
  }
  html body[data-page="about"] .fn-about-hero-copy,
  html body[data-page="about"] .fn-about-story-copy {
    min-width: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  html body[data-page="about"] .fn-about-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  html body[data-page="about"] .fn-about-actions a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
  }
  html body[data-page="about"] .fn-about-hero-visual,
  html body[data-page="about"] .fn-about-story figure {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 4/3 !important;
    overflow: hidden !important;
  }
  html body[data-page="about"] .fn-about-hero-visual img,
  html body[data-page="about"] .fn-about-story figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  html body[data-page="about"] .fn-about-number-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  html body[data-page="about"] .fn-about-number-grid article {
    min-height: 126px !important;
    padding: 20px 16px !important;
  }

  /* Generic content pages: no hidden first block / no fixed-height clipping */
  html body[data-page="contact"] main > section,
  html body[data-page="cart"] main > section,
  html body[data-page="wishlist"] main > section,
  html body[data-page="checkout"] main > section,
  html body[data-page="order-confirmation"] main > section,
  html body[data-page="my-details"] main > section,
  html body.policy-page main > section {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Footer mobile flow */
  html body[data-page] .base-footer,
  html body[data-page] .base-footer-grid,
  html body[data-page] .base-footer-newsletter-row,
  html body[data-page] .base-footer-bottom,
  html body[data-page] .base-footer-bottom-inner {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

@media (max-width: 390px) {
  html body[data-page="home"] .ferovixe-category-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  html body[data-page="home"] .ferovixe-category-card,
  html body[data-page="home"] .ferovixe-category-card:nth-child(n) {
    min-height: 148px !important;
    padding: 14px !important;
  }
  html body[data-page="home"] .ferovixe-category-card strong { font-size: 17px !important; }
  html body[data-page="home"] .ferovixe-category-card span { font-size: 10.5px !important; }

  html body[data-page] product-card .base-card-price,
  html body[data-page] .product-card .base-card-price {
    font-size: 17px !important;
  }
  html body[data-page] product-card .base-card-old-price,
  html body[data-page] .product-card .base-card-old-price {
    font-size: 11px !important;
  }
}

@media (max-width: 340px) {
  html body[data-page="home"] .ferovixe-category-grid,
  html body[data-page="home"] #featured-scroll,
  html body[data-page="home"] #new-products-grid,
  html body[data-page="shop"] #shop-grid,
  html body[data-page="pdp"] #related-grid {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   v7.13 mobile final corrections
   - home category grid spans
   - hero image visibility fallback
   - smaller mobile product prices
   - product footer flow
   - PDP mobile price hierarchy
   ========================================================= */
@media (max-width: 768px) {
  /* HOME hero media: guarantee the real banner is visible and complete. */
  html body[data-page="home"] .ferovixe-base-hero-media,
  html body[data-page="home"] .ferovixe-base-media-frame {
    opacity: 1 !important;
    visibility: visible !important;
  }
  html body[data-page="home"] .ferovixe-base-media-frame {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 12 / 7 !important;
    padding: 0 !important;
    background: #edf4f2 url("../../images/banner.png") center / contain no-repeat !important;
  }
  html body[data-page="home"] .ferovixe-base-media-frame > img {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
    filter: none !important;
  }

  /* HOME categories: force every card to occupy exactly one grid cell. */
  html body[data-page="home"] .ferovixe-category-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: 1fr !important;
    gap: 10px !important;
    align-items: stretch !important;
  }
  html body[data-page="home"] .ferovixe-category-grid > .ferovixe-category-card,
  html body[data-page="home"] .ferovixe-category-grid > .ferovixe-category-card:nth-child(n) {
    grid-column: auto / span 1 !important;
    grid-row: auto / span 1 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 150px !important;
    height: 100% !important;
    padding: 15px !important;
  }
  html body[data-page="home"] .ferovixe-category-grid > .ferovixe-category-card strong {
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.12 !important;
  }
  html body[data-page="home"] .ferovixe-category-grid > .ferovixe-category-card span {
    max-width: 100% !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
  }

  /* ALL product cards: smaller price typography on phones and always give it its own row. */
  html body[data-page] #featured-scroll product-card .product-card-footer,
  html body[data-page] #new-products-grid product-card .product-card-footer,
  html body[data-page] #shop-grid product-card .product-card-footer,
  html body[data-page] #related-grid product-card .product-card-footer,
  html body[data-page] product-card .product-card .product-card-footer,
  html body[data-page] .product-card .product-card-footer {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 7px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }
  html body[data-page] #featured-scroll .base-card-price-wrap,
  html body[data-page] #new-products-grid .base-card-price-wrap,
  html body[data-page] #shop-grid .base-card-price-wrap,
  html body[data-page] #related-grid .base-card-price-wrap,
  html body[data-page] product-card .base-card-price-wrap,
  html body[data-page] .product-card .base-card-price-wrap {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
  }
  html body[data-page] #featured-scroll .base-card-price,
  html body[data-page] #new-products-grid .base-card-price,
  html body[data-page] #shop-grid .base-card-price,
  html body[data-page] #related-grid .base-card-price,
  html body[data-page] product-card .base-card-price,
  html body[data-page] .product-card .base-card-price {
    width: 100% !important;
    max-width: 100% !important;
    font: 800 15px/1.05 "Cormorant Garamond", Georgia, serif !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  html body[data-page] #featured-scroll .base-card-old-price,
  html body[data-page] #new-products-grid .base-card-old-price,
  html body[data-page] #shop-grid .base-card-old-price,
  html body[data-page] #related-grid .base-card-old-price,
  html body[data-page] product-card .base-card-old-price,
  html body[data-page] .product-card .base-card-old-price {
    font: 600 10px/1.15 Manrope, Arial, sans-serif !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  html body[data-page] #featured-scroll button.base-shop-now,
  html body[data-page] #new-products-grid button.base-shop-now,
  html body[data-page] #shop-grid button.base-shop-now,
  html body[data-page] #related-grid button.base-shop-now,
  html body[data-page] product-card .product-card-footer > button.base-shop-now,
  html body[data-page] .product-card .product-card-footer > button.base-shop-now {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    transform: none !important;
    font-size: 10.5px !important;
  }

  /* PDP: mobile price should fit Rs. comfortably and keep secondary info readable. */
  html body[data-page="pdp"] .tn-pdp-price,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  html body[data-page="pdp"] .tn-pdp-price .pdp-price-row-primary,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .pdp-price-row-primary {
    display: flex !important;
    align-items: baseline !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  html body[data-page="pdp"] .tn-pdp-price .current-price,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .current-price {
    display: block !important;
    max-width: 100% !important;
    font-size: clamp(32px, 10vw, 38px) !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }
  html body[data-page="pdp"] .tn-pdp-price .pdp-price-row-secondary,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .pdp-price-row-secondary {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 9px !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  html body[data-page="pdp"] .tn-pdp-price .original-price,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .original-price {
    font-size: 13px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }
  html body[data-page="pdp"] .tn-pdp-price .discount-badge,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .discount-badge {
    min-height: 26px !important;
    padding: 4px 8px !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  html body[data-page="pdp"] .tn-pdp-price .save-amount,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .save-amount,
  html body[data-page="pdp"] .tn-pdp-price .save-amount b,
  html body[data-page="pdp"] .tn-pdp-price-in-purchase .save-amount b {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 390px) {
  html body[data-page="home"] .ferovixe-category-grid > .ferovixe-category-card,
  html body[data-page="home"] .ferovixe-category-grid > .ferovixe-category-card:nth-child(n) {
    min-height: 142px !important;
    padding: 13px !important;
  }
  html body[data-page] #featured-scroll .base-card-price,
  html body[data-page] #new-products-grid .base-card-price,
  html body[data-page] #shop-grid .base-card-price,
  html body[data-page] #related-grid .base-card-price,
  html body[data-page] product-card .base-card-price,
  html body[data-page] .product-card .base-card-price {
    font-size: 14px !important;
  }
  html body[data-page] #featured-scroll .base-card-old-price,
  html body[data-page] #new-products-grid .base-card-old-price,
  html body[data-page] #shop-grid .base-card-old-price,
  html body[data-page] #related-grid .base-card-old-price,
  html body[data-page] product-card .base-card-old-price,
  html body[data-page] .product-card .base-card-old-price {
    font-size: 9.5px !important;
  }
}


/* =========================================================
   v7.14 — unify all product-card price styles
   Reference: home featured-scroll + PDP price visual hierarchy
   CSS only; no product/data/business logic changes.
   ========================================================= */

/* Desktop / tablet: every product card uses Featured price styling. */
html body[data-page="home"] #featured-scroll .base-card-price,
html body[data-page="home"] #new-products-grid .base-card-price,
html body[data-page="shop"] #shop-grid .base-card-price,
html body[data-page="pdp"] #related-grid .base-card-price,
html body[data-page="wishlist"] .product-card .base-card-price,
html body[data-page] product-card .product-card .base-card-price {
  display:block !important;
  color:#084e4b !important;
  font-family:"Cormorant Garamond",Georgia,serif !important;
  font-size:32px !important;
  font-style:normal !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:-.02em !important;
  text-transform:none !important;
  white-space:nowrap !important;
}

html body[data-page="home"] #featured-scroll .base-card-old-price,
html body[data-page="home"] #new-products-grid .base-card-old-price,
html body[data-page="shop"] #shop-grid .base-card-old-price,
html body[data-page="pdp"] #related-grid .base-card-old-price,
html body[data-page="wishlist"] .product-card .base-card-old-price,
html body[data-page] product-card .product-card .base-card-old-price {
  display:block !important;
  margin-top:4px !important;
  color:#7d8a87 !important;
  font-family:Manrope,Arial,sans-serif !important;
  font-size:17px !important;
  font-style:normal !important;
  font-weight:600 !important;
  line-height:1.15 !important;
  letter-spacing:0 !important;
  text-decoration:line-through !important;
  text-transform:none !important;
  white-space:nowrap !important;
}

/* Mobile: explicitly match the currently-correct Featured cards. */
@media (max-width:768px) {
  html body[data-page="home"] #featured-scroll .base-card-price,
  html body[data-page="home"] #new-products-grid .base-card-price,
  html body[data-page="shop"] #shop-grid .base-card-price,
  html body[data-page="pdp"] #related-grid .base-card-price,
  html body[data-page="wishlist"] .product-card .base-card-price,
  html body[data-page] product-card .product-card .base-card-price {
    font-size:24px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
  }

  html body[data-page="home"] #featured-scroll .base-card-old-price,
  html body[data-page="home"] #new-products-grid .base-card-old-price,
  html body[data-page="shop"] #shop-grid .base-card-old-price,
  html body[data-page="pdp"] #related-grid .base-card-old-price,
  html body[data-page="wishlist"] .product-card .base-card-old-price,
  html body[data-page] product-card .product-card .base-card-old-price {
    font-size:14px !important;
    line-height:1.15 !important;
    font-weight:600 !important;
  }

  /* Keep price/button rows stable in two-column mobile cards. */
  html body[data-page="home"] #featured-scroll .product-card-footer,
  html body[data-page="home"] #new-products-grid .product-card-footer,
  html body[data-page="shop"] #shop-grid .product-card-footer,
  html body[data-page="pdp"] #related-grid .product-card-footer,
  html body[data-page="wishlist"] .product-card .product-card-footer {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    gap:7px !important;
  }

  html body[data-page="home"] #featured-scroll .base-card-price-wrap,
  html body[data-page="home"] #new-products-grid .base-card-price-wrap,
  html body[data-page="shop"] #shop-grid .base-card-price-wrap,
  html body[data-page="pdp"] #related-grid .base-card-price-wrap,
  html body[data-page="wishlist"] .product-card .base-card-price-wrap {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
  }
}

/* Very narrow devices: only a slight reduction, preserving the same visual style. */
@media (max-width:360px) {
  html body[data-page="home"] #featured-scroll .base-card-price,
  html body[data-page="home"] #new-products-grid .base-card-price,
  html body[data-page="shop"] #shop-grid .base-card-price,
  html body[data-page="pdp"] #related-grid .base-card-price,
  html body[data-page="wishlist"] .product-card .base-card-price,
  html body[data-page] product-card .product-card .base-card-price {
    font-size:21px !important;
  }

  html body[data-page="home"] #featured-scroll .base-card-old-price,
  html body[data-page="home"] #new-products-grid .base-card-old-price,
  html body[data-page="shop"] #shop-grid .base-card-old-price,
  html body[data-page="pdp"] #related-grid .base-card-old-price,
  html body[data-page="wishlist"] .product-card .base-card-old-price,
  html body[data-page] product-card .product-card .base-card-old-price {
    font-size:12px !important;
  }
}


/* =========================================================
   v7.15 — Shop filter dropdown visibility + data2 catalogue polish
   ========================================================= */
html body[data-page="shop"] .tn-shop-workspace,
html body[data-page="shop"] .tn-shop-workspace > .container,
html body[data-page="shop"] .tn-filter-deck,
html body[data-page="shop"] .tn-filter-body,
html body[data-page="shop"] .tn-filter-block,
html body[data-page="shop"] .ferovixe-filter-group,
html body[data-page="shop"] .tn-filter-dropdown {
  overflow: visible !important;
}

html body[data-page="shop"] .tn-filter-deck {
  position: relative !important;
  z-index: 20 !important;
}

html body[data-page="shop"] .tn-filter-body {
  position: relative !important;
  z-index: 30 !important;
  align-items: start !important;
}

html body[data-page="shop"] .tn-filter-block,
html body[data-page="shop"] .ferovixe-filter-group {
  position: relative !important;
  z-index: 1 !important;
}

html body[data-page="shop"] .tn-filter-block:has(.tn-filter-dropdown[open]),
html body[data-page="shop"] .ferovixe-filter-group:has(.tn-filter-dropdown[open]) {
  z-index: 500 !important;
}

html body[data-page="shop"] .tn-filter-dropdown[open] {
  z-index: 600 !important;
}

html body[data-page="shop"] .tn-filter-dropdown-menu,
html body[data-page="shop"] .tn-filter-dropdown .tn-filter-chips,
html body[data-page="shop"] .tn-filter-dropdown .tn-option-grid,
html body[data-page="shop"] .tn-filter-dropdown .ferovixe-check-list,
html body[data-page="shop"] .tn-filter-dropdown .ferovixe-size-grid {
  z-index: 1000 !important;
  max-height: 270px !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
  box-shadow: 0 14px 34px rgba(18, 72, 67, .16) !important;
}

html body[data-page="shop"] .tn-results-shell {
  position: relative !important;
  z-index: 1 !important;
}

/* Make the four controls read as one tidy 2 × 2 filtering module. */
@media (min-width: 761px) {
  html body[data-page="shop"] .tn-filter-body {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 12px !important;
  }

  html body[data-page="shop"] .tn-filter-block,
  html body[data-page="shop"] .ferovixe-filter-group {
    width: 100% !important;
    min-height: 66px !important;
    height: auto !important;
    max-height: none !important;
    padding: 9px 10px !important;
  }

  html body[data-page="shop"] .tn-filter-apply {
    grid-column: 2 !important;
    justify-self: end !important;
    margin-top: 0 !important;
  }
}

/* Narrow screens: dropdown overlays stay inside the viewport instead of
   being clipped by a half-width filter cell. */
@media (max-width: 760px) {
  html body[data-page="shop"] .tn-filter-dropdown-menu,
  html body[data-page="shop"] .tn-filter-dropdown .tn-filter-chips,
  html body[data-page="shop"] .tn-filter-dropdown .tn-option-grid,
  html body[data-page="shop"] .tn-filter-dropdown .ferovixe-check-list,
  html body[data-page="shop"] .tn-filter-dropdown .ferovixe-size-grid {
    width: min(310px, calc(100vw - 36px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 36px) !important;
    max-height: 240px !important;
  }

  html body[data-page="shop"] .tn-filter-block:nth-of-type(even) .tn-filter-dropdown-menu,
  html body[data-page="shop"] .tn-filter-block:nth-of-type(even) .tn-filter-chips,
  html body[data-page="shop"] .tn-filter-block:nth-of-type(even) .tn-option-grid {
    left: auto !important;
    right: 0 !important;
  }
}


/* =========================================================
   v7.16 — filter interaction + home product counts
   ========================================================= */
html body[data-page="home"] #featured-scroll,
html body[data-page="home"] #new-products-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}

/* Explicitly undo historical 3 / 6 item hiding rules. */
html body[data-page="home"] #featured-scroll > product-card,
html body[data-page="home"] #featured-scroll > .product-card,
html body[data-page="home"] #new-products-grid > product-card,
html body[data-page="home"] #new-products-grid > .product-card {
  display:block !important;
}

html body[data-page="home"] #featured-scroll > product-card:nth-child(n+5),
html body[data-page="home"] #featured-scroll > .product-card:nth-child(n+5),
html body[data-page="home"] #new-products-grid > product-card:nth-child(n+9),
html body[data-page="home"] #new-products-grid > .product-card:nth-child(n+9) {
  display:none !important;
}

html body[data-page="shop"] .tn-filter-dropdown > summary {
  cursor:pointer !important;
  user-select:none !important;
}

html body[data-page="shop"] .tn-filter-dropdown > summary i {
  transition:transform .18s ease !important;
}

html body[data-page="shop"] .tn-filter-dropdown[open] > summary i {
  transform:rotate(180deg) !important;
}

html body[data-page="shop"] .tn-filter-dropdown.has-selection > summary {
  color:#086b66 !important;
  border-color:#82b8b3 !important;
  background:#f7fbfa !important;
}

html body[data-page="shop"] .tn-filter-dropdown.has-selection > summary span {
  font-weight:700 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

@media (max-width:1024px) {
  html body[data-page="home"] #featured-scroll,
  html body[data-page="home"] #new-products-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}

@media (max-width:360px) {
  html body[data-page="home"] #featured-scroll,
  html body[data-page="home"] #new-products-grid {
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   v7.17 — authoritative home 4/8 count + darker newsletter
   ========================================================= */
html body[data-page="home"] #featured-scroll {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

html body[data-page="home"] #new-products-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

html body[data-page="home"] #featured-scroll > product-card:nth-child(-n+4),
html body[data-page="home"] #new-products-grid > product-card:nth-child(-n+8) {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

html body[data-page="home"] #featured-scroll > product-card:nth-child(n+5),
html body[data-page="home"] #new-products-grid > product-card:nth-child(n+9) {
  display:none !important;
}

html body[data-page] .base-footer-newsletter-row,
html body[data-page] .container.mx-auto.base-footer-newsletter-row {
  color:#164f4c !important;
}

html body[data-page] .base-footer-newsletter-row strong,
html body[data-page] .container.mx-auto.base-footer-newsletter-row strong {
  color:#164f4c !important;
}

html body[data-page] .base-footer-newsletter-row span,
html body[data-page] .container.mx-auto.base-footer-newsletter-row span {
  color:#405653 !important;
}

@media (max-width:1024px) {
  html body[data-page="home"] #featured-scroll,
  html body[data-page="home"] #new-products-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:360px) {
  html body[data-page="home"] #featured-scroll,
  html body[data-page="home"] #new-products-grid {
    grid-template-columns:1fr !important;
  }
}
/* Trendnovae document-content footer contact line */
html body[data-page] .base-brand-name{
  text-transform:none!important;
}
.base-footer-contact-row{
  width:min(1120px,calc(100% - 48px))!important;
  margin:0 auto!important;
  padding:0 0 18px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  color:#b8c8c3!important;
  font:600 12px/1.55 Manrope,Arial,sans-serif!important;
  overflow-wrap:anywhere!important;
}
.base-footer-contact-row i{
  color:#b8c8c3!important;
  margin-top:3px!important;
  flex:0 0 auto!important;
}
@media (max-width:767px){
  .base-footer-contact-row{
    width:calc(100% - 28px)!important;
    padding-bottom:14px!important;
  }
}

/* =========================================================
   v7.18 — About mobile readability and overflow repair
   ========================================================= */
@media (max-width: 767px) {
  html body[data-page="about"] {
    overflow-x: hidden !important;
  }

  html body[data-page="about"] main {
    padding-top: 0 !important;
  }

  html body[data-page="about"] .fn-about-hero,
  html body[data-page="about"] .fn-about-manifesto,
  html body[data-page="about"] .fn-about-story,
  html body[data-page="about"] .fn-about-numbers,
  html body[data-page="about"] .fn-about-values {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
  }

  html body[data-page="about"] main section.fn-about-hero > div.container,
  html body[data-page="about"] main section.fn-about-manifesto > div.container,
  html body[data-page="about"] main section.fn-about-story > div.container,
  html body[data-page="about"] main section.fn-about-numbers > div.container,
  html body[data-page="about"] main section.fn-about-values > div.container {
    width: min(100% - 28px, 560px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body[data-page="about"] .fn-about-hero {
    padding-top: 42px !important;
    padding-bottom: 44px !important;
    background: #f6f7f8 !important;
  }

  html body[data-page="about"] .fn-about-hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    min-height: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #0b5a56 !important;
    box-shadow: 0 22px 48px rgba(8, 78, 75, .16) !important;
  }

  html body[data-page="about"] .fn-about-hero-copy {
    width: 100% !important;
    min-width: 0 !important;
    padding: 30px 22px 28px !important;
    color: #ffffff !important;
    background: #0b5a56 !important;
  }

  html body[data-page="about"] .fn-about-kicker {
    display: block !important;
    margin-bottom: 18px !important;
    color: #d9f1ec !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    letter-spacing: .16em !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-page="about"] .fn-about-hero h1 {
    max-width: 100% !important;
    margin: 0 0 18px !important;
    color: #ffffff !important;
    font-size: clamp(36px, 10.5vw, 48px) !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
    text-wrap: balance !important;
    opacity: 1 !important;
  }

  html body[data-page="about"] .fn-about-hero p {
    max-width: 100% !important;
    color: #e8f4f1 !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
    opacity: 1 !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-page="about"] .fn-about-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 26px !important;
  }

  html body[data-page="about"] .fn-about-actions a {
    min-height: 48px !important;
    width: 100% !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .4) !important;
  }

  html body[data-page="about"] .fn-about-actions a:first-child {
    background: #ffffff !important;
    color: #0b5a56 !important;
    border-color: #ffffff !important;
  }

  html body[data-page="about"] .fn-about-hero-visual {
    min-height: 280px !important;
    height: auto !important;
    background: #e9f3f2 !important;
  }

  html body[data-page="about"] .fn-about-hero-visual img {
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  html body[data-page="about"] .fn-about-hero-visual figcaption {
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    justify-content: flex-start !important;
    color: #ffffff !important;
  }

  html body[data-page="about"] .fn-about-manifesto,
  html body[data-page="about"] .fn-about-story,
  html body[data-page="about"] .fn-about-values {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  html body[data-page="about"] .fn-about-manifesto-grid,
  html body[data-page="about"] .fn-about-story-grid,
  html body[data-page="about"] .fn-about-values-head,
  html body[data-page="about"] .fn-about-values-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  html body[data-page="about"] .fn-about-manifesto h2,
  html body[data-page="about"] .fn-about-story h2,
  html body[data-page="about"] .fn-about-values-head h2 {
    font-size: clamp(32px, 9vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
  }
}

/* Keep the footer address visually aligned with the footer description. */
html body[data-page] .base-footer .base-footer-brand-col p,
html body[data-page] .base-footer-contact-row,
html body[data-page] .base-footer-contact-row i {
  color: #b8c8c3 !important;
}

/* =========================================================
   v7.19 — Global responsive hardening: no overflow, no image crop
   ========================================================= */
html,
body,
html body[data-page] {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html body[data-page] *,
html body[data-page] *::before,
html body[data-page] *::after {
  box-sizing: border-box !important;
}

html body[data-page] main,
html body[data-page] section,
html body[data-page] article,
html body[data-page] aside,
html body[data-page] header,
html body[data-page] footer,
html body[data-page] nav,
html body[data-page] div,
html body[data-page] form,
html body[data-page] figure {
  max-width: 100% !important;
}

html body[data-page] .container,
html body[data-page] .site-container,
html body[data-page] .mx-auto,
html body[data-page] [class*="grid"],
html body[data-page] [class*="flex"] {
  min-width: 0 !important;
}

html body[data-page] h1,
html body[data-page] h2,
html body[data-page] h3,
html body[data-page] h4,
html body[data-page] p,
html body[data-page] a,
html body[data-page] span,
html body[data-page] strong,
html body[data-page] small,
html body[data-page] label,
html body[data-page] button {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

html body[data-page] img {
  max-width: 100% !important;
  height: auto !important;
}

html body[data-page] .product-card-media,
html body[data-page] .ferovixe-pdp-image-card,
html body[data-page] .tn-pdp-main-media,
html body[data-page] .tn-pdp-thumb,
html body[data-page] .tn-pdp-thumbnails button,
html body[data-page] .ferovixe-base-hero-media,
html body[data-page] .fn-about-hero-visual,
html body[data-page] .fn-about-story figure {
  display: grid !important;
  place-items: center !important;
  min-width: 0 !important;
  overflow: visible !important;
}

html body[data-page] .product-card-media img,
html body[data-page] .ferovixe-pdp-image-card img,
html body[data-page] .tn-pdp-main-media img,
html body[data-page] .tn-pdp-thumb img,
html body[data-page] .tn-pdp-thumbnails img,
html body[data-page] .ferovixe-base-hero-media img,
html body[data-page] .fn-about-hero-visual img,
html body[data-page] .fn-about-story figure img,
html body[data-page] #pdp-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

html body[data-page="home"] .ferovixe-base-hero-media {
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(14px, 3vw, 32px) !important;
  background: #edf4f2 !important;
}

html body[data-page="home"] .ferovixe-base-hero-media img {
  object-fit: contain !important;
}

html body[data-page="about"] .fn-about-hero-visual,
html body[data-page="about"] .fn-about-story figure {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 10 !important;
  padding: clamp(12px, 2.4vw, 28px) !important;
  background: #edf4f2 !important;
}

html body[data-page="about"] .fn-about-hero-visual img,
html body[data-page="about"] .fn-about-story figure img {
  height: 100% !important;
  object-fit: contain !important;
}

html body[data-page="about"] .fn-about-hero-visual::after,
html body[data-page="about"] .fn-about-story figure::before {
  pointer-events: none !important;
}

html body[data-page="pdp"] .ferovixe-pdp-image-card,
html body[data-page="pdp"] .tn-pdp-main-media {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: clamp(14px, 3vw, 34px) !important;
}

html body[data-page] .product-card-media {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: clamp(10px, 2vw, 18px) !important;
}

@media (max-width: 767px) {
  html body[data-page] .container,
  html body[data-page] .site-container {
    width: min(100% - 24px, 560px) !important;
    max-width: calc(100% - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-grid,
  html body[data-page="about"] .fn-about-hero-grid,
  html body[data-page="about"] .fn-about-story-grid,
  html body[data-page="about"] .fn-about-manifesto-grid,
  html body[data-page="about"] .fn-about-values-grid,
  html body[data-page="pdp"] .tn-pdp-layout,
  html body[data-page="pdp"] .furninusa-pdp-v13-top,
  html body[data-page="shop"] .tn-shop-layout,
  html body[data-page="shop"] .ferovixe-shop-layout {
    grid-template-columns: 1fr !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy,
  html body[data-page="about"] .fn-about-hero-copy,
  html body[data-page="about"] .fn-about-story-copy,
  html body.policy-page .policy-hero__content,
  html body.policy-page .policy-summary,
  html body.policy-page .policy-card {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-media,
  html body[data-page="about"] .fn-about-hero-visual,
  html body[data-page="about"] .fn-about-story figure {
    aspect-ratio: 4 / 3 !important;
    min-height: 0 !important;
  }

  html body[data-page="about"] .fn-about-hero h1 {
    font-size: clamp(34px, 9.8vw, 46px) !important;
  }

  html body[data-page="about"] .fn-about-hero p {
    font-size: 14px !important;
    line-height: 1.68 !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  html body[data-page] .container,
  html body[data-page] .site-container {
    width: min(100% - 40px, 1120px) !important;
    max-width: calc(100% - 40px) !important;
  }
}

/* =========================================================
   v7.20 — Mobile media containment and PDP thumbnail wrap
   ========================================================= */
html body[data-page="pdp"] .tn-pdp-gallery-main,
html body[data-page="home"] .ferovixe-base-hero-media,
html body[data-page="about"] .fn-about-hero-visual,
html body[data-page="about"] .fn-about-story figure {
  overflow: hidden !important;
}

html body[data-page="pdp"] .tn-pdp-gallery-main img,
html body[data-page="home"] .ferovixe-base-hero-media img,
html body[data-page="about"] .fn-about-hero-visual img,
html body[data-page="about"] .fn-about-story figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

html body[data-page="pdp"] .tn-pdp-thumbnails,
html body[data-page="pdp"] #pdp-thumbnails {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html body[data-page="pdp"] .tn-pdp-thumbnails button,
html body[data-page="pdp"] #pdp-thumbnails button,
html body[data-page="pdp"] .tn-pdp-thumbnails > *,
html body[data-page="pdp"] #pdp-thumbnails > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

@media (max-width: 767px) {
  html body[data-page="pdp"] .tn-pdp-thumbnails,
  html body[data-page="pdp"] #pdp-thumbnails {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(54px, 1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
    padding: 10px 0 0 !important;
  }

  html body[data-page="pdp"] .tn-pdp-thumbnails button,
  html body[data-page="pdp"] #pdp-thumbnails button,
  html body[data-page="pdp"] .tn-pdp-thumbnails > *,
  html body[data-page="pdp"] #pdp-thumbnails > * {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    flex: 0 1 auto !important;
    justify-self: stretch !important;
  }

  html body[data-page="pdp"] .tn-pdp-trust,
  html body[data-page="pdp"] .tn-pdp-actions,
  html body[data-page="pdp"] .tn-pdp-quantity,
  html body[data-page="pdp"] .tn-pdp-stock-row {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body[data-page="pdp"] .tn-pdp-quantity,
  html body[data-page="pdp"] .tn-pdp-stock-row {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-media,
  html body[data-page="about"] .fn-about-hero-visual,
  html body[data-page="about"] .fn-about-story figure {
    aspect-ratio: 1 / 1 !important;
    padding: 12px !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="pdp"] .tn-pdp-page > .container,
  html body[data-page="about"] .fn-about-page,
  html body[data-page="home"] main {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body[data-page="pdp"] .tn-pdp-showcase,
  html body[data-page="pdp"] .tn-pdp-gallery,
  html body[data-page="pdp"] .tn-pdp-purchase,
  html body[data-page="about"] .fn-about-hero,
  html body[data-page="about"] .fn-about-story,
  html body[data-page="home"] .ferovixe-base-hero {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Keep home action colors aligned with the Trendnovae teal palette. */
html body[data-page="home"] .ferovixe-base-hero-actions a:first-child,
html body[data-page="home"] .ferovixe-base-hero-actions button:first-child {
  background: #155f5d !important;
  border-color: #155f5d !important;
  color: #ffffff !important;
}

html body[data-page="home"] .ferovixe-base-hero-actions a:first-child:hover,
html body[data-page="home"] .ferovixe-base-hero-actions button:first-child:hover {
  background: #0f4d4b !important;
  border-color: #0f4d4b !important;
  color: #ffffff !important;
}

/* =========================================================
   v7.21 — Restore desktop hero structure; keep banner image complete
   ========================================================= */
html body[data-page="home"] main.ferovixe-home {
  overflow-x: hidden !important;
}

html body[data-page="home"] .ferovixe-home-hero.ferovixe-base-hero {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: clamp(28px, 4vw, 64px) 0 clamp(34px, 5vw, 72px) !important;
  background: #f6f7f8 !important;
  overflow: visible !important;
}

html body[data-page="home"] .ferovixe-home-hero > .container {
  width: min(100% - 40px, 1280px) !important;
  max-width: min(100% - 40px, 1280px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body[data-page="home"] .ferovixe-base-hero-grid {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  align-items: stretch !important;
  gap: clamp(18px, 3vw, 34px) !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(20px, 3vw, 34px) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 70px rgba(21, 95, 93, .10) !important;
  overflow: visible !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy {
  position: relative !important;
  inset: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: clamp(28px, 4vw, 54px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  border-radius: 22px !important;
  background: #155f5d !important;
  color: #ffffff !important;
  opacity: 1 !important;
  transform: none !important;
  text-align: left !important;
  box-shadow: none !important;
  z-index: 2 !important;
}

html body[data-page="home"] .ferovixe-base-eyebrow {
  color: #d9efeb !important;
  opacity: 1 !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy h1,
html body[data-page="home"] .ferovixe-base-hero-copy h1 em {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  background: none !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy h1 {
  max-width: 680px !important;
  margin: 12px 0 18px !important;
  font-size: clamp(44px, 5.3vw, 82px) !important;
  line-height: .98 !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy p {
  max-width: 620px !important;
  color: #e8f4f1 !important;
  opacity: 1 !important;
  font-size: clamp(15px, 1.1vw, 18px) !important;
  line-height: 1.7 !important;
  text-align: left !important;
}

html body[data-page="home"] .ferovixe-base-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin-top: 12px !important;
}

html body[data-page="home"] .ferovixe-base-primary,
html body[data-page="home"] .ferovixe-base-link {
  width: auto !important;
  min-width: 156px !important;
  min-height: 48px !important;
  white-space: normal !important;
}

html body[data-page="home"] .ferovixe-base-primary {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #155f5d !important;
}

html body[data-page="home"] .ferovixe-base-link {
  color: #ffffff !important;
}

html body[data-page="home"] .ferovixe-base-hero-notes {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 18px !important;
}

html body[data-page="home"] .ferovixe-base-hero-notes span {
  flex: 1 1 220px !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,.08) !important;
}

html body[data-page="home"] .ferovixe-base-hero-media {
  position: relative !important;
  inset: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: clamp(14px, 2.6vw, 32px) !important;
  border-radius: 22px !important;
  background: #edf4f2 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  transform: none !important;
}

html body[data-page="home"] .ferovixe-base-media-frame {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 11 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
  overflow: visible !important;
}

html body[data-page="home"] .ferovixe-base-media-frame img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body[data-page="home"] .ferovixe-base-hero-media::before,
html body[data-page="home"] .ferovixe-base-hero-media::after,
html body[data-page="home"] .ferovixe-base-media-frame::before,
html body[data-page="home"] .ferovixe-base-media-frame::after,
html body[data-page="home"] .ferovixe-base-media-label {
  display: none !important;
}

html body[data-page="home"] .ferovixe-benefits-wrap {
  margin-top: -22px !important;
  position: relative !important;
  z-index: 3 !important;
}

@media (max-width: 900px) {
  html body[data-page="home"] .ferovixe-base-hero-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  html body[data-page="home"] .ferovixe-home-hero > .container {
    width: min(100% - 24px, 560px) !important;
    max-width: calc(100% - 24px) !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-grid {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy {
    padding: 22px 18px !important;
    border-radius: 20px !important;
    text-align: left !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy h1 {
    margin: 10px 0 12px !important;
    font-size: clamp(32px, 9.2vw, 42px) !important;
    line-height: 1.04 !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy p {
    margin-bottom: 14px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  html body[data-page="home"] .ferovixe-base-primary,
  html body[data-page="home"] .ferovixe-base-link {
    width: 100% !important;
    min-height: 44px !important;
  }

  html body[data-page="home"] .ferovixe-base-media-frame {
    aspect-ratio: 16 / 10 !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-notes {
    display: none !important;
  }

  html body[data-page="home"] .ferovixe-benefits-wrap {
    margin-top: 12px !important;
  }
}

@media (max-width: 360px) {
  html body[data-page="home"] .ferovixe-base-hero-copy {
    padding: 20px 16px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy h1 {
    font-size: 30px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy p {
    font-size: 13px !important;
  }
}

/* =========================================================
   v7.22 — Keep the original full-banner layout, only fix image fit
   ========================================================= */
html body[data-page="home"] .ferovixe-home-hero.ferovixe-base-hero {
  position: relative !important;
  width: 100% !important;
  min-height: clamp(560px, 54vw, 760px) !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #eaf4f2 !important;
  border-radius: 0 0 28px 28px !important;
}

html body[data-page="home"] .ferovixe-home-hero::before,
html body[data-page="home"] .ferovixe-home-hero::after,
html body[data-page="home"] .ferovixe-base-hero::before,
html body[data-page="home"] .ferovixe-base-hero::after {
  content: none !important;
  display: none !important;
}

html body[data-page="home"] .ferovixe-home-hero > .container {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

html body[data-page="home"] .ferovixe-base-hero-grid {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: clamp(560px, 54vw, 760px) !important;
  height: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border-radius: 0 0 28px 28px !important;
  box-shadow: none !important;
}

html body[data-page="home"] .ferovixe-base-hero-media {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 0 28px 28px !important;
  background: #eaf4f2 !important;
  overflow: hidden !important;
  transform: none !important;
  z-index: 0 !important;
}

html body[data-page="home"] .ferovixe-base-media-frame {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  background: #eaf4f2 !important;
  overflow: hidden !important;
}

html body[data-page="home"] .ferovixe-base-media-frame img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

html body[data-page="home"] .ferovixe-base-hero-media::before {
  content: none !important;
  display: none !important;
}

html body[data-page="home"] .ferovixe-base-hero-media::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, rgba(5,54,52,.74) 0%, rgba(5,54,52,.48) 48%, rgba(5,54,52,.18) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

html body[data-page="home"] .ferovixe-base-media-frame::before,
html body[data-page="home"] .ferovixe-base-media-frame::after,
html body[data-page="home"] .ferovixe-base-media-label {
  content: none !important;
  display: none !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy {
  position: relative !important;
  z-index: 2 !important;
  width: min(100% - 48px, 980px) !important;
  max-width: 980px !important;
  min-height: clamp(560px, 54vw, 760px) !important;
  margin: 0 auto !important;
  padding: clamp(70px, 8vw, 130px) 0 clamp(64px, 7vw, 110px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  text-align: left !important;
}

html body[data-page="home"] .ferovixe-base-eyebrow,
html body[data-page="home"] .ferovixe-base-hero-copy h1,
html body[data-page="home"] .ferovixe-base-hero-copy h1 em,
html body[data-page="home"] .ferovixe-base-hero-copy p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.22) !important;
}

html body[data-page="home"] .ferovixe-base-eyebrow {
  display: inline-flex !important;
  width: auto !important;
  max-width: max-content !important;
  min-height: 0 !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: rgba(5,54,52,.42) !important;
  letter-spacing: .16em !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy::before {
  content: "" !important;
  position: absolute !important;
  inset: auto auto 11% -28px !important;
  width: min(760px, calc(100% + 56px)) !important;
  height: min(62%, 460px) !important;
  border-radius: 28px !important;
  background: linear-gradient(90deg, rgba(5,54,52,.58), rgba(5,54,52,.18)) !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy h1 {
  max-width: 680px !important;
  margin: 12px 0 18px !important;
  font-size: clamp(48px, 5.8vw, 86px) !important;
  line-height: .98 !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy p {
  max-width: 620px !important;
  font-size: clamp(15px, 1.2vw, 18px) !important;
  line-height: 1.7 !important;
}

html body[data-page="home"] .ferovixe-base-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 12px !important;
}

html body[data-page="home"] .ferovixe-base-primary {
  width: auto !important;
  min-width: 156px !important;
  min-height: 48px !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #155f5d !important;
  text-shadow: none !important;
}

html body[data-page="home"] .ferovixe-base-link {
  width: auto !important;
  min-height: 48px !important;
  color: #ffffff !important;
}

html body[data-page="home"] .ferovixe-base-hero-notes {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: min(100%, 620px) !important;
  margin-top: 18px !important;
}

html body[data-page="home"] .ferovixe-base-hero-notes span {
  flex: 1 1 220px !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(5,54,52,.22) !important;
}

@media (max-width: 767px) {
  html body[data-page="home"] .ferovixe-home-hero.ferovixe-base-hero,
  html body[data-page="home"] .ferovixe-base-hero-grid {
    min-height: 680px !important;
    border-radius: 0 0 22px 22px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy {
    width: calc(100% - 32px) !important;
    min-height: 680px !important;
    padding: 56px 0 48px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy h1 {
    font-size: clamp(38px, 11vw, 50px) !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: min(100%, 340px) !important;
  }

  html body[data-page="home"] .ferovixe-base-primary,
  html body[data-page="home"] .ferovixe-base-link {
    width: 100% !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-notes {
    display: grid !important;
    width: min(100%, 340px) !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-media::before {
    content: none !important;
    display: none !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-media::after {
    background: linear-gradient(180deg, rgba(5,54,52,.70) 0%, rgba(5,54,52,.42) 52%, rgba(5,54,52,.18) 100%) !important;
  }
}

/* =========================================================
   v7.24 — Home banner final responsive fix
   Only affects the home hero/banner.
   ========================================================= */

/* Keep the hero media as the full visual background and make every
   content box participate in predictable sizing. */
html body[data-page="home"] .ferovixe-home-hero.ferovixe-base-hero,
html body[data-page="home"] .ferovixe-base-hero-grid,
html body[data-page="home"] .ferovixe-base-hero-copy,
html body[data-page="home"] .ferovixe-base-hero-copy *,
html body[data-page="home"] .ferovixe-base-hero-actions,
html body[data-page="home"] .ferovixe-base-hero-notes {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

html body[data-page="home"] .ferovixe-base-hero-grid {
  position: relative !important;
  overflow: hidden !important;
}

html body[data-page="home"] .ferovixe-base-hero-media {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  z-index: 0 !important;
  overflow: hidden !important;
}

html body[data-page="home"] .ferovixe-base-media-frame {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

html body[data-page="home"] .ferovixe-base-media-frame img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

html body[data-page="home"] .ferovixe-base-hero-media::after {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    rgba(5,54,52,.64) 0%,
    rgba(5,54,52,.34) 52%,
    rgba(5,54,52,.10) 100%
  ) !important;
}

/* Desktop/tablet: keep one readable content column and make the dark
   pseudo-element actually cover the full text/actions/notes area. */
html body[data-page="home"] .ferovixe-base-hero-copy {
  position: relative !important;
  z-index: 2 !important;
  width: min(calc(100% - 56px), 980px) !important;
  max-width: 980px !important;
  min-height: clamp(560px, 54vw, 760px) !important;
  margin: 0 auto !important;
  padding: clamp(72px, 8vw, 118px) 28px clamp(58px, 6vw, 88px) !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  overflow: visible !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  top: clamp(48px, 7vw, 92px) !important;
  right: 8px !important;
  bottom: clamp(42px, 5vw, 72px) !important;
  left: 8px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 28px !important;
  background: linear-gradient(
    90deg,
    rgba(4,43,42,.88) 0%,
    rgba(5,54,52,.76) 58%,
    rgba(5,54,52,.54) 100%
  ) !important;
  pointer-events: none !important;
}

html body[data-page="home"] .ferovixe-base-eyebrow,
html body[data-page="home"] .ferovixe-base-hero-copy h1,
html body[data-page="home"] .ferovixe-base-hero-copy p,
html body[data-page="home"] .ferovixe-base-hero-actions,
html body[data-page="home"] .ferovixe-base-hero-notes {
  position: relative !important;
  z-index: 1 !important;
  max-width: 680px !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy h1 {
  width: 100% !important;
  margin: 14px 0 18px !important;
  font-size: clamp(46px, 5.45vw, 82px) !important;
  line-height: .98 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html body[data-page="home"] .ferovixe-base-hero-copy p {
  width: 100% !important;
  max-width: 650px !important;
  margin: 0 !important;
  font-size: clamp(15px, 1.15vw, 18px) !important;
  line-height: 1.58 !important;
  overflow-wrap: break-word !important;
}

html body[data-page="home"] .ferovixe-base-hero-actions {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px 18px !important;
  margin-top: 22px !important;
}

html body[data-page="home"] .ferovixe-base-primary {
  min-width: 132px !important;
  min-height: 46px !important;
  height: 46px !important;
  padding: 0 20px !important;
}

html body[data-page="home"] .ferovixe-base-link {
  width: auto !important;
  min-height: 40px !important;
  padding: 0 !important;
}

html body[data-page="home"] .ferovixe-base-hero-notes {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

html body[data-page="home"] .ferovixe-base-hero-notes span {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 42px !important;
  padding: 9px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: normal !important;
  line-height: 1.35 !important;
}

/* Tablet: keep enough breathing room without letting the copy stretch
   outside the dark panel. */
@media (min-width: 768px) and (max-width: 1199px) {
  html body[data-page="home"] .ferovixe-base-hero-copy {
    width: min(calc(100% - 44px), 900px) !important;
    min-height: 640px !important;
    padding: 76px 24px 62px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy::before {
    top: 42px !important;
    right: 0 !important;
    bottom: 38px !important;
    left: 0 !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy h1 {
    max-width: 620px !important;
    font-size: clamp(46px, 6.4vw, 68px) !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy p,
  html body[data-page="home"] .ferovixe-base-hero-actions,
  html body[data-page="home"] .ferovixe-base-hero-notes {
    max-width: 620px !important;
  }
}

/* Mobile: one compact vertical flow. Nothing is allowed to extend
   outside the hero or outside the dark overlay. */
@media (max-width: 767px) {
  html body[data-page="home"] .ferovixe-home-hero.ferovixe-base-hero {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-grid {
    height: auto !important;
    min-height: 0 !important;
    border-radius: 0 0 20px 20px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 30px 18px 32px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy::before {
    top: 12px !important;
    right: 0 !important;
    bottom: 12px !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    border-radius: 20px !important;
    background: linear-gradient(
      180deg,
      rgba(4,43,42,.90) 0%,
      rgba(5,54,52,.82) 62%,
      rgba(5,54,52,.72) 100%
    ) !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-media::after {
    background: linear-gradient(
      180deg,
      rgba(5,54,52,.34) 0%,
      rgba(5,54,52,.18) 48%,
      rgba(5,54,52,.08) 100%
    ) !important;
  }

  html body[data-page="home"] .ferovixe-base-eyebrow {
    display: inline-flex !important;
    align-self: flex-start !important;
    max-width: 100% !important;
    padding: 6px 10px !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
    letter-spacing: .10em !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy h1 {
    max-width: 100% !important;
    margin: 12px 0 14px !important;
    font-size: clamp(35px, 10.7vw, 44px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy p {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-actions {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin-top: 18px !important;
  }

  html body[data-page="home"] .ferovixe-base-primary {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 16px !important;
  }

  html body[data-page="home"] .ferovixe-base-link {
    width: 100% !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 13px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-notes {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-notes span {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 389px) {
  html body[data-page="home"] .ferovixe-base-hero-copy {
    width: calc(100% - 16px) !important;
    padding: 26px 14px 28px !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy h1 {
    font-size: clamp(33px, 10.4vw, 40px) !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-copy p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  html body[data-page="home"] .ferovixe-base-hero-notes span {
    padding: 8px 10px !important;
    font-size: 10.5px !important;
  }
}