
/* =========================================================
   PRITZO TYPE SYSTEM — LOCKED EDITORIAL DISPLAY V1
   Master headline system derived from Section 2:
   "Daily support for every visible sign of health"

   Use these variables/classes across all future Pritzo pages:
   - .type-display-xl  = Section 1 / large hero only
   - .type-display-lg  = Main editorial section headlines
   - .type-display-md  = Emotional banner / interstitial headlines
   - .type-card-title  = Card / pillar headlines
   - .type-body-lg     = Editorial body copy
   ========================================================= */

:root{
  --font-display:'Satoshi','Inter','Helvetica Neue',Arial,sans-serif;
  --font-body:'Inter','Satoshi','Helvetica Neue',Arial,sans-serif;

  --type-display-lg-size:clamp(48px,4.35vw,68px);
  --type-display-lg-line:.98;
  --type-display-lg-tracking:-.065em;
  --type-display-lg-weight:900;

  --type-display-xl-size:clamp(58px,5vw,82px);
  --type-display-xl-line:.94;
  --type-display-xl-tracking:-.07em;
  --type-display-xl-weight:900;

  --type-display-md-size:clamp(44px,4vw,60px);
  --type-display-md-line:1;
  --type-display-md-tracking:-.05em;
  --type-display-md-weight:800;

  --type-card-title-size:clamp(24px,1.95vw,28px);
  --type-card-title-line:1.1;
  --type-card-title-tracking:-.03em;
  --type-card-title-weight:700;

  --type-body-lg-size:17px;
  --type-body-lg-line:1.65;
  --type-body-lg-tracking:-.01em;
  --type-body-lg-weight:400;
}

.type-display-lg,
.section2 .title,
.section-heading h1,
.section-heading h2,
.section-standard-heading h1,
.section-standard-heading h2,
.why-heading h1,
.why-heading h2,
.why-pritzo-heading h1,
.why-pritzo-heading h2,
.section3-trust-heading h1,
.section3-trust-heading h2,
.section3-reasons-heading h1,
.section3-reasons-heading h2,
.section3-heading,
.fit-heading-v3,
.trade-heading-v3{
  font-family:var(--font-display) !important;
  font-size:var(--type-display-lg-size) !important;
  line-height:var(--type-display-lg-line) !important;
  letter-spacing:var(--type-display-lg-tracking) !important;
  font-weight:var(--type-display-lg-weight) !important;
  color:var(--forest) !important;
}

.type-display-xl,
.hero-text h1{
  font-family:var(--font-display) !important;
  font-size:var(--type-display-xl-size) !important;
  line-height:var(--type-display-xl-line) !important;
  letter-spacing:var(--type-display-xl-tracking) !important;
  font-weight:var(--type-display-xl-weight) !important;
  color:var(--forest) !important;
}

.type-display-md,
.why-banner-headline{
  font-family:var(--font-display) !important;
  font-size:var(--type-display-md-size) !important;
  line-height:var(--type-display-md-line) !important;
  letter-spacing:var(--type-display-md-tracking) !important;
  font-weight:var(--type-display-md-weight) !important;
}

.type-card-title,
.section3-point h3,
.fit-caption-v3 h3,
.trade-card-v3 h3{
  font-family:var(--font-display) !important;
  font-size:var(--type-card-title-size) !important;
  line-height:var(--type-card-title-line) !important;
  letter-spacing:var(--type-card-title-tracking) !important;
  font-weight:var(--type-card-title-weight) !important;
}

.type-body-lg,
.hero-text p,
.why-banner-sub,
.section3-point p,
.fit-copy-v3,
.trade-copy-v3{
  font-family:var(--font-body) !important;
  font-size:var(--type-body-lg-size) !important;
  line-height:var(--type-body-lg-line) !important;
  letter-spacing:var(--type-body-lg-tracking) !important;
  font-weight:var(--type-body-lg-weight) !important;
}

@media(max-width:900px){
  :root{
    --type-display-lg-size:clamp(36px,9vw,48px);
    --type-display-lg-line:1;
    --type-display-lg-tracking:-.055em;

    --type-display-xl-size:clamp(48px,12vw,64px);
    --type-display-xl-line:.96;
    --type-display-xl-tracking:-.065em;

    --type-display-md-size:clamp(36px,9vw,48px);
    --type-card-title-size:clamp(22px,6vw,26px);
    --type-body-lg-size:16px;
  }
}


:root {
  --cream:#F6F1E8;
  --forest:#0F2E2A;
  --slate:#2C3E3A;
  --yellow:#F4C53F;
  --card:#FFFDF8;
  --gut:#2F8F5B;
  --fibre:#7DC242;
  --skin:#E63E74;
  --joint:#3A7DFF;
  --jointplus:#1F4ED8;
  --oral:#6FD6C6;
  --immunity:#F4C53F;
  --multi:#F28C28;
  --line:rgba(15,46,42,.14);
  --pad-xl:96px;
  --pad-lg:72px;
  --pad-md:48px;
  --pad-sm:28px;
}

* { box-sizing:border-box; }
html,body { margin:0; padding:0; }
body {
  background:var(--cream);
  color:var(--forest);
  font-family:'Satoshi','Inter','Helvetica Neue',Arial,sans-serif;
}

.header {
  background:var(--cream);
  padding:0;
  min-height:72px;
}

.header-inner {
  width:100%;
  padding:0;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  min-height:72px;
}

.logo {
  justify-self:start;
  margin-left:28px;
  display:flex;
  align-items:center;
}

.logo svg {
  width:265px;
  height:auto;
  display:block;
  margin:0;
}

.nav {
  justify-self:center;
  display:flex;
  align-items:center;
  gap:40px;
  font-size:16px;
  font-weight:700;
  color:var(--forest);
}

.nav span {
  cursor:pointer;
  white-space:nowrap;
}

.header-cta {
  justify-self:end;
  margin-right:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 22px;
  border-radius:999px;
  background:var(--forest);
  color:var(--cream);
  text-decoration:none;
  font-size:16px;
  font-weight:800;
}

.hero-wrap {
  background:var(--cream);
  padding:0;
}

.hero {
  width:100%;
  margin:0;
  display:grid;
  grid-template-columns:60% 40%;
  height:652px;
  min-height:652px;
  max-height:652px;
  overflow:hidden;
}

.hero-image {
  height:100%;
  overflow:hidden;
}

.hero-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 36%;
  display:block;
}

.hero-panel {
  background:var(--yellow);
  display:flex;
  align-items:center;
  padding:0 84px;
}

.hero-text {
  max-width:500px;
  transform:translateY(-6px);
}

.eyebrow {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  padding:7px 14px;
  border-radius:999px;
  background:rgba(15,46,42,.10);
  color:var(--forest);
  font-size:13px;
  font-weight:800;
}

.eyebrow::before {
  content:'';
  width:10px;
  height:10px;
  background:var(--forest);
  clip-path:polygon(50% 0%,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0% 50%,39% 38%);
}

h1 {
  margin:0;
  font-size:clamp(54px,4.5vw,72px);
  line-height:1.02;
  letter-spacing:-.055em;
  color:var(--forest);
}

.hero-text p {
  max-width:430px;
  margin:34px 0 44px;
  font-size:18px;
  line-height:1.45;
  color:var(--slate);
}

.actions {
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

.primary {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 24px;
  border-radius:999px;
  background:var(--forest);
  color:var(--cream);
  text-decoration:none;
  font-size:16px;
  font-weight:800;
}

.secondary {
  color:var(--forest);
  text-decoration:none;
  border-bottom:1.5px solid var(--forest);
  padding-bottom:3px;
  font-size:15px;
  font-weight:800;
}

.trust-strip {
  background:var(--cream);
  padding:0 0 var(--pad-md);
}

.trust-inner {
  width:min(1320px,calc(100% - 56px));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
  padding:18px 0;
  border-top:1px solid rgba(15,46,42,.14);
  border-bottom:1px solid rgba(15,46,42,.14);
  color:var(--forest);
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.trust-inner div { white-space:nowrap; }
.trust-inner span { color:var(--yellow); margin-right:8px; }

@media(max-width:900px){
  .header {
  background:var(--cream);
  padding:2px 0 2px;
}
  .header-inner {
  width:100%;
  padding:0;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
}
  .logo svg {
  width:393px;
  height:auto;
  display:block;
  margin-top:-8px;
  margin-bottom:-8px;
}
  .nav {
  justify-self:center;
  display:flex;
  gap:28px;
  font-size:16px;
  font-weight:700;
  color:var(--forest);
}
  .header-cta {
  justify-self:end;
  margin-right:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 28px;
  border-radius:999px;
  background:var(--forest);
  color:var(--cream);
  text-decoration:none;
  font-size:16px;
  font-weight:800;
}


  .hero {
  width:100%;
  margin:0;
  display:grid;
  grid-template-columns:60% 40%;
  height:652px;
  min-height:652px;
  max-height:652px;
  overflow:hidden;
}
  .hero-image {
    min-height:0;
    height:390px;
  }
  .hero-panel {
    padding:46px 24px 52px;
    justify-content:center;
    text-align:center;
  }
  .hero-text {
    max-width:540px;
    transform:none;
  }
  h1 { font-size:clamp(46px,12vw,64px); }
  .hero-text p { font-size:16px; margin:20px auto 28px; }
  .actions { justify-content:center; }

  .trust-strip {
  background:var(--cream);
  padding:0 0 var(--pad-md);
}
  .trust-inner {
    width:min(100% - 32px,1180px);
    grid-template-columns:1fr 1fr;
    gap:14px 18px;
    font-size:11px;
  }
}

@media(max-width:520px){
  .hero-image { height:360px; }
  .hero-panel { padding:42px 22px 50px; }
  h1 { font-size:48px; }
  .hero-text p { font-size:15.5px; }
  .trust-inner { grid-template-columns:1fr; }
}


/* SECTION 2 — PRODUCT RANGE */
.product-range{
  background:
    radial-gradient(circle at 8% 16%, rgba(244,197,63,.12), transparent 18%),
    radial-gradient(circle at 92% 28%, rgba(47,143,91,.10), transparent 20%),
    var(--cream);
  padding:96px 0 110px;
}

.section-heading{
  width:min(920px,calc(100% - 48px));
  margin:0 auto 58px;
  text-align:center;
}

.kicker{
  margin:0 0 14px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#ffffff;
}

.section-heading h1{
  margin:0;
  font-size:clamp(42px,5vw,66px);
  line-height:.98;
  letter-spacing:-.055em;
  color:#ffffff;
}

.section-heading p{
  max-width:700px;
  margin:24px auto 0;
  font-size:18px;
  line-height:1.48;
  color:var(--slate);
}

.product-grid{
  width:min(1180px,calc(100% - 56px));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.product-card{
  position:relative;
  min-height:430px;
  border-radius:32px;
  overflow:hidden;
  background:var(--card);
  border:1px solid rgba(15,46,42,.14);
  box-shadow:0 18px 38px rgba(15,46,42,.06);
  display:flex;
  flex-direction:column;
  transition:transform .22s ease, box-shadow .22s ease;
}

.product-card:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 52px rgba(15,46,42,.10);
}

.card-top{
  position:relative;
  padding:28px 26px 24px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--sku) 18%, transparent), rgba(255,253,248,.22));
  min-height:162px;
}

.card-spark{
  position:absolute;
  top:28px;
  right:28px;
  width:19px;
  height:19px;
  opacity:.9;
}

.card-spark path{fill:var(--sku)}

.product-name{
  margin:0;
  max-width:230px;
  font-size:clamp(30px,2.45vw,38px);
  line-height:.92;
  letter-spacing:-.055em;
  font-weight:700;
  color:#ffffff;
}

.formulation{
  margin:18px 0 0;
  max-width:260px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(15,46,42,.68);
}

.color-rule{
  height:7px;
  background:var(--sku);
}

.card-

.benefit{
  margin:0;
  font-size:19px;
  line-height:1.26;
  letter-spacing:-.03em;
  font-weight:700;
  color:#ffffff;
}

.tags{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  margin-top:auto;
  white-space:nowrap;
}

.tag{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  background:var(--sku);
  color:#ffffff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  text-transform:none;
}

.card-footer{
  padding:0 26px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.explore{
  color:#ffffff;
  text-decoration:none;
  font-size:13.5px;
  font-weight:900;
  border-bottom:1.5px solid var(--forest);
  padding-bottom:4px;
}

.color-dot{
  width:13px;
  height:13px;
  border-radius:50%;
  background:var(--sku);
}


.product-card.light-pill .tag{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  background:var(--sku);
  color:#ffffff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  text-transform:none;
}

.product-card.light-pill .card-spark path{
  fill:var(--forest);
  opacity:.72;
}

.product-card.light-pill .color-dot{
  border:1px solid rgba(15,46,42,.22);
}


/

.product-card.long .card-top{
  min-height:158px;
}

@media(max-width:1100px){
  .product-grid{
    grid-template-columns:repeat(2,1fr);
    width:min(900px,calc(100% - 48px));
  }
}

@media(max-width:680px){
  .product-range{
    padding:68px 0 80px;
  }

  .section-heading{
    width:min(100% - 32px,920px);
    margin-bottom:38px;
  }

  .section-heading h1{
    font-size:42px;
  }

  .section-heading p{
    font-size:16px;
  }

  .product-grid{
    width:min(100% - 32px,520px);
    grid-template-columns:1fr;
    gap:18px;
  }

  .product-card{
    min-height:auto;
    border-radius:28px;
  }

  .card-top{
    min-height:auto;
    padding:28px 26px 24px;
  }

  .card-

  .benefit{
    font-size:21px;
  }

  .card-footer{
    padding:0 26px 28px;
  }
}


.section-heading h1,
.product-name,
.benefit,
.explore{
  color:var(--forest) !important;
}

.formulation{
  color:rgba(15,46,42,.68) !important;
}

.section-heading p{
  color:var(--slate) !important;
}

.tag{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  background:var(--sku);
  color:#ffffff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  text-transform:none;
}

.product-card.light-pill .tag{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  background:var(--sku);
  color:#ffffff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  text-transform:none;
}

.card-top{
  color:var(--forest) !important;
}


/* SECTION 2 FINAL MERGE CORRECTIONS */
.product-range{
  padding:42px 0 92px;
  background:
    radial-gradient(circle at 8% 16%, rgba(244,197,63,.10), transparent 18%),
    radial-gradient(circle at 92% 28%, rgba(47,143,91,.08), transparent 20%),
    var(--cream) !important;
}

.section-heading{
  width:min(920px,calc(100% - 48px)) !important;
  margin:0 auto 54px;
  text-align:center !important;
}

.section-heading .kicker{
  margin:0 0 14px;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:var(--forest) !important;
}

.section-heading h1{
  margin:0;
  font-size:clamp(44px,4.8vw,68px) !important;
  line-height:.97 !important;
  letter-spacing:-.055em !important;
  color:var(--forest) !important;
}

.section-heading p{
  max-width:700px !important;
  margin:24px auto 0;
  font-size:18px !important;
  line-height:1.48 !important;
  color:var(--slate) !important;
}

.product-grid{
  width:min(1180px,calc(100% - 56px)) !important;
  margin:0 auto;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:20px !important;
  align-items:start !important;
}

.product-card{
  min-height:430px !important;
  border-radius:32px !important;
  background:var(--card) !important;
  border:1px solid rgba(15,46,42,.14) !important;
  box-shadow:0 18px 38px rgba(15,46,42,.06) !important;
  overflow:hidden;
  display:flex !important;
  flex-direction:column !important;
}

.card-top{
  position:relative !important;
  min-height:162px !important;
  padding:28px 26px 24px;
  background:linear-gradient(135deg, color-mix(in srgb, var(--sku) 18%, transparent), rgba(255,253,248,.22)) !important;
}

.card-spark{
  position:absolute !important;
  top:28px !important;
  right:28px !important;
  width:19px !important;
  height:19px !important;
}

.card-spark path{
  fill:var(--sku) !important;
}

.product-name{
  margin:0;
  max-width:230px !important;
  font-size:clamp(30px,2.45vw,38px) !important;
  line-height:.92 !important;
  letter-spacing:-.055em !important;
  font-weight:700 !important;
  color:var(--forest) !important;
}

.product-card.long .product-name{
  font-size:clamp(27px,2.05vw,34px) !important;
  max-width:260px !important;
}

.formulation{
  margin:18px 0 0;
  max-width:260px !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:rgba(15,46,42,.68) !important;
}

.color-rule{
  height:6px !important;
  background:var(--sku) !important;
}

.card-body{
  padding:26px 26px 18px;
  display:flex !important;
  flex-direction:column !important;
  gap:20px !important;
  flex:1 !important;
}

.benefit{
  margin:0;
  font-size:19px !important;
  line-height:1.34 !important;
  letter-spacing:-.025em !important;
  font-weight:700 !important;
  color:var(--forest) !important;
}

.tags{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  margin-top:auto;
  white-space:nowrap !important;
}

.tag{
  display:inline-flex !important;
  align-items:center !important;
  min-height:30px !important;
  padding:0 11px;
  border-radius:999px !important;
  background:var(--sku) !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  opacity:1 !important;
}

.product-card.light-pill .tag{
  color:var(--forest) !important;
}

.card-footer{
  padding:0 26px 28px;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
}

.explore{
  color:var(--forest) !important;
  text-decoration:none !important;
  font-size:13.5px !important;
  font-weight:900 !important;
  border-bottom:1.5px solid var(--forest) !important;
  padding-bottom:4px;
}

.color-dot{
  width:13px !important;
  height:13px !important;
  border-radius:50% !important;
  background:var(--sku) !important;
}

@media(max-width:1100px){
  .product-grid{
    grid-template-columns:repeat(2,1fr) !important;
    width:min(900px,calc(100% - 48px)) !important;
  }
}

@media(max-width:680px){
  .product-range{
    padding:54px 0 76px;
  }

  .section-heading{
    width:min(100% - 32px,920px) !important;
    margin-bottom:38px;
  }

  .section-heading h1{
    font-size:42px !important;
  }

  .section-heading p{
    font-size:16px !important;
  }

  .product-grid{
    width:min(100% - 32px,520px) !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .product-card{
    min-height:auto !important;
    border-radius:28px !important;
  }
}


/* SECTION 2 FINAL ALIGNMENT + RHYTHM CORRECTION */
.product-range{
  padding:28px 0 96px;
}

.section-heading{
  width:min(920px,calc(100% - 48px)) !important;
  margin:0 auto 72px;
  text-align:center !important;
}

.section-heading .kicker,
.kicker{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  margin:0 auto 16px;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:var(--forest) !important;
}

.section-heading h1{
  max-width:860px !important;
  margin:0 auto;
  text-align:center !important;
  font-size:clamp(44px,4.6vw,66px) !important;
  line-height:.97 !important;
  letter-spacing:-.055em !important;
}

.section-heading p{
  max-width:660px !important;
  margin:24px auto 0;
  text-align:center !important;
  font-size:17px !important;
  line-height:1.45 !important;
}

.product-grid{
  width:min(1320px,calc(100% - 56px)) !important;
  margin:0 auto;
}


/* SECTION 2 MICRO-ADJUSTMENT */
.product-range{
  padding:18px 0 96px;
}

.section-heading{
  margin:0 auto 70px;
}

.product-grid{
  width:min(1220px,calc(100% - 64px)) !important;
  gap:20px !important;
}


@media(max-width:900px){
  .header{
    padding:10px 0 8px;
  }

  .header-inner{
    width:100% !important;
    padding:0 16px;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
  }

  .logo{
    justify-self:start !important;
    margin-left:0;
  }

  .logo svg{
    width:220px !important;
    height:auto !important;
    display:block !important;
  }

  .header-cta{
    justify-self:end !important;
    margin-right:0;
    min-height:36px !important;
    padding:0 14px;
    font-size:13px !important;
  }

  .nav{
    display:none !important;
  }

  .hero-wrap{
    padding:0 0 30px;
  }

  .hero{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:auto !important;
    max-height:none !important;
  }

  .hero-image{
    height:390px !important;
    min-height:0 !important;
  }

  .hero-image img{
    object-position:center 36% !important;
  }

  .hero-panel{
    padding:48px 24px 54px;
    justify-content:center !important;
    text-align:center !important;
  }

  .hero-text{
    max-width:540px !important;
    transform:none !important;
  }

  .hero-text h1,
  h1{
    font-size:clamp(46px,12vw,62px) !important;
    line-height:.98 !important;
  }

  .hero-text p{
    font-size:16px !important;
    margin:22px auto 30px;
    max-width:430px !important;
  }

  .actions{
    justify-content:center !important;
  }

  .trust-strip{
    padding:0 0 38px;
  }

  .trust-inner{
    width:min(100% - 32px,1180px) !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px 18px !important;
    font-size:11px !important;
    padding:16px 0;
  }

  .product-range{
    padding:22px 0 76px;
  }

  .section-heading{
    width:min(100% - 32px,920px) !important;
    margin:0 auto 44px;
  }

  .section-heading h1{
    font-size:42px !important;
    line-height:1 !important;
  }

  .section-heading p{
    font-size:16px !important;
    line-height:1.45 !important;
    margin-top:18px;
  }

  .product-grid{
    width:min(100% - 32px,760px) !important;
    grid-template-columns:1fr 1fr !important;
    gap:18px !important;
  }

  .product-card{
    min-height:400px !important;
  }

  .card-top{
    min-height:150px !important;
    padding:26px 24px 22px;
  }

  .card-body{
    padding:24px 24px 16px;
  }

  .card-footer{
    padding:0 24px 26px;
  }
}

@media(max-width:620px){
  .header-inner{
    grid-template-columns:1fr auto !important;
  }

  .logo svg{
    width:190px !important;
  }

  .header-cta{
    min-height:34px !important;
    padding:0 12px;
    font-size:12px !important;
  }

  .hero-image{
    height:360px !important;
  }

  .hero-panel{
    padding:44px 22px 50px;
  }

  .hero-text h1,
  h1{
    font-size:46px !important;
  }

  .hero-text p{
    font-size:15.5px !important;
  }

  .trust-inner{
    grid-template-columns:1fr !important;
    font-size:11px !important;
  }

  .product-grid{
    width:min(100% - 32px,520px) !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .product-card{
    min-height:auto !important;
    border-radius:28px !important;
  }

  .card-top{
    min-height:auto !important;
    padding:28px 26px 24px;
  }

  .product-name{
    font-size:38px !important;
  }

  .product-card.long .product-name{
    font-size:34px !important;
  }

  .benefit{
    font-size:19px !important;
  }

  .tags{
    flex-wrap:wrap !important;
    white-space:normal !important;
  }

  .tag{
    min-height:30px !important;
    font-size:11px !important;
  }
}


/* HEADER RHYTHM CORRECTION AFTER TIGHT LOGO CROP */
.header{
  padding:4px 0 4px;
}

.header-inner{
  width:100% !important;
  padding:0;
  margin:0 auto;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  min-height:76px !important;
}

.logo{
  justify-self:start !important;
  margin-left:28px;
  display:flex !important;
  align-items:center !important;
  height:76px !important;
}

.logo svg{
  width:265px !important;
  height:auto !important;
  display:block !important;
  margin:0;
  transform:none !important;
}

.nav{
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  gap:40px !important;
  height:76px !important;
  line-height:1 !important;
}

.nav span{
  display:flex !important;
  align-items:center !important;
  height:76px !important;
  line-height:1 !important;
}

.header-cta{
  justify-self:end !important;
  margin-right:34px;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  height:42px !important;
  padding:0 22px;
  line-height:1 !important;
}

.hero-wrap{
  padding-top:0;
}

@media(max-width:900px){
  .header-inner{
    min-height:60px !important;
  }
  .logo{
    height:60px !important;
    margin-left:16px;
  }
  .logo svg{
    width:190px !important;
  }
  .header-cta{
    height:36px !important;
    min-height:36px !important;
    margin-right:16px;
  }
}


/* MICRO HEADER ALIGNMENT + BREATHING SPACE */
.header{
  padding:4px 0 8px;
}

.header-inner{
  align-items:end !important;
}

.logo{
  align-items:flex-end !important;
  padding-bottom:2px;
}

.nav{
  align-items:flex-end !important;
  padding-bottom:4px;
}

.nav span{
  align-items:flex-end !important;
}

.header-cta{
  align-self:end !important;
  margin-bottom:2px;
}

.hero-wrap{
  padding-top:4px;
}


/* HEADER TEXT ROW OPTICAL ALIGNMENT FIX */
.header-inner{
  align-items:center !important;
}

.logo{
  align-items:center !important;
  padding-bottom:0;
}

.logo svg{
  margin:0;
}

.nav{
  height:auto !important;
  align-items:center !important;
  padding-bottom:0;
  transform:translateY(5px) !important;
}

.nav span{
  height:auto !important;
  align-items:center !important;
  line-height:1 !important;
}

.header-cta{
  align-self:center !important;
  margin-bottom:0;
  transform:translateY(2px) !important;
}


@media(max-width:900px){
  .header{
    padding:10px 0 8px;
  }

  .header-inner{
    width:100% !important;
    padding:0 16px;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    min-height:60px !important;
  }

  .logo{
    justify-self:start !important;
    margin-left:0;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
  }

  .logo svg{
    width:190px !important;
    height:auto !important;
    margin:0;
    transform:none !important;
  }

  .nav{
    display:none !important;
  }

  .header-cta{
    justify-self:end !important;
    align-self:center !important;
    margin-right:0;
    height:36px !important;
    min-height:36px !important;
    padding:0 14px;
    font-size:13px !important;
    transform:none !important;
  }

  .hero-wrap{
    padding:0 0 30px;
  }

  .hero{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:auto !important;
    max-height:none !important;
  }

  .hero-image{
    height:390px !important;
    min-height:0 !important;
  }

  .hero-image img{
    object-position:center 36% !important;
  }

  .hero-panel{
    padding:48px 24px 54px;
    justify-content:center !important;
    text-align:center !important;
  }

  .hero-text{
    max-width:540px !important;
    transform:none !important;
  }

  .hero-text h1,
  h1{
    font-size:clamp(46px,12vw,62px) !important;
    line-height:.98 !important;
  }

  .hero-text p{
    font-size:16px !important;
    margin:22px auto 30px;
    max-width:430px !important;
  }

  .actions{
    justify-content:center !important;
  }

  .trust-strip{
    padding:0 0 38px;
  }

  .trust-inner{
    width:min(100% - 32px,1180px) !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px 18px !important;
    font-size:11px !important;
    padding:16px 0;
  }

  .product-range{
    padding:22px 0 76px;
  }

  .section-heading{
    width:min(100% - 32px,920px) !important;
    margin:0 auto 44px;
  }

  .section-heading h1{
    font-size:42px !important;
    line-height:1 !important;
  }

  .section-heading p{
    font-size:16px !important;
    line-height:1.45 !important;
    margin-top:18px;
  }

  .product-grid{
    width:min(100% - 32px,760px) !important;
    grid-template-columns:1fr 1fr !important;
    gap:18px !important;
  }

  .product-card{
    min-height:400px !important;
  }

  .card-top{
    min-height:150px !important;
    padding:26px 24px 22px;
  }

  .card-body{
    padding:24px 24px 16px;
  }

  .card-footer{
    padding:0 24px 26px;
  }
}

@media(max-width:620px){
  .header-inner{
    grid-template-columns:1fr auto !important;
  }

  .logo svg{
    width:176px !important;
  }

  .header-cta{
    height:34px !important;
    min-height:34px !important;
    padding:0 12px;
    font-size:12px !important;
  }

  .hero-image{
    height:360px !important;
  }

  .hero-panel{
    padding:44px 22px 50px;
  }

  .hero-text h1,
  h1{
    font-size:46px !important;
  }

  .hero-text p{
    font-size:15.5px !important;
  }

  .trust-inner{
    grid-template-columns:1fr !important;
    font-size:11px !important;
  }

  .product-grid{
    width:min(100% - 32px,520px) !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .product-card{
    min-height:auto !important;
    border-radius:28px !important;
  }

  .card-top{
    min-height:auto !important;
    padding:28px 26px 24px;
  }

  .product-name{
    font-size:38px !important;
  }

  .product-card.long .product-name{
    font-size:34px !important;
  }

  .benefit{
    font-size:19px !important;
  }

  .tags{
    flex-wrap:wrap !important;
    white-space:normal !important;
  }

  .tag{
    min-height:30px !important;
    font-size:11px !important;
  }
}


/* SECTION 3 — WHY PRITZO (see updated declaration below) */
.section3-shell {
  width:min(1320px,calc(100% - 56px));
  margin:0 auto;
}
.section3-visual {
  display:grid;
  grid-template-columns:59% 41%;
  min-height:620px;
  border-radius:36px;
  overflow:hidden;
  box-shadow:0 26px 62px rgba(15,46,42,.08);
  background:var(--forest);
}
.section3-photo {
  min-height:620px;
  background-image:url('/assets/images/shared/landing-image-01.jpg');
  background-size:cover;
  background-position:center center;
}
.section3-panel {
  min-height:620px;
  display:flex;
  align-items:center;
  padding:84px 78px;
  background:radial-gradient(circle at 88% 12%, rgba(244,197,63,.18), transparent 28%), linear-gradient(135deg,#0F2E2A 0%,#12453D 100%);
  color:var(--cream);
}
.section3-panel-rule {
  width:58px;
  height:3px;
  border-radius:999px;
  background:#D8D46E;
  margin:0 0 34px;
}
.section3-title {
  margin:0;
  font-size:clamp(56px,5vw,78px);
  line-height:.96;
  letter-spacing:-.062em;
  font-weight:700;
  color:var(--cream);
}
.section3-title span { color:#D8D46E; }
.section3-trust { padding:92px 0 0; }
.section3-header {
  max-width:820px;
  margin:0 auto 56px;
  text-align:center;
}
.section3-kicker {
  margin:0 0 16px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--forest);
}
.section3-kicker-rule {
  width:38px;
  height:2px;
  border-radius:999px;
  background:var(--gut);
  margin:0 auto 22px;
}
.section3-heading {
  margin:0;
  font-size:clamp(42px,4.4vw,64px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:700;
  color:var(--forest);
}
.section3-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.section3-point {
  position:relative;
  min-height:260px;
  padding:36px 34px 34px;
  border-radius:30px;
  background:radial-gradient(circle at 88% 10%, rgba(47,143,91,.06), transparent 32%), rgba(255,253,248,.58);
  border:1px solid rgba(15,46,42,.10);
  box-shadow:0 16px 40px rgba(15,46,42,.045);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.section3-point:hover {
  transform:translateY(-4px);
  box-shadow:0 24px 52px rgba(15,46,42,.075);
  border-color:rgba(15,46,42,.16);
}
.section3-icon {
  width:46px;
  height:46px;
  margin:0 0 28px;
  border-radius:50%;
  background:rgba(47,143,91,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--forest);
}
.section3-icon svg {
  width:24px;
  height:24px;
  stroke:currentColor;
  stroke-width:1.8;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.section3-point h3 {
  margin:0 0 16px;
  font-size:clamp(25px,2vw,30px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:700;
  color:var(--forest);
}
.section3-point p {
  margin:0;
  max-width:340px;
  font-size:17px;
  line-height:1.45;
  color:rgba(44,62,58,.84);
}
.section3-flow {
  width:min(1160px,calc(100% - 80px));
  margin:70px auto 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(15,46,42,.22),transparent);
  position:relative;
}
.section3-flow::after {
  content:'✦';
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  color:var(--forest);
  background:var(--cream);
  padding:0 18px;
  font-size:22px;
  line-height:1;
}
@media(max-width:1050px) {
  .section3-shell { width:min(100% - 40px,1320px); }
  .section3-visual { grid-template-columns:1fr; min-height:auto; }
  .section3-photo { min-height:430px; }
  .section3-panel { min-height:auto; padding:64px 42px 70px; justify-content:center; text-align:center; }
  .section3-panel-rule { margin-left:auto; margin-right:auto; }
  .section3-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:680px) {

  .section3-shell { width:min(100% - 32px,1320px); }
  .section3-visual { border-radius:30px; }
  .section3-photo { min-height:360px; }
  .section3-panel { padding:48px 26px 54px; }
  .section3-title { font-size:44px; }
  .section3-trust { padding-top:68px; }
  .section3-header { margin-bottom:36px; }
  .section3-heading { font-size:38px; }
  .section3-grid { grid-template-columns:1fr; gap:16px; }
  .section3-point { min-height:auto; padding:30px 28px; border-radius:26px; }
  .section3-icon { margin-bottom:22px; }
  .section3-point h3 { font-size:27px; }
  .section3-point p { font-size:16px; }
  .section3-flow { width:min(100% - 48px,1160px); margin-top:48px; }
}


/* SECTION 3 — UPDATED FULL-WIDTH VISUAL BREAK + EDITORIAL WHY PRITZO */
.section3-pritzo {
  width:100%;
  background:var(--cream);
  padding:0 0 var(--pad-xl);
}


.why-banner {
  width:100%;
  background:linear-gradient(135deg, #0F2E2A 0%, #12453D 100%);
  padding:72px 0;
}

.why-banner-inner {
  width:min(1180px, calc(100% - 56px));
  margin:0 auto;
  text-align:center;
}

.why-banner-headline {
  margin:0;
  font-size:clamp(48px, 5vw, 80px);
  line-height:.94;
  letter-spacing:-.06em;
  font-weight:900;
  color:var(--cream);
}

.why-banner-sub {
  max-width:640px;
  margin:20px auto 0;
  font-size:18px;
  line-height:1.5;
  color:rgba(246,241,232,.82);
}


.why-content {
  width:min(1180px, calc(100% - 56px));
  margin:0 auto;
  padding-top:80px;
}

.section3-shell {
  width:100% !important;
  margin:0;
}

.section3-visual {
  width:100% !important;
  display:grid !important;
  grid-template-columns:60% 40% !important;
  min-height:610px !important;
  border-radius:0 !important;
  overflow:hidden;
  box-shadow:none !important;
  background:var(--forest) !important;
}

.section3-photo {
  min-height:610px !important;
  background-image:
    linear-gradient(90deg, rgba(15,46,42,.04), rgba(15,46,42,0)),
    url('/assets/images/shared/landing-image-02.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  position:relative !important;
}

.section3-photo::after {
  content:'' !important;
  position:absolute !important;
  left:18.5% !important;
  top:38% !important;
  width:86px !important;
  height:86px !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(244,197,63,.24), rgba(244,197,63,0) 70%) !important;
  pointer-events:none !important;
}

.section3-panel {
  min-height:610px !important;
  display:flex !important;
  align-items:center !important;
  padding:82px 82px;
  background:
    radial-gradient(circle at 88% 12%, rgba(244,197,63,.18), transparent 30%),
    linear-gradient(135deg,#0F2E2A 0%,#12453D 100%) !important;
  color:var(--cream) !important;
}

.section3-panel-inner {
  max-width:540px !important;
}

.section3-panel-rule {
  width:58px !important;
  height:3px !important;
  border-radius:999px !important;
  background:#D8D46E !important;
  margin:0 0 34px;
}

.section3-title {
  margin:0;
  font-size:clamp(56px,5vw,76px) !important;
  line-height:.96 !important;
  letter-spacing:-.062em !important;
  font-weight:700 !important;
  color:var(--cream) !important;
}

.section3-title span {
  color:#D8D46E !important;
}

.section3-panel-subtext {
  max-width:500px !important;
  margin:30px 0 0;
  font-size:18px !important;
  line-height:1.48 !important;
  color:rgba(246,241,232,.84) !important;
}

.section3-trust {
  width:min(1320px,calc(100% - 56px)) !important;
  margin:0 auto;
  padding:88px 0 0;
}

.section3-header {
  max-width:860px !important;
  margin:0 auto 56px;
  text-align:center !important;
}

.section3-kicker {
  margin:0 0 16px;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:var(--forest) !important;
}

.section3-kicker-rule {
  width:38px !important;
  height:2px !important;
  border-radius:999px !important;
  background:var(--gut) !important;
  margin:0 auto 22px;
}

.section3-heading {
  margin:0;
  font-size:clamp(42px,4.4vw,64px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  font-weight:700 !important;
  color:var(--forest) !important;
}

.section3-grid {
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  gap:0 !important;
  border-top:1px solid rgba(15,46,42,.14) !important;
  border-bottom:1px solid rgba(15,46,42,.14) !important;
  background:transparent !important;
}

.section3-point {
  min-height:236px !important;
  padding:30px 22px 30px;
  border-radius:0 !important;
  background:transparent !important;
  border:none !important;
  border-right:1px solid rgba(15,46,42,.14) !important;
  box-shadow:none !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  transition:none !important;
}

.section3-point:last-child {
  border-right:none !important;
}

.section3-point:hover {
  transform:none !important;
  box-shadow:none !important;
  border-color:rgba(15,46,42,.14) !important;
}

.section3-icon {
  display:none !important;
}

.section3-point h3 {
  margin:0;
  min-height:52px !important;
  max-width:190px !important;
  font-size:20px !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  font-weight:700 !important;
  color:var(--forest) !important;
}

.section3-point h3::after {
  content:'' !important;
  display:block !important;
  width:34px !important;
  height:2px !important;
  margin:18px auto 18px;
  border-radius:999px !important;
  background:var(--gut) !important;
}

.section3-point p {
  margin:0;
  max-width:170px !important;
  font-size:15px !important;
  line-height:1.42 !important;
  color:rgba(44,62,58,.84) !important;
}

.section3-flow {
  width:min(760px,calc(100% - 80px)) !important;
  margin:42px auto 0;
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(47,143,91,.78),transparent) !important;
  position:relative !important;
}

.section3-flow::after {
  content:'✦' !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  color:var(--gut) !important;
  background:var(--cream) !important;
  padding:0 18px;
  font-size:22px !important;
  line-height:1 !important;
}

@media(max-width:1100px) {
  .section3-visual {
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }

  .section3-photo {
    min-height:430px !important;
  }

  .section3-panel {
    min-height:auto !important;
    padding:64px 34px 70px;
    justify-content:center !important;
    text-align:center !important;
  }

  .section3-panel-rule {
    margin-left:auto;
    margin-right:auto;
  }

  .section3-panel-subtext {
    margin-left:auto;
    margin-right:auto;
  }

  .section3-trust {
    width:min(100% - 40px,1320px) !important;
  }

  .section3-grid {
    grid-template-columns:repeat(3,1fr) !important;
  }

  .section3-point:nth-child(3) {
    border-right:none !important;
  }

  .section3-point:nth-child(-n+3) {
    border-bottom:1px solid rgba(15,46,42,.14) !important;
  }
}

@media(max-width:680px) {
  .section3-pritzo {
    padding-bottom:76px;
  }

  .section3-photo {
    min-height:360px !important;
    background-position:center center !important;
  }

  .section3-photo::after {
    left:16% !important;
    top:39% !important;
    width:66px !important;
    height:66px !important;
  }

  .section3-panel {
    padding:48px 24px 54px;
  }

  .section3-title {
    font-size:44px !important;
  }

  .section3-panel-subtext {
    font-size:16px !important;
    margin-top:24px;
  }

  .section3-trust {
    width:min(100% - 32px,1320px) !important;
    padding-top:68px;
  }

  .section3-header {
    margin-bottom:36px;
  }

  .section3-heading {
    font-size:38px !important;
  }

  .section3-grid {
    grid-template-columns:1fr !important;
    border-top:1px solid rgba(15,46,42,.14) !important;
  }

  .section3-point,
  .section3-point:nth-child(3),
  .section3-point:nth-child(-n+3) {
    border-right:none !important;
    border-bottom:1px solid rgba(15,46,42,.14) !important;
    min-height:auto !important;
    padding:28px 20px;
  }

  .section3-point h3 {
    min-height:auto !important;
    max-width:260px !important;
    font-size:23px !important;
  }

  .section3-point p {
    max-width:300px !important;
    font-size:15.5px !important;
  }

  .section3-flow {
    width:min(100% - 48px,760px) !important;
    margin-top:36px;
  }
}


.header{
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  background:rgba(246,241,232,.92) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  border-bottom:1px solid rgba(15,46,42,.10) !important;
  box-shadow:0 8px 24px rgba(15,46,42,.045) !important;
}

.hero-wrap{
  padding-top:0;
}

@media(max-width:900px){
  .header{
    position:sticky !important;
    top:0 !important;
    z-index:9999 !important;
  }
}


/* SECTIONS 4–5 + FOOTER — REBUILT VISUAL EXECUTION */
:root {
  --line:rgba(15,46,42,.14);
}

.fit-section-v3 {
  background:
    radial-gradient(circle at 10% 16%, rgba(244,197,63,.10), transparent 24%),
    radial-gradient(circle at 90% 72%, rgba(47,143,91,.07), transparent 24%),
    var(--cream);
  padding:var(--pad-xl) 0;
}

.fit-container-v3,
.trade-container-v3,
.footer-container-v3 {
  width:min(1240px,calc(100% - 64px));
  margin:0 auto;
}

.fit-header-v3 {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:72px;
  align-items:end;
  margin-bottom:54px;
}

.fit-kicker-v3 {
  margin:0 0 16px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--forest);
}

.fit-title-v3 {
  margin:0;
  max-width:780px;
  font-size:clamp(50px,5.2vw,82px);
  line-height:.92;
  letter-spacing:-.065em;
  font-weight:900;
  color:var(--forest);
}

.fit-title-v3 span {
  color:var(--skin);
}

.fit-copy-v3 {
  margin:0;
  max-width:560px;
  font-size:19px;
  line-height:1.5;
  color:var(--slate);
}

.fit-handle-v3 {
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:26px;
  padding-bottom:4px;
  border-bottom:1.5px solid var(--forest);
  text-decoration:none;
  color:var(--forest);
  font-size:16px;
  font-weight:900;
}

.fit-mosaic-v3 {
  display:grid;
  grid-template-columns:1.1fr .72fr .72fr;
  grid-template-rows:280px 280px 260px;
  gap:20px;
}

.fit-tile-v3 {
  position:relative;
  overflow:hidden;
  border-radius:26px;
  background:#ddd;
  box-shadow:0 18px 42px rgba(15,46,42,.075);
  border:1px solid rgba(15,46,42,.08);
  isolation:isolate;
}

.fit-tile-v3.hero {
  grid-row:span 2;
  border-radius:30px;
}

.fit-tile-v3.wide {
  grid-column:span 2;
}

.fit-tile-v3 img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transform:none;
  filter:none;
  image-rendering:auto;
  backface-visibility:hidden;
}

.fit-tile-v3.hero img {
  object-position:center 45%;
}

.fit-tile-v3.adventures img {
  object-position:center 48%;
}

.fit-tile-v3.real img {
  object-position:center center;
}

.fit-tile-v3.shiny img {
  object-position:center 18%;
}

.fit-tile-v3.active img {
  object-position:center center;
}

.fit-tile-v3.routine img {
  object-position:center center;
}

.fit-tile-v3::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:36%;
  background:linear-gradient(180deg, rgba(15,46,42,0), rgba(15,46,42,.68));
  z-index:1;
  pointer-events:none;
}

.fit-tile-v3.hero::after {
  height:34%;
}

.fit-caption-v3 {
  position:absolute;
  left:26px;
  right:26px;
  bottom:24px;
  z-index:2;
  color:#fff;
}

.fit-caption-v3 h3 {
  margin:0;
  max-width:420px;
  font-size:clamp(24px,2.05vw,34px);
  line-height:.98;
  letter-spacing:-.048em;
  font-weight:900;
  text-shadow:0 2px 18px rgba(0,0,0,.22);
}

.fit-caption-v3 p {
  margin:8px 0 0;
  max-width:370px;
  font-size:14.5px;
  line-height:1.38;
  color:rgba(255,255,255,.92);
  text-shadow:0 2px 14px rgba(0,0,0,.22);
}

.fit-tile-v3.small .fit-caption-v3 h3 {
  font-size:clamp(21px,1.55vw,27px);
}

.fit-closing-v3 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:30px;
  padding-top:30px;
  border-top:1px solid var(--line);
}

.fit-closing-v3 p {
  margin:0;
  max-width:760px;
  color:var(--slate);
  font-size:17px;
  line-height:1.5;
}

.fit-follow-v3 {
  flex-shrink:0;
  min-height:48px;
  padding:0 22px;
  border-radius:999px;
  background:var(--forest);
  color:var(--cream);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:15px;
  font-weight:900;
}

/* Section 5 */
.trade-section-v3 {
  background:var(--cream);
  padding:var(--pad-lg) 0 var(--pad-xl);
}

.distributor-panel-v3 {
  overflow:hidden;
  border-radius:34px;
  background:
    radial-gradient(circle at 80% 12%, rgba(244,197,63,.12), transparent 26%),
    #fffaf0;
  border:1px solid rgba(15,46,42,.11);
  box-shadow:0 24px 58px rgba(15,46,42,.07);
}

.distributor-main-v3 {
  display:grid;
  grid-template-columns:.96fr 1.04fr;
  gap:26px;
  align-items:center;
  padding:48px 54px 36px;
}

.distributor-copy-v3 {
  max-width:560px;
}

.distributor-kicker-v3 {
  margin:0 0 14px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gut);
}

.distributor-copy-v3 h2 {
  margin:0;
  font-size:clamp(42px,4.2vw,70px);
  line-height:.94;
  letter-spacing:-.06em;
  font-weight:900;
  color:var(--forest);
}

.distributor-copy-v3 p {
  margin:24px 0 0;
  max-width:520px;
  color:var(--slate);
  font-size:17px;
  line-height:1.5;
}

.distributor-actions-v3 {
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:30px;
}

.distributor-primary-v3,
.distributor-secondary-v3 {
  min-height:50px;
  padding:0 24px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
}

.distributor-primary-v3 {
  background:var(--forest);
  color:var(--cream);
  box-shadow:0 12px 22px rgba(15,46,42,.14);
}

.distributor-secondary-v3 {
  border:1.5px solid rgba(15,46,42,.38);
  color:var(--forest);
  background:rgba(255,255,255,.44);
}

.distributor-visual-v3 {
  min-height:330px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}

.brochure-frame-v3 {
  width:100%;
  max-width:610px;
  aspect-ratio:1.85/1;
  border-radius:24px;
  overflow:hidden;
  background:var(--cream);
  box-shadow:0 20px 48px rgba(15,46,42,.13);
  transform:rotate(-1deg);
}

.brochure-frame-v3 img {
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:var(--cream);
}

.validation-strip-v3 {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  padding:18px 10px;
  background:rgba(246,241,232,.72);
  border-top:1px solid rgba(15,46,42,.10);
}

.validation-item-v3 {
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:10px 18px;
  border-right:1px solid rgba(15,46,42,.12);
}

.validation-item-v3:last-child {
  border-right:none;
}

.validation-icon-v3 {
  width:28px;
  height:28px;
  border:1.4px solid rgba(15,46,42,.62);
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  color:var(--forest);
  flex:0 0 auto;
}

.validation-item-v3 span {
  color:var(--forest);
  font-size:13px;
  line-height:1.18;
  font-weight:700;
}

/* Footer */
.footer-v3 {
  background:var(--forest);
  color:var(--cream);
  padding:var(--pad-lg) 0 var(--pad-md);
}

.footer-main-v3 {
  display:grid;
  grid-template-columns:1.05fr .95fr .95fr .95fr;
  gap:42px;
  align-items:start;
  padding-bottom:48px;
}

.footer-brand-v3 h2 {
  margin:0;
  font-size:56px;
  line-height:.9;
  letter-spacing:-.07em;
  font-weight:900;
  color:var(--cream);
}

.footer-col-v3 h4 {
  margin:0 0 16px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#D8D46E;
}

.footer-col-v3 a,
.footer-col-v3 p {
  display:block;
  margin:0 0 11px;
  text-decoration:none;
  color:rgba(246,241,232,.76);
  font-size:14px;
  line-height:1.38;
}

.footer-social-v3 {
  display:flex;
  gap:12px;
  margin-top:16px;
}

.footer-social-v3 a {
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(246,241,232,.28);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--cream);
  text-decoration:none;
  font-size:13px;
  font-weight:900;
}

.footer-bottom-v3 {
  border-top:1px solid rgba(246,241,232,.16);
  padding-top:22px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  color:rgba(246,241,232,.56);
  font-size:13px;
}

.footer-legal-v3 {
  display:flex;
  gap:20px;
}

.footer-legal-v3 a {
  color:rgba(246,241,232,.56);
  text-decoration:none;
}

@media(max-width:1050px){
  .fit-header-v3 {
    grid-template-columns:1fr;
    gap:24px;
  }

  .fit-mosaic-v3 {
    grid-template-columns:1fr 1fr;
    grid-template-rows:340px 280px 280px 280px;
  }

  .fit-tile-v3.hero,
  .fit-tile-v3.wide {
    grid-column:span 2;
    grid-row:auto;
  }

  .distributor-main-v3 {
    grid-template-columns:1fr;
  }

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

  .validation-item-v3:nth-child(2n) {
    border-right:none;
  }

  .validation-item-v3 {
    border-bottom:1px solid rgba(15,46,42,.10);
  }

  .footer-main-v3 {
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:680px){


  .fit-container-v3,
  .trade-container-v3,
  .footer-container-v3 {
    width:min(100% - 32px,1240px);
  }

  .fit-title-v3 {
    font-size:44px;
  }

  .fit-copy-v3 {
    font-size:16px;
  }

  .fit-mosaic-v3 {
    grid-template-columns:1fr;
    grid-template-rows:auto;
    gap:16px;
  }

  .fit-tile-v3,
  .fit-tile-v3.hero,
  .fit-tile-v3.wide {
    grid-column:auto;
    grid-row:auto;
    min-height:310px;
    border-radius:22px;
  }

  .fit-tile-v3.hero {
    min-height:380px;
  }

  .fit-caption-v3 {
    left:22px;
    right:22px;
    bottom:22px;
  }

  .fit-caption-v3 h3,
  .fit-tile-v3.small .fit-caption-v3 h3 {
    font-size:26px;
  }

  .fit-closing-v3 {
    flex-direction:column;
    align-items:flex-start;
  }

  .fit-follow-v3 {
    width:100%;
    justify-content:center;
  }

  .trade-section-v3 {
    padding-bottom:84px;
  }

  .distributor-panel-v3 {
    border-radius:28px;
  }

  .distributor-main-v3 {
    padding:40px 24px 28px;
  }

  .distributor-copy-v3 h2 {
    font-size:42px;
  }

  .distributor-copy-v3 p {
    font-size:16px;
  }

  .distributor-primary-v3,
  .distributor-secondary-v3 {
    width:100%;
  }

  .distributor-visual-v3 {
    min-height:260px;
  }

  .brochure-frame-v3 {
    border-radius:20px;
    transform:none;
  }

  .validation-strip-v3 {
    grid-template-columns:1fr;
    padding:6px 22px;
  }

  .validation-item-v3 {
    justify-content:flex-start;
    border-right:none;
    min-height:64px;
    padding:12px 0;
  }


  .footer-main-v3 {
    grid-template-columns:1fr;
    gap:32px;
  }

  .footer-brand-v3 h2 {
    font-size:50px;
  }

  .footer-bottom-v3 {
    flex-direction:column;
    align-items:flex-start;
  }

  .footer-legal-v3 {
    flex-wrap:wrap;
  }
}


/* SECTION 2 — PRODUCT RANGE */
.product-range-image-draft{
  background:var(--cream);
  padding:var(--pad-xl) 0;
}

.product-range-image-shell{
  width:min(1480px,calc(100% - 48px));
  margin:0 auto;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 22px 58px rgba(15,46,42,.08);
  background:var(--cream);
}

.product-range-image-shell img{
  width:100%;
  height:auto;
  display:block;
}

.nav span{
  cursor:pointer;
  white-space:nowrap;
}

@media(max-width:900px){

}


/* GLOBAL SECTION RHYTHM */

.section-standard-heading{
  width:min(1180px,calc(100% - 56px));
  margin:0 auto 54px;
  text-align:center;
}

.section-standard-kicker{
  margin:0 0 16px;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--forest);
}

.section-standard-kicker::after{
  content:"";
  display:block;
  width:44px;
  height:2px;
  margin:18px auto 0;
  background:var(--gut);
}

.section-standard-heading h2{
  margin:0;
  font-size:clamp(40px,4.6vw,72px);
  line-height:.98;
  letter-spacing:-.065em;
  font-weight:900;
  color:var(--forest);
}

.product-range-image-shell{
  margin-top:0;
}

.section3-shell{
  margin-top:0;
}

/* Section 3B trust heading standardization */
.why-heading,
.why-pritzo-heading,
.section3-trust-heading,
.section3-reasons-heading{
  text-align:center !important;
}

.section3-pritzo .why-content,
.section3-pritzo .trust-content{
  padding-top:80px;
}

/* Align common heading style inside Section 3B without changing section 4/5 */
.section3-pritzo h2,
.section3-pritzo .why-title,
.section3-pritzo .trust-title{
  font-size:clamp(40px,4.6vw,72px) !important;
  line-height:.98 !important;
  letter-spacing:-.065em !important;
  font-weight:900 !important;
}


@media(max-width:900px){
  .section-standard-heading{
    width:min(100% - 32px,1180px);
    margin-bottom:36px;
  }

  .section-standard-heading h2{
    font-size:clamp(36px,9vw,48px);
    line-height:1;
  }

  .product-range-image-draft{
    padding:60px 0 76px;
  }

  .section3-pritzo{
    padding-bottom:76px;
  }

  .fit-section-v3{
    padding-top:74px;
    padding-bottom:86px;
  }


}


/* FORCE SECTION 3B REFERENCE HEADING TREATMENT BY TEXT AREA */
.section3-pritzo [class*="kicker"],
.section3-pritzo [class*="eyebrow"]{
  text-align:center;
  color:var(--forest);
  letter-spacing:.13em;
  font-size:13px;
}

.section3-pritzo [class*="kicker"]::after,
.section3-pritzo [class*="eyebrow"]::after{
  content:"";
  display:block;
  width:44px;
  height:2px;
  margin:18px auto 0;
  background:var(--gut);
}


@media(max-width:900px){
  :root{
    --pad-xl:72px;
    --pad-lg:56px;
    --pad-md:36px;
  }

  .header-inner{
    padding:0 16px;
    grid-template-columns:1fr auto;
    min-height:60px;
  }
  .logo{
    margin-left:0;
    height:auto;
  }
  .logo svg{ width:190px; }
  .nav{ display:none; }
  .header-cta{
    margin-right:0;
    height:36px;
    min-height:36px;
    padding:0 14px;
    font-size:13px;
  }

  .hero{
    display:flex;
    flex-direction:column;
    height:auto;
    min-height:auto;
    max-height:none;
  }
  .hero-image{ height:390px; min-height:0; }
  .hero-panel{ padding:48px 24px 54px; justify-content:center; text-align:center; }
  .hero-text{ max-width:540px; transform:none; }
  h1{ font-size:clamp(46px,12vw,62px); line-height:.98; }
  .hero-text p{ font-size:16px; margin:22px auto 30px; max-width:430px; }
  .actions{ justify-content:center; }

  .trust-inner{
    width:min(100% - 32px,1180px);
    grid-template-columns:1fr 1fr;
    gap:14px 18px;
    font-size:11px;
    padding:16px 0;
  }

  .product-range-image-draft{ padding:60px 0 76px; }
  .product-range-image-shell{ width:min(100% - 24px,1480px); border-radius:20px; }

  .why-banner{ padding:56px 0; }
  .why-banner-headline{ font-size:clamp(36px,9vw,56px); }
  .why-banner-sub{ font-size:16px; }
  .why-content{ padding-top:56px; width:min(100% - 32px,1180px); }
  .section3-heading{ font-size:38px; }
  .section3-grid{ grid-template-columns:repeat(2,1fr); }
  .section3-point{ min-height:auto; padding:30px 24px; }

  .fit-section-v3{ padding:74px 0 86px; }
  .fit-header-v3{ grid-template-columns:1fr; gap:24px; }
  .fit-title-v3{ font-size:44px; }
  .fit-copy-v3{ font-size:16px; }
  .fit-mosaic-v3{
    grid-template-columns:1fr 1fr;
    grid-template-rows:340px 280px 280px 280px;
  }
  .fit-tile-v3.hero,
  .fit-tile-v3.wide{ grid-column:span 2; grid-row:auto; }

  .trade-section-v3{ padding:56px 0 72px; }
  .distributor-main-v3{ grid-template-columns:1fr; }
  .validation-strip-v3{ grid-template-columns:repeat(2,1fr); }
  .validation-item-v3:nth-child(2n){ border-right:none; }
  .validation-item-v3{ border-bottom:1px solid rgba(15,46,42,.10); }

  .footer-main-v3{ grid-template-columns:1fr 1fr; }
  .footer-brand-v3 h2{ font-size:50px; }
}

@media(max-width:620px){
  .logo svg{ width:176px; }
  .hero-image{ height:360px; }
  .hero-panel{ padding:44px 22px 50px; }
  h1{ font-size:46px; }
  .hero-text p{ font-size:15.5px; }
  .trust-inner{ grid-template-columns:1fr; font-size:11px; }
  .section3-grid{ grid-template-columns:1fr; gap:16px; }
  .section3-point{ border-radius:26px; }
  .fit-mosaic-v3{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    gap:16px;
  }
  .fit-tile-v3,
  .fit-tile-v3.hero,
  .fit-tile-v3.wide{
    grid-column:auto;
    grid-row:auto;
    min-height:310px;
    border-radius:22px;
  }
  .fit-tile-v3.hero{ min-height:380px; }
  .footer-main-v3{ grid-template-columns:1fr; gap:32px; }
  .footer-bottom-v3{ flex-direction:column; align-items:flex-start; }
}


/* =========================================================
   PRITZO GLOBAL RHYTHM SYSTEM — NORMALIZED V1
   Applies to all future website builds.
   Tokens only: XS 16 / SM 32 / MD 48 / LG 72 / XL 96
   ========================================================= */

:root{
  --space-xs:16px;
  --space-sm:32px;
  --space-md:48px;
  --space-lg:72px;
  --space-xl:96px;

  --width-headline:1280px;
  --width-copy:760px;
  --width-mosaic:1440px;
  --width-product:1440px;
  --width-footer:1280px;

  --section-tint:#F8F4EA;
  --section-tint-soft:#F7F1E6;
}


.section-heading,
.section-standard-heading,
.why-heading,
.why-pritzo-heading,
.section3-trust-heading,
.section3-reasons-heading{
  width:min(var(--width-headline),calc(100% - 56px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

.section-heading .kicker,
.section-standard-kicker,
.why-kicker,
.section3-kicker,
.section3-trust-kicker,
.section3-reasons-kicker,
[class*="why"] .kicker,
[class*="trust"] .kicker{
  display:block !important;
  margin:0 auto var(--space-xs) !important;
  text-align:center !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  color:var(--forest) !important;
}


.section-heading .kicker::after,
.section-standard-kicker::after,
.why-kicker::after,
.section3-kicker::after,
.section3-trust-kicker::after,
.section3-reasons-kicker::after,
[class*="why"] .kicker::after,
[class*="trust"] .kicker::after{
  content:"" !important;
  display:block !important;
  width:44px !important;
  height:2px !important;
  margin:var(--space-xs) auto 0 !important;
  background:var(--gut) !important;
}

/* Prevent accidental double divider lines around Section 3B */
.section3-pritzo .section-standard-kicker + .divider,
.section3-pritzo .kicker + .divider,
.section3-pritzo .why-divider,
.section3-pritzo .trust-divider,
.section3-pritzo .divider-line{
  display:none !important;
}


.section-heading h1,
.section-heading h2,
.section-standard-heading h1,
.section-standard-heading h2,
.why-heading h1,
.why-heading h2,
.why-pritzo-heading h1,
.why-pritzo-heading h2,
.section3-trust-heading h1,
.section3-trust-heading h2,
.section3-reasons-heading h1,
.section3-reasons-heading h2{
  max-width:var(--width-headline) !important;
  margin:0 auto !important;
  text-align:center !important;
  font-size:clamp(48px,4.35vw,68px) !important;
  line-height:.98 !important;
  letter-spacing:-.065em !important;
  font-weight:900 !important;
  color:var(--forest) !important;
}

/* Section 2 — Product Range */
.trust-strip{
  padding-bottom:var(--space-md) !important;
}

.product-range,
.product-range-image-draft{
  padding:0 0 var(--space-xl) !important;
  background:
    radial-gradient(circle at 8% 16%, rgba(244,197,63,.10), transparent 18%),
    radial-gradient(circle at 92% 28%, rgba(47,143,91,.08), transparent 20%),
    var(--cream) !important;
}

.product-range > .section-heading,
.product-range-image-draft > .section-heading,
.product-range > .section-standard-heading,
.product-range-image-draft > .section-standard-heading{
  margin-top:0 !important;
  margin-bottom:var(--space-sm) !important;
}

.product-range-image-shell{
  width:min(var(--width-product),calc(100% - 56px)) !important;
  margin:0 auto !important;
}

/* Keep Section 2 -> Section 3A transition by contrast, not added whitespace */
.product-range + .section3-pritzo{
  padding-top:0 !important;
}

/* Section 3 — visual banner + trust */
.section3-pritzo{
  width:100% !important;
  background:var(--cream) !important;
  padding:0 0 var(--space-xl) !important;
  overflow:hidden !important;
}

.section3-shell{
  width:min(var(--width-mosaic),calc(100% - 56px)) !important;
  margin:0 auto !important;
}

.section3-visual{
  margin:0 auto !important;
}

/* Section 3B intro: visual banner bottom -> kicker = MD */
.section3-trust,
.section3-reasons,
.why-pritzo,
.why-section,
.section3-copy,
.section3-why{
  padding-top:var(--space-md) !important;
}

.section3-visual + *,
.section3-visual + .section3-trust,
.section3-visual + .why-pritzo,
.section3-visual + .section3-reasons{
  margin-top:var(--space-md) !important;
}

/* Section 3B heading/content rhythm */
.section3-pritzo .section-heading,
.section3-pritzo .section-standard-heading,
.section3-pritzo .why-heading,
.section3-pritzo .section3-trust-heading,
.section3-pritzo .section3-reasons-heading{
  margin-bottom:var(--space-sm) !important;
}

.section3-pritzo h1,
.section3-pritzo h2{
  font-size:clamp(48px,4.05vw,64px) !important;
  line-height:.98 !important;
  letter-spacing:-.065em !important;
}

@media(min-width:1050px){
  .section3-pritzo .section-heading h1,
  .section3-pritzo .section-heading h2,
  .section3-pritzo .section-standard-heading h1,
  .section3-pritzo .section-standard-heading h2,
  .section3-pritzo .why-heading h1,
  .section3-pritzo .why-heading h2,
  .section3-pritzo .section3-trust-heading h1,
  .section3-pritzo .section3-trust-heading h2{
    white-space:nowrap !important;
  }
}

/* Section 4 — Pritzo Fit identity through containment, not whitespace */
.fit-section-v3{
  padding:var(--space-xl) 0 var(--space-lg) !important;
  background:
    radial-gradient(circle at 8% 12%, rgba(244,197,63,.10), transparent 22%),
    radial-gradient(circle at 92% 26%, rgba(47,143,91,.08), transparent 26%),
    linear-gradient(180deg, var(--section-tint) 0%, var(--cream) 100%) !important;
  border-top:1px solid rgba(15,46,42,.08) !important;
}

.fit-container-v3{
  width:min(var(--width-mosaic),calc(100% - 56px)) !important;
  margin:0 auto !important;
  padding:var(--space-lg) var(--space-sm) !important;
  border-radius:40px !important;
  background:rgba(255,253,248,.34) !important;
  box-shadow:inset 0 0 0 1px rgba(15,46,42,.06) !important;
}

.fit-header-v3{
  margin-bottom:var(--space-md) !important;
}

.fit-closing-v3{
  margin-top:var(--space-sm) !important;
  padding-top:var(--space-sm) !important;
}

.trade-section-v3{
  padding:0 0 var(--space-xl) !important;
  background:var(--cream) !important;
}

.trade-container-v3{
  width:min(var(--width-mosaic),calc(100% - 56px)) !important;
  margin:0 auto !important;
}

.footer-v3{
  margin-top:0 !important;
  padding:var(--space-lg) 0 var(--space-sm) !important;
  background:
    linear-gradient(180deg, rgba(15,46,42,.98), var(--forest)) !important;
}

.footer-container-v3{
  width:min(var(--width-footer),calc(100% - 56px)) !important;
  margin:0 auto !important;
}


@media(max-width:900px){
  .section-heading,
  .section-standard-heading,
  .why-heading,
  .why-pritzo-heading,
  .section3-trust-heading,
  .section3-reasons-heading{
    width:min(100% - 32px,var(--width-headline)) !important;
  }

  .section-heading h1,
  .section-heading h2,
  .section-standard-heading h1,
  .section-standard-heading h2,
  .why-heading h1,
  .why-heading h2,
  .why-pritzo-heading h1,
  .why-pritzo-heading h2,
  .section3-trust-heading h1,
  .section3-trust-heading h2,
  .section3-reasons-heading h1,
  .section3-reasons-heading h2{
    font-size:clamp(36px,9vw,48px) !important;
    line-height:1 !important;
    white-space:normal !important;
  }

  .product-range,
  .product-range-image-draft{
    padding:0 0 var(--space-lg) !important;
  }

  .product-range-image-shell,
  .section3-shell,
  .fit-container-v3,
  .trade-container-v3,
  .footer-container-v3{
    width:min(100% - 32px, var(--width-mosaic)) !important;
  }

  .section3-pritzo{
    padding-bottom:var(--space-lg) !important;
  }

  .fit-section-v3{
    padding:var(--space-lg) 0 var(--space-lg) !important;
  }

  .fit-container-v3{
    padding:var(--space-md) var(--space-xs) !important;
    border-radius:28px !important;
  }

  .trade-section-v3{
    padding-bottom:var(--space-lg) !important;
  }

  .footer-v3{
    padding:var(--space-lg) 0 var(--space-sm) !important;
  }
}


/* ===== Section 3B divider cleanup ===== */


.section3-pritzo .divider,
.section3-pritzo .divider-line,
.section3-pritzo .mini-divider,
.section3-pritzo .heading-divider,
.section3-pritzo .section-divider,
.section3-pritzo hr{
  display:none !important;
}


.section3-pritzo .section-heading,
.section3-pritzo .section-standard-heading,
.section3-pritzo .why-heading,
.section3-pritzo .section3-trust-heading,
.section3-pritzo .section3-reasons-heading{
  margin-bottom:var(--space-sm) !important;
}

.section3-pritzo .kicker,
.section3-pritzo .section-standard-kicker,
.section3-pritzo .why-kicker{
  margin-bottom:var(--space-xs) !important;
}


.section3-pritzo .kicker::before,
.section3-pritzo .section-standard-kicker::before,
.section3-pritzo .why-kicker::before{
  display:none !important;
}

.section3-pritzo .kicker::after,
.section3-pritzo .section-standard-kicker::after,
.section3-pritzo .why-kicker::after{
  margin:var(--space-xs) auto 0 !important;
}


/* ===== Section 3B final integrated kicker/headline system ===== */


.section3-pritzo .divider,
.section3-pritzo .divider-line,
.section3-pritzo .mini-divider,
.section3-pritzo .heading-divider,
.section3-pritzo .section-divider,
.section3-pritzo .double-line,
.section3-pritzo hr{
  display:none !important;
}


.section3-pritzo .kicker,
.section3-pritzo .section-standard-kicker,
.section3-pritzo .why-kicker{
  margin:0 auto !important;
  padding:0 !important;
  line-height:1 !important;
}


.section3-pritzo .kicker::before,
.section3-pritzo .section-standard-kicker::before,
.section3-pritzo .why-kicker::before{
  display:none !important;
  content:none !important;
}

.section3-pritzo .kicker::after,
.section3-pritzo .section-standard-kicker::after,
.section3-pritzo .why-kicker::after{
  content:"" !important;
  display:block !important;
  width:44px !important;
  height:2px !important;
  background:var(--gut) !important;
  margin:16px auto 0 !important;
}


.section3-pritzo .section-heading h1,
.section3-pritzo .section-heading h2,
.section3-pritzo .section-standard-heading h1,
.section3-pritzo .section-standard-heading h2,
.section3-pritzo .why-heading h1,
.section3-pritzo .why-heading h2,
.section3-pritzo .section3-trust-heading h1,
.section3-pritzo .section3-trust-heading h2{
  margin-top:16px !important;
}


.section3-pritzo .section-heading,
.section3-pritzo .section-standard-heading,
.section3-pritzo .why-heading,
.section3-pritzo .section3-trust-heading{
  padding-top:0 !important;
}


/* ===== FINAL SECTION 3B KICKER FIX ===== */


.section3-kicker-rule{
  display:none !important;
}


.section3-kicker::after{
  content:"" !important;
  display:block !important;
  width:44px !important;
  height:2px !important;
  background:var(--gut) !important;
  margin-top:16px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


.section3-heading{
  margin-top:16px !important;
}


/* ===== Section 3A -> 3B normalized spacing fix ===== */
.why-content{
  padding-top:var(--space-md) !important;
}


:root{
  --space-micro:12px;
  --space-xs:16px;
  --space-splus:24px;
  --space-sm:32px;
  --space-md:48px;
  --space-lg-soft:64px;
  --space-lg:72px;
  --space-xl:96px;
}


.section-heading,
.section-standard-heading,
.why-heading,
.why-pritzo-heading,
.section3-trust-heading,
.section3-reasons-heading,
.section3-header{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}


.section-heading .kicker,
.section-standard-kicker,
.why-kicker,
.section3-kicker,
.section3-trust-kicker,
.section3-reasons-kicker,
[class*="why"] .kicker,
[class*="trust"] .kicker{
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  color:var(--forest) !important;
}


.section3-kicker-rule,
.section3-pritzo .divider,
.section3-pritzo .divider-line,
.section3-pritzo .mini-divider,
.section3-pritzo .heading-divider,
.section3-pritzo .section-divider,
.section3-pritzo .double-line,
.section3-pritzo hr{
  display:none !important;
}


.section-heading .kicker::after,
.section-standard-kicker::after,
.why-kicker::after,
.section3-kicker::after,
.section3-trust-kicker::after,
.section3-reasons-kicker::after,
[class*="why"] .kicker::after,
[class*="trust"] .kicker::after{
  content:"" !important;
  display:block !important;
  width:44px !important;
  height:2px !important;
  background:var(--gut) !important;
  margin:var(--space-micro) auto 0 !important;
}


.section-heading h1,
.section-heading h2,
.section-standard-heading h1,
.section-standard-heading h2,
.why-heading h1,
.why-heading h2,
.why-pritzo-heading h1,
.why-pritzo-heading h2,
.section3-trust-heading h1,
.section3-trust-heading h2,
.section3-reasons-heading h1,
.section3-reasons-heading h2,
.section3-heading{
  margin-top:var(--space-splus) !important;
}


.product-range > .section-heading,
.product-range-image-draft > .section-heading,
.product-range > .section-standard-heading,
.product-range-image-draft > .section-standard-heading,
.section3-pritzo .section-heading,
.section3-pritzo .section-standard-heading,
.section3-pritzo .why-heading,
.section3-pritzo .section3-trust-heading,
.section3-pritzo .section3-reasons-heading,
.section3-header{
  margin-bottom:var(--space-sm) !important;
}


.trust-strip{
  padding-bottom:var(--space-lg-soft) !important;
}


.product-range,
.product-range-image-draft{
  padding-top:0 !important;
  padding-bottom:var(--space-xl) !important;
}

/* Section 3A -> 3B: green banner bottom -> kicker = 64px */
.why-content{
  padding-top:var(--space-lg-soft) !important;
}

/* Section 3B title stays one line on desktop */
@media(min-width:1050px){
  .section3-heading{
    white-space:nowrap !important;
    font-size:clamp(48px,4.05vw,64px) !important;
  }
}

/* Section 4 arrival should also use 64px internal editorial start,
   while retaining tonal separation */
.fit-section-v3{
  padding-top:var(--space-lg-soft) !important;
  padding-bottom:var(--space-lg) !important;
}

.fit-container-v3{
  padding-top:var(--space-lg-soft) !important;
  padding-bottom:var(--space-lg-soft) !important;
}

/* Section 4 -> Section 5 max LG */
.trade-section-v3{
  padding-top:0 !important;
  padding-bottom:var(--space-xl) !important;
}

/* Footer transition */
.footer-v3{
  padding-top:var(--space-lg) !important;
  padding-bottom:var(--space-sm) !important;
}


@media(max-width:900px){
  :root{
    --space-lg-soft:48px;
  }

  .trust-strip{
    padding-bottom:var(--space-lg-soft) !important;
  }

  .why-content{
    padding-top:var(--space-lg-soft) !important;
  }

  .product-range,
  .product-range-image-draft{
    padding-bottom:var(--space-lg) !important;
  }

  .fit-section-v3{
    padding-top:var(--space-lg) !important;
    padding-bottom:var(--space-lg) !important;
  }

  .fit-container-v3{
    padding-top:var(--space-md) !important;
    padding-bottom:var(--space-md) !important;
  }
}

/* ===== Integrated Section 2 Carousel ===== */
:root{--cream:#F6F1E8;--forest:#0F2E2A;--gut:#2F8F5B;--active:#2F8F5B}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--cream);color:var(--forest);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.section2{position:relative;overflow:hidden;padding:64px 0 78px;background:radial-gradient(circle at 12% 16%,rgba(255,255,255,.62),transparent 25%),radial-gradient(circle at 90% 18%,rgba(255,255,255,.34),transparent 22%),linear-gradient(180deg,#F8F3EB 0%,var(--cream) 100%)}.section2-inner{width:min(1440px,calc(100% - 64px));margin:0 auto}.intro{text-align:center;margin:0 auto 32px}.kicker{margin:0;font-size:13px;font-weight:900;line-height:1;letter-spacing:.13em;text-transform:uppercase;color:var(--forest)}.rule{width:44px;height:2px;background:var(--gut);border-radius:999px;margin:12px auto 0}.title{max-width:1280px;margin:24px auto 0;font-family:Satoshi,Inter,sans-serif;font-size:clamp(48px,4.35vw,68px);line-height:.98;letter-spacing:-.06em;font-weight:800;color:var(--forest);white-space:nowrap}.carousel-shell{--active:#2F8F5B;border-radius:42px;overflow:hidden;background:radial-gradient(ellipse at 50% 34%,color-mix(in srgb,var(--active) 10%,transparent),transparent 42%),linear-gradient(180deg,rgba(255,253,248,.54),rgba(246,241,232,.82));box-shadow:0 28px 80px rgba(15,46,42,.055);transition:background .55s cubic-bezier(.22,.61,.36,1)}.hero-frame{position:relative;overflow:hidden;height:clamp(520px,61vh,650px);background:#F6F1E8}.hero-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 62%,color-mix(in srgb,var(--active) 8%,transparent),transparent 50%),linear-gradient(90deg,rgba(246,241,232,.08),transparent 16%,transparent 84%,rgba(246,241,232,.10));opacity:.72;transition:background .55s cubic-bezier(.22,.61,.36,1),opacity .55s ease}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1);opacity:1;transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1),filter .72s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform,filter}.hero-frame.is-changing .hero-image{opacity:.18;transform:scale(.996);filter:saturate(.98) blur(.6px)}.live-cta{position:absolute;z-index:6;right:clamp(76px,8.2vw,132px);bottom:clamp(74px,9vh,112px);display:inline-flex;align-items:center;gap:13px;color:var(--active);text-decoration:none;font-size:clamp(15px,1.05vw,17px);line-height:1;font-weight:800;padding-bottom:8px;transition:color .42s cubic-bezier(.22,.61,.36,1),opacity .28s ease,transform .32s cubic-bezier(.22,.61,.36,1)}.live-cta:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;opacity:.36;transform-origin:left;transition:opacity .28s ease,transform .28s ease}.live-cta:hover{opacity:.84;transform:translateX(2px)}.live-cta:hover:after{opacity:.62;transform:scaleX(1.06)}.live-cta .arrow{font-size:28px;line-height:.65;font-weight:400}.selector-wrap{padding:0 34px 30px;background:linear-gradient(180deg,rgba(246,241,232,.78),rgba(246,241,232,.98))}.sku-track{display:grid;grid-template-columns:repeat(8,1fr);min-height:158px;border-radius:30px;overflow:hidden;background:linear-gradient(180deg,rgba(250,246,238,.74),rgba(246,241,232,.92));border:1px solid rgba(15,46,42,.075);box-shadow:0 18px 44px rgba(15,46,42,.035),inset 0 1px 0 rgba(255,255,255,.54);backdrop-filter:blur(10px)}.sku-item{appearance:none;border:0;border-left:1px solid rgba(15,46,42,.07);background:transparent;color:var(--forest);font-family:Inter,sans-serif;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:14px 10px 12px;overflow:hidden;transition:background .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s cubic-bezier(.22,.61,.36,1)}.sku-item:first-child{border-left:0}.sku-item:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 34%,color-mix(in srgb,var(--sku) 9%,transparent),transparent 64%),linear-gradient(180deg,color-mix(in srgb,var(--sku) 5%,transparent),transparent);opacity:0;transition:opacity .42s cubic-bezier(.22,.61,.36,1)}.sku-item:after{content:"";position:absolute;left:24%;right:24%;bottom:0;height:2px;border-radius:999px 999px 0 0;background:var(--sku);opacity:0;transform:scaleX(.62);transition:opacity .38s ease,transform .38s cubic-bezier(.22,.61,.36,1)}.sku-item:hover:before,.sku-item.is-active:before{opacity:1}.sku-item.is-active:after{opacity:.78;transform:scaleX(1)}.sku-item.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sku) 15%,transparent)}.sku-mark{position:relative;z-index:2;width:14px;height:14px;background:var(--sku);clip-path:polygon(50% 0%,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0% 50%,39% 38%);opacity:.92}.thumb-img-wrap{position:relative;z-index:2;margin-top:auto;width:100%;height:76px;display:flex;align-items:flex-end;justify-content:center;transition:transform .42s cubic-bezier(.22,.61,.36,1)}.thumb-img-wrap img{height:72px;width:auto;max-width:88%;display:block;object-fit:contain;border-radius:8px;filter:drop-shadow(0 11px 10px rgba(15,46,42,.08))}.sku-name{position:relative;z-index:2;margin-top:2px;font-size:12.5px;font-weight:800;letter-spacing:-.015em;white-space:nowrap}.sku-item:hover .thumb-img-wrap,.sku-item.is-active .thumb-img-wrap{transform:translateY(-3px) scale(1.018)}@media(max-width:1180px){.title{white-space:normal;max-width:980px}.hero-frame{height:520px}.live-cta{right:8vw;bottom:82px}.sku-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.sku-track::-webkit-scrollbar{height:0}.sku-item{min-width:145px;scroll-snap-align:start}}@media(max-width:760px){.section2{padding:48px 0 58px}.section2-inner{width:min(100% - 32px,720px)}.intro{margin-bottom:28px}.kicker{font-size:12px}.title{font-size:40px;line-height:1}.carousel-shell{border-radius:28px}.hero-frame{height:460px}.live-cta{right:50%;bottom:32px;transform:translateX(50%);font-size:15px}.live-cta:hover{transform:translateX(50%) translateY(-1px)}.selector-wrap{padding:0 14px 18px}.sku-track{min-height:138px;border-radius:22px}.sku-item{min-width:126px;padding:12px 10px 11px}.thumb-img-wrap{height:64px}.thumb-img-wrap img{height:60px}.sku-name{font-size:12px}}


.section2 .title,
.section-heading h1,
.section-heading h2,
.section-standard-heading h1,
.section-standard-heading h2,
.why-heading h1,
.why-heading h2,
.why-pritzo-heading h1,
.why-pritzo-heading h2,
.section3-trust-heading h1,
.section3-trust-heading h2,
.section3-reasons-heading h1,
.section3-reasons-heading h2,
.section3-heading,
.fit-heading-v3,
.trade-heading-v3{
  font-family:var(--font-display) !important;
  font-size:var(--type-display-lg-size) !important;
  line-height:var(--type-display-lg-line) !important;
  letter-spacing:var(--type-display-lg-tracking) !important;
  font-weight:var(--type-display-lg-weight) !important;
  color:var(--forest) !important;
}

.hero-text h1{
  font-family:var(--font-display) !important;
  font-size:var(--type-display-xl-size) !important;
  line-height:var(--type-display-xl-line) !important;
  letter-spacing:var(--type-display-xl-tracking) !important;
  font-weight:var(--type-display-xl-weight) !important;
}

.why-banner-headline{
  font-family:var(--font-display) !important;
  font-size:var(--type-display-md-size) !important;
  line-height:var(--type-display-md-line) !important;
  letter-spacing:var(--type-display-md-tracking) !important;
  font-weight:var(--type-display-md-weight) !important;
}

.section3-point h3,
.fit-caption-v3 h3,
.trade-card-v3 h3{
  font-family:var(--font-display) !important;
  font-size:var(--type-card-title-size) !important;
  line-height:var(--type-card-title-line) !important;
  letter-spacing:var(--type-card-title-tracking) !important;
  font-weight:var(--type-card-title-weight) !important;
}


/* =========================================================
   REVISION FIXES — SECTION 2 / 3B / 4 / 5
   1. Section 3B six-card headlines fit within max 2 lines.
   2. Section 4 and Section 5 use locked Section 2 headline system.
   3. Section 2 hero images have standard breathing space and consistent containment.
   ========================================================= */

/* Section 2: restore exact editorial intro rhythm */
.section2 .intro{
  margin-bottom:32px !important;
}

.section2 .title{
  margin-top:24px !important;
}

/* Section 2: image containment so canister never touches edges */
.section2 .hero-frame{
  height:clamp(520px,61vh,650px) !important;
  padding:clamp(22px,2.2vw,34px) clamp(28px,3.4vw,52px) clamp(18px,2vw,30px) !important;
  background:
    radial-gradient(ellipse at 50% 43%, color-mix(in srgb,var(--active) 9%, transparent), transparent 48%),
    #F6F1E8 !important;
}

.section2 .hero-image{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:28px !important;
}


.section2 .hero-frame:after{
  inset:0 !important;
  background:
    radial-gradient(ellipse at 50% 62%, color-mix(in srgb,var(--active) 6%, transparent), transparent 54%),
    linear-gradient(90deg, rgba(246,241,232,.05), transparent 18%, transparent 82%, rgba(246,241,232,.05)) !important;
  opacity:.52 !important;
}

/* Section 3B: six pointer card headlines */
.section3-point h3{
  font-size:clamp(19px,1.45vw,22px) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  font-weight:700 !important;
  max-width:13.5em !important;
  text-wrap:balance;
}

/* keep section 3B cards polished after smaller headline */
.section3-point{
  padding-top:30px !important;
}

.section3-point p{
  margin-top:14px !important;
}

/* Section 4 and Section 5: explicitly lock to Section 2 headline system */
.fit-title-v3,
.fit-title-v3 span,
.distributor-copy-v3 > h2{
  font-family:var(--font-display) !important;
  font-size:var(--type-display-lg-size) !important;
  line-height:var(--type-display-lg-line) !important;
  letter-spacing:var(--type-display-lg-tracking) !important;
  font-weight:var(--type-display-lg-weight) !important;
  color:var(--forest) !important;
}

.distributor-copy-v3 > h2{
  text-align:left !important;
  max-width:720px !important;
}

/* Section 4 headline remains centered/editorial */
.fit-title-v3{
  text-align:center !important;
  max-width:var(--width-headline,1280px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


@media(max-width:900px){
  .section2 .hero-frame{
    height:460px !important;
    padding:18px 18px 16px !important;
  }

  .section2 .hero-image{
    border-radius:22px !important;
  }

  .section3-point h3{
    font-size:22px !important;
    max-width:12.5em !important;
  }

  .distributor-copy-v3 > h2{
    text-align:left !important;
  }
}


/* =========================================================
   SECTION 2 CINEMATIC ALIGNMENT MAP — FINAL
   Restores edge-to-edge campaign impact while allowing
   single shared center-center object-position alignment.
   ========================================================= */

.section2 .intro{
  margin-bottom:32px !important;
}

.section2 .carousel-shell{
  overflow:hidden !important;
}

.section2 .hero-frame{
  height:clamp(520px,61vh,650px) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#F6F1E8 !important;
}


.section2 .hero-image{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:0 !important;
  transform:scale(1.001);
  transition:
    opacity .62s cubic-bezier(.22,.61,.36,1),
    transform .62s cubic-bezier(.22,.61,.36,1),
    filter .62s cubic-bezier(.22,.61,.36,1),
    object-position .42s cubic-bezier(.22,.61,.36,1) !important;
}


.section2 .hero-frame.is-changing .hero-image{
  opacity:.24 !important;
  transform:scale(1.006) !important;
  filter:saturate(.98) blur(.45px) !important;
}


.section2 .selector-wrap{
  margin-top:0 !important;
  padding-top:0 !important;
}


.section2 .live-cta{
  right:clamp(92px,8.6vw,148px) !important;
  bottom:clamp(72px,8.2vh,104px) !important;
  z-index:8 !important;
  color:var(--active) !important;
  text-shadow:0 1px 18px rgba(246,241,232,.42);
}


.section2 .hero-frame:after{
  inset:0 !important;
  pointer-events:none !important;
  opacity:.22 !important;
  background:
    linear-gradient(90deg, rgba(246,241,232,.08), transparent 18%, transparent 82%, rgba(246,241,232,.08)) !important;
}

@media(max-width:900px){
  .section2 .hero-frame{
    height:clamp(420px,68vw,520px) !important;
    padding:0 !important;
  }
}

@media(max-width:760px){
  .section2 .hero-frame{
    height:460px !important;
  }

  .section2 .live-cta{
    right:50% !important;
    bottom:32px !important;
    transform:translateX(50%) !important;
  }

  .section2 .live-cta:hover{
    transform:translateX(50%) translateY(-1px) !important;
  }
}


/* ===== SECTION 2 FINAL HERO BREATHING FIX ===== */

.section2 .hero-frame{
height:clamp(560px,64vh,700px)!important;
overflow:hidden!important;
}

.section2 .hero-image{
object-fit:cover!important;
transform:none!important;
object-position:center center!important;
}


.section2 .hero-frame.is-changing .hero-image{
opacity:.35!important;
transform:scale(1.01)!important;
transition:
opacity .55s cubic-bezier(.22,.61,.36,1),
transform .55s cubic-bezier(.22,.61,.36,1),
object-position .45s cubic-bezier(.22,.61,.36,1)!important;
}

.section2 .live-cta{
bottom:82px!important;
right:110px!important;
}

@media(max-width:760px){
.section2 .hero-frame{
height:500px!important;
}
.section2 .hero-image{
object-position:center center!important;
}
}


/* =========================================================
   SECTION 2 FINAL FIX — SKU SWITCHING + PROMINENT CTA
   ========================================================= */

.section2 .hero-frame{
  height:clamp(560px,64vh,700px) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#F6F1E8 !important;
}

.section2 .hero-image{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:0 !important;
  transform:none !important;
  transition:
    opacity .58s cubic-bezier(.22,.61,.36,1),
    transform .58s cubic-bezier(.22,.61,.36,1),
    filter .58s cubic-bezier(.22,.61,.36,1),
    object-position .42s cubic-bezier(.22,.61,.36,1) !important;
}

.section2 .hero-frame.is-changing .hero-image{
  opacity:.28 !important;
  transform:scale(1.006) !important;
  filter:saturate(.98) blur(.45px) !important;
}


.section2 .live-cta{
  position:absolute !important;
  right:clamp(88px,8.2vw,132px) !important;
  bottom:clamp(70px,7.8vh,98px) !important;
  z-index:20 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:42px !important;
  padding:0 18px 0 20px !important;
  border-radius:999px !important;
  background:var(--active) !important;
  color:#F6F1E8 !important;
  font-size:15.5px !important;
  font-weight:850 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:
    0 14px 28px rgba(15,46,42,.16),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
  text-shadow:none !important;
  border:1px solid rgba(246,241,232,.34) !important;
}

.section2 .live-cta:after{
  display:none !important;
}

.section2 .live-cta .arrow{
  color:#F6F1E8 !important;
  font-size:23px !important;
  line-height:.75 !important;
  transform:translateY(-1px);
}

.section2 .live-cta:hover{
  opacity:.92 !important;
  transform:translateX(2px) !important;
}


.section2 .selector-wrap{
  margin-top:0 !important;
  padding-top:0 !important;
}


.section2 .hero-frame:after{
  pointer-events:none !important;
  opacity:.16 !important;
  background:linear-gradient(90deg,rgba(246,241,232,.08),transparent 18%,transparent 82%,rgba(246,241,232,.08)) !important;
}

@media(max-width:760px){
  .section2 .hero-frame{
    height:500px !important;
  }

  .section2 .hero-image{
    object-position:center center !important;
  }

  .section2 .live-cta{
    right:50% !important;
    bottom:28px !important;
    transform:translateX(50%) !important;
  }

  .section2 .live-cta:hover{
    transform:translateX(50%) translateY(-1px) !important;
  }
}


/* =========================================================
   PRITZO SECTION 3B → 5 + FOOTER SYSTEM REBUILD V1
   Built as an editorial system, not one-off fixes.
   ========================================================= */

/* ---------- Section 3B: Philosophy Strip ---------- */

.section3-pritzo .why-content{
  padding-top:var(--space-lg-soft,64px) !important;
  padding-bottom:var(--space-xl,96px) !important;
}

.section3-pritzo .section3-header{
  width:min(var(--width-headline,1280px),calc(100% - 56px)) !important;
  margin:0 auto var(--space-sm,32px) !important;
  text-align:center !important;
}

.section3-pritzo .section3-grid{
  width:min(1320px,calc(100% - 56px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  border-top:1px solid rgba(15,46,42,.16) !important;
  border-bottom:1px solid rgba(15,46,42,.16) !important;
  background:transparent !important;
}

.section3-pritzo .section3-point{
  min-height:310px !important;
  padding:34px 28px 38px !important;
  border-right:1px solid rgba(15,46,42,.13) !important;
  display:grid !important;
  grid-template-rows:74px 2px auto !important;
  row-gap:24px !important;
  align-items:start !important;
  text-align:left !important;
  background:transparent !important;
}

.section3-pritzo .section3-point:last-child{
  border-right:none !important;
}

.section3-pritzo .section3-icon{
  display:none !important;
}

.section3-pritzo .section3-point h3{
  margin:0 !important;
  font-family:var(--font-display,'Satoshi','Inter',sans-serif) !important;
  font-size:clamp(20px,1.32vw,23px) !important;
  line-height:1.03 !important;
  letter-spacing:-.045em !important;
  font-weight:800 !important;
  color:var(--forest,#0F2E2A) !important;
  max-width:10.8em !important;
  text-align:left !important;
}

.section3-pritzo .section3-card-rule{
  display:block !important;
  width:44px !important;
  height:2px !important;
  border-radius:999px !important;
  background:var(--gut,#2F8F5B) !important;
  opacity:.9 !important;
  align-self:start !important;
}

.section3-pritzo .section3-point p{
  margin:0 !important;
  max-width:15.5em !important;
  font-family:var(--font-body,'Inter',sans-serif) !important;
  font-size:15.5px !important;
  line-height:1.54 !important;
  letter-spacing:-.015em !important;
  font-weight:500 !important;
  color:rgba(15,46,42,.72) !important;
  text-align:left !important;
}

.section3-pritzo .section3-flow{
  width:min(640px,calc(100% - 80px)) !important;
  height:2px !important;
  margin:var(--space-lg-soft,64px) auto 0 !important;
  position:relative !important;
  background:linear-gradient(90deg,transparent,rgba(47,143,91,.52),transparent) !important;
}

.section3-pritzo .section3-flow:after{
  content:"✦" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:34px !important;
  height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:var(--cream,#F6F1E8) !important;
  color:var(--gut,#2F8F5B) !important;
  font-size:18px !important;
}

/* ---------- Section 4: Pritzo Fit Editorial System ---------- */

.fit-section-v3{
  padding:var(--space-xl,96px) 0 var(--space-xl,96px) !important;
  background:
    radial-gradient(circle at 15% 0%,rgba(230,62,116,.07),transparent 28%),
    radial-gradient(circle at 86% 18%,rgba(111,214,198,.08),transparent 30%),
    var(--cream,#F6F1E8) !important;
}

.fit-container-v3{
  width:min(var(--width-mosaic,1440px),calc(100% - 56px)) !important;
  margin:0 auto !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.fit-header-v3{
  display:grid !important;
  grid-template-columns:minmax(420px,0.95fr) minmax(360px,.75fr) !important;
  gap:clamp(72px,9vw,150px) !important;
  align-items:start !important;
  margin:0 0 var(--space-lg-soft,64px) !important;
}

.fit-kicker-v3{
  display:none !important;
}

.fit-title-v3{
  margin:0 !important;
  max-width:760px !important;
  text-align:left !important;
  font-family:var(--font-display,'Satoshi',sans-serif) !important;
  font-size:clamp(58px,5.25vw,88px) !important;
  line-height:.92 !important;
  letter-spacing:-.075em !important;
  font-weight:900 !important;
  color:var(--forest,#0F2E2A) !important;
}

.fit-title-v3 span{
  color:var(--skin,#E63E74) !important;
}

.fit-story-block-v3{
  padding-top:18px !important;
  max-width:520px !important;
}

.fit-copy-v3{
  margin:0 !important;
  font-family:var(--font-body,'Inter',sans-serif) !important;
  font-size:clamp(20px,1.55vw,25px) !important;
  line-height:1.55 !important;
  letter-spacing:-.035em !important;
  font-weight:500 !important;
  color:rgba(15,46,42,.78) !important;
}

.fit-social-row-v3{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:18px 24px !important;
  margin-top:32px !important;
}

.fit-social-handle-v3,
.fit-social-link-v3{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  color:var(--forest,#0F2E2A) !important;
  text-decoration:none !important;
  font-family:var(--font-body,'Inter',sans-serif) !important;
  font-size:17px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:-.02em !important;
}

.fit-social-icon-v3{
  width:32px !important;
  height:32px !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--cream,#F6F1E8) !important;
  background:var(--forest,#0F2E2A) !important;
  font-size:18px !important;
}

.fit-social-link-v3{
  color:var(--skin,#E63E74) !important;
  padding-bottom:7px !important;
  border-bottom:1px solid currentColor !important;
}

.fit-closing-v3{
  display:none !important;
}

.fit-bridge-v3{
  margin:var(--space-lg-soft,64px) 0 0 !important;
  padding:34px 0 0 !important;
  border-top:1px solid rgba(15,46,42,.14) !important;
  font-family:var(--font-display,'Satoshi',sans-serif) !important;
  font-size:clamp(34px,3vw,52px) !important;
  line-height:1.02 !important;
  letter-spacing:-.06em !important;
  font-weight:850 !important;
  color:var(--forest,#0F2E2A) !important;
  text-align:left !important;
}

.fit-bridge-v3 span{
  color:var(--skin,#E63E74) !important;
}


.fit-mosaic-v3{
  margin-top:0 !important;
}

.fit-caption-v3 h3{
  font-size:clamp(22px,1.85vw,28px) !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
}

/* ---------- Section 5: Distributor Editorial Split ---------- */

.trade-section-v3{
  padding:0 0 var(--space-xl,96px) !important;
  background:var(--cream,#F6F1E8) !important;
}

.trade-container-v3{
  width:min(var(--width-mosaic,1440px),calc(100% - 56px)) !important;
  margin:0 auto !important;
}

.distributor-panel-v3{
  overflow:hidden !important;
  border-radius:42px !important;
  background:
    linear-gradient(90deg,rgba(255,253,248,.48),rgba(255,253,248,.22)),
    rgba(255,253,248,.28) !important;
  box-shadow:
    inset 0 0 0 1px rgba(15,46,42,.08),
    0 24px 70px rgba(15,46,42,.045) !important;
}

.distributor-main-v3{
  display:grid !important;
  grid-template-columns:58% 42% !important;
  min-height:520px !important;
  align-items:stretch !important;
}

.distributor-copy-v3{
  padding:clamp(56px,6vw,86px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  background:
    radial-gradient(circle at 15% 18%,rgba(47,143,91,.05),transparent 26%),
    rgba(255,253,248,.36) !important;
}

.distributor-kicker-v3{
  margin:0 0 18px !important;
  font-family:var(--font-body,'Inter',sans-serif) !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  color:var(--forest,#0F2E2A) !important;
}

.distributor-copy-v3 h2{
  margin:0 !important;
  max-width:610px !important;
  text-align:left !important;
}

.distributor-copy-v3 p:not(.distributor-kicker-v3){
  margin:28px 0 0 !important;
  max-width:560px !important;
  font-family:var(--font-body,'Inter',sans-serif) !important;
  font-size:18px !important;
  line-height:1.68 !important;
  letter-spacing:-.015em !important;
  color:rgba(15,46,42,.75) !important;
  font-weight:450 !important;
}

.distributor-actions-v3{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin-top:34px !important;
}

.distributor-primary-v3,
.distributor-secondary-v3{
  min-height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  padding:0 24px !important;
  border-radius:999px !important;
  text-decoration:none !important;
  font-family:var(--font-body,'Inter',sans-serif) !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
}

.distributor-primary-v3{
  background:var(--forest,#0F2E2A) !important;
  color:var(--cream,#F6F1E8) !important;
  box-shadow:0 14px 32px rgba(15,46,42,.16) !important;
}

.distributor-secondary-v3{
  background:rgba(255,253,248,.48) !important;
  color:var(--forest,#0F2E2A) !important;
  border:1px solid rgba(15,46,42,.22) !important;
}

.distributor-visual-v3{
  position:relative !important;
  min-height:520px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 24% 20%,rgba(255,255,255,.34),transparent 28%),
    radial-gradient(circle at 80% 70%,rgba(255,255,255,.2),transparent 34%),
    linear-gradient(135deg,#ECA8BE 0%,#E77EA2 44%,#D85185 100%) !important;
}

.distributor-visual-v3:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.16),transparent 38%),
    radial-gradient(circle at 50% 110%,rgba(15,46,42,.18),transparent 34%) !important;
  pointer-events:none !important;
}

.brochure-stage-v3{
  position:relative !important;
  z-index:2 !important;
  width:min(76%,430px) !important;
  transform:translateY(4px) rotate(-2deg) !important;
}

.brochure-shadow-v3{
  position:absolute !important;
  width:88% !important;
  height:34px !important;
  left:6% !important;
  bottom:-22px !important;
  background:rgba(15,46,42,.22) !important;
  filter:blur(22px) !important;
  border-radius:50% !important;
}

.brochure-frame-v3{
  position:relative !important;
  padding:18px !important;
  border-radius:26px !important;
  background:rgba(246,241,232,.88) !important;
  box-shadow:
    0 28px 62px rgba(15,46,42,.20),
    inset 0 0 0 1px rgba(255,255,255,.45) !important;
}

.brochure-frame-v3 img{
  width:100% !important;
  display:block !important;
  border-radius:18px !important;
  box-shadow:none !important;
}

.validation-strip-v3{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:0 !important;
  min-height:92px !important;
  padding:0 !important;
  border-top:1px solid rgba(15,46,42,.08) !important;
  background:rgba(255,253,248,.34) !important;
}

.validation-item-v3{
  min-height:92px !important;
  padding:18px 22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  border-right:1px solid rgba(15,46,42,.08) !important;
  color:var(--forest,#0F2E2A) !important;
}

.validation-item-v3:last-child{
  border-right:none !important;
}

/* ---------- Footer Brand Lock ---------- */

.footer-v3{
  margin-top:0 !important;
  padding:var(--space-lg,72px) 0 var(--space-sm,32px) !important;
  background:
    radial-gradient(circle at 18% 12%,rgba(47,143,91,.18),transparent 28%),
    linear-gradient(180deg,rgba(15,46,42,.98),var(--forest,#0F2E2A)) !important;
}

.footer-brand-v3 h2{
  display:none !important;
}

.footer-logo-v3{
  width:260px !important;
  height:auto !important;
  display:block !important;
  margin:0 !important;
}

.footer-col-v3 h4{
  color:rgba(246,241,232,.92) !important;
}

.footer-col-v3 a,
.footer-bottom-v3,
.footer-bottom-v3 a{
  color:rgba(246,241,232,.72) !important;
}

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

  .section3-pritzo .section3-point:nth-child(3n){
    border-right:none !important;
  }

  .fit-header-v3{
    grid-template-columns:1fr !important;
    gap:32px !important;
  }

  .distributor-main-v3{
    grid-template-columns:1fr !important;
  }

  .distributor-visual-v3{
    min-height:420px !important;
  }
}

@media(max-width:720px){
  .section3-pritzo .section3-grid{
    grid-template-columns:1fr !important;
  }

  .section3-pritzo .section3-point{
    min-height:auto !important;
    grid-template-rows:auto 2px auto !important;
    border-right:none !important;
    border-bottom:1px solid rgba(15,46,42,.1) !important;
  }

  .fit-title-v3{
    font-size:clamp(44px,13vw,62px) !important;
  }

  .fit-copy-v3{
    font-size:18px !important;
  }

  .validation-strip-v3{
    grid-template-columns:1fr !important;
  }

  .validation-item-v3{
    justify-content:flex-start !important;
    border-right:none !important;
    border-bottom:1px solid rgba(15,46,42,.08) !important;
  }
}


/* =========================================================
   SECTION 3B GRID ONLY FIX — SINGLE CENTERED LINE SYSTEM
   Scope: only the six-point grid. No other page sections changed.
   ========================================================= */

.section3-pritzo .section3-grid{
  width:min(1320px,calc(100% - 56px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  border-top:1px solid rgba(15,46,42,.14) !important;
  border-bottom:1px solid rgba(15,46,42,.14) !important;
  background:transparent !important;
}

.section3-pritzo .section3-point{
  min-height:300px !important;
  padding:34px 28px 38px !important;
  border-right:1px solid rgba(15,46,42,.12) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  background:transparent !important;
}

.section3-pritzo .section3-point:last-child{
  border-right:none !important;
}


.section3-pritzo .section3-point .section3-card-rule,
.section3-pritzo .section3-point .green-line,
.section3-pritzo .section3-point .separator,
.section3-pritzo .section3-point hr,
.section3-pritzo .section3-icon,
.section3-pritzo .section3-point > span[aria-hidden="true"]{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
}

.section3-pritzo .section3-point:before,
.section3-pritzo .section3-point:after{
  display:none !important;
  content:none !important;
}


.section3-pritzo .section3-point h3{
  position:relative !important;
  margin:0 !important;
  min-height:52px !important;
  width:100% !important;
  max-width:12.8em !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:center !important;
  font-family:var(--font-display,'Satoshi','Inter',sans-serif) !important;
  font-size:clamp(18px,1.18vw,21px) !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
  font-weight:800 !important;
  color:var(--forest,#0F2E2A) !important;
  text-wrap:balance !important;
}


.section3-pritzo .section3-point h3::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:74px !important;
  transform:translateX(-50%) !important;
  display:block !important;
  width:44px !important;
  height:2px !important;
  border-radius:999px !important;
  background:var(--gut,#2F8F5B) !important;
  opacity:.9 !important;
}


.section3-pritzo .section3-point p{
  margin:54px auto 0 !important;
  max-width:15.8em !important;
  font-family:var(--font-body,'Inter',sans-serif) !important;
  font-size:16px !important;
  line-height:1.55 !important;
  letter-spacing:-.015em !important;
  font-weight:500 !important;
  color:rgba(15,46,42,.72) !important;
  text-align:center !important;
}

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

  .section3-pritzo .section3-point:nth-child(3n){
    border-right:none !important;
  }
}

@media(max-width:720px){
  .section3-pritzo .section3-grid{
    grid-template-columns:1fr !important;
  }

  .section3-pritzo .section3-point{
    min-height:auto !important;
    padding:28px 22px 32px !important;
    border-right:none !important;
    border-bottom:1px solid rgba(15,46,42,.1) !important;
  }

  .section3-pritzo .section3-point h3{
    min-height:auto !important;
    font-size:22px !important;
  }

  .section3-pritzo .section3-point h3::after{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin:18px auto 0 !important;
  }

  .section3-pritzo .section3-point p{
    margin:20px auto 0 !important;
  }
}


/* =========================================================
   SECTION 3B SPACING FIX — CARD LINE + SECTION HEIGHT
   Scope: Section 3B grid and transition into Section 4 only.
   ========================================================= */

/* reduce overall height of Section 3B after the green banner */
.section3-pritzo .why-content{
  padding-top:64px !important;
  padding-bottom:56px !important;
}


.section3-pritzo .section3-point{
  min-height:260px !important;
  padding:30px 28px 32px !important;
}


.section3-pritzo .section3-point h3{
  min-height:46px !important;
}


.section3-pritzo .section3-point h3::after{
  top:58px !important;
}


.section3-pritzo .section3-point p{
  margin-top:32px !important;
}


.section3-pritzo .section3-flow{
  margin-top:40px !important;
}

/* reduce dead space before Section 4 begins */
.fit-section-v3{
  padding-top:64px !important;
}

@media(max-width:720px){
  .section3-pritzo .why-content{
    padding-top:48px !important;
    padding-bottom:48px !important;
  }

  .section3-pritzo .section3-point{
    min-height:auto !important;
    padding:28px 22px 30px !important;
  }

  .section3-pritzo .section3-point h3{
    min-height:auto !important;
  }

  .section3-pritzo .section3-point h3::after{
    position:relative !important;
    top:auto !important;
    margin-top:14px !important;
  }

  .section3-pritzo .section3-point p{
    margin-top:18px !important;
  }

  .section3-pritzo .section3-flow{
    margin-top:34px !important;
  }

  .fit-section-v3{
    padding-top:56px !important;
  }
}


/* =========================================================
   SECTION 4 REFINEMENT — BACKGROUND + 2-LINE HEADLINE + EDITORIAL COPY
   Scope: Section 4 and header nav only.
   ========================================================= */


.fit-section-v3{
  background:
    radial-gradient(circle at 13% 0%, rgba(230,62,116,.085), transparent 30%),
    radial-gradient(circle at 86% 16%, rgba(111,214,198,.095), transparent 32%),
    radial-gradient(circle at 52% 106%, rgba(244,197,63,.045), transparent 30%),
    var(--cream,#F6F1E8) !important;
}


.fit-header-v3{
  grid-template-columns:minmax(520px,0.9fr) minmax(340px,.66fr) !important;
  gap:clamp(40px,5vw,82px) !important;
  align-items:start !important;
}

/* Locked two-line Section 4 headline */
.fit-title-v3{
  max-width:860px !important;
  line-height:.94 !important;
  letter-spacing:-.075em !important;
}

.fit-title-v3 br{
  display:block !important;
}

.fit-title-v3 span{
  color:var(--skin,#E63E74) !important;
}


.fit-story-block-v3{
  max-width:390px !important;
  padding-top:10px !important;
}

.fit-copy-v3{
  max-width:390px !important;
  margin:0 !important;
  font-family:var(--font-body,'Inter',sans-serif) !important;
  font-size:clamp(19px,1.35vw,22px) !important;
  line-height:1.68 !important;
  letter-spacing:-.025em !important;
  font-weight:520 !important;
  color:rgba(15,46,42,.80) !important;
}

.fit-copy-v3 em{
  font-style:italic !important;
  font-weight:650 !important;
  color:var(--forest,#0F2E2A) !important;
}

.fit-social-row-v3{
  margin-top:28px !important;
}

@media(max-width:980px){
  .fit-header-v3{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .fit-title-v3{
    max-width:760px !important;
  }

  .fit-story-block-v3{
    max-width:520px !important;
    padding-top:0 !important;
  }
}


/* =========================================================
   SECTION 4 + SECTION 5 FINAL CLEANUP
   Scope only: Section 4 social/mosaic placeholders and Section 5 layout.
   ========================================================= */

/* Section 4 social row: CTA first, real Instagram icon + correct handle */
.fit-social-row-v3{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:18px 22px !important;
  margin-top:28px !important;
}

.fit-social-link-v3{
  order:1 !important;
  color:var(--skin,#E63E74) !important;
  padding-bottom:7px !important;
  border-bottom:1px solid currentColor !important;
}

.fit-social-handle-v3{
  order:2 !important;
  color:var(--forest,#0F2E2A) !important;
}

.fit-social-handle-v3,
.fit-social-link-v3{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  text-decoration:none !important;
  font-family:var(--font-body,'Inter',sans-serif) !important;
  font-size:17px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:-.02em !important;
}

.fit-social-icon-v3{
  width:30px !important;
  height:30px !important;
  border-radius:9px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:
    radial-gradient(circle at 32% 105%, #FEDA75 0 16%, transparent 34%),
    radial-gradient(circle at 24% 90%, #FA7E1E 0 18%, transparent 36%),
    radial-gradient(circle at 80% 10%, #5851DB 0 0%, transparent 38%),
    linear-gradient(135deg,#833AB4,#E1306C 48%,#FD1D1D 70%,#FCAF45) !important;
  box-shadow:0 8px 18px rgba(15,46,42,.10) !important;
}

.fit-social-icon-v3 svg{
  width:19px !important;
  height:19px !important;
  display:block !important;
}

.fit-social-icon-v3 svg rect,
.fit-social-icon-v3 svg circle{
  fill:none !important;
  stroke:#fff !important;
  stroke-width:1.8 !important;
}

/* Section 4 placeholder mosaic: designed blocks until final images are supplied */
.fit-placeholder-system-v3{
  display:grid !important;
  grid-template-columns:1.18fr .82fr .82fr !important;
  grid-template-rows:260px 260px 230px !important;
  gap:22px !important;
  align-items:stretch !important;
}

.fit-placeholder-system-v3 .fit-tile-v3{
  position:relative !important;
  overflow:hidden !important;
  border-radius:28px !important;
  min-height:0 !important;
  background:rgba(255,253,248,.42) !important;
  box-shadow:
    inset 0 0 0 1px rgba(15,46,42,.10),
    0 18px 45px rgba(15,46,42,.055) !important;
}

.fit-placeholder-system-v3 .fit-tile-v3.hero{
  grid-column:1 / 2 !important;
  grid-row:1 / 3 !important;
}

.fit-placeholder-system-v3 .fit-tile-v3.adventures{
  grid-column:2 / 3 !important;
  grid-row:1 / 2 !important;
}

.fit-placeholder-system-v3 .fit-tile-v3.shiny{
  grid-column:3 / 4 !important;
  grid-row:1 / 2 !important;
}

.fit-placeholder-system-v3 .fit-tile-v3.real{
  grid-column:2 / 3 !important;
  grid-row:2 / 3 !important;
}

.fit-placeholder-system-v3 .fit-tile-v3.routine{
  grid-column:3 / 4 !important;
  grid-row:2 / 3 !important;
}

.fit-placeholder-system-v3 .fit-tile-v3.wide{
  grid-column:1 / 4 !important;
  grid-row:3 / 4 !important;
}

.placeholder-media-v3{
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.55),transparent 28%),
    radial-gradient(circle at 82% 74%,rgba(15,46,42,.08),transparent 34%),
    linear-gradient(135deg,rgba(246,241,232,.72),rgba(230,62,116,.16)) !important;
}

.placeholder-tile-v3:nth-child(2) .placeholder-media-v3{
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.6),transparent 28%),
    linear-gradient(135deg,rgba(111,214,198,.20),rgba(246,241,232,.72)) !important;
}

.placeholder-tile-v3:nth-child(3) .placeholder-media-v3{
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.62),transparent 30%),
    linear-gradient(135deg,rgba(230,62,116,.22),rgba(246,241,232,.72)) !important;
}

.placeholder-tile-v3:nth-child(4) .placeholder-media-v3{
  background:
    radial-gradient(circle at 70% 15%,rgba(255,255,255,.52),transparent 32%),
    linear-gradient(135deg,rgba(244,197,63,.22),rgba(246,241,232,.72)) !important;
}

.placeholder-tile-v3:nth-child(5) .placeholder-media-v3{
  background:
    radial-gradient(circle at 20% 85%,rgba(255,255,255,.55),transparent 30%),
    linear-gradient(135deg,rgba(47,143,91,.18),rgba(246,241,232,.74)) !important;
}

.placeholder-tile-v3.wide .placeholder-media-v3{
  background:
    radial-gradient(circle at 24% 50%,rgba(230,62,116,.20),transparent 28%),
    radial-gradient(circle at 78% 35%,rgba(47,143,91,.16),transparent 30%),
    linear-gradient(90deg,rgba(246,241,232,.78),rgba(246,241,232,.58)) !important;
}

.placeholder-size-v3{
  position:absolute !important;
  top:18px !important;
  right:18px !important;
  padding:8px 11px !important;
  border-radius:999px !important;
  background:rgba(246,241,232,.72) !important;
  color:rgba(15,46,42,.60) !important;
  font-family:var(--font-body,'Inter',sans-serif) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  box-shadow:inset 0 0 0 1px rgba(15,46,42,.08) !important;
}

.fit-placeholder-system-v3 .fit-caption-v3{
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  bottom:22px !important;
  z-index:2 !important;
  padding:0 !important;
  color:var(--forest,#0F2E2A) !important;
  text-shadow:none !important;
}

.fit-placeholder-system-v3 .fit-caption-v3 h3{
  max-width:420px !important;
  margin:0 !important;
  font-size:clamp(22px,1.75vw,30px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  color:var(--forest,#0F2E2A) !important;
}

.fit-placeholder-system-v3 .fit-caption-v3 p{
  max-width:420px !important;
  margin:12px 0 0 !important;
  font-size:14.5px !important;
  line-height:1.45 !important;
  color:rgba(15,46,42,.72) !important;
}

.fit-placeholder-system-v3 .wide .fit-caption-v3{
  max-width:640px !important;
}

/* Section 5: correct side-by-side layout, shorter height, no product strip */
.trade-section-v3{
  padding:0 0 72px !important;
}

.trade-container-v3{
  width:min(var(--width-mosaic,1440px),calc(100% - 56px)) !important;
  margin:0 auto !important;
}

.distributor-panel-v3{
  display:grid !important;
  grid-template-columns:58% 42% !important;
  min-height:440px !important;
  max-height:520px !important;
  overflow:hidden !important;
  border-radius:38px !important;
  background:rgba(255,253,248,.34) !important;
  box-shadow:
    inset 0 0 0 1px rgba(15,46,42,.08),
    0 22px 58px rgba(15,46,42,.045) !important;
}

.distributor-copy-v3{
  min-height:440px !important;
  padding:clamp(48px,5vw,72px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  background:
    radial-gradient(circle at 18% 18%,rgba(47,143,91,.05),transparent 32%),
    rgba(255,253,248,.38) !important;
}

.distributor-copy-v3 h2{
  max-width:620px !important;
}

.distributor-copy-v3 p:not(.distributor-kicker-v3){
  max-width:540px !important;
  margin-top:24px !important;
  font-size:17px !important;
  line-height:1.62 !important;
}

.distributor-visual-v3{
  position:relative !important;
  min-height:440px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 24% 20%,rgba(255,255,255,.34),transparent 28%),
    radial-gradient(circle at 82% 70%,rgba(255,255,255,.22),transparent 34%),
    linear-gradient(135deg,#ECA8BE 0%,#E77EA2 44%,#D85185 100%) !important;
}

.brochure-stage-v3{
  position:relative !important;
  z-index:2 !important;
  width:min(74%,390px) !important;
  transform:translateY(2px) rotate(-2deg) !important;
}

.brochure-frame-v3{
  padding:16px !important;
  border-radius:24px !important;
  background:rgba(246,241,232,.88) !important;
  box-shadow:0 24px 56px rgba(15,46,42,.18), inset 0 0 0 1px rgba(255,255,255,.42) !important;
}

.brochure-frame-v3 img{
  width:100% !important;
  display:block !important;
  border-radius:17px !important;
}

.proof-line-v3{
  margin:18px auto 0 !important;
  max-width:320px !important;
  color:rgba(246,241,232,.92) !important;
  text-align:center !important;
  font-family:var(--font-body,'Inter',sans-serif) !important;
  font-size:13.5px !important;
  line-height:1.35 !important;
  font-weight:650 !important;
  letter-spacing:-.01em !important;
}

.validation-strip-v3{
  display:none !important;
}

@media(max-width:1100px){
  .fit-placeholder-system-v3{
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:auto !important;
  }

  .fit-placeholder-system-v3 .fit-tile-v3,
  .fit-placeholder-system-v3 .fit-tile-v3.hero,
  .fit-placeholder-system-v3 .fit-tile-v3.wide,
  .fit-placeholder-system-v3 .fit-tile-v3.adventures,
  .fit-placeholder-system-v3 .fit-tile-v3.shiny,
  .fit-placeholder-system-v3 .fit-tile-v3.real,
  .fit-placeholder-system-v3 .fit-tile-v3.routine{
    grid-column:auto !important;
    grid-row:auto !important;
    min-height:280px !important;
  }

  .distributor-panel-v3{
    grid-template-columns:1fr !important;
    max-height:none !important;
  }

  .distributor-visual-v3{
    min-height:380px !important;
  }
}

@media(max-width:720px){
  .fit-placeholder-system-v3{
    grid-template-columns:1fr !important;
  }

  .fit-placeholder-system-v3 .fit-tile-v3{
    min-height:260px !important;
  }

  .distributor-copy-v3{
    min-height:auto !important;
  }
}

/* =========================================================
   Header
   Header styles are defined above and intentionally unchanged.
========================================================= */


/* =========================================================
   Section 3 Composite Chew
========================================================= */

.section2 + .section3-pritzo,
.product-range + .section3-pritzo{
  padding-top:104px !important;
}

.composite-section3{
  background:#F6F1E8;
  overflow:hidden;
}

.composite-section3 .why-banner{
  min-height:28vh;
  padding-top:5% !important;
  padding-bottom:5% !important;
  position:relative;
  z-index:2;
}

.composite-section3 .why-banner-inner{
  max-width:980px;
  margin:0 auto;
}

.section3-chew-stage{
  background:#F6F1E8;
  position:relative;
  z-index:1;
  margin-top:-20px !important;
  margin-bottom:-35px !important;
  padding-top:clamp(28px,3vw,44px);
  padding-bottom:0 !important;
}

.section3-chew-visual-wrap{
  width:min(1300px,92vw);
  margin:0 auto;
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  background:#F6F1E8;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
}

.section3-chew-visual-wrap::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:18%;
  pointer-events:none;
  background:linear-gradient(to bottom, rgba(246,241,232,0), #F6F1E8 86%);
}

.section3-chew-visual{
  display:block;
  width:100%;
  height:auto;
  max-height:min(58vh,520px);
  object-fit:contain;
  box-shadow:none !important;
  border-radius:0 !important;
}

@media (min-width:1200px){
  .section3-chew-visual-wrap{
    width:min(1240px,88vw);
  }

  .section3-chew-visual{
    max-height:510px;
  }
}

@media (max-width:900px){
  .composite-section3,
  .composite-section3 .why-banner{
    min-height:auto;
  }
}


.why-parents-section{
  background:#F6F1E8;
  margin-top:0 !important;
  padding-top:8px !important;
  padding-bottom:56px !important;
}

.why-parents-section .why-content{
  padding-top:0;
  padding-bottom:0;
}

.why-parents-section .section3-grid{
  align-items:stretch !important;
}

.why-parents-section .section3-point{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-height:300px;
  padding-top:clamp(36px,3.2vw,48px) !important;
  padding-bottom:clamp(44px,3.8vw,58px) !important;
}

.why-parents-section .section3-point h3{
  position:relative;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  max-width:190px !important;
  min-height:3.05em !important;
  margin:0 auto clamp(28px,2.4vw,34px) !important;
  padding-bottom:clamp(28px,2.4vw,34px) !important;
  text-align:center !important;
  font-size:clamp(1.22rem,1.25vw,1.55rem) !important;
  line-height:1.04 !important;
  letter-spacing:-0.035em !important;
  font-weight:800 !important;
}

.why-parents-section .section3-point h3::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:44px;
  height:2px;
  background:#3FA06C;
  transform:translateX(-50%);
  flex:none;
}

.why-parents-section .section3-point h3 + *{
  margin-top:0 !important;
}

.why-parents-section .section3-point::before,
.why-parents-section .section3-point::after{
  flex:none;
}

.why-parents-section .section3-point p{
  max-width:210px !important;
  margin:0 auto !important;
  text-align:center !important;
  color:#43534e !important;
  font-size:clamp(0.98rem,0.98vw,1.08rem) !important;
  line-height:1.48 !important;
  letter-spacing:-0.015em !important;
}

.why-parents-section .section3-point > span,
.why-parents-section .section3-point .mini-line,
.why-parents-section .section3-point .divider,
.why-parents-section .section3-point .green-divider{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

@media (min-width:1200px){
  .why-parents-section .section3-grid{
    width:min(1240px,86vw) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .why-parents-section .section3-point{
    min-height:310px;
    padding-left:26px !important;
    padding-right:26px !important;
  }

  .why-parents-section .section3-point h3{
    max-width:185px !important;
  }
}

@media (max-width:900px){
  .why-parents-section .section3-point{
    min-height:auto;
  }

  .why-parents-section .section3-point h3{
    min-height:auto !important;
  }
}


.section6-distributor{
  background:#F6F1E8;
  padding:48px 6vw 104px !important;
}

.section6-distributor-inner{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:42% 58%;
  gap:56px;
  align-items:center;
}

.section6-distributor-copy{
  text-align:left;
}

.section6-kicker{
  margin:0 0 22px;
  font-family:Inter, sans-serif;
  font-size:0.9rem;
  line-height:1.2;
  letter-spacing:0.18em;
  text-transform:uppercase;
  font-weight:800;
  color:#0F2E2A;
}

.section6-heading{
  margin:0 0 26px;
  color:#0F2E2A;
  font-family:var(--font-display);
  font-weight:800;
  letter-spacing:-0.045em;
  line-height:1.02;
  font-size:clamp(40px,3.8vw,54px);
}

.section6-body{
  margin:0;
  max-width:520px;
  color:#43534E;
  font-size:clamp(1.06rem,1.05vw,1.2rem);
  line-height:1.58;
  letter-spacing:-0.02em;
}

.section6-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  margin-top:34px;
}

.section6-primary-btn,
.section6-secondary-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:54px;
  padding:0 28px;
  border-radius:999px;
  font-family:Inter, sans-serif;
  font-size:1rem;
  line-height:1;
  font-weight:800;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.section6-primary-btn{
  background:#0F2E2A;
  color:#F6F1E8;
  box-shadow:0 18px 42px rgba(15,46,42,0.16);
}

.section6-secondary-btn{
  background:transparent;
  color:#0F2E2A;
  border:1px solid rgba(15,46,42,0.24);
}

.section6-primary-btn:hover,
.section6-secondary-btn:hover{
  transform:translateY(-1px);
}

.section6-distributor-visual{
  width:100%;
  max-height:520px;
  border:2px solid rgba(230, 62, 116, 0.55);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(15, 46, 42, 0.08), inset 0 0 0 1px rgba(246,241,232,0.52);
  background:#F6F1E8;
}

.section6-distributor-visual img{
  display:block;
  width:100%;
  height:100%;
  max-height:520px;
  object-fit:cover;
  object-position:center;
}

@media (max-width:900px){
  .section6-distributor{
    padding-left:5vw !important;
    padding-right:5vw !important;
  }

  .section6-distributor-inner{
    grid-template-columns:1fr;
    gap:38px;
  }

  .section6-heading{
    font-size:clamp(34px,9vw,48px);
  }

  .section6-actions{
    flex-direction:row;
    flex-wrap:wrap;
  }

  .section6-distributor-visual{
    border-radius:22px;
    max-height:none;
  }

  .section6-distributor-visual img{
    height:auto;
    max-height:none;
    object-fit:contain;
  }
}

@media (max-width:560px){
  .section6-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .section6-primary-btn,
  .section6-secondary-btn{
    width:100%;
  }
}

/* =========================================================
   Footer
   Footer styles are defined above and intentionally unchanged.
========================================================= */


/* =========================================================
   FINAL SPACING + HEADER ANCHOR UPDATE
========================================================= */

html {
  scroll-behavior: smooth;
}

#product-range,
#partner,
#why-pet-parents {
  scroll-margin-top: 96px;
}

/* Section 2 → Section 3 green strip */
.product-range + .section3-pritzo,
.section2 + .section3-pritzo {
  padding-top: 88px !important;
}

/* Section 3 chew → Section 4 */
.section3-chew-stage {
  margin-bottom: -48px !important;
}

.why-parents-section {
  padding-top: 0px !important;
  padding-bottom: 72px !important;
}

/* Section 4 → Section 6 */
.section6-distributor {
  padding-top: 72px !important;
}


/* =========================================================
   HEADER NAV LINK VISUAL FIX
========================================================= */

.header .nav a {
  color: #0F2E2A;
  text-decoration: none;
}

.header .nav a:visited,
.header .nav a:hover,
.header .nav a:active {
  color: #0F2E2A;
  text-decoration: none;
}

/* =========================================================
   CHANGE LP1 — ABOUT PRITZO BRIDGE SECTION
   Inserted after locked Hero + Trust Strip and before Product Range.
   Existing sections remain unchanged and move down in normal document flow.
========================================================= */
.about-bridge{
  position:relative;
  min-height:520px;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 8% 0%, rgba(244,197,63,.22), transparent 31%),
    radial-gradient(circle at 90% 84%, rgba(47,143,91,.075), transparent 28%),
    linear-gradient(180deg, #F8F3EB 0%, var(--cream) 100%);
  padding:86px 0 88px;
}

.about-bridge::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 16%, rgba(244,197,63,.13), transparent 22%),
    radial-gradient(circle at 50% 120%, rgba(255,255,255,.40), transparent 38%);
  opacity:.88;
}

.about-bridge-inner{
  position:relative;
  z-index:1;
  width:min(1200px, calc(100% - 64px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, .96fr) minmax(380px, .84fr);
  gap:clamp(56px, 6vw, 104px);
  align-items:center;
}

.about-bridge-kicker{
  margin:0;
  font-size:13px;
  font-weight:900;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--forest);
}

.about-bridge-rule{
  width:44px;
  height:2px;
  background:var(--yellow);
  border-radius:999px;
  margin:12px 0 0;
}

.about-bridge-title{
  max-width:760px;
  margin:24px 0 0;
}

.about-bridge-copy{
  max-width:560px;
  color:var(--slate);
}

.about-bridge-copy p{
  margin:0 0 16px;
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.62;
  letter-spacing:-.01em;
  font-weight:400;
}

.about-bridge-copy .about-bridge-closing{
  margin-top:4px;
  margin-bottom:24px;
  color:var(--forest);
  font-weight:750;
}

.about-bridge-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--forest);
  text-decoration:none;
  font-size:15px;
  font-weight:900;
  line-height:1;
  padding-bottom:7px;
  border-bottom:1.5px solid rgba(15,46,42,.42);
}

.about-bridge-link span{
  font-size:22px;
  line-height:.7;
  transform:translateY(-1px);
}

.about-bridge-link:hover{
  opacity:.78;
}


.about-bridge + .section2{
  padding-top:64px !important;
}

#about-pritzo{
  scroll-margin-top:96px;
}

@media(max-width:980px){
  .about-bridge{
    min-height:auto;
    padding:74px 0 78px;
  }

  .about-bridge-inner{
    width:min(100% - 40px, 760px);
    grid-template-columns:1fr;
    gap:34px;
  }

  .about-bridge-title{
    max-width:720px;
  }

  .about-bridge-copy{
    max-width:680px;
  }
}

@media(max-width:760px){
  .about-bridge{
    padding:64px 0 68px;
  }

  .about-bridge-inner{
    width:min(100% - 32px, 640px);
    gap:28px;
  }

  .about-bridge-kicker{
    font-size:12px;
  }

  .about-bridge-copy p{
    font-size:16px;
    line-height:1.58;
  }

  .about-bridge-copy .about-bridge-closing{
    margin-bottom:22px;
  }
}


/* =========================================================
   CHANGE LP2 — ABOUT PRITZO BACKGROUND GLOW REFINEMENT
   Richer glow only. No layout, spacing or typography changes.
========================================================= */
.about-bridge{
  background:
    radial-gradient(circle at 7% -2%, rgba(244,197,63,.34), transparent 38%),
    radial-gradient(circle at 92% 86%, rgba(47,143,91,.12), transparent 34%),
    linear-gradient(180deg, #F8F3EB 0%, var(--cream) 100%) !important;
}

.about-bridge::before{
  background:
    radial-gradient(circle at 18% 14%, rgba(244,197,63,.20), transparent 30%),
    radial-gradient(circle at 55% 118%, rgba(255,255,255,.40), transparent 42%) !important;
  opacity:.90 !important;
}

/* =========================================================
   CHANGE LP4 — SECTION 2 STANDARDIZED HERO IMAGE RENDERING
   Preserve exported 1536x768 framing. Remove cover/crop behaviour.
========================================================= */
.section2 .hero-frame{
  aspect-ratio:2 / 1 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:hidden !important;
  background:#F6F1E8 !important;
}

.section2 .hero-image{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}

.section2 .hero-frame.is-changing .hero-image{
  opacity:.28 !important;
  transform:none !important;
  filter:saturate(.98) blur(.45px) !important;
}

@media(max-width:760px){
  .section2 .hero-frame{
    aspect-ratio:2 / 1 !important;
    height:auto !important;
    min-height:0 !important;
  }
  .section2 .hero-image{
    object-fit:contain !important;
    object-position:center center !important;
  }
}

/* ---------- Footer Content Update ---------- */
.footer-connect-v3 p{
  margin-bottom:14px !important;
}

.footer-connect-v3 strong{
  font-weight:800 !important;
  color:rgba(246,241,232,.88) !important;
}

.footer-tagline-v3{
  margin:0 !important;
  color:rgba(246,241,232,.66) !important;
  text-align:center !important;
  flex:1 1 auto !important;
}

.footer-backtop-v3{
  font-weight:800 !important;
  color:rgba(246,241,232,.86) !important;
}

.footer-backtop-v3:hover,
.footer-col-v3 a:hover,
.footer-legal-v3 a:hover{
  color:var(--cream,#F6F1E8) !important;
}

@media(max-width:900px){
  .footer-tagline-v3{
    text-align:left !important;
  }
}

/* ---------- LP8 Footer Height Refinement ---------- */
.footer-v3{
  padding-top:58px !important;
  padding-bottom:26px !important;
}

.footer-main-v3{
  padding-bottom:36px !important;
  gap:40px !important;
}

.footer-col-v3 h4{
  margin-bottom:13px !important;
}

.footer-col-v3 a,
.footer-col-v3 p{
  margin-bottom:9px !important;
}

.footer-connect-v3 p{
  margin-bottom:12px !important;
}

.footer-social-v3{
  margin-top:12px !important;
}

.footer-bottom-v3{
  padding-top:18px !important;
}

@media(max-width:900px){
  .footer-v3{
    padding-top:48px !important;
    padding-bottom:28px !important;
  }
  .footer-main-v3{
    padding-bottom:30px !important;
  }
}

/* ---------- LP9 Footer Compression + Connect Spacing ---------- */
.footer-v3{
  padding-top:49px !important;
  padding-bottom:22px !important;
}

.footer-main-v3{
  padding-bottom:31px !important;
  gap:38px !important;
}

.footer-col-v3 h4{
  margin-bottom:11px !important;
}

.footer-col-v3 a,
.footer-col-v3 p{
  margin-bottom:8px !important;
}

.footer-connect-v3 p{
  margin-bottom:13px !important;
  line-height:1.34 !important;
}

.footer-connect-v3 strong{
  display:block !important;
  margin-bottom:9px !important;
}

.footer-social-v3{
  margin-top:10px !important;
}

.footer-bottom-v3{
  padding-top:15px !important;
}

@media(max-width:900px){
  .footer-v3{
    padding-top:42px !important;
    padding-bottom:24px !important;
  }
  .footer-main-v3{
    padding-bottom:27px !important;
  }
}


/* =========================================================
   ABOUT PRITZO PAGE — EDITORIAL V2
   Built to align with the landing page type, spacing and color system.
   No product renders. No gallery blocks. Same header/footer system.
========================================================= */

.about-page{
  background:var(--cream);
  color:var(--forest);
}

.about-page .header{
  position:sticky;
  top:0;
  z-index:1000;
  border-bottom:1px solid rgba(15,46,42,.08);
}

.about-page .nav a[aria-current="page"]{
  position:relative;
}

.about-page .nav a[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:2px;
  border-radius:999px;
  background:#F4C53F;
}

.about-v2-container{
  width:min(100% - 112px, 1360px);
  margin:0 auto;
}

.about-v2-kicker{
  margin:0 0 28px;
  font-family:var(--font-display);
  font-size:14px;
  line-height:1;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--forest);
}

.about-v2-kicker::after{
  content:"";
  display:block;
  width:44px;
  height:2px;
  margin-top:16px;
  border-radius:999px;
  background:#F4C53F;
}

.about-v2-center{
  text-align:center;
}

.about-v2-center::after{
  margin-left:auto;
  margin-right:auto;
}

.about-v2-hero{
  min-height:520px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 8% -8%, rgba(244,197,63,.32), transparent 37%),
    radial-gradient(circle at 88% 72%, rgba(47,143,91,.12), transparent 35%),
    linear-gradient(180deg,#F8F3EB 0%, var(--cream) 100%);
  border-bottom:1px solid rgba(15,46,42,.06);
}

.about-v2-hero-title{
  max-width:850px;
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(58px,5vw,82px);
  line-height:.94;
  font-weight:900;
  letter-spacing:-.065em;
  color:var(--forest);
}

.about-v2-hero-copy{
  max-width:760px;
  margin:42px 0 0;
  font-family:var(--font-body);
  font-size:clamp(18px,1.35vw,22px);
  line-height:1.62;
  font-weight:500;
  letter-spacing:-.02em;
  color:rgba(15,46,42,.82);
}

.about-v2-story{
  padding:132px 0 128px;
  background:
    radial-gradient(circle at 90% 20%, rgba(47,143,91,.08), transparent 33%),
    var(--cream);
}

.about-v2-story-grid{
  display:grid;
  grid-template-columns:minmax(280px, 430px) minmax(0, 760px);
  gap:clamp(84px,9vw,150px);
  align-items:start;
}

.about-v2-story-left{
  position:sticky;
  top:128px;
}

.about-v2-story-title{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(52px,4.8vw,72px);
  line-height:.95;
  font-weight:900;
  letter-spacing:-.065em;
  color:var(--forest);
}

.about-v2-story-note{
  max-width:360px;
  margin:34px 0 0;
  font-family:var(--font-body);
  font-size:18px;
  line-height:1.62;
  font-weight:500;
  letter-spacing:-.015em;
  color:rgba(15,46,42,.70);
}

.about-v2-editorial{
  max-width:760px;
}

.about-v2-editorial p{
  margin:0 0 28px;
  font-family:var(--font-body);
  font-size:clamp(18px,1.25vw,20px);
  line-height:1.78;
  font-weight:400;
  letter-spacing:-.018em;
  color:rgba(15,46,42,.76);
}

.about-v2-editorial p:first-child{
  font-weight:700;
  color:rgba(15,46,42,.90);
}

.about-v2-editorial .about-v2-editorial-strong{
  font-weight:800;
  line-height:1.55;
  color:var(--forest);
}

.about-v2-principles{
  padding:122px 0 0;
  background:var(--cream);
  border-top:1px solid rgba(15,46,42,.08);
}

.about-v2-principles-title{
  max-width:940px;
  margin:0 auto 72px;
  text-align:center;
  font-family:var(--font-display);
  font-size:clamp(50px,4.7vw,70px);
  line-height:.98;
  font-weight:900;
  letter-spacing:-.065em;
  color:var(--forest);
}

.about-v2-principle-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(15,46,42,.13);
  border-bottom:1px solid rgba(15,46,42,.13);
}

.about-v2-principle-card{
  min-height:245px;
  padding:46px 44px 48px;
  text-align:center;
  border-right:1px solid rgba(15,46,42,.13);
}

.about-v2-principle-card:last-child{
  border-right:0;
}

.about-v2-principle-card span{
  display:block;
  margin-bottom:24px;
  font-family:var(--font-display);
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  color:#D9B13B;
}

.about-v2-principle-card h3{
  margin:0 0 24px;
  font-family:var(--font-display);
  font-size:clamp(24px,2vw,30px);
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.045em;
  color:var(--forest);
}

.about-v2-principle-card h3::after{
  content:"";
  display:block;
  width:38px;
  height:2px;
  margin:18px auto 0;
  border-radius:999px;
  background:rgba(47,143,91,.82);
}

.about-v2-principle-card p{
  max-width:310px;
  margin:0 auto;
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.65;
  font-weight:400;
  letter-spacing:-.01em;
  color:rgba(15,46,42,.68);
}

.about-v2-closing{
  width:min(100%, 1120px);
  margin:100px auto 126px;
  padding:84px 80px;
  text-align:center;
  background:
    radial-gradient(circle at 15% 15%, rgba(244,197,63,.16), transparent 34%),
    radial-gradient(circle at 88% 84%, rgba(47,143,91,.16), transparent 36%),
    #0F2E2A;
}

.about-v2-closing h2{
  max-width:850px;
  margin:0 auto;
  font-family:var(--font-display);
  font-size:clamp(42px,4vw,60px);
  line-height:1.0;
  font-weight:900;
  letter-spacing:-.055em;
  color:var(--cream);
}

.about-v2-closing p{
  max-width:760px;
  margin:26px auto 0;
  font-family:var(--font-body);
  font-size:18px;
  line-height:1.65;
  font-weight:400;
  letter-spacing:-.012em;
  color:rgba(246,241,232,.76);
}

.about-v2-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:34px;
  padding:16px 28px;
  border-radius:999px;
  background:var(--cream);
  color:var(--forest);
  font-family:var(--font-display);
  font-size:16px;
  line-height:1;
  font-weight:900;
  text-decoration:none;
  letter-spacing:-.01em;
}

.about-v2-cta:hover{
  transform:translateY(-1px);
}

@media(max-width:980px){
  .about-v2-container{
    width:min(100% - 44px, 760px);
  }

  .about-v2-hero{
    min-height:auto;
    padding:96px 0 92px;
  }

  .about-v2-story{
    padding:86px 0 88px;
  }

  .about-v2-story-grid{
    grid-template-columns:1fr;
    gap:42px;
  }

  .about-v2-story-left{
    position:relative;
    top:auto;
  }

  .about-v2-principles{
    padding:84px 0 0;
  }

  .about-v2-principle-grid{
    grid-template-columns:1fr;
  }

  .about-v2-principle-card{
    border-right:0;
    border-bottom:1px solid rgba(15,46,42,.13);
    min-height:auto;
  }

  .about-v2-principle-card:last-child{
    border-bottom:0;
  }

  .about-v2-closing{
    margin:76px auto 84px;
    padding:66px 32px;
  }
}

@media(max-width:640px){
  .about-v2-kicker{
    font-size:12px;
  }

  .about-v2-hero-title,
  .about-v2-story-title,
  .about-v2-principles-title{
    letter-spacing:-.055em;
  }

  .about-v2-hero-copy,
  .about-v2-editorial p{
    font-size:17px;
  }
}
