/* v5.2 — image-led dosage catalogue and ingredient pathway. */

@media (min-width:1181px){
  .satiety-campaign-home .dosage-section{padding-top:108px!important;padding-bottom:116px!important;background:linear-gradient(180deg,#fff 0%,#fbf7fb 100%)!important}
  .satiety-campaign-home .dosage-showcase-grid{gap:22px!important}
  .satiety-campaign-home .dosage-showcase-card:nth-child(n){position:relative!important;display:block!important;height:440px!important;overflow:hidden!important;border:0!important;border-radius:24px!important;background:#32133f!important;box-shadow:0 18px 44px rgba(55,24,65,.14)!important;isolation:isolate!important}
  .satiety-campaign-home .dosage-showcase-card:nth-child(n) .dosage-showcase-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
  .satiety-campaign-home .dosage-showcase-card:nth-child(n) .dosage-showcase-image:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(35,12,43,.02) 22%,rgba(35,12,43,.18) 48%,rgba(35,12,43,.9) 100%)!important;transition:background .35s ease!important}
  .satiety-campaign-home .dosage-showcase-card:nth-child(n) .dosage-showcase-image img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .55s cubic-bezier(.2,.7,.2,1)!important}
  .satiety-campaign-home .dosage-showcase-card:nth-child(n) .dosage-showcase-copy{position:absolute!important;z-index:2!important;inset:auto 0 0!important;padding:28px 28px 24px!important;color:#fff!important;background:linear-gradient(180deg,transparent,rgba(42,14,50,.4))!important}
  .satiety-campaign-home .dosage-showcase-card .dosage-showcase-copy>p:first-child{color:#f4c9df!important;letter-spacing:.14em!important}
  .satiety-campaign-home .dosage-showcase-card:nth-child(n) h3{margin:8px 0 8px!important;color:#fff!important;font-size:clamp(28px,2vw,35px)!important;line-height:1.02!important}
  .satiety-campaign-home .dosage-showcase-card .dosage-showcase-summary{min-height:0!important;margin:0!important;color:rgba(255,255,255,.78)!important;font-size:12px!important;line-height:1.5!important}
  .satiety-campaign-home .dosage-showcase-card .dosage-showcase-reveal{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;max-height:0!important;margin:0!important;overflow:hidden!important;opacity:0!important;transform:translateY(10px)!important;transition:max-height .4s ease,opacity .3s ease,transform .35s ease,margin .35s ease!important}
  .satiety-campaign-home .dosage-showcase-card .dosage-showcase-reveal>div{padding:10px 11px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.1)!important;backdrop-filter:blur(10px)!important}
  .satiety-campaign-home .dosage-showcase-card .dosage-showcase-reveal b{color:#f7d8e8!important}.satiety-campaign-home .dosage-showcase-card .dosage-showcase-reveal p{color:rgba(255,255,255,.8)!important}
  .satiety-campaign-home .dosage-showcase-card .dosage-showcase-actions{margin-top:16px!important;border-top:1px solid rgba(255,255,255,.2)!important;padding-top:14px!important}
  .satiety-campaign-home .dosage-showcase-card .dosage-showcase-actions a{color:#fff!important}.satiety-campaign-home .dosage-showcase-card .dosage-showcase-actions a:last-child{color:#f3c4dd!important}
  .satiety-campaign-home .dosage-showcase-card:hover .dosage-showcase-image img{transform:scale(1.055)!important}
  .satiety-campaign-home .dosage-showcase-card:hover .dosage-showcase-image:after{background:linear-gradient(180deg,rgba(35,12,43,.08) 5%,rgba(35,12,43,.38) 40%,rgba(35,12,43,.96) 100%)!important}
  .satiety-campaign-home .dosage-showcase-card:hover .dosage-showcase-reveal,.satiety-campaign-home .dosage-showcase-card:focus-within .dosage-showcase-reveal{max-height:135px!important;margin-top:15px!important;opacity:1!important;transform:none!important}

  .satiety-campaign-home .satiety-ingredient-band{padding-top:108px!important;padding-bottom:120px!important;background:linear-gradient(145deg,#f8f2f7 0%,#fffaf5 100%)!important}
  .satiety-campaign-home .satiety-ingredient-band nav{position:relative!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:20px!important;counter-reset:ingredient-step!important}
  .satiety-campaign-home .satiety-ingredient-band nav:before{content:""!important;position:absolute!important;z-index:0!important;top:102px!important;left:7%!important;right:7%!important;height:1px!important;background:linear-gradient(90deg,transparent,#caa4c3 8%,#caa4c3 92%,transparent)!important}
  .satiety-campaign-home .satiety-ingredient-band nav a{position:relative!important;z-index:1!important;display:flex!important;min-width:0!important;min-height:0!important;flex-direction:column!important;align-items:center!important;padding:0 5px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important;counter-increment:ingredient-step!important;overflow:visible!important}
  .satiety-campaign-home .satiety-ingredient-band nav a:before{content:counter(ingredient-step,decimal-leading-zero)!important;position:absolute!important;z-index:3!important;top:8px!important;left:calc(50% - 93px)!important;display:grid!important;width:38px!important;height:38px!important;place-items:center!important;border:4px solid #fff!important;border-radius:50%!important;background:var(--oktw-purple)!important;color:#fff!important;font:700 10px/1 Arial,sans-serif!important;box-shadow:0 8px 20px rgba(72,28,78,.2)!important}
  .satiety-campaign-home .satiety-ingredient-band nav img{position:relative!important;z-index:1!important;width:206px!important;height:206px!important;max-width:100%!important;aspect-ratio:1!important;border:8px solid #fff!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 18px 42px rgba(58,30,59,.12)!important;transition:transform .4s ease,box-shadow .4s ease!important}
  .satiety-campaign-home .satiety-ingredient-band nav span{padding:21px 0 4px!important;color:var(--oktw-purple-deep)!important;font-family:var(--oktw-serif)!important;font-size:20px!important;line-height:1.08!important}
  .satiety-campaign-home .satiety-ingredient-band nav small{display:block!important;color:var(--oktw-olive)!important;font:700 9px/1.3 Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}
  .satiety-campaign-home .satiety-ingredient-band nav b{display:block!important;margin-top:14px!important;color:var(--oktw-purple)!important;font:700 9px/1 Arial,sans-serif!important;letter-spacing:.04em!important;opacity:0!important;transform:translateY(5px)!important;transition:opacity .25s ease,transform .25s ease!important}
  .satiety-campaign-home .satiety-ingredient-band nav a:hover img{transform:translateY(-7px) scale(1.025)!important;box-shadow:0 24px 52px rgba(58,30,59,.18)!important}
  .satiety-campaign-home .satiety-ingredient-band nav a:hover b,.satiety-campaign-home .satiety-ingredient-band nav a:focus-visible b{opacity:1!important;transform:none!important}
}

@media (min-width:681px) and (max-width:1180px){
  .satiety-campaign-home .dosage-showcase-card{border-radius:20px!important;overflow:hidden!important;box-shadow:0 14px 34px rgba(55,24,65,.09)!important}
  .satiety-campaign-home .dosage-showcase-card .dosage-showcase-reveal{display:grid!important;max-height:none!important;opacity:1!important}
  .satiety-campaign-home .satiety-ingredient-band nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:34px 18px!important;counter-reset:ingredient-step!important}
  .satiety-campaign-home .satiety-ingredient-band nav a{display:flex!important;min-height:0!important;flex-direction:column!important;align-items:center!important;padding:0!important;border:0!important;background:transparent!important;text-align:center!important;counter-increment:ingredient-step!important;box-shadow:none!important}
  .satiety-campaign-home .satiety-ingredient-band nav img{width:min(210px,90%)!important;height:auto!important;aspect-ratio:1!important;border:7px solid #fff!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 15px 34px rgba(58,30,59,.12)!important}
  .satiety-campaign-home .satiety-ingredient-band nav span{padding:17px 0 3px!important;font-size:19px!important}.satiety-campaign-home .satiety-ingredient-band nav small{display:block!important;color:var(--oktw-olive)!important;font-size:10px!important;text-transform:uppercase!important}.satiety-campaign-home .satiety-ingredient-band nav b{display:block!important;margin-top:9px!important;font-size:10px!important;color:var(--oktw-purple)!important}
}

@media (max-width:680px){
  .satiety-campaign-home .dosage-section{padding-top:68px!important;padding-bottom:72px!important}
  .satiety-campaign-home .dosage-showcase-card{border-radius:18px!important;overflow:hidden!important;box-shadow:0 12px 28px rgba(55,24,65,.09)!important}.satiety-campaign-home .dosage-showcase-card .dosage-showcase-reveal{display:grid!important;max-height:none!important;opacity:1!important}
  .satiety-campaign-home .satiety-ingredient-band nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 13px!important;counter-reset:ingredient-step!important}
  .satiety-campaign-home .satiety-ingredient-band nav a{display:flex!important;min-height:0!important;flex-direction:column!important;align-items:center!important;padding:0!important;border:0!important;background:transparent!important;text-align:center!important;counter-increment:ingredient-step!important;box-shadow:none!important}
  .satiety-campaign-home .satiety-ingredient-band nav img{width:100%!important;height:auto!important;aspect-ratio:1!important;border:5px solid #fff!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 12px 26px rgba(58,30,59,.11)!important}
  .satiety-campaign-home .satiety-ingredient-band nav span{padding:13px 0 3px!important;font-size:16px!important;line-height:1.1!important}.satiety-campaign-home .satiety-ingredient-band nav small{display:block!important;color:var(--oktw-olive)!important;font-size:8px!important;letter-spacing:.08em!important;text-transform:uppercase!important}.satiety-campaign-home .satiety-ingredient-band nav b{display:none!important}
}

@media (prefers-reduced-motion:reduce){.satiety-campaign-home .dosage-showcase-card *,.satiety-campaign-home .satiety-ingredient-band nav *{transition:none!important}}