/* SOURCE: style.css */
/*
Theme Name: KROSSA
Theme URI: https://krossapouch.com/
Author: KROSSA
Description: Dark editorial commerce theme for the KROSSA nicotine pouch range.
Version: 2.6.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.1
Text Domain: krossa
*/


/* SOURCE: assets/css/site.css */
@font-face {
  font-family: "Krossa Barlow";
  src: url("../fonts/Barlow-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.krossa-payment-methods {
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.krossa-product-facts {
	margin: 4rem 0;
	padding: clamp(1.5rem, 4vw, 3rem);
	border: 1px solid rgba(255, 255, 255, .16);
	background: linear-gradient(135deg, rgba(15, 25, 34, .96), rgba(6, 10, 14, .98));
}

.krossa-product-facts__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}

.krossa-product-facts__grid h3 {
	margin-bottom: .65rem;
}

.krossa-product-facts__warning,
.krossa-checkout-payments {
	margin-top: 1.5rem;
	padding: 1rem 1.2rem;
	border-left: 3px solid var(--krossa-red, #e2252b);
	background: rgba(255, 255, 255, .06);
}

@media (max-width: 760px) {
	.krossa-product-facts__grid {
		grid-template-columns: 1fr;
	}
}

@font-face {
  font-family: "Krossa Barlow";
  src: url("../fonts/Barlow-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Krossa Condensed";
  src: url("../fonts/BarlowCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Krossa Condensed";
  src: url("../fonts/BarlowCondensed-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --k-black: #060708;
  --k-black-soft: #0d0f11;
  --k-panel: #111315;
  --k-white: #f6f7f7;
  --k-paper: #f1f2f2;
  --k-ink: #0a0b0c;
  --k-steel: #34383c;
  --k-muted: #a7aaad;
  --k-line: rgba(255, 255, 255, 0.16);
  --k-line-dark: rgba(0, 0, 0, 0.14);
  --k-red: #ff1836;
  --k-red-dark: #d90020;
  --k-shell: min(1440px, calc(100vw - 64px));
  --k-header-height: 76px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background: var(--k-black);
}

body.krossa-theme {
  margin: 0;
  color: var(--k-ink);
  background: var(--k-paper);
  font-family: "Krossa Barlow", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.krossa-theme.menu-open,
body.krossa-theme.age-gate-open {
  overflow: hidden;
}

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

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

button,
input,
textarea,
select {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

.krossa-shell {
  width: var(--k-shell);
  margin-inline: auto;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text:focus {
  top: 16px;
  left: 16px;
  z-index: 100000;
  width: auto;
  height: auto;
  clip: auto;
  padding: 12px 16px;
  color: #fff;
  background: var(--k-red);
}

.krossa-adult-strip {
  min-height: 28px;
  padding: 6px 24px;
  color: #fff;
  background: var(--k-red);
  font-family: "Krossa Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
}

.krossa-adult-strip span {
  margin-inline: 8px;
}

.krossa-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  color: #fff;
  background: rgba(7, 8, 9, 0.97);
  border-bottom: 1px solid var(--k-line);
  backdrop-filter: blur(18px);
}

body.admin-bar .krossa-header {
  top: 32px;
}

.krossa-header__inner {
  min-height: var(--k-header-height);
  display: grid;
  grid-template-columns: 210px 1fr auto;
  align-items: center;
  gap: 28px;
}

.krossa-wordmark {
  width: max-content;
  color: #fff;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
}

.krossa-nav {
  justify-self: center;
}

.krossa-menu {
  display: flex;
  align-items: center;
  gap: clamp(22px, 3vw, 48px);
  padding: 0;
  margin: 0;
  list-style: none;
}

.krossa-menu a,
.krossa-action-link,
.krossa-footer-bag {
  color: inherit;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.krossa-menu a {
  position: relative;
  display: inline-flex;
  padding-block: 28px;
}

.krossa-menu a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 20px;
  left: 0;
  height: 2px;
  background: var(--k-red);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 180ms ease;
}

.krossa-menu a:hover::after,
.krossa-menu a:focus-visible::after,
.krossa-menu .current-menu-item > a::after {
  transform: scaleX(1);
  transform-origin: left;
}

.krossa-actions {
  display: flex;
  align-items: center;
  gap: 22px;
}

.krossa-action-link {
  padding: 10px 0;
  color: #fff;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.krossa-bag {
  display: inline-flex;
  gap: 7px;
}

.krossa-cart-count {
  min-width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  padding-inline: 5px;
  color: #fff;
  background: var(--k-red);
  border-radius: 99px;
  font-size: 11px;
  line-height: 1;
}

.krossa-menu-toggle {
  display: none;
}

.krossa-search-panel {
  padding: 28px 0 34px;
  color: #fff;
  background: var(--k-black-soft);
  border-top: 1px solid var(--k-line);
}

.krossa-search-panel[hidden] {
  display: none;
}

.krossa-search-panel label {
  display: block;
  margin-bottom: 10px;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.krossa-search-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
}

.krossa-search-row input {
  min-height: 56px;
  padding: 0 18px;
  color: #fff;
  background: #171a1d;
  border: 1px solid #34383c;
  border-radius: 0;
}

.krossa-site-frame {
  min-height: 60vh;
  overflow: clip;
}

.krossa-kicker {
  margin: 0 0 14px;
  color: var(--k-red);
  font-family: "Krossa Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.krossa-button {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 0 26px;
  color: #fff;
  background: var(--k-black);
  border: 1px solid var(--k-black);
  border-radius: 0;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 160ms ease, background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.krossa-button:hover,
.krossa-button:focus-visible {
  transform: translateY(-2px);
}

.krossa-button--red {
  color: #fff;
  background: var(--k-red);
  border-color: var(--k-red);
}

.krossa-button--red:hover,
.krossa-button--red:focus-visible {
  background: var(--k-red-dark);
  border-color: var(--k-red-dark);
}

.krossa-button--outline {
  color: #fff;
  background: rgba(5, 6, 7, 0.46);
  border-color: rgba(255, 255, 255, 0.55);
}

.krossa-button--outline:hover,
.krossa-button--outline:focus-visible {
  background: #fff;
  border-color: #fff;
  color: var(--k-ink);
}

.krossa-button--outline-dark {
  color: var(--k-ink);
  background: transparent;
  border-color: var(--k-ink);
}

.krossa-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.krossa-text-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.krossa-text-link span,
.krossa-button span {
  transition: transform 160ms ease;
}

.krossa-text-link:hover span,
.krossa-button:hover span {
  transform: translateX(4px);
}

.krossa-hero {
  position: relative;
  min-height: min(790px, calc(100vh - 104px));
  display: grid;
  align-items: stretch;
  color: #fff;
  background: #090a0b;
  isolation: isolate;
}

.krossa-hero__background,
.krossa-range-hero__background,
.krossa-wholesale-cta__background,
.krossa-page-hero > img {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.krossa-hero__shade,
.krossa-range-hero__shade,
.krossa-wholesale-cta__shade,
.krossa-page-hero__shade {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: rgba(0, 0, 0, 0.28);
}

.krossa-hero__inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(420px, 0.92fr) minmax(480px, 1.08fr);
  align-items: center;
  gap: 40px;
  padding-block: 82px 72px;
}

.krossa-hero__copy {
  position: relative;
  z-index: 3;
  max-width: 650px;
}

.krossa-hero h1,
.krossa-range-hero h2,
.krossa-wholesale-cta h2,
.krossa-page-hero h1,
.krossa-error-page h1 {
  margin: 0;
  font-family: "Krossa Condensed", sans-serif;
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 0.82;
  text-transform: uppercase;
}

.krossa-hero h1 {
  max-width: 620px;
  font-size: clamp(84px, 10vw, 154px);
}

.krossa-hero__line {
  max-width: 550px;
  margin: 28px 0 10px;
  font-family: "Krossa Condensed", sans-serif;
  font-size: clamp(22px, 2.2vw, 32px);
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1.1;
  text-transform: uppercase;
}

.krossa-hero__body {
  max-width: 520px;
  margin: 28px 0 30px;
  color: #d5d7d8;
  font-size: 18px;
}

.krossa-hero__product {
  position: relative;
  align-self: stretch;
  min-height: 540px;
}

.krossa-hero__product img {
  position: absolute;
  right: -8%;
  bottom: 2%;
  z-index: 1;
  width: min(900px, 68vw);
  max-width: none;
  mix-blend-mode: normal;
  filter: brightness(1.08) contrast(1.08) saturate(1.08) drop-shadow(0 28px 42px rgba(0, 0, 0, 0.7));
  transform: rotate(-5deg);
}

.krossa-hero__product-label {
  position: absolute;
  right: 5%;
  bottom: 2%;
  z-index: 3;
  padding: 8px 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.68);
  border-left: 3px solid var(--k-red);
  font-family: "Krossa Condensed", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.krossa-fact-strip {
  color: #fff;
  background: #0a0c0e;
  border-block: 1px solid var(--k-line);
}

.krossa-fact-strip__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.krossa-fact {
  min-height: 184px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  padding: 30px clamp(22px, 2.7vw, 42px) 34px;
  border-right: 1px solid var(--k-line);
}

.krossa-fact:last-child {
  border-right: 0;
}

.krossa-fact strong {
  display: block;
  font-family: "Krossa Condensed", sans-serif;
  font-size: clamp(33px, 3.1vw, 46px);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 0.88;
  text-transform: uppercase;
}

.krossa-fact__rule {
  width: 32px;
  height: 3px;
  margin-bottom: 18px;
  background: var(--k-red);
}

.krossa-fact .krossa-fact__desc {
  max-width: 24ch;
  margin-top: 13px;
  color: #bfc3c5;
  font-size: 14px;
  line-height: 1.35;
}

.krossa-range-section,
.krossa-journal-preview,
.krossa-pricing {
  padding-block: clamp(78px, 8vw, 128px);
  background: var(--k-paper);
}

.krossa-section-heading {
  margin-bottom: 54px;
}

.krossa-section-heading--split {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
}

.krossa-section-heading h2,
.krossa-product-story h2,
.krossa-pricing h2,
.krossa-wholesale-intro h2,
.krossa-about-manifesto h2,
.krossa-page-header h1,
.krossa-article-header h1 {
  margin: 0;
  font-family: "Krossa Condensed", sans-serif;
  font-size: clamp(54px, 6vw, 92px);
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 0.9;
  text-transform: uppercase;
}

.krossa-section-heading p:not(.krossa-kicker) {
  max-width: 620px;
  margin: 18px 0 0;
  color: #5c6063;
  font-size: 18px;
}

.krossa-flavour-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}

.krossa-flavour-card {
  display: flex;
  min-height: 100%;
  min-width: 0;
  flex-direction: column;
  text-align: left;
  background: #fff;
  border: 1px solid #cfd1d2;
  transition: border-color .2s ease, transform .2s ease;
}

.krossa-flavour-card__image {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #e8e9e9;
  border-bottom: 3px solid var(--flavour-accent);
}

.krossa-flavour-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 260ms ease;
}

.krossa-flavour-card__detail-cue {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 4;
  padding: 7px 9px;
  color: #fff;
  background: rgba(6, 7, 8, .88);
  font-family: "Krossa Condensed", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.krossa-flavour-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px 14px 14px;
}

.krossa-flavour-card__heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.krossa-flavour-card:hover .krossa-flavour-card__image img {
  transform: scale(1.045);
}

.krossa-flavour-card h3 {
  margin: 0;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.1;
  text-transform: uppercase;
}

.krossa-flavour-card__heading > p {
  display: grid;
  justify-items: end;
  margin: 0;
  color: var(--k-ink);
  font-family: "Krossa Condensed", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.krossa-flavour-card__heading > p span {
  margin-top: 4px;
  color: #707477;
  font-family: "Krossa Barlow", sans-serif;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.krossa-flavour-card__selection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 14px 0 7px;
  color: #62676a;
  font-size: 11px;
}

.krossa-flavour-card__selection strong {
  color: var(--k-ink);
  font-family: "Krossa Condensed", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}

.krossa-strength-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 4px;
}

.krossa-strength-row button {
  min-height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  color: #575a5d;
  background: #dedfe0;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: color 160ms ease, background 160ms ease;
}

.krossa-strength-row button:hover,
.krossa-strength-row button:focus-visible,
.krossa-strength-row button.is-selected {
  color: #fff;
  background: var(--k-red);
}

.krossa-strength-row button:focus-visible {
  outline: 2px solid var(--k-ink);
  outline-offset: 2px;
}

.krossa-home-quick-cart {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

.krossa-home-quick-cart .krossa-button {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  padding: 10px 12px;
}

.krossa-home-quick-cart .krossa-button:disabled {
  color: #fff;
  background: #555b5e;
  cursor: wait;
}

.krossa-home-cart-status {
  min-height: 30px;
  margin: 0;
  color: #53585b;
  font-size: 11px;
  line-height: 1.35;
}

.krossa-flavour-card.is-changing-pack .krossa-flavour-card__can {
  opacity: .35;
  transform: scale(1.02);
}

.krossa-flavour-card.is-added {
  border-color: var(--k-red);
  transform: translateY(-3px);
}

.krossa-flavour-card.has-cart-error .krossa-home-cart-status {
  color: var(--k-red-dark);
  font-weight: 700;
}

.krossa-range-commerce {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.8fr);
  margin: 0 0 28px;
  border: 1px solid #cfd1d2;
  border-top: 4px solid var(--k-red);
  background: #fff;
}

.krossa-range-commerce__status {
  display: grid;
  align-content: center;
  min-height: 164px;
  padding: 27px 30px;
  color: #fff;
  background: var(--k-black);
}

.krossa-range-commerce__status .krossa-kicker {
  color: var(--k-red);
}

.krossa-range-commerce__status > strong {
  margin: 7px 0 8px;
  font-family: "Krossa Condensed", sans-serif;
  font-size: clamp(31px, 2.8vw, 44px);
  font-weight: 800;
  line-height: .92;
  text-transform: uppercase;
}

.krossa-range-commerce__status > p:not(.krossa-kicker) {
  max-width: 37ch;
  margin: 0 0 12px;
  color: #c8cbcd;
  font-size: 13px;
  line-height: 1.4;
}

.krossa-range-commerce__status > a {
  justify-self: start;
  color: #fff;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.krossa-range-tiers {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.krossa-range-tier {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 22px clamp(14px, 1.8vw, 28px);
  border-right: 1px solid #d9dbdc;
  color: var(--k-ink);
  background: #fff;
  transition: color .18s ease, background .18s ease;
}

.krossa-range-tier:last-child {
  border-right: 0;
}

.krossa-range-tier span,
.krossa-range-tier small {
  font-family: "Krossa Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.krossa-range-tier strong {
  margin: 7px 0 5px;
  font-family: "Krossa Condensed", sans-serif;
  font-size: clamp(29px, 3vw, 49px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: .9;
}

.krossa-range-tier small {
  color: #74787b;
}

.krossa-range-tier.is-current {
  color: #fff;
  background: var(--k-black);
  box-shadow: inset 0 4px 0 var(--k-red);
}

.krossa-range-tier.is-current small {
  color: #c7c9ca;
}

.krossa-range-instructions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 0 34px;
  border-top: 1px solid #bfc3c5;
  border-bottom: 1px solid #bfc3c5;
}

.krossa-range-instructions > div {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  padding: 18px 22px;
  border-right: 1px solid #bfc3c5;
}

.krossa-range-instructions > div:last-child {
  border-right: 0;
}

.krossa-range-instructions span {
  color: var(--k-red);
  font-family: "Krossa Condensed", sans-serif;
  font-size: 14px;
  font-weight: 800;
}

.krossa-range-instructions p {
  margin: 0;
  color: #555a5d;
  font-size: 13px;
  line-height: 1.35;
}

.krossa-range-instructions strong {
  display: block;
  margin-bottom: 3px;
  color: var(--k-ink);
  font-family: "Krossa Condensed", sans-serif;
  font-size: 17px;
  text-transform: uppercase;
}

.krossa-product-story {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  min-height: 680px;
  color: #fff;
  background: #0a0c0e;
}

.krossa-product-story__image {
  position: relative;
  min-height: 600px;
  margin: 0;
  overflow: hidden;
}

.krossa-product-story__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.krossa-product-story__image figcaption {
  position: absolute;
  right: 18px;
  bottom: 16px;
  padding: 7px 9px;
  color: #d9dcdd;
  background: rgba(6, 7, 8, .78);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.krossa-product-story__copy {
  display: grid;
  align-items: center;
  padding: clamp(54px, 7vw, 112px);
}

.krossa-product-story__copy > div {
  max-width: 660px;
}

.krossa-product-story__copy > div > p:not(.krossa-kicker) {
  margin: 26px 0 34px;
  color: #c8cbcd;
  font-size: 19px;
}

.krossa-story-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 0 38px;
  border-block: 1px solid var(--k-line);
}

.krossa-story-facts span {
  padding: 22px 16px 22px 0;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.1;
  text-transform: uppercase;
}

.krossa-product-story--materials {
  grid-template-columns: .88fr 1.12fr;
}

.krossa-product-story--materials .krossa-product-story__copy {
  background: #090a0b;
}

.krossa-product-story--materials .krossa-product-story__image img {
  object-position: center;
}

.krossa-can-count {
  color: var(--k-ink);
  background: var(--k-paper);
  border-bottom: 1px solid #c9cdcf;
}

.krossa-can-count__inner {
  display: grid;
  grid-template-columns: minmax(340px, .72fr) minmax(620px, 1.28fr);
  align-items: center;
  gap: clamp(42px, 6vw, 100px);
  min-height: 660px;
  padding-block: clamp(76px, 8vw, 120px);
}

.krossa-can-count__copy h2 {
  max-width: 560px;
  margin: 0;
  font-family: "Krossa Condensed", sans-serif;
  font-size: clamp(72px, 7vw, 112px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: .84;
  text-transform: uppercase;
}

.krossa-can-count__copy > p:not(.krossa-kicker) {
  max-width: 480px;
  margin: 26px 0 32px;
  color: #505659;
  font-size: 18px;
}

.krossa-button--dark {
  color: #fff;
  background: var(--k-ink);
  border-color: var(--k-ink);
}

.krossa-can-count__visual {
  position: relative;
  display: grid;
  grid-template-columns: minmax(250px, .78fr) minmax(350px, 1.22fr);
  align-items: center;
  min-height: 480px;
  border-block: 1px solid #c7cbcd;
}

.krossa-can-count__can {
  position: relative;
  z-index: 2;
  min-height: 420px;
}

.krossa-can-count__can > img {
  position: absolute;
  z-index: 1;
  width: min(440px, 38vw);
  max-width: none;
  top: 50%;
  left: 47%;
  transform: translate(-50%, -50%) rotate(-7deg);
  filter: drop-shadow(18px 26px 24px rgba(11, 14, 16, .26));
}

.krossa-can-count__total {
  position: absolute;
  z-index: 3;
  right: -16px;
  bottom: 48px;
  display: flex;
  align-items: end;
  gap: 10px;
  color: var(--k-red-dark);
}

.krossa-can-count__total strong {
  font-family: "Krossa Condensed", sans-serif;
  font-size: 82px;
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: .72;
}

.krossa-can-count__total span {
  color: #2d3235;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .055em;
  line-height: 1.05;
  text-transform: uppercase;
}

.krossa-can-count__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(0, 1fr));
  align-items: center;
  gap: 14px 8px;
  padding: 44px 0 44px 20px;
}

.krossa-can-count__grid img {
  width: 100%;
  min-width: 0;
  filter: drop-shadow(0 8px 7px rgba(18, 22, 24, .16));
  transform: rotate(calc((var(--pouch-index) - 12) * .18deg));
}

.krossa-motion-ready .krossa-can-count__visual:not(.is-in-view) .krossa-can-count__grid img {
  opacity: 0;
  transform: translateY(14px) scale(.88) rotate(-4deg);
}

.krossa-motion-ready .krossa-can-count__visual.is-in-view .krossa-can-count__grid img {
  transition: opacity .46s cubic-bezier(.16, 1, .3, 1), transform .58s cubic-bezier(.16, 1, .3, 1);
  transition-delay: calc(var(--pouch-index) * 28ms);
}

.krossa-motion-ready .krossa-can-count__visual:not(.is-in-view) .krossa-can-count__total {
  opacity: 0;
  transform: translateY(14px);
}

.krossa-motion-ready .krossa-can-count__visual.is-in-view .krossa-can-count__total {
  transition: opacity .45s .65s ease, transform .62s .65s cubic-bezier(.16, 1, .3, 1);
}

.krossa-pricing {
  background: #fff;
}

.krossa-pricing__intro {
  max-width: 410px;
  margin: 0 0 4px;
  color: #54585a;
  font-size: 18px;
}

.krossa-price-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  margin-bottom: 34px;
  background: #cfd1d2;
  border: 1px solid #cfd1d2;
}

.krossa-price-card {
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px;
  color: var(--k-ink);
  background: #f4f5f5;
}

.krossa-price-card.is-primary {
  color: #fff;
  background: var(--k-black);
  border-top: 5px solid var(--k-red);
}

.krossa-price-card span,
.krossa-price-card small {
  font-family: "Krossa Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.krossa-price-card strong {
  margin-block: 8px;
  font-family: "Krossa Condensed", sans-serif;
  font-size: clamp(42px, 4vw, 64px);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
}

.krossa-price-card small {
  color: #74787b;
}

.krossa-price-card.is-primary small {
  color: #c7c9ca;
}

.krossa-range-hero,
.krossa-wholesale-cta,
.krossa-page-hero {
  position: relative;
  color: #fff;
  background: #07090a;
  isolation: isolate;
}

.krossa-range-hero {
  min-height: 640px;
}

.krossa-range-hero__inner {
  min-height: 640px;
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  align-items: center;
  gap: 40px;
  padding-block: 80px;
}

.krossa-range-hero__copy {
  position: relative;
  z-index: 4;
  max-width: 570px;
}

.krossa-range-hero h2,
.krossa-wholesale-cta h2 {
  font-size: clamp(66px, 7vw, 112px);
}

.krossa-range-hero__copy > p:not(.krossa-kicker),
.krossa-wholesale-cta__inner p:not(.krossa-kicker) {
  max-width: 520px;
  margin: 24px 0 30px;
  color: #d2d4d5;
  font-size: 18px;
}

.krossa-range-hero__products {
  position: relative;
  align-self: stretch;
  min-height: 480px;
}

.krossa-range-hero__products .can {
  position: absolute;
  max-width: none;
  mix-blend-mode: normal;
  filter: brightness(1.08) contrast(1.08) saturate(1.08) drop-shadow(0 30px 32px rgba(0, 0, 0, 0.8));
}

.krossa-range-hero__products .can--one {
  right: 17%;
  bottom: 3%;
  z-index: 2;
  width: 620px;
  transform: rotate(-7deg);
}

.krossa-range-hero__products .can--two {
  right: -7%;
  bottom: 17%;
  z-index: 1;
  width: 430px;
  transform: rotate(6deg);
}

.krossa-range-hero__products .can--three {
  right: 3%;
  bottom: -6%;
  z-index: 3;
  width: 380px;
  transform: rotate(14deg);
}

.krossa-journal-preview {
  background: #f5f5f4;
}

.krossa-article-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.krossa-article-card__image,
.krossa-post-card__image {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #d9dbdc;
}

.krossa-article-card__image img,
.krossa-post-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(0.78) contrast(1.1);
  transition: filter 200ms ease, transform 260ms ease;
}

.krossa-article-card:hover img,
.krossa-post-card:hover img {
  filter: grayscale(0.2) contrast(1.06);
  transform: scale(1.035);
}

.krossa-article-card__meta,
.krossa-post-card__meta {
  margin: 16px 0 8px;
  color: #777b7e;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.krossa-article-card h3,
.krossa-post-card h2 {
  margin: 0;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
  text-transform: uppercase;
}

.krossa-wholesale-cta {
  min-height: 530px;
}

.krossa-wholesale-cta__background {
  object-position: 62% center;
}

.krossa-wholesale-cta__shade {
  background: rgba(0, 0, 0, 0.42);
}

.krossa-wholesale-cta__inner {
  min-height: 530px;
  display: flex;
  align-items: center;
  padding-block: 70px;
}

.krossa-wholesale-cta__inner > div {
  max-width: 680px;
}

.krossa-footer {
  padding: 54px 0 38px;
  color: #fff;
  background: #080a0b;
  border-top: 1px solid var(--k-line);
}

.krossa-footer__top {
  min-height: 88px;
  display: grid;
  grid-template-columns: 220px 1fr auto;
  align-items: center;
  gap: 34px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--k-line);
}

.krossa-wordmark--footer {
  font-size: 42px;
}

.krossa-footer-nav {
  justify-self: center;
}

.krossa-footer-nav .krossa-menu a {
  padding-block: 10px;
}

.krossa-footer-nav .krossa-menu a::after {
  bottom: 3px;
}

.krossa-footer__bottom {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 34px;
  padding-top: 28px;
  color: #9da0a2;
  font-size: 12px;
}

.krossa-footer__bottom p {
  margin: 0;
}

.krossa-legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 26px;
}

.krossa-legal-links a:hover {
  color: #fff;
}

.krossa-age-gate {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(14px);
}

.krossa-age-gate[hidden] {
  display: none;
}

.krossa-age-gate__panel {
  width: min(610px, 100%);
  padding: clamp(38px, 6vw, 74px);
  color: #fff;
  background: #0c0e10;
  border-top: 6px solid var(--k-red);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.58);
}

.krossa-age-gate h2 {
  margin: 0;
  font-family: "Krossa Condensed", sans-serif;
  font-size: clamp(54px, 8vw, 82px);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 0.88;
}

.krossa-age-gate__panel > p:not(.krossa-kicker):not(.krossa-age-gate__warning) {
  margin: 24px 0 30px;
  color: #c9cbcc;
  font-size: 18px;
}

.krossa-age-gate__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.krossa-age-gate__warning {
  margin: 24px 0 0;
  color: #8f9396;
  font-size: 13px;
}

.krossa-content-main,
.krossa-commerce-main {
  min-height: 65vh;
  padding-block: clamp(70px, 8vw, 124px);
  background: var(--k-paper);
}

.krossa-content-shell {
  max-width: 1120px;
}

.krossa-page-header,
.krossa-article-header {
  max-width: 960px;
  margin-bottom: 54px;
  padding-bottom: 34px;
  border-bottom: 1px solid var(--k-line-dark);
}

.krossa-page-header > p:not(.krossa-kicker) {
  max-width: 620px;
  margin: 24px 0 0;
  color: #55595c;
  font-size: 20px;
}

.krossa-prose {
  font-size: 18px;
}

.krossa-prose .entry-content {
  max-width: 820px;
}

.krossa-prose h2,
.krossa-prose h3 {
  margin: 2.2em 0 0.6em;
  font-family: "Krossa Condensed", sans-serif;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1;
  text-transform: uppercase;
}

.krossa-prose h2 {
  font-size: 52px;
}

.krossa-prose h3 {
  font-size: 34px;
}

.krossa-prose p,
.krossa-prose li {
  color: #313437;
}

.krossa-prose a {
  color: var(--k-red-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.krossa-prose table {
  width: 100%;
  border-collapse: collapse;
}

.krossa-prose th,
.krossa-prose td {
  padding: 14px;
  text-align: left;
  border: 1px solid #ced0d1;
}

.krossa-post-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 52px 28px;
}

.krossa-post-card > p:not(.krossa-post-card__meta) {
  color: #65696c;
}

.krossa-article-shell {
  max-width: 980px;
}

.krossa-article-featured {
  margin: 0 0 54px;
}

.krossa-article-featured img {
  width: 100%;
}

.krossa-page-hero {
  min-height: 620px;
}

.krossa-page-hero__inner {
  min-height: 620px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-block: 80px;
}

.krossa-page-hero__inner h1 {
  max-width: 820px;
  font-size: clamp(72px, 8vw, 126px);
}

.krossa-page-hero__inner > p:not(.krossa-kicker) {
  max-width: 650px;
  margin: 28px 0 0;
  color: #d3d5d6;
  font-size: 20px;
}

.krossa-page-hero--wholesale > img {
  object-position: 60% center;
}

.krossa-wholesale-intro,
.krossa-about-manifesto {
  padding-block: clamp(70px, 8vw, 118px);
  background: #f1f2f2;
}

.krossa-wholesale-intro__grid,
.krossa-about-manifesto__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(50px, 8vw, 130px);
  align-items: start;
}

.krossa-wholesale-points {
  border-top: 1px solid #bfc1c2;
}

.krossa-wholesale-points > div {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 20px;
  padding-block: 24px;
  border-bottom: 1px solid #bfc1c2;
}

.krossa-wholesale-points strong {
  color: var(--k-red);
  font-family: "Krossa Condensed", sans-serif;
  font-size: 22px;
}

.krossa-wholesale-points span {
  font-family: "Krossa Condensed", sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

.krossa-form-section {
  padding-block: clamp(70px, 8vw, 118px);
  color: #fff;
  background: #0b0d0f;
}

.krossa-form-shell {
  max-width: 1040px;
}

.krossa-wholesale-form .krossa-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.krossa-wholesale-form .krossa-field {
  display: grid;
  gap: 9px;
  color: #d7d9da;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.krossa-wholesale-form .krossa-field--wide,
.krossa-wholesale-form .krossa-consent,
.krossa-wholesale-form .krossa-button {
  grid-column: 1 / -1;
}

.krossa-wholesale-form input:not([type="checkbox"]),
.krossa-wholesale-form textarea,
.krossa-wholesale-form select {
  width: 100%;
  min-height: 56px;
  padding: 14px 16px;
  color: #fff;
  background: #15181b;
  border: 1px solid #34383c;
  border-radius: 0;
  outline: 0;
}

.krossa-wholesale-form textarea {
  min-height: 130px;
  resize: vertical;
}

.krossa-wholesale-form input:focus,
.krossa-wholesale-form textarea:focus,
.krossa-wholesale-form select:focus {
  border-color: var(--k-red);
  box-shadow: 0 0 0 1px var(--k-red);
}

.krossa-consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #b9bcbf;
  font-size: 14px;
}

.krossa-consent input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--k-red);
}

.krossa-honeypot {
  position: absolute !important;
  left: -9999px !important;
}

.krossa-form-status {
  margin-bottom: 24px;
  padding: 18px 20px;
  border-left: 4px solid var(--k-red);
  background: #171a1d;
}

.krossa-about-manifesto__grid > div:last-child {
  max-width: 660px;
  color: #4d5154;
  font-size: 20px;
}

.krossa-about-products {
  padding-block: 74px;
  background: #fff;
}

.krossa-about-products__row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}

.krossa-about-products__row a {
  text-align: center;
}

.krossa-about-products__row img {
  aspect-ratio: 1;
  object-fit: cover;
  background: #eceeed;
}

.krossa-about-products__row span {
  display: block;
  margin-top: 12px;
  font-family: "Krossa Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.krossa-contact-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: clamp(50px, 8vw, 120px);
}

.krossa-contact-cards {
  display: grid;
  gap: 1px;
  align-content: start;
  background: #c7c9ca;
  border: 1px solid #c7c9ca;
}

.krossa-contact-cards a {
  display: grid;
  gap: 8px;
  padding: 30px;
  background: #fff;
  transition: color 160ms ease, background 160ms ease;
}

.krossa-contact-cards a:hover {
  color: #fff;
  background: var(--k-red);
}

.krossa-contact-cards strong {
  font-family: "Krossa Condensed", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
}

.krossa-error-page {
  min-height: 70vh;
  display: grid;
  align-items: center;
  padding-block: 100px;
  background: var(--k-paper);
}

.krossa-error-page h1 {
  color: var(--k-ink);
  font-size: clamp(78px, 10vw, 152px);
}

.krossa-error-page p:not(.krossa-kicker) {
  margin: 28px 0;
  color: #565a5d;
  font-size: 20px;
}

.krossa-search-results {
  display: grid;
  gap: 1px;
  background: #ced0d1;
  border: 1px solid #ced0d1;
}

.krossa-search-result {
  padding: 28px;
  background: #fff;
}

.krossa-search-result h2 {
  margin: 0;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 34px;
  text-transform: uppercase;
}

/* WooCommerce */
.krossa-commerce-main .woocommerce-breadcrumb {
  margin: 0 0 30px;
  color: #74787b;
  font-size: 13px;
}

.krossa-commerce-main .woocommerce-products-header {
  max-width: 900px;
  margin-bottom: 54px;
}

.krossa-commerce-main .woocommerce-products-header__title,
.krossa-commerce-main .product_title,
.krossa-commerce-main .cart_totals h2,
.krossa-commerce-main .woocommerce-order-details__title,
.krossa-commerce-main .woocommerce-column__title,
.krossa-commerce-main .woocommerce-checkout h3 {
  margin: 0;
  font-family: "Krossa Condensed", sans-serif;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 0.9;
  text-transform: uppercase;
}

.krossa-commerce-main .woocommerce-products-header__title {
  font-size: clamp(64px, 7vw, 104px);
}

.krossa-commerce-main .woocommerce-result-count,
.krossa-commerce-main .woocommerce-ordering {
  margin-bottom: 34px;
}

.krossa-commerce-main .woocommerce-ordering select {
  min-height: 46px;
  padding: 0 42px 0 14px;
  background: #fff;
  border: 1px solid #c7c9ca;
  border-radius: 0;
}

.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 42px 24px;
  clear: both;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto;
  float: none;
  margin: 0;
}

.woocommerce ul.products li.product a img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  margin: 0 0 18px;
  background: #e5e6e6;
  transition: transform 240ms ease;
}

.woocommerce ul.products li.product:hover a img {
  transform: scale(1.02);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 0;
  margin: 0 0 8px;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.woocommerce ul.products li.product .price {
  margin: 0 0 14px;
  color: var(--k-ink);
  font-family: "Krossa Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  color: #fff;
  background: var(--k-red);
  border: 0;
  border-radius: 0;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  color: #fff;
  background: var(--k-red-dark);
}

.woocommerce div.product {
  display: flow-root;
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
  margin-bottom: 70px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  background: #e9eaea;
}

.woocommerce div.product .product_title {
  font-size: clamp(56px, 6vw, 86px);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--k-ink);
  font-family: "Krossa Condensed", sans-serif;
  font-size: 36px;
  font-weight: 800;
}

.krossa-multibuy-note {
  display: grid;
  gap: 4px;
  margin: 16px 0 22px;
  padding: 16px 18px;
  background: #e7e8e8;
  border-left: 4px solid var(--k-red);
}

.krossa-multibuy-note strong,
.krossa-multibuy-note span {
  font-family: "Krossa Condensed", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.krossa-multibuy-note span {
  color: #55595c;
  font-size: 14px;
}

.woocommerce div.product form.cart .variations {
  margin-bottom: 18px;
}

.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td {
  padding: 8px 0;
  text-align: left;
}

.woocommerce div.product form.cart .variations label {
  font-family: "Krossa Condensed", sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.woocommerce div.product form.cart .variations select {
  min-width: 230px;
  min-height: 48px;
  padding: 0 14px;
  background: #fff;
  border: 1px solid #bfc2c3;
  border-radius: 0;
}

.woocommerce .quantity .qty {
  min-height: 48px;
  border: 1px solid #bfc2c3;
  border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0 0 30px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  padding: 0;
  margin: 0 30px 0 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 14px 0;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--k-red);
  border-bottom: 2px solid var(--k-red);
}

.woocommerce table.shop_table {
  border: 1px solid #c8cacc;
  border-radius: 0;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  padding: 16px;
  border-color: #d4d6d7;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  min-height: 48px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #bfc2c3;
  border-radius: 0;
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  border-top-color: var(--k-red);
  background: #fff;
}

.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before {
  color: var(--k-red);
}

.krossa-price-from {
  display: block;
  margin-top: 5px;
  color: #666a6d;
  font-size: 13px;
}

.krossa-cart-tier {
  margin-bottom: 24px;
  padding: 17px 20px;
  color: #fff;
  background: #111315;
  border-left: 4px solid var(--k-red);
}

.krossa-cart-tier span {
  color: #c6c8ca;
}

.krossa-tier-summary th,
.krossa-tier-summary td {
  color: var(--k-red-dark);
}

@media (max-width: 1220px) {
  :root {
    --k-shell: min(100% - 40px, 1180px);
  }

  .krossa-header__inner {
    grid-template-columns: 160px 1fr auto;
    gap: 18px;
  }

  .krossa-menu {
    gap: 22px;
  }

  .krossa-actions {
    gap: 13px;
  }

  .krossa-flavour-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 38px 20px;
  }

  .krossa-hero__inner {
    grid-template-columns: 0.86fr 1.14fr;
  }

  .krossa-hero__product img {
    right: -21%;
    width: 800px;
  }

  .krossa-fact {
    padding-inline: 24px;
  }

  .krossa-fact strong {
    font-size: 50px;
  }
}

@media (max-width: 980px) {
  body.admin-bar .krossa-header {
    top: 46px;
  }

  .krossa-header__inner {
    min-height: 66px;
    grid-template-columns: auto auto 1fr;
  }

  .krossa-menu-toggle {
    display: inline-flex;
    justify-self: start;
    padding: 10px 0;
    color: #fff;
    background: transparent;
    border: 0;
    font-family: "Krossa Condensed", sans-serif;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .krossa-nav {
    position: fixed;
    top: 94px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    display: none;
    padding: 30px 20px;
    background: #080a0b;
  }

  body.admin-bar .krossa-nav {
    top: 112px;
  }

  .krossa-nav.is-open {
    display: block;
  }

  .krossa-nav .krossa-menu {
    display: grid;
    gap: 0;
  }

  .krossa-nav .krossa-menu a {
    width: 100%;
    padding: 18px 0;
    border-bottom: 1px solid var(--k-line);
    font-size: 28px;
  }

  .krossa-nav .krossa-menu a::after {
    display: none;
  }

  .krossa-actions {
    justify-self: end;
  }

  .krossa-actions .krossa-action-link:first-child,
  .krossa-actions .krossa-action-link:nth-child(2) {
    display: none;
  }

  .krossa-hero {
    min-height: auto;
  }

  .krossa-hero__inner {
    grid-template-columns: 1fr;
    min-height: 760px;
    padding-block: 70px 50px;
  }

  .krossa-hero__copy {
    max-width: 590px;
    align-self: start;
  }

  .krossa-hero__product {
    position: absolute;
    right: -12%;
    bottom: -4%;
    width: 72%;
    min-height: 430px;
  }

  .krossa-hero__product img {
    right: -5%;
    width: 700px;
    opacity: 0.9;
  }

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

  .krossa-fact:nth-child(2) {
    border-right: 0;
  }

  .krossa-fact:nth-child(-n + 2) {
    border-bottom: 1px solid var(--k-line);
  }

  .krossa-range-commerce {
    grid-template-columns: 1fr;
  }

  .krossa-range-commerce__status {
    min-height: 0;
  }

  .krossa-range-instructions > div {
    padding-inline: 16px;
  }

  .krossa-product-story {
    grid-template-columns: 1fr;
  }

  .krossa-product-story__image {
    min-height: 520px;
  }

  .krossa-product-story__copy {
    padding: 70px 40px;
  }

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

  .krossa-range-hero__inner {
    grid-template-columns: 1fr;
  }

  .krossa-range-hero__products {
    position: absolute;
    right: -12%;
    bottom: 0;
    width: 68%;
    min-height: 390px;
    opacity: 0.75;
  }

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

  .krossa-footer__top {
    grid-template-columns: 1fr auto;
  }

  .krossa-footer-nav {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: start;
  }

  .krossa-footer__bottom {
    grid-template-columns: 1fr;
  }

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

  .krossa-about-products__row {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 720px) {
  :root {
    --k-shell: calc(100vw - 32px);
  }

  body.krossa-theme {
    font-size: 16px;
  }

  .krossa-adult-strip {
    padding-inline: 12px;
    font-size: 10px;
  }

  .krossa-wordmark {
    font-size: 29px;
  }

  .krossa-header__inner {
    gap: 12px;
  }

  .krossa-menu-toggle {
    order: -1;
  }

  .krossa-search-row {
    grid-template-columns: 1fr;
  }

  .krossa-hero__inner {
    min-height: 720px;
    padding-block: 56px 32px;
  }

  .krossa-hero h1 {
    font-size: clamp(74px, 26vw, 112px);
  }

  .krossa-hero__line {
    font-size: 20px;
  }

  .krossa-hero__body {
    max-width: 88%;
    font-size: 16px;
  }

  .krossa-button {
    min-height: 50px;
    padding-inline: 20px;
  }

  .krossa-hero__product {
    right: -26%;
    bottom: -1%;
    width: 92%;
  }

  .krossa-hero__product img {
    right: -14%;
    bottom: 0;
    width: 620px;
    opacity: 0.76;
  }

  .krossa-hero__product-label {
    display: none;
  }

  .krossa-fact {
    min-height: 170px;
    padding: 23px 16px 26px;
  }

  .krossa-fact strong {
    font-size: clamp(29px, 9vw, 38px);
  }

  .krossa-fact__rule {
    width: 26px;
    margin-bottom: 15px;
  }

  .krossa-fact .krossa-fact__desc {
    max-width: 18ch;
    margin-top: 10px;
    font-size: 12px;
  }

  .krossa-section-heading--split {
    display: grid;
    align-items: start;
    gap: 24px;
  }

  .krossa-section-heading h2,
  .krossa-product-story h2,
  .krossa-pricing h2,
  .krossa-wholesale-intro h2,
  .krossa-about-manifesto h2,
  .krossa-page-header h1,
  .krossa-article-header h1 {
    font-size: clamp(48px, 15vw, 68px);
  }

  .krossa-range-section .krossa-flavour-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .krossa-flavour-card h3 {
    font-size: 25px;
  }

  .krossa-strength-row {
    gap: 2px;
  }

  .krossa-strength-row button {
    min-height: 44px;
    font-size: 14px;
  }

  .krossa-range-commerce {
    margin-bottom: 22px;
  }

  .krossa-range-commerce__status {
    padding: 25px 20px;
  }

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

  .krossa-range-tier {
    min-height: 116px;
    padding: 18px;
    border-right: 1px solid #d9dbdc;
    border-bottom: 1px solid #d9dbdc;
  }

  .krossa-range-tier:nth-child(even),
  .krossa-range-tier:last-child {
    border-right: 0;
  }

  .krossa-range-tier:last-child {
    grid-column: 1 / -1;
    border-bottom: 0;
  }

  .krossa-range-instructions {
    grid-template-columns: 1fr;
    margin-bottom: 26px;
  }

  .krossa-range-instructions > div {
    border-right: 0;
    border-bottom: 1px solid #bfc3c5;
  }

  .krossa-range-instructions > div:last-child {
    border-bottom: 0;
  }

  .krossa-flavour-card__body {
    padding: 20px 18px 16px;
  }

  .krossa-home-quick-cart .krossa-button {
    min-height: 52px;
  }

  .krossa-product-story__image {
    min-height: 400px;
  }

  .krossa-product-story__copy {
    padding: 58px 16px;
  }

  .krossa-story-facts {
    grid-template-columns: 1fr;
  }

  .krossa-story-facts span {
    border-bottom: 1px solid var(--k-line);
  }

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

  .krossa-price-card {
    min-height: 148px;
    padding: 20px;
  }

  .krossa-range-hero,
  .krossa-range-hero__inner {
    min-height: 650px;
  }

  .krossa-range-hero h2,
  .krossa-wholesale-cta h2 {
    font-size: 66px;
  }

  .krossa-range-hero__products {
    right: -35%;
    width: 110%;
    opacity: 0.64;
  }

  .krossa-range-hero__products .can--one {
    width: 480px;
  }

  .krossa-range-hero__products .can--two {
    width: 330px;
  }

  .krossa-range-hero__products .can--three {
    width: 300px;
  }

  .krossa-article-grid,
  .krossa-post-grid {
    grid-template-columns: 1fr;
  }

  .krossa-wholesale-cta,
  .krossa-wholesale-cta__inner {
    min-height: 560px;
  }

  .krossa-footer__top {
    display: grid;
    grid-template-columns: 1fr auto;
  }

  .krossa-footer-nav .krossa-menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 24px;
  }

  .krossa-footer-nav .krossa-menu a {
    padding-block: 12px;
  }

  .krossa-age-gate__actions {
    grid-template-columns: 1fr;
  }

  .krossa-page-hero,
  .krossa-page-hero__inner {
    min-height: 560px;
  }

  .krossa-page-hero__inner h1 {
    font-size: 72px;
  }

  .krossa-wholesale-intro__grid,
  .krossa-about-manifesto__grid,
  .krossa-contact-grid {
    grid-template-columns: 1fr;
  }

  .krossa-wholesale-form .krossa-form-grid {
    grid-template-columns: 1fr;
  }

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

  .woocommerce ul.products {
    grid-template-columns: 1fr 1fr;
    gap: 30px 12px;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 21px;
  }

  .woocommerce ul.products li.product .button {
    width: 100%;
    padding-inline: 10px;
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media print {
  .krossa-header,
  .krossa-footer,
  .krossa-adult-strip,
  .krossa-age-gate {
    display: none !important;
  }
}

/* ================================================================
   01 DARK ICE — VALUE MODULES
   Added to the approved original homepage without changing its canon.
   ================================================================ */

.krossa-home-paths {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.krossa-home-path {
  position: relative;
  display: grid;
  min-height: 560px;
  grid-template-columns: minmax(0, 1.08fr) minmax(220px, .92fr);
  align-items: center;
  overflow: hidden;
  padding: clamp(42px, 5vw, 76px);
}

.krossa-home-path--learn {
  color: var(--k-ink);
  background: var(--k-paper);
}

.krossa-home-path--shop {
  color: #fff;
  background:
    radial-gradient(circle at 80% 55%, rgba(255, 24, 54, .12), transparent 29%),
    linear-gradient(135deg, #15181b, #060708 68%);
}

.krossa-home-path__copy {
  position: relative;
  z-index: 2;
}

.krossa-home-path h3 {
  margin: 0;
  font-family: "Krossa Condensed", sans-serif;
  font-size: clamp(54px, 5vw, 86px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: .84;
  text-transform: uppercase;
}

.krossa-home-path__copy > p:not(.krossa-kicker) {
  max-width: 430px;
  margin: 26px 0 30px;
}

.krossa-home-path__media {
  position: relative;
  min-height: 410px;
}

.krossa-home-path__media::before {
  position: absolute;
  width: min(29vw, 380px);
  aspect-ratio: 1;
  top: 50%;
  left: 50%;
  content: "";
  transform: translate(-50%, -50%);
  border: 1px solid rgba(0, 0, 0, .18);
  border-radius: 50%;
}

.krossa-home-path--shop .krossa-home-path__media::before {
  border-color: rgba(255, 24, 54, .52);
  box-shadow: 0 0 0 46px rgba(255, 24, 54, .025);
}

.krossa-home-path__media img {
  position: absolute;
  width: min(31vw, 440px);
  max-width: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 28px 24px rgba(0, 0, 0, .3));
}

.krossa-home-path--learn .krossa-home-path__media img {
  width: min(24vw, 340px);
  aspect-ratio: 1;
  object-fit: cover;
  clip-path: circle(45% at 50% 50%);
}

.krossa-home-path--learn .krossa-home-path__media--pouch img {
  width: min(32vw, 430px);
  aspect-ratio: auto;
  object-fit: contain;
  clip-path: none;
  transform: translate(-50%, -50%) rotate(-7deg);
}

.krossa-home-path__media--can img {
  transform: translate(-50%, -50%) rotate(8deg);
}

.krossa-home-education {
  padding: clamp(86px, 10vw, 150px) 0;
  color: #fff;
  background:
    linear-gradient(125deg, rgba(255, 24, 54, .07), transparent 36%),
    #090a0b;
  border-top: 4px solid var(--k-red);
}

.krossa-home-education__grid {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(520px, 1.2fr);
  gap: clamp(54px, 8vw, 130px);
  align-items: start;
}

.krossa-home-education__intro {
  position: sticky;
  top: 120px;
}

.krossa-home-education h2 {
  max-width: 720px;
  margin: 0;
  font-family: "Krossa Condensed", sans-serif;
  font-size: clamp(60px, 7vw, 108px);
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: .84;
  text-transform: uppercase;
}

.krossa-home-education__intro > p:not(.krossa-kicker) {
  max-width: 520px;
  margin: 30px 0 34px;
  color: #c8cbcd;
}

.krossa-home-education__questions {
  border-top: 1px solid rgba(255, 255, 255, .22);
}

.krossa-home-education details {
  border-bottom: 1px solid rgba(255, 255, 255, .22);
}

.krossa-home-education summary {
  position: relative;
  display: grid;
  min-height: 94px;
  grid-template-columns: 56px 1fr 28px;
  align-items: center;
  gap: 16px;
  padding: 20px 0;
  cursor: pointer;
  font-family: "Krossa Condensed", sans-serif;
  font-size: clamp(24px, 2.4vw, 36px);
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1;
  list-style: none;
  text-transform: uppercase;
}

.krossa-home-education summary::-webkit-details-marker {
  display: none;
}

.krossa-home-education summary span {
  color: var(--k-red);
  font-family: "Krossa Barlow", sans-serif;
  font-size: 11px;
  letter-spacing: .14em;
}

.krossa-home-education summary::after {
  content: "+";
  color: var(--k-red);
  font-size: 28px;
  font-weight: 400;
  text-align: right;
}

.krossa-home-education details[open] summary::after {
  content: "−";
}

.krossa-home-education details p {
  max-width: 680px;
  margin: 0;
  padding: 0 44px 28px 72px;
  color: #c8cbcd;
}

@media (max-width: 1180px) {
  .krossa-home-path {
    grid-template-columns: 1fr;
  }

  .krossa-home-path__media {
    position: absolute;
    right: -7%;
    bottom: -14%;
    width: 54%;
    opacity: .5;
  }

  .krossa-home-education__grid {
    grid-template-columns: minmax(0, .8fr) minmax(460px, 1.2fr);
  }
}

@media (max-width: 900px) {
  .krossa-home-paths {
    grid-template-columns: 1fr;
  }

  .krossa-home-path {
    min-height: 520px;
  }

  .krossa-home-path__media {
    width: 48%;
    opacity: .58;
  }

  .krossa-home-education__grid {
    grid-template-columns: 1fr;
  }

  .krossa-home-education__intro {
    position: static;
  }
}

@media (max-width: 720px) {
  .krossa-home-path {
    min-height: 570px;
    padding: 58px 16px;
  }

  .krossa-home-path h3 {
    font-size: clamp(56px, 18vw, 76px);
  }

  .krossa-home-path__copy > p:not(.krossa-kicker) {
    max-width: 76%;
  }

  .krossa-home-path__media {
    right: -19%;
    bottom: -6%;
    width: 82%;
    min-height: 370px;
  }

  .krossa-home-path__media::before {
    width: 310px;
  }

  .krossa-home-path__media img,
  .krossa-home-path--learn .krossa-home-path__media img {
    width: 360px;
  }

  .krossa-home-education {
    padding: 76px 0;
  }

  .krossa-home-education h2 {
    font-size: clamp(56px, 18vw, 76px);
  }

  .krossa-home-education summary {
    min-height: 82px;
    grid-template-columns: 40px 1fr 24px;
    font-size: 25px;
  }

  .krossa-home-education details p {
    padding: 0 24px 24px 56px;
    font-size: 15px;
  }
}


/* 2.3.0: original 01 surfaces with art-backed product commerce */
.krossa-flavour-card__image { isolation: isolate; background: #dce1e3; }
.krossa-flavour-card__image img.krossa-flavour-card__plate,
.krossa-flavour-card__image img.krossa-flavour-card__can { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; }
.krossa-flavour-card__image img.krossa-flavour-card__plate { object-fit: cover; }
.krossa-flavour-card__image img.krossa-flavour-card__can { object-fit: contain; mix-blend-mode: multiply; transform: scale(1.08); transition:transform .26s ease,opacity .2s ease; }
.krossa-flavour-card:hover .krossa-flavour-card__image img.krossa-flavour-card__plate { transform: scale(1.035); }
.krossa-flavour-card:hover .krossa-flavour-card__image img.krossa-flavour-card__can { transform: scale(1.14); }

.krossa-shop-main { background: #0b0d0f; color: #fff; }
.krossa-shop-hero { min-height: 470px; overflow: hidden; border-top: 3px solid var(--k-red); background: #080a0b; }
.krossa-shop-hero__inner { min-height: 470px; display: grid; grid-template-columns: 1.05fr .95fr; position: relative; align-items: center; }
.krossa-shop-hero__copy { position: relative; z-index: 2; padding: 68px 0; }
.krossa-shop-hero h1 { max-width: 760px; margin: 0 0 22px; font-family: "Krossa Condensed",sans-serif; font-size: clamp(70px,8.2vw,132px); line-height: .84; letter-spacing: -.035em; font-weight: 800; text-transform: uppercase; }
.krossa-shop-hero__copy > p:not(.krossa-kicker) { max-width: 530px; font-size: 19px; color: #d8dbdc; }
.krossa-shop-hero__facts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 36px; }
.krossa-shop-hero__facts span { padding: 9px 11px; border: 1px solid #777e82; color: #f3f4f4; font-family: "Krossa Condensed",sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.krossa-shop-hero__art { position: absolute; inset: 0 -5% 0 42%; overflow: hidden; }
.krossa-shop-hero__scene { width: 100%; height: 100%; object-fit: cover; opacity: .76; }
.krossa-shop-hero__art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#080a0b 0%,transparent 52%); }
.krossa-shop-hero__can { position: absolute; z-index: 1; width: min(580px,60vw); right: 4%; top: 8%; filter: drop-shadow(10px 26px 30px #000); transform: rotate(-8deg); }
.krossa-shop-content { padding-top: clamp(58px,7vw,110px); padding-bottom: clamp(76px,9vw,130px); }
.krossa-shop-content__heading { display: grid; grid-template-columns: 1fr minmax(270px,410px); gap: 36px; align-items: end; margin-bottom: 38px; }
.krossa-shop-content__heading h2 { margin: 0; font-family: "Krossa Condensed",sans-serif; font-size: clamp(50px,5.4vw,82px); line-height: .9; letter-spacing: -.03em; }
.krossa-shop-content__heading > p { margin: 0; color: #b5bbbe; }
.krossa-shop-tools { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid #404548; }
.krossa-shop-filters { display: flex; gap: 8px; }
.krossa-shop-filters button { min-height: 44px; padding: 9px 17px; border: 1px solid #596064; background: transparent; color: #e5e8e8; font: 700 14px "Krossa Condensed",sans-serif; text-transform: uppercase; letter-spacing: .05em; cursor: pointer; }
.krossa-shop-filters button.is-active,.krossa-shop-filters button:hover { border-color: var(--k-red); background: var(--k-red); color: #fff; }
.krossa-shop-tools .woocommerce-ordering { float: none; margin: 0; }
.krossa-shop-tools .woocommerce-ordering select { min-height: 44px; padding: 0 30px 0 12px; background: #1c2022; color:#fff; border:1px solid #596064; }
.woocommerce .krossa-shop-content ul.products { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 0; }
.woocommerce .krossa-shop-content ul.products li.krossa-shop-card { min-width: 0; margin: 0; padding: 0; background: #15191b; border: 1px solid #32383b; display: flex; flex-direction: column; }
.woocommerce ul.products li.krossa-shop-card,
.woocommerce-page ul.products li.krossa-shop-card,
.woocommerce ul.products.columns-3 li.krossa-shop-card,
.woocommerce-page ul.products.columns-3 li.krossa-shop-card { width: 100% !important; max-width: none; min-width: 0; float: none !important; clear: none !important; margin: 0 !important; padding: 0; display: flex; flex-direction: column; background: #15191b; border: 1px solid #32383b; }
.woocommerce .krossa-shop-content ul.products li.krossa-shop-card[hidden] { display: none; }
.krossa-shop-card__visual { position: relative; display: block; overflow: hidden; aspect-ratio: 1.26; isolation: isolate; background: #d6dcdd; border-bottom: 3px solid var(--flavour-accent); }
.woocommerce ul.products li.krossa-shop-card a.krossa-shop-card__visual img.krossa-shop-card__plate,
.woocommerce ul.products li.krossa-shop-card a.krossa-shop-card__visual img.krossa-shop-card__can { position: absolute; inset:0; display:block; width:100%; height:100%; margin:0; }
.woocommerce ul.products li.krossa-shop-card a.krossa-shop-card__visual img.krossa-shop-card__plate { object-fit:cover; }
.woocommerce ul.products li.krossa-shop-card a.krossa-shop-card__visual img.krossa-shop-card__can { object-fit:cover; clip-path:circle(26% at 50% 50%); filter:drop-shadow(0 14px 18px rgba(0,0,0,.46)); transform:scale(1.08); }
.woocommerce ul.products li.krossa-shop-card:hover a.krossa-shop-card__visual img.krossa-shop-card__can { transform:scale(1.14); }
.krossa-shop-card__index { position:absolute; z-index:2; left:14px; top:14px; padding:4px 7px; background:rgba(8,10,12,.83); color:#fff; font:700 12px "Krossa Condensed",sans-serif; letter-spacing:.08em; }
.krossa-shop-card__body { padding: clamp(18px,2vw,28px); display:flex; flex-direction:column; flex:1; }
.krossa-shop-card__eyebrow { margin:0 0 8px; color:#b2babc; font:700 12px "Krossa Condensed",sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.krossa-shop-card__eyebrow span { color:var(--k-red); padding:0 5px; }
.woocommerce ul.products li.krossa-shop-card .woocommerce-loop-product__title { margin:0 0 14px; padding:0; font-size:clamp(32px,3vw,45px); line-height:.92; letter-spacing:-.02em; }
.krossa-shop-card .woocommerce-loop-product__title a { color:#fff; }
.krossa-shop-card__price { display:flex; align-items:baseline; gap:8px; margin-bottom:24px; }
.krossa-shop-card__price strong { color:#fff; font:800 30px "Krossa Condensed",sans-serif; }
.krossa-shop-card__price span { color:#a9b1b3; font-size:13px; }
.krossa-quick-cart { display:grid; grid-template-columns:1fr auto; gap:10px; margin-top:auto; }
.krossa-quick-cart label { grid-column:1 / -1; color:#c6cbcd; font:700 12px "Krossa Condensed",sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.krossa-quick-cart select { width:100%; min-height:50px; padding:0 10px; border:1px solid #646b6e; background:#252a2d; color:#fff; font:700 16px "Krossa Condensed",sans-serif; }
.woocommerce ul.products li.krossa-shop-card .krossa-quick-cart button { margin:0; padding:0 15px; min-height:50px; color:#fff; white-space:nowrap; }
.krossa-shop-card__details { display:inline-block; margin-top:17px; color:#d8ddde; font:700 13px "Krossa Condensed",sans-serif; letter-spacing:.04em; text-transform:uppercase; text-decoration:underline; text-underline-offset:4px; }
.krossa-shop-card__details:hover { color:#fff; }
.krossa-shop-note { display:grid; grid-template-columns: minmax(200px,.35fr) 1fr auto; gap:24px; align-items:center; margin-top:80px; padding:30px 0; border-top:1px solid #6a7072; border-bottom:1px solid #6a7072; }
.krossa-shop-note strong { font:800 29px "Krossa Condensed",sans-serif; text-transform:uppercase; line-height:1; }
.krossa-shop-note p { margin:0; color:#c6cbcd; font-size:14px; }
.krossa-shop-note a { color:#fff; font:700 14px "Krossa Condensed",sans-serif; text-transform:uppercase; white-space:nowrap; }
.krossa-shop-main .woocommerce-pagination ul.page-numbers { border:0; margin:45px 0 0; }
.krossa-shop-main .woocommerce-pagination ul.page-numbers li { border:0; margin:0 5px; }
.krossa-shop-main .woocommerce-pagination ul.page-numbers li span,.krossa-shop-main .woocommerce-pagination ul.page-numbers li a { min-width:38px; padding:8px; color:#fff; background:#252a2d; }
.krossa-shop-main .woocommerce-pagination ul.page-numbers li .current { background:var(--k-red); }

/* A product page retains native WooCommerce variation, quantity and cart semantics. */
.krossa-product-page .krossa-commerce-main { background:#f1f2f2; padding-bottom:100px; }
.krossa-product-page .krossa-commerce-main > .krossa-shell { padding-top:26px; }
.krossa-product-page .woocommerce div.product { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(370px,.94fr); gap:clamp(28px,4vw,70px); align-items:start; }
.krossa-product-page .woocommerce div.product div.images { grid-column:1; grid-row:1; float:none; width:100%; min-width:0; margin:0; position:relative; background:#dce1e2; border-bottom:4px solid var(--k-red); }
.krossa-product-page .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { background:transparent; }
.krossa-product-page .woocommerce-product-gallery__wrapper,
.krossa-product-page .woocommerce-product-gallery .flex-viewport { background: transparent !important; }
.krossa-product-page .woocommerce div.product div.images .woocommerce-product-gallery__image { background:transparent; }
.krossa-product-page .woocommerce div.product div.images .woocommerce-product-gallery__image img { width:100%; height:auto; mix-blend-mode:multiply; }
.krossa-product-page .woocommerce-product-gallery__image:first-child img { clip-path:circle(26% at 50% 50%); }
.krossa-product-page .woocommerce div.product div.images .flex-control-thumbs { margin:8px 0 0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; }
.krossa-product-page .woocommerce div.product div.images .flex-control-thumbs li { float:none; width:auto; border:1px solid #c5c9ca; background:#fff; }
.krossa-product-page .woocommerce div.product div.summary { grid-column:2; grid-row:1; float:none; width:100%; min-width:0; margin:0; padding:clamp(28px,3vw,48px); position:sticky; top:105px; background:#fff; border-top:5px solid var(--k-red); box-shadow:14px 20px 40px rgba(4,8,10,.09); }
.krossa-product-eyebrow { margin:0 0 14px; color:var(--k-red-dark); font:700 13px "Krossa Condensed",sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.krossa-product-page .woocommerce div.product .product_title { font-size:clamp(64px,5.8vw,90px); line-height:.84; max-width:570px; margin:0 0 22px; }
.krossa-product-page .woocommerce div.product p.price { margin:0 0 10px; font-size:clamp(34px,4vw,50px); }
.krossa-product-page .woocommerce div.product .woocommerce-product-details__short-description { max-width:55ch; margin:15px 0 24px; font-size:16px; }
.krossa-product-page .krossa-multibuy-note { padding:12px 0; margin:10px 0 24px; border-left:0; border-block:1px solid #cbd0d0; background:transparent; }
.krossa-product-page .krossa-multibuy-note strong { color:#1b1e20; font-size:13px; }
.krossa-product-page .krossa-multibuy-note span { font-size:13px; letter-spacing:.015em; }
.krossa-product-page .woocommerce div.product form.cart { display:block; margin:0; }
.krossa-product-page .woocommerce div.product form.cart .variations { width:100%; margin:0 0 22px; }
.krossa-product-page .woocommerce div.product form.cart .variations th,.krossa-product-page .woocommerce div.product form.cart .variations td { display:block; width:100%; padding:0; }
.krossa-product-page .woocommerce div.product form.cart .variations label { display:block; margin-bottom:9px; font-size:14px; }
.krossa-product-page .woocommerce div.product form.cart .variations select { width:100%; min-height:56px; padding:0 15px; font:700 17px "Krossa Condensed",sans-serif; border:1px solid #9aa0a2; }
.krossa-product-page .woocommerce div.product form.cart .variations select.krossa-strength-native-hidden { position:absolute; width:1px; height:1px; min-width:1px; min-height:1px; padding:0; opacity:0; pointer-events:none; }
select.krossa-strength-native-hidden { position:absolute !important; width:1px !important; height:1px !important; min-width:1px !important; min-height:1px !important; padding:0 !important; opacity:0 !important; pointer-events:none !important; clip-path:inset(50%) !important; }
.krossa-strength-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.krossa-strength-choices button { min-height:50px; border:1px solid #aeb4b5; background:#f1f2f2; color:#202527; font:800 19px "Krossa Condensed",sans-serif; cursor:pointer; transition:background .18s ease,border-color .18s ease,color .18s ease; }
.krossa-strength-choices button:hover { border-color:#202527; }
.krossa-strength-choices button[aria-pressed="true"] { border-color:#111315; background:#111315; color:#fff; box-shadow:inset 0 -3px 0 var(--k-red); }
.krossa-strength-choices button:focus-visible { outline:3px solid var(--k-red); outline-offset:2px; }
.krossa-product-page .woocommerce div.product form.cart .single_variation_wrap { display:flex; flex-wrap:wrap; gap:12px; align-items:end; }
.krossa-product-page .woocommerce div.product form.cart .woocommerce-variation { width:100%; }
.krossa-product-page .woocommerce div.product form.cart .woocommerce-variation-price { margin:0 0 10px; }
.krossa-product-page .woocommerce div.product form.cart .woocommerce-variation-add-to-cart { display:flex; width:100%; gap:12px; }
.krossa-product-page .woocommerce div.product form.cart .quantity { margin:0; }
.krossa-product-page .woocommerce .quantity .qty { width:82px; min-height:58px; font:700 22px "Krossa Condensed",sans-serif; }
.krossa-product-page .woocommerce div.product form.cart .single_add_to_cart_button { flex:1; min-height:58px; margin:0; font-size:18px; }
.krossa-product-page .woocommerce div.product form.cart button.single_add_to_cart_button:not(.disabled) { color:#fff; background:var(--k-red); }
.krossa-product-page .woocommerce div.product .product_meta { padding-top:17px; margin-top:24px; border-top:1px solid #c8ccce; color:#5f6567; font-size:13px; }
.krossa-purchase-facts { display:grid; gap:0; margin:22px 0 14px; border-block:1px solid #cbd0d0; }
.krossa-purchase-facts span { padding:8px 0 8px 24px; position:relative; font-size:13px; }
.krossa-purchase-facts span::before { content:"✓"; position:absolute; left:0; color:var(--k-red-dark); font-weight:700; }
.krossa-purchase-warning { margin:0; color:#575e60; font-size:13px; line-height:1.45; }
.krossa-purchase-warning a { color:#1d2224; text-decoration:underline; }
.krossa-product-page .woocommerce div.product .woocommerce-tabs,.krossa-product-page .woocommerce div.product .related,.krossa-product-page .woocommerce div.product .krossa-product-facts { grid-column:1 / -1; }
.krossa-product-page .woocommerce div.product .woocommerce-tabs { margin-top:20px; padding:36px; background:#fff; }
.krossa-product-page .woocommerce div.product .related { padding-top:44px; border-top:1px solid #cbd0d0; }
.krossa-product-page .related ul.products { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.krossa-product-page .woocommerce div.product .related > h2 { font:800 clamp(46px,5vw,76px)/.9 "Krossa Condensed",sans-serif; text-transform:uppercase; }
.krossa-product-page .krossa-product-facts { margin:20px 0 0; }
.krossa-product-page .krossa-product-facts { color:#e9edef; }
.krossa-product-page .krossa-product-facts h2,
.krossa-product-page .krossa-product-facts h3 { color:#fff; }
.krossa-product-page .krossa-product-facts p { color:#c5cdd0; }

.krossa-product-page div.product .krossa-product-proof {
  grid-column: 1 / -1;
  display: grid;
  clear: both;
  grid-template-columns: minmax(320px, .88fr) minmax(330px, .82fr) minmax(390px, 1.1fr);
  min-height: 620px;
  margin: 70px 0 28px;
  border-top: 4px solid var(--k-red);
  background: #fff;
}

.krossa-product-proof__copy {
  display: grid;
  align-items: center;
  padding: clamp(42px, 4.6vw, 72px);
  color: var(--k-ink);
}

.krossa-product-proof__copy h2 {
  max-width: 510px;
  margin: 0;
  font-family: "Krossa Condensed", sans-serif;
  font-size: clamp(58px, 5vw, 82px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: .86;
  text-transform: uppercase;
}

.krossa-product-proof__copy > div > p:not(.krossa-kicker) {
  max-width: 49ch;
  margin: 28px 0 34px;
  color: var(--k-steel);
  font-size: 17px;
  line-height: 1.55;
}

.krossa-product-proof__stage {
  position: relative;
  min-height: 620px;
  margin: 0;
  overflow: hidden;
  background: var(--k-paper);
}

.krossa-product-proof__background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.krossa-product-proof__can {
  position: absolute;
  z-index: 2;
  width: min(140%, 650px);
  max-width: none;
  top: 48%;
  left: 50%;
  mix-blend-mode: multiply;
  transform: translate(-50%, -50%) rotate(-4deg);
  filter: drop-shadow(10px 22px 24px rgba(10, 14, 18, .24));
}

.krossa-product-proof__stage figcaption {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 3;
  padding: 7px 9px;
  color: #353b3e;
  background: rgba(255, 255, 255, .82);
  font-size: 10px;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.krossa-product-proof__benefits {
  display: grid;
  align-items: center;
  padding: clamp(34px, 4vw, 64px);
  color: #fff;
  background: var(--k-black);
}

.krossa-product-proof__benefits ol {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.krossa-product-proof__benefits li {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 18px;
  padding: 24px 0;
  border-bottom: 1px solid var(--k-steel);
}

.krossa-product-proof__benefits li:last-child {
  border-bottom: 0;
}

.krossa-product-proof__benefits li > span {
  color: var(--k-red);
  font-family: "Krossa Condensed", sans-serif;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: .06em;
}

.krossa-product-proof__benefits h3 {
  margin: 0 0 7px;
  color: #fff;
  font-family: "Krossa Condensed", sans-serif;
  font-size: 23px;
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 1;
  text-transform: uppercase;
}

.krossa-product-proof__benefits p {
  max-width: 38ch;
  margin: 0;
  color: var(--k-muted);
  font-size: 14px;
  line-height: 1.45;
}

.krossa-motion-ready .krossa-product-proof__stage:not(.is-in-view) .krossa-product-proof__can {
  opacity: .45;
  transform: translate(-45%, -48%) rotate(3deg) scale(.92);
}

.krossa-motion-ready .krossa-product-proof__stage.is-in-view .krossa-product-proof__can {
  transition: opacity .5s ease, transform .76s cubic-bezier(.16, 1, .3, 1);
}

.krossa-buy-dock { display:none; }
.krossa-white-can .woocommerce-product-gallery { background:#fff !important; background-image:none !important; }
.krossa-white-can .woocommerce-product-gallery__image img { mix-blend-mode:normal !important; }
.krossa-white-can .woocommerce-product-gallery__image:first-child img { clip-path:none; }

.krossa-flavour-cold-mint .woocommerce-product-gallery { background-image:url('../images/flavour-cold-mint.webp') !important; background-size:cover !important; background-position:center !important; }
.krossa-flavour-frosted-mint .woocommerce-product-gallery { background-image:url('../images/flavour-frosted-mint.webp') !important; background-size:cover !important; background-position:center !important; }
.krossa-flavour-watermelon-ice .woocommerce-product-gallery { background-image:url('../images/flavour-watermelon-ice.webp') !important; background-size:cover !important; background-position:center !important; }
.krossa-flavour-lime-frost .woocommerce-product-gallery { background-image:url('../images/flavour-lime-frost.webp') !important; background-size:cover !important; background-position:center !important; }
.krossa-flavour-spearmint .woocommerce-product-gallery { background-image:url('../images/flavour-spearmint.webp') !important; background-size:cover !important; background-position:center !important; }
.krossa-flavour-dark-cherry .woocommerce-product-gallery { background-image:url('../images/flavour-dark-cherry.webp') !important; background-size:cover !important; background-position:center !important; }

/* Knowledge: illustrated native disclosures, not a borrowed colour system. */
.krossa-home-education__grid { grid-template-columns:minmax(0,.78fr) minmax(540px,1.22fr); gap:clamp(38px,6vw,100px); }
.krossa-home-education h2 { font-size:clamp(58px,5.8vw,92px); }
.krossa-home-education__answer { display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,.92fr); gap:24px; padding:0 0 28px 72px; align-items:center; }
.krossa-home-education details .krossa-home-education__answer p { margin:0 0 18px; padding:0; max-width:52ch; color:#c8cbcd; font-size:15px; }
.krossa-home-education__answer a { color:#fff; text-decoration:underline; text-underline-offset:4px; font:700 13px "Krossa Condensed",sans-serif; text-transform:uppercase; }
.krossa-home-education__answer img { display:block; width:100%; aspect-ratio:1.2; object-fit:cover; background:#25282b; }
.krossa-home-education details:nth-child(4) .krossa-home-education__answer img { object-fit:contain; background:#181a1c; }
.krossa-home-education details[open] summary { color:#fff; }
.krossa-home-education summary { transition:color .18s ease,padding .22s ease; }
.krossa-home-education summary:hover { color:#ff566c; padding-left:5px; }

/* One ice-curtain entry, restrained card feedback and no content hidden before scripts. */
@keyframes krossa-ice-curtain { from { clip-path:inset(0 100% 0 0); transform:scale(1.025); } to { clip-path:inset(0 0 0 0); transform:scale(1); } }
@keyframes krossa-can-arrive { from { transform:translate3d(28px,0,0) rotate(-13deg); opacity:.68; } to { transform:translate3d(0,0,0) rotate(-8deg); opacity:1; } }
@media (prefers-reduced-motion:no-preference) {
  .krossa-shop-hero__can { animation:krossa-can-arrive .7s cubic-bezier(.16,1,.3,1) both; }
  .krossa-motion-ready .krossa-shop-card__visual.is-in-view .krossa-shop-card__plate,
  .krossa-motion-ready .krossa-flavour-card__image.is-in-view .krossa-flavour-card__plate { animation:krossa-ice-curtain .55s cubic-bezier(.16,1,.3,1) both; }
  .krossa-motion-ready .krossa-range-hero.is-in-view .krossa-range-hero__background,
  .krossa-motion-ready .krossa-product-story__image.is-in-view img { animation:krossa-ice-curtain .7s cubic-bezier(.16,1,.3,1) both; }
}
@media (max-width:1100px) {
  .woocommerce .krossa-shop-content ul.products { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .krossa-product-page .related ul.products { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .krossa-product-page .woocommerce div.product { grid-template-columns:minmax(0,1fr) minmax(330px,.95fr); gap:24px; }
  .krossa-product-page .woocommerce div.product div.summary { padding:28px; }
  .krossa-product-page div.product .krossa-product-proof { grid-template-columns:1fr 1fr; }
  .krossa-product-proof__benefits { grid-column:1 / -1; }
  .krossa-product-proof__benefits ol { grid-template-columns:1fr 1fr; column-gap:42px; }
  .krossa-home-education__grid { grid-template-columns:1fr; }
  .krossa-home-education__intro { position:static; }
}
@media (max-width:760px) {
  .krossa-shop-hero,.krossa-shop-hero__inner { min-height:530px; }
  .krossa-shop-hero__inner { display:block; }
  .krossa-shop-hero__copy { padding:48px 0 210px; }
  .krossa-shop-hero h1 { font-size:clamp(62px,16vw,88px); max-width:95%; }
  .krossa-shop-hero__copy > p:not(.krossa-kicker) { max-width:88%; font-size:16px; }
  .krossa-shop-hero__facts { gap:6px; margin-top:22px; }
  .krossa-shop-hero__facts span { font-size:10px; padding:7px; }
  .krossa-shop-hero__art { inset:auto -20% 0 12%; height:260px; }
  .krossa-shop-hero__can { width:340px; top:-40px; right:5%; }
  .krossa-shop-content__heading { grid-template-columns:1fr; gap:12px; }
  .krossa-shop-content__heading h2 { font-size:58px; }
  .krossa-shop-tools { align-items:stretch; flex-wrap:wrap; }
  .krossa-shop-filters { width:100%; }
  .krossa-shop-filters button { flex:1; padding-inline:7px; }
  .woocommerce .krossa-shop-content ul.products { grid-template-columns:1fr; gap:18px; }
  .krossa-shop-card__body { padding:20px; }
  .krossa-shop-note { grid-template-columns:1fr; gap:12px; margin-top:50px; }
  .krossa-product-page .woocommerce div.product { display:flex; flex-direction:column; gap:20px; }
  .krossa-product-page .woocommerce div.product div.images,.krossa-product-page .woocommerce div.product div.summary,.krossa-product-page .woocommerce div.product .woocommerce-tabs,.krossa-product-page .woocommerce div.product .related,.krossa-product-page .woocommerce div.product .krossa-product-facts { width:100%; margin:0; }
  .krossa-product-page .woocommerce div.product div.summary { position:static; padding:24px 18px; }
  .krossa-product-page .woocommerce div.product .product_title { font-size:clamp(62px,16vw,82px); }
  .krossa-product-page div.product .krossa-product-proof { display:grid; grid-template-columns:1fr; margin-top:34px; }
  .krossa-product-proof__copy { padding:58px 18px; }
  .krossa-product-proof__copy h2 { font-size:clamp(60px,18vw,82px); }
  .krossa-product-proof__stage { min-height:470px; }
  .krossa-product-proof__can { width:min(140%,560px); }
  .krossa-product-proof__benefits { grid-column:auto; padding:34px 18px; }
  .krossa-product-proof__benefits ol { grid-template-columns:1fr; }
  .krossa-product-proof__benefits li { padding:21px 0; }
  .krossa-product-page .woocommerce div.product .woocommerce-tabs { padding:25px 16px; }
  .krossa-product-page .woocommerce div.product div.images .flex-control-thumbs { gap:3px; }
  .krossa-product-page .woocommerce div.product div.images .flex-control-thumbs li { min-width:0; }
  .krossa-product-page .krossa-commerce-main { padding-bottom:130px; }
  .krossa-buy-dock { position:fixed; z-index:100; left:0; right:0; bottom:0; display:flex; justify-content:space-between; align-items:center; gap:14px; min-height:84px; padding:10px 16px max(10px,env(safe-area-inset-bottom)); border-top:2px solid var(--k-red); color:#fff; background:#0b0d0f; box-shadow:0 -12px 28px rgba(0,0,0,.2); }
  .krossa-buy-dock > div { display:grid; gap:2px; min-width:0; }
  .krossa-buy-dock small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:180px; color:#cad0d1; font-size:11px; }
  .krossa-buy-dock strong { font:800 26px "Krossa Condensed",sans-serif; }
  .krossa-buy-dock button { min-height:50px; padding-inline:18px; white-space:nowrap; }
  .age-gate-open .krossa-buy-dock { display:none; }
  .krossa-home-education__answer { grid-template-columns:1fr; padding:0 0 25px 56px; }
  .krossa-home-education__answer img { max-height:210px; }
  .krossa-home-education h2 { font-size:clamp(50px,15vw,69px); }
}
@media (prefers-reduced-motion:reduce) {
  .krossa-shop-card__visual img,.krossa-flavour-card__image img,.krossa-shop-hero__can,.krossa-product-proof__can { animation:none !important; transition:none !important; }
  .krossa-motion-ready .krossa-product-proof__stage .krossa-product-proof__can { opacity:1; transform:translate(-50%,-50%) rotate(-4deg); }
}

@media (max-width:1180px) {
  .krossa-can-count__inner {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  .krossa-can-count__copy {
    max-width: 720px;
  }

  .krossa-can-count__visual {
    grid-template-columns: minmax(270px, .72fr) minmax(420px, 1.28fr);
  }

  .krossa-can-count__can > img {
    width: 440px;
  }
}

@media (max-width:720px) {
  .krossa-product-story--materials .krossa-product-story__copy {
    order: 1;
  }

  .krossa-product-story--materials .krossa-product-story__image {
    order: 2;
    min-height: 390px;
  }

  .krossa-product-story--materials .krossa-story-facts span {
    padding-right: 8px;
    font-size: 12px;
  }

  .krossa-can-count__inner {
    gap: 34px;
    padding-block: 72px;
  }

  .krossa-can-count__copy h2 {
    font-size: clamp(64px, 20vw, 84px);
  }

  .krossa-can-count__copy > p:not(.krossa-kicker) {
    max-width: 92%;
    font-size: 16px;
  }

  .krossa-can-count__visual {
    grid-template-columns: 1fr;
    min-height: 700px;
  }

  .krossa-can-count__can {
    min-height: 345px;
  }

  .krossa-can-count__can > img {
    width: 410px;
    left: 48%;
  }

  .krossa-can-count__total {
    right: 10px;
    bottom: 22px;
  }

  .krossa-can-count__total strong {
    font-size: 68px;
  }

  .krossa-can-count__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(6, minmax(0, 1fr));
    gap: 9px 4px;
    padding: 26px 0 34px;
  }

  .krossa-home-path--learn .krossa-home-path__media--pouch img {
    width: 360px;
  }
}

/* SOURCE: assets/css/editorial.css */
/* KROSSA Journal — Dark Ice editorial system, intentionally distinct from VELO. */
.krossa-journal,
.krossa-story {
  overflow: clip;
  background: #edf0f1;
}

.krossa-journal__masthead {
  position: relative;
  min-height: clamp(350px, 38vw, 540px);
  display: flex;
  align-items: end;
  overflow: hidden;
  color: #fff;
  background: #080c10 url("../images/editorial-science.webp") 75% 50% / cover no-repeat;
}
.krossa-journal__masthead::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(4, 7, 10, .95), rgba(4, 7, 10, .78) 47%, rgba(4, 7, 10, .12));
}
.krossa-journal__masthead .krossa-shell {
  position: relative;
  z-index: 1;
  padding-block: 70px 74px;
}
.krossa-journal__masthead h1,
.krossa-story__hero h1,
.krossa-story__products h2,
.krossa-story__related h2 {
  margin: 0;
  font: 800 clamp(68px, 9.2vw, 154px)/.84 "Krossa Condensed", Impact, sans-serif;
  letter-spacing: -.037em;
  text-transform: uppercase;
}
.krossa-journal__masthead h1 span { color: #ff1836; }
.krossa-journal__masthead .krossa-shell > p:last-child {
  max-width: 560px;
  margin: 30px 0 0;
  color: #d9dfe2;
  font-size: clamp(16px, 1.45vw, 20px);
}
.krossa-journal__body { padding-block: 40px 110px; }
.krossa-journal__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 34px;
  border-bottom: 1px solid #bdc3c5;
}
.krossa-journal__filters a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 15px;
  border: 1px solid #bfc5c7;
  color: #22282b;
  background: transparent;
  font: 700 14px/1 "Krossa Condensed", sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  transition: background .2s, border-color .2s, color .2s;
}
.krossa-journal__filters a:hover,
.krossa-journal__filters a:focus-visible,
.krossa-journal__filters a[aria-current="page"] {
  border-color: #101417;
  color: #fff;
  background: #101417;
}
.krossa-journal__heading-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin: 34px 0 24px;
}
.krossa-journal__heading-row h2 {
  margin: 0;
  font: 800 clamp(38px, 4vw, 62px)/.94 "Krossa Condensed", sans-serif;
  text-transform: uppercase;
}
.krossa-journal__heading-row p {
  margin: 0 0 4px;
  color: #626a6e;
  font: 700 14px "Krossa Condensed", sans-serif;
  text-transform: uppercase;
}
.krossa-journal__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.krossa-journal-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #fff;
  border: 1px solid #d8dfe1;
  transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s;
}
.krossa-journal-card:hover,
.krossa-journal-card:focus-within {
  transform: translateY(-5px);
  box-shadow: 0 20px 42px rgba(4, 13, 19, .12);
}
.krossa-journal-card__image {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1.31;
  background: #101419;
}
.krossa-journal-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s cubic-bezier(.16,1,.3,1);
}
.krossa-journal-card:hover img { transform: scale(1.045); }
.krossa-journal-card__index {
  position: absolute;
  right: 16px;
  bottom: 16px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: #fff;
  background: #ff1836;
  font-size: 24px;
}
.krossa-journal-card__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: clamp(19px, 2.2vw, 32px);
}
.krossa-journal-card__eyebrow {
  margin: 0 0 16px;
  color: #d40025;
  font: 700 13px "Krossa Condensed", sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.krossa-journal-card__eyebrow span { color: #9aa1a4; padding-inline: 5px; }
.krossa-journal-card h3 {
  margin: 0;
  font: 800 clamp(27px, 2.3vw, 39px)/.95 "Krossa Condensed", sans-serif;
  text-transform: uppercase;
}
.krossa-journal-card__content > p:not(.krossa-journal-card__eyebrow) {
  margin: 17px 0 24px;
  color: #4c575c;
  font-size: 15px;
  line-height: 1.5;
}
.krossa-journal-card__read {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: auto;
  padding-top: 15px;
  border-top: 1px solid #dce1e3;
  color: #11171a;
  font: 700 15px "Krossa Condensed", sans-serif;
  text-transform: uppercase;
}
.krossa-journal-card__read span { color: #e40028; font-size: 24px; line-height: .8; }
.krossa-journal__pagination { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 38px; }
.krossa-journal__pagination .page-numbers {
  min-width: 42px;
  min-height: 42px;
  display: inline-grid;
  place-items: center;
  padding: 8px 12px;
  border: 1px solid #aeb6b9;
  font: 700 15px "Krossa Condensed", sans-serif;
}
.krossa-journal__pagination .page-numbers:hover,
.krossa-journal__pagination .page-numbers.current { color: #fff; border-color: #111719; background: #111719; }
.krossa-journal__empty { padding: 50px 0; color: #455055; }
.krossa-journal__empty a { text-decoration: underline; text-underline-offset: 4px; }

/* Article hero: a visual cover and an honest reading promise. */
.krossa-story__hero { color: #fff; background: #090c0f; }
.krossa-story__hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .96fr);
  min-height: min(680px, 68vw);
}
.krossa-story__hero-copy {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding: 72px clamp(30px, 5vw, 80px) 72px 0;
}
.krossa-story__hero .krossa-kicker { margin-bottom: 26px; }
.krossa-story__hero .krossa-kicker a:hover { text-decoration: underline; }
.krossa-story__hero .krossa-kicker span { color: #6a7278; padding-inline: 7px; }
.krossa-story__hero h1 { font-size: clamp(65px, 7.5vw, 126px); overflow-wrap: anywhere; }
.krossa-story__dek { max-width: 540px; margin: 26px 0 0; color: #d0d8dc; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.45; }
.krossa-story__meta { display: flex; flex-wrap: wrap; gap: 22px; margin: 28px 0 0; color: #b8c2c6; font: 700 13px "Krossa Condensed", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.krossa-story__meta span + span::before { content: "/"; color: #ff1836; margin-right: 22px; }
.krossa-story__jump { display: inline-flex; align-items: center; gap: 28px; margin-top: 35px; padding: 13px 0; border-bottom: 2px solid #ff1836; font: 700 16px "Krossa Condensed", sans-serif; text-transform: uppercase; }
.krossa-story__jump span { color: #ff1836; font-size: 24px; }
.krossa-story__cover { position: relative; align-self: stretch; min-height: 420px; margin: 0; overflow: hidden; background: #151c21; }
.krossa-story__cover img { width: 100%; height: 100%; object-fit: cover; }
.krossa-story__cover::after { content: ""; position: absolute; inset: auto 0 0; height: 30%; background: linear-gradient(transparent, rgba(0,0,0,.54)); pointer-events: none; }
.krossa-story__cover figcaption { position: absolute; z-index: 1; bottom: 22px; left: 25px; color: #fff; font: 700 13px "Krossa Condensed", sans-serif; letter-spacing: .14em; }
.krossa-story__body { display: grid; grid-template-columns: minmax(180px, 240px) minmax(0, 1fr); gap: clamp(32px, 5vw, 90px); padding-top: 64px; padding-bottom: 90px; }
.krossa-story__chapters { position: sticky; top: 132px; align-self: start; display: grid; gap: 0; border-top: 3px solid #ff1836; }
.krossa-story__chapters > span { padding: 18px 0 16px; color: #7c868a; font: 700 13px "Krossa Condensed", sans-serif; letter-spacing: .14em; }
.krossa-story__chapters a { display: flex; gap: 12px; padding: 12px 0; border-top: 1px solid #cad1d4; color: #232b2e; font: 700 16px/1.18 "Krossa Condensed", sans-serif; text-transform: uppercase; }
.krossa-story__chapters a:hover,
.krossa-story__chapters a:focus-visible { color: #d90020; }
.krossa-story__chapters a b { color: #d90020; }
.krossa-story__main { min-width: 0; }
.krossa-story__slides { display: grid; gap: 28px; }
.krossa-story-slide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
  min-height: clamp(360px, 35vw, 500px);
  overflow: hidden;
  scroll-margin-top: 120px;
  color: #fff;
  background: #11181c;
}
.krossa-story-slide:nth-of-type(even) { grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); }
.krossa-story-slide:nth-of-type(even) .krossa-story-slide__copy { order: 2; }
.krossa-story-slide:nth-of-type(even) .krossa-story-slide__visual { order: 1; }
.krossa-story-slide__copy { display: flex; flex-direction: column; align-items: start; justify-content: center; padding: clamp(27px, 3.5vw, 60px); }
.krossa-story-slide__number { margin: 0 0 auto; color: #ff5066; font: 700 13px "Krossa Condensed", sans-serif; letter-spacing: .12em; }
.krossa-story-slide h2 { max-width: 11ch; margin: 22px 0 20px; font: 800 clamp(39px, 4.1vw, 72px)/.9 "Krossa Condensed", sans-serif; letter-spacing: -.025em; text-transform: uppercase; overflow-wrap: anywhere; }
.krossa-story-slide__copy > p:not(.krossa-story-slide__number, .krossa-story-slide__takeaway) { max-width: 46ch; margin: 0 0 22px; color: #c9d3d7; font-size: clamp(15px, 1.13vw, 18px); line-height: 1.48; }
.krossa-story-slide__takeaway { display: flex; gap: 11px; margin: auto 0 0; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.21); color: #fff; font: 700 clamp(16px, 1.3vw, 21px)/1.2 "Krossa Condensed", sans-serif; text-transform: uppercase; }
.krossa-story-slide__takeaway span { color: #ff1836; font-size: 22px; }
.krossa-story-slide__visual { position: relative; min-height: 360px; margin: 0; overflow: hidden; background: #1d3036; }
.krossa-story-slide__visual img { width: 100%; height: 100%; object-fit: cover; }
.krossa-story-slide__visual figcaption { position: absolute; right: 18px; bottom: 18px; left: 18px; max-width: 48ch; padding: 8px 10px; color: #fff; background: rgba(4,8,11,.74); font: 700 12px "Krossa Condensed", sans-serif; letter-spacing: .025em; }
.krossa-story-slide--2 { background: #1a2227; }
.krossa-story-slide--3 { background: #17303a; }
.krossa-story-slide--4 { background: #231b22; }
.krossa-story-slide--2 .krossa-story-slide__number { color: #7bd5eb; }
.krossa-story-slide--3 .krossa-story-slide__number { color: #a2e9d1; }
.krossa-story-slide--4 .krossa-story-slide__number { color: #ff9da9; }
.krossa-story-fact { display: grid; grid-template-columns: minmax(135px, .35fr) 1fr; gap: 20px; padding: 27px 32px; border-left: 4px solid #e40028; background: #fff; }
.krossa-story-fact__eyebrow { margin: 0; color: #d90020; font: 800 18px "Krossa Condensed", sans-serif; letter-spacing: .07em; }
.krossa-story-fact ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; padding: 0; margin: 0; list-style: none; }
.krossa-story-fact li { position: relative; padding-left: 15px; color: #263035; font-size: 14px; }
.krossa-story-fact li::before { content: "•"; position: absolute; left: 0; color: #d90020; }
.krossa-story-warning { display: grid; grid-template-columns: minmax(180px, .4fr) 1fr; gap: 16px; margin-top: 28px; padding: 23px 28px; color: #e8f1f3; background: #0d161b; border-top: 3px solid #ff1836; }
.krossa-story-warning strong { font: 800 22px/1 "Krossa Condensed", sans-serif; text-transform: uppercase; }
.krossa-story-warning span { font-size: 14px; line-height: 1.4; }
.krossa-story__sources { margin-top: 42px; padding-top: 27px; border-top: 1px solid #b9c2c5; scroll-margin-top: 120px; }
.krossa-story__sources h2 { margin: 0 0 14px; font: 800 36px/.95 "Krossa Condensed", sans-serif; text-transform: uppercase; }
.krossa-story__sources p { max-width: 70ch; margin: 0 0 12px; color: #536065; font-size: 14px; }
.krossa-story__sources ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 15px 0; padding: 0; }
.krossa-story__sources li a { display: inline-flex; gap: 16px; padding: 8px 12px; border: 1px solid #adb9bd; color: #202b2f; background: #fff; font: 700 13px "Krossa Condensed", sans-serif; }
.krossa-story__sources li a:hover { border-color: #e40028; }
.krossa-story__sources li span { color: #d90020; }
.krossa-story__review-note { margin-top: 15px !important; color: #667175 !important; font-size: 12px !important; }
.krossa-story__products { padding: clamp(45px, 5vw, 85px) 0; color: #fff; background: #10171c; }
.krossa-story__products h2,
.krossa-story__related h2 { font-size: clamp(55px, 5.8vw, 94px); }
.krossa-story__product-links,
.krossa-story__related > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
.krossa-story__product-links a,
.krossa-story__related > div a { display: flex; min-height: 90px; align-items: end; justify-content: space-between; gap: 15px; padding: 19px 22px; border: 1px solid rgba(255,255,255,.3); font: 800 24px/.95 "Krossa Condensed", sans-serif; text-transform: uppercase; transition: background .2s, border-color .2s; }
.krossa-story__product-links a:hover,
.krossa-story__product-links a:focus-visible { border-color: #ff1836; background: #ff1836; }
.krossa-story__product-links a span,
.krossa-story__related > div a span { font-size: 25px; }
.krossa-story__related { padding-block: clamp(50px, 6vw, 95px); }
.krossa-story__related > div a { border-color: #aeb9bd; color: #172026; background: #fff; }
.krossa-story__related > div a:hover,
.krossa-story__related > div a:focus-visible { border-color: #ff1836; }
.krossa-story__related > div a span { color: #e40028; }
.krossa-article-shell { max-width: 980px; padding-block: 75px 110px; }
.krossa-article-header h1 { font: 800 clamp(65px, 8vw, 120px)/.85 "Krossa Condensed", sans-serif; text-transform: uppercase; }
.krossa-article-featured img { width: 100%; }
.krossa-prose .entry-content { max-width: 70ch; margin-top: 30px; }

@media (max-width: 1100px) {
  .krossa-journal__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .krossa-story__body { grid-template-columns: 170px minmax(0, 1fr); gap: 30px; }
  .krossa-story-slide { grid-template-columns: 1fr; }
  .krossa-story-slide:nth-of-type(even) { grid-template-columns: 1fr; }
  .krossa-story-slide:nth-of-type(even) .krossa-story-slide__copy { order: 0; }
  .krossa-story-slide:nth-of-type(even) .krossa-story-slide__visual { order: 0; }
  .krossa-story-slide__copy { min-height: 300px; }
  .krossa-story-slide__visual { height: 340px; min-height: 0; }
}
@media (max-width: 760px) {
  .krossa-journal__masthead { min-height: 400px; background-position: 66% 50%; }
  .krossa-journal__masthead::after { background: linear-gradient(90deg, rgba(4,7,10,.94), rgba(4,7,10,.45)); }
  .krossa-journal__masthead .krossa-shell { padding-block: 58px; }
  .krossa-journal__masthead h1 { font-size: clamp(66px, 16vw, 104px); }
  .krossa-journal__body { padding-block: 24px 70px; }
  .krossa-journal__filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 19px; scrollbar-width: thin; }
  .krossa-journal__filters a { white-space: nowrap; }
  .krossa-journal__heading-row { display: block; }
  .krossa-journal__heading-row p { margin-top: 8px; }
  .krossa-journal__grid { grid-template-columns: 1fr; gap: 15px; }
  .krossa-journal-card__image { aspect-ratio: 1.45; }
  .krossa-story__hero-grid { grid-template-columns: 1fr; }
  .krossa-story__hero-copy { padding: 50px 0 43px; }
  .krossa-story__hero h1 { font-size: clamp(59px, 15vw, 90px); }
  .krossa-story__cover { min-height: 260px; max-height: 440px; aspect-ratio: 1.35; }
  .krossa-story__body { display: block; padding-block: 25px 65px; }
  .krossa-story__chapters { position: static; display: flex; gap: 8px; overflow-x: auto; margin-bottom: 20px; border-top: 0; }
  .krossa-story__chapters > span { display: none; }
  .krossa-story__chapters a { flex: 0 0 auto; max-width: 180px; gap: 8px; min-height: 46px; align-items: center; padding: 6px 12px; border: 1px solid #bbc4c8; font-size: 13px; }
  .krossa-story__slides { gap: 18px; }
  .krossa-story-slide__copy { min-height: 335px; padding: 26px; }
  .krossa-story-slide h2 { font-size: clamp(42px, 12vw, 61px); }
  .krossa-story-slide__visual { height: 275px; }
  .krossa-story-fact,
  .krossa-story-warning { grid-template-columns: 1fr; padding: 22px; }
  .krossa-story-fact ul { grid-template-columns: 1fr; }
  .krossa-story__product-links,
  .krossa-story__related > div { grid-template-columns: 1fr; }
  .krossa-story__product-links a,
  .krossa-story__related > div a { min-height: 68px; }
}
@media (prefers-reduced-motion: reduce) {
  .krossa-journal-card,
  .krossa-journal-card__image img,
  .krossa-journal__filters a { transition: none; }
  .krossa-journal-card:hover { transform: none; }
}

/* SOURCE: assets/css/refinements.css */
/* 01 identity: brighter knowledge, specific editorial photography, dry branded logistics. */
.krossa-guide{background:#f1f2f2;color:#111517;padding:72px 0 30px;overflow:clip}
.krossa-guide__header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}
.krossa-guide__header h2{font:800 clamp(44px,4.5vw,68px)/.94 "Krossa Condensed",sans-serif;margin:0;letter-spacing:-.025em}
.krossa-guide__header h2 span{color:#d90020}
.krossa-guide__header>p{color:#535c60;font-size:17px;margin:0 0 4px}
.krossa-guide__layout{display:grid;grid-template-columns:minmax(210px,.58fr) minmax(0,2fr);gap:44px;align-items:center;min-height:460px}
.krossa-guide__tabs{position:relative;border-left:2px solid #c7ccce;padding-left:22px;display:grid;align-self:center}
.krossa-guide__tabs button{display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;background:none;color:#596267;text-align:left;min-height:62px;padding:12px 0;font:700 24px/1.05 "Krossa Condensed",sans-serif;text-transform:uppercase;cursor:pointer;transition:color .2s ease}
.krossa-guide__tabs button span{font-size:18px;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}
.krossa-guide__tabs button[aria-selected=true]{color:#d90020}
.krossa-guide__tabs button[aria-selected=true] span{opacity:1;transform:none}
.krossa-guide__tabs button:hover{color:#111517}
.krossa-guide__tabs button[aria-selected=true]:hover{color:#d90020}
.krossa-guide__tabs button:focus-visible,.krossa-guide__copy a:focus-visible{outline:2px solid #d90020;outline-offset:5px}
.krossa-guide__indicator{position:absolute;left:-2px;top:0;width:3px;height:62px;background:#ff1836;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.krossa-guide__panel{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(300px,1.22fr);align-items:center;gap:32px;min-height:430px}
.krossa-guide__panel[hidden]{display:none}
.krossa-guide__copy h3{font:800 clamp(32px,2.7vw,42px)/1 "Krossa Condensed",sans-serif;letter-spacing:-.015em;margin:0 0 22px;text-wrap:balance}
.krossa-guide__copy>p{font-size:18px;line-height:1.55;max-width:37ch;color:#384348;margin:0 0 30px}
.krossa-guide__copy>a{display:inline-flex;align-items:center;gap:22px;font-size:16px;font-weight:500;border-bottom:1px solid #7d868a;padding-bottom:7px;color:#111517}
.krossa-guide__copy>a span{font-size:25px;transition:transform .2s}
.krossa-guide__copy>a:hover span{transform:translateX(6px)}
.krossa-guide__visual{margin:0;position:relative;min-width:0;height:430px;display:grid;align-items:center;isolation:isolate}
.krossa-guide__open{width:92%;position:absolute;right:-2%;top:7%;transform:rotate(-8deg)}
.krossa-guide__pack{position:absolute;z-index:2;width:80%;top:-14%;left:-20%;transform:rotate(-12deg);filter:drop-shadow(8px 18px 14px #0002)}
.krossa-guide__visual figcaption{position:absolute;bottom:0;right:0;color:#697277;font-size:10px;max-width:220px;text-align:right}
.krossa-guide__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.krossa-guide__visual--ingredients .krossa-guide__photo{object-position:55% center}
.krossa-guide__steps,.krossa-guide__ingredients{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:4px;justify-content:space-between;background:#f1f2f2f5;padding:14px 10px;color:#242c30;font:700 15px "Krossa Condensed",sans-serif;text-transform:uppercase}
.krossa-guide__steps span{flex:1;display:flex;align-items:center;gap:8px}
.krossa-guide__steps span:before{content:"→";color:#d90020;font-size:20px}
.krossa-guide__ingredients{font-size:12px;flex-wrap:wrap}
.krossa-guide__strength-pack{width:110%;max-width:none;transform:rotate(-8deg);margin:-12% -5% 0}
.krossa-guide__units{display:flex;align-items:center;justify-content:center;gap:24px;position:absolute;bottom:5%;left:0;right:0}
.krossa-guide__units span{font:800 42px/.9 "Krossa Condensed",sans-serif;display:grid;gap:10px}
.krossa-guide__units small{font:400 13px "Krossa Barlow",sans-serif;color:#586267}
.krossa-guide__units b{font-size:36px;color:#d90020}
.krossa-guide__adult-mark{position:absolute;bottom:18px;left:18px;font:800 62px/1 "Krossa Condensed",sans-serif;background:#ff1836;color:white;padding:12px 20px}
.krossa-guide__warning{margin:35px 0 0;padding-top:20px;border-top:1px solid #cbd0d2;font-size:12px;color:#5b656a}
.krossa-wholesale-cta{color:#111517;background:#eef0f0;min-height:570px}
.krossa-wholesale-cta__background{object-position:center;opacity:1}
.krossa-wholesale-cta__shade{background:linear-gradient(90deg,rgba(242,244,244,.98) 0%,rgba(242,244,244,.92) 25%,rgba(242,244,244,.12) 52%,transparent 66%)}
.krossa-wholesale-cta__inner{min-height:570px}
.krossa-wholesale-cta__inner>div{max-width:510px}
.krossa-wholesale-cta h2{font-size:clamp(58px,5.3vw,80px);max-width:500px}
.krossa-wholesale-cta__inner p:not(.krossa-kicker){color:#3f4b51;max-width:390px;font-size:18px}
.krossa-wholesale-cta__note{position:absolute;right:22px;bottom:16px;font-size:10px;color:#434d52;background:#ffffffe0;padding:4px 8px}
.krossa-story-slide__visual figcaption{display:none}
.krossa-story-slide{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:0}
.krossa-story-slide:nth-of-type(even){grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.krossa-story-slide__copy{padding:34px}
.krossa-story-slide__visual{min-height:0;height:auto;aspect-ratio:4/3;align-self:center;background:#f0f2f3}
.krossa-story-slide__visual img{width:100%;height:100%;object-fit:contain;display:block}
.krossa-journal__masthead{background-image:url('../images/editorial/decision-matrix.webp')}
@media(max-width:1100px){.krossa-story-slide,.krossa-story-slide:nth-of-type(even){grid-template-columns:1fr}.krossa-story-slide__visual{height:auto;aspect-ratio:4/3}.krossa-story-slide__copy{padding:30px}}
@media(max-width:1100px){.krossa-guide__layout{grid-template-columns:190px 1fr;gap:26px}.krossa-guide__panel{grid-template-columns:1fr 1fr;gap:22px}.krossa-guide__tabs button{font-size:22px}.krossa-guide__copy>p{font-size:16px}.krossa-guide__visual{aspect-ratio:.85}.krossa-guide__open{top:28%}.krossa-guide__pack{top:7%}.krossa-guide__header{margin-bottom:35px}}
@media(max-width:760px){.krossa-guide{padding:54px 0 24px}.krossa-guide__header{display:block;margin-bottom:28px}.krossa-guide__header h2{font-size:44px}.krossa-guide__header>p{margin-top:15px;font-size:15px}.krossa-guide__layout{display:block;min-height:0}.krossa-guide__tabs{display:flex;border-left:0;border-bottom:1px solid #bcc3c6;padding:0;overflow-x:auto;margin-bottom:27px;scrollbar-width:thin;gap:24px}.krossa-guide__tabs button{white-space:nowrap;min-height:52px;font-size:19px;padding-bottom:16px}.krossa-guide__tabs button span,.krossa-guide__indicator{display:none}.krossa-guide__tabs button[aria-selected=true]{box-shadow:inset 0 -3px #d90020}.krossa-guide__panel{grid-template-columns:1fr;gap:18px;min-height:0}.krossa-guide__copy h3{font-size:34px;margin-bottom:14px}.krossa-guide__copy>p{font-size:17px;max-width:44ch;margin-bottom:18px}.krossa-guide__visual{height:300px;aspect-ratio:1.2;max-height:355px;width:100%;margin:0 auto}.krossa-guide__open{width:78%;right:0;top:5%}.krossa-guide__pack{width:71%;top:-10%;left:-5%}.krossa-guide__visual--use,.krossa-guide__visual--ingredients,.krossa-guide__visual--adult{aspect-ratio:1.35}.krossa-guide__strength-pack{width:90%;margin:-19% auto 0}.krossa-guide__units{bottom:2%}.krossa-guide__warning{margin-top:22px}.krossa-wholesale-cta,.krossa-wholesale-cta__inner{min-height:720px}.krossa-wholesale-cta__inner{align-items:flex-start;padding-top:42px}.krossa-wholesale-cta__inner>div{max-width:340px}.krossa-wholesale-cta h2{font-size:52px;max-width:330px}.krossa-wholesale-cta__inner p:not(.krossa-kicker){font-size:16px;max-width:310px}.krossa-wholesale-cta__background{height:46%;top:auto;bottom:0;object-position:74% center}.krossa-wholesale-cta__shade{background:linear-gradient(#f1f2f2 0%,#f1f2f2 47%,#f1f2f200 69%)}.krossa-wholesale-cta__note{font-size:9px;right:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.krossa-guide *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* SOURCE: assets/css/ux-polish.css */
/* KROSSA 2.4.8 — full-site UI and interaction refinement. */

/* Reliable touch and keyboard targets across the purchase path. */
.krossa-actions .krossa-action-link,
.krossa-menu-toggle,
.krossa-strength-row button,
.krossa-journal__filters a,
.krossa-journal__pagination .page-numbers,
.krossa-shop-filters button,
.krossa-shop-tools select {
  min-height: 44px;
}

.krossa-actions .krossa-action-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  padding-inline: 4px;
}

.krossa-strength-row button {
  min-height: 44px;
  min-width: 44px;
  font-size: 14px;
}

.krossa-wordmark,
.krossa-bag,
.krossa-footer-bag,
.krossa-footer-nav a,
.krossa-legal-links a,
.krossa-shop-card__details,
.krossa-journal-card__read,
.krossa-flavour-card__heading h3 a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

.krossa-menu > li > a {
  min-width: 44px;
  justify-content: center;
}

.krossa-menu-toggle:focus-visible,
.krossa-action-link:focus-visible,
.krossa-mobile-utilities a:focus-visible,
.krossa-mobile-utilities input:focus-visible,
.krossa-mobile-utilities button:focus-visible,
.wc-block-components-button:focus-visible,
.woocommerce button:focus-visible,
.woocommerce a.button:focus-visible {
  outline: 3px solid var(--k-red);
  outline-offset: 3px;
}

/* Mobile navigation restores search and account access at the primary level. */
.krossa-mobile-utilities {
  display: none;
}

@media (max-width: 980px) {
  .krossa-header {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .krossa-menu-toggle {
    min-width: 44px;
    padding-inline: 4px;
  }

  .krossa-nav {
    top: var(--krossa-mobile-menu-top, 94px);
    right: auto;
    bottom: 0;
    left: 50%;
    width: 100vw;
    max-width: none;
    height: auto;
    z-index: 1200;
    transform: translateX(-50%);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .krossa-mobile-utilities {
    display: grid;
    gap: 22px;
    margin-top: 26px;
    padding: 24px 0 40px;
    border-top: 1px solid #33383b;
  }

  .krossa-mobile-account {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font: 700 20px/1 "Krossa Condensed", sans-serif;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  .krossa-mobile-account span {
    color: var(--k-red);
    font-size: 28px;
  }

  .krossa-mobile-search {
    display: grid;
    gap: 10px;
  }

  .krossa-mobile-search label {
    color: #aeb5b8;
    font: 700 13px/1 "Krossa Condensed", sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .krossa-mobile-search > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .krossa-mobile-search input,
  .krossa-mobile-search button {
    min-height: 52px;
    border-radius: 0;
  }

  .krossa-mobile-search input {
    min-width: 0;
    padding: 0 14px;
    color: #fff;
    background: #171b1d;
    border: 1px solid #50575a;
  }

  .krossa-mobile-search button {
    padding: 0 18px;
    color: #fff;
    background: var(--k-red);
    border: 1px solid var(--k-red);
    font: 700 14px/1 "Krossa Condensed", sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
  }
}

/* Product purchase controls stay inside the red, black and white brand system. */
body.krossa-product-page.woocommerce div.product form.cart button.single_add_to_cart_button,
body.krossa-product-page.woocommerce div.product form.cart button.single_add_to_cart_button.alt,
body.krossa-product-page.woocommerce div.product form.cart button.single_add_to_cart_button:not(.disabled) {
  color: #fff !important;
  background: var(--k-red) !important;
  border: 1px solid var(--k-red) !important;
  box-shadow: none !important;
}

body.krossa-product-page.woocommerce div.product form.cart button.single_add_to_cart_button:hover,
body.krossa-product-page.woocommerce div.product form.cart button.single_add_to_cart_button:focus-visible {
  background: var(--k-red-dark) !important;
  border-color: var(--k-red-dark) !important;
}

body.krossa-product-page.woocommerce div.product form.cart button.single_add_to_cart_button.disabled,
body.krossa-product-page.woocommerce div.product form.cart button.single_add_to_cart_button:disabled {
  color: #687074 !important;
  background: #d8dcde !important;
  border-color: #c7ccce !important;
  opacity: 1 !important;
}

/* Cart, checkout and account become full-width commerce workspaces. */
body.woocommerce-cart .krossa-content-shell,
body.woocommerce-checkout .krossa-content-shell,
body.woocommerce-account .krossa-content-shell {
  width: var(--k-shell);
  max-width: 1240px;
}

body.woocommerce-cart .krossa-prose .entry-content,
body.woocommerce-checkout .krossa-prose .entry-content,
body.woocommerce-account .krossa-prose .entry-content {
  max-width: none;
}

body.woocommerce-cart .krossa-page-header,
body.woocommerce-checkout .krossa-page-header,
body.woocommerce-account .krossa-page-header {
  max-width: none;
}

body.woocommerce-cart .krossa-page-header h1,
body.woocommerce-checkout .krossa-page-header h1,
body.woocommerce-account .krossa-page-header h1 {
  font-size: clamp(68px, 7vw, 110px);
}

.wc-block-cart,
.wc-block-checkout {
  color: var(--k-ink);
}

.wc-block-cart__main,
.wc-block-cart__sidebar,
.wc-block-checkout__main,
.wc-block-checkout__sidebar {
  min-width: 0;
}

.wc-block-components-sidebar-layout .wc-block-components-main,
.wc-block-components-sidebar-layout .wc-block-components-sidebar {
  box-sizing: border-box;
}

.wc-block-components-sidebar,
.wc-block-components-totals-wrapper,
.wc-block-components-order-summary,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
  background: #fff;
  border: 1px solid #d0d5d7;
  border-radius: 0;
}

.wc-block-components-totals-wrapper,
.wc-block-components-order-summary {
  padding-inline: 20px;
}

.wc-block-components-button:not(.is-link),
.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button {
  min-height: 56px;
  color: #fff !important;
  background: var(--k-red) !important;
  border: 1px solid var(--k-red) !important;
  border-radius: 0 !important;
  font: 700 16px/1 "Krossa Condensed", sans-serif;
  letter-spacing: .05em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.wc-block-components-quantity-selector {
  min-height: 44px;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__input,
.wc-block-cart-item__remove-link,
.woocommerce form.login .show-password-input,
.woocommerce form.register .show-password-input {
  min-width: 44px !important;
  min-height: 44px !important;
}

.wc-block-cart-item__remove-link {
  display: inline-grid !important;
  place-items: center;
}

.wc-block-components-button:not(.is-link):hover,
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover,
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
  background: var(--k-red-dark) !important;
  border-color: var(--k-red-dark) !important;
}

.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.woocommerce form.login input,
.woocommerce form.register input {
  min-height: 52px;
  border-radius: 0 !important;
}

.wc-block-components-checkout-step__heading h2,
.wc-block-components-title,
.woocommerce-account h2 {
  font-family: "Krossa Condensed", sans-serif;
  font-weight: 800;
  letter-spacing: -.02em;
  text-transform: uppercase;
}

.wc-block-components-notice-banner.is-error,
.wc-block-components-validation-error {
  border-radius: 0;
}

/* A branded empty state replaces the generic sad-face illustration. */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
  width: clamp(190px, 24vw, 310px) !important;
  height: clamp(190px, 24vw, 310px) !important;
  margin: 0 auto 24px !important;
  background: url("../images/cold-mint-11mg-hero-transparent.webp") center / 175% auto no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  -webkit-mask: none !important;
  mask: none !important;
  filter: drop-shadow(0 18px 24px rgba(8, 13, 16, .18));
}

.wc-block-cart__empty-cart__title {
  max-width: 760px;
  margin-inline: auto;
  font-family: "Krossa Condensed", sans-serif;
  font-size: clamp(34px, 4vw, 58px) !important;
  font-weight: 800;
  line-height: .95;
  text-transform: uppercase;
}

.wp-block-woocommerce-empty-cart-block .wp-block-button__link {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  padding-inline: 24px;
  color: #fff;
  background: var(--k-red);
  border-radius: 0;
  font: 700 15px/1 "Krossa Condensed", sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.wp-block-woocommerce-empty-cart-block a[href*="/shop/"] {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  padding: 0 24px;
  color: #fff;
  background: var(--k-red);
  font: 700 15px/1 "Krossa Condensed", sans-serif;
  letter-spacing: .05em;
  text-decoration: none;
  text-transform: uppercase;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image {
  position: relative;
  display: block;
  width: 100%;
  min-height: 260px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background-color: #dce2e3;
  background-position: center;
  background-size: cover;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:has(img[src*="watermelon-ice"]) .wc-block-grid__product-image { background-image: url("../images/flavour-watermelon-ice.webp"); }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:has(img[src*="spearmint"]) .wc-block-grid__product-image { background-image: url("../images/flavour-spearmint.webp"); }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:has(img[src*="lime-frost"]) .wc-block-grid__product-image { background-image: url("../images/flavour-lime-frost.webp"); }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:has(img[src*="frosted-mint"]) .wc-block-grid__product-image { background-image: url("../images/flavour-frosted-mint.webp"); }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:has(img[src*="cold-mint"]) .wc-block-grid__product-image { background-image: url("../images/flavour-cold-mint.webp"); }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:has(img[src*="dark-cherry"]) .wc-block-grid__product-image { background-image: url("../images/flavour-dark-cherry.webp"); }

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  clip-path: circle(26% at 50% 50%);
  filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .42));
  transform: scale(1.08);
}

/* Store loading states read as deliberate progress rather than frozen content. */
.wc-block-components-skeleton {
  background: linear-gradient(90deg, #e1e4e5 25%, #f2f4f4 50%, #e1e4e5 75%);
  background-size: 220% 100%;
  animation: krossa-skeleton 1.15s linear infinite;
}

@keyframes krossa-skeleton {
  to { background-position: -220% 0; }
}

/* The last Journal page becomes an editorial feature instead of a stranded card. */
.krossa-journal__grid--single {
  grid-template-columns: 1fr;
}

.krossa-journal__grid--single .krossa-journal-card {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
  min-height: 470px;
}

.krossa-journal__grid--single .krossa-journal-card__image {
  min-height: 470px;
  aspect-ratio: auto;
}

.krossa-journal__grid--single .krossa-journal-card__content {
  justify-content: center;
  padding: clamp(34px, 5vw, 72px);
}

.krossa-journal__grid--single .krossa-journal-card h3 {
  font-size: clamp(42px, 4.4vw, 68px);
}

.krossa-journal__filters a,
.krossa-journal__pagination .page-numbers {
  min-height: 44px;
}

/* Wholesale retains the bright warehouse scene while securing text contrast. */
.krossa-page-hero--wholesale .krossa-page-hero__shade {
  background: linear-gradient(90deg, rgba(4, 7, 9, .78) 0%, rgba(4, 7, 9, .50) 42%, rgba(4, 7, 9, .08) 74%);
}

@media (max-width: 760px) {
  .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image {
    min-height: 220px;
  }

  .krossa-journal__filters {
    margin-right: -16px;
    padding-right: 34px;
    scroll-padding-inline: 0 34px;
    scroll-snap-type: x proximity;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 88%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 0%, #000 88%, transparent 100%);
  }

  .krossa-journal__filters a {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .krossa-journal__grid--single .krossa-journal-card {
    display: flex;
    min-height: 0;
  }

  .krossa-journal__grid--single .krossa-journal-card__image {
    min-height: 0;
    aspect-ratio: 1.45;
  }

  .krossa-journal__grid--single .krossa-journal-card__content {
    padding: 24px;
  }

  .krossa-journal__grid--single .krossa-journal-card h3 {
    font-size: clamp(34px, 10vw, 50px);
  }

  .krossa-page-hero--wholesale > img {
    object-position: 64% center;
  }

  .krossa-page-hero--wholesale .krossa-page-hero__shade {
    background: linear-gradient(90deg, rgba(4, 7, 9, .90) 0%, rgba(4, 7, 9, .73) 52%, rgba(4, 7, 9, .18) 100%);
  }

  .krossa-page-hero--wholesale .krossa-page-hero__inner h1 {
    max-width: 7.5em;
    font-size: clamp(56px, 18vw, 76px);
    line-height: .86;
  }

  .krossa-page-hero--wholesale .krossa-page-hero__inner > p:not(.krossa-kicker) {
    max-width: 31ch;
    font-size: 16px;
  }

  body.woocommerce-cart .krossa-page-header h1,
  body.woocommerce-checkout .krossa-page-header h1,
  body.woocommerce-account .krossa-page-header h1 {
    font-size: clamp(60px, 18vw, 88px);
  }

  .wc-block-components-sidebar-layout {
    gap: 26px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wc-block-components-skeleton {
    animation: none;
  }
}

/* Homepage 2.5.0: a shorter opening scene with a progressive ice-to-signal handoff. */
.home {
  --krossa-home-hero-progress: 0;
}

.home .krossa-header {
  z-index: 1100;
  background: rgba(7, 8, 9, .94);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .04);
  transition: background-color 220ms ease, box-shadow 220ms ease;
}

.home .krossa-header:is(:hover, :focus-within),
.home .krossa-header.is-scrolled {
  background: rgba(7, 8, 9, .985);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24);
}

@media (min-width: 981px) {
  .home .krossa-menu a {
    padding-block: 27px;
    font-size: 17px;
    letter-spacing: .035em;
  }

  .home .krossa-action-link {
    font-size: 15px;
    letter-spacing: .045em;
  }
}

.home .krossa-hero {
  --hero-progress: 0;
  --hero-pointer-x: 50%;
  --hero-pointer-y: 50%;
  --hero-pointer-intensity: 0;
  min-height: clamp(540px, 67vh, 640px);
  height: clamp(540px, 67vh, 640px);
  overflow: hidden;
  contain: paint;
}

.home .krossa-hero__background {
  transform: translate3d(0, calc(var(--hero-progress) * -18px), 0) scale(calc(1.015 + var(--hero-progress) * .045));
  transform-origin: 52% 48%;
  transition: filter 320ms ease;
  will-change: transform;
}

.home .krossa-hero__shade {
  z-index: -2;
  background:
    radial-gradient(circle at var(--hero-pointer-x) var(--hero-pointer-y), rgba(134, 196, 229, calc(var(--hero-pointer-intensity) * .12)) 0, transparent 34%),
    linear-gradient(90deg, rgba(0, 0, 0, .50) 0%, rgba(0, 0, 0, .18) 54%, rgba(0, 0, 0, .28) 100%);
}

.home .krossa-hero__inner {
  min-height: 100%;
  padding-block: clamp(42px, 5.4vh, 62px) clamp(46px, 5vh, 58px);
}

.home .krossa-hero__copy {
  opacity: calc(1 - var(--hero-progress) * .22);
  transform: translate3d(0, calc(var(--hero-progress) * -24px), 0);
  will-change: transform, opacity;
}

.home .krossa-hero h1 {
  font-size: clamp(86px, 8.2vw, 132px);
}

.home .krossa-hero__body {
  margin-block: 20px 24px;
}

.home .krossa-hero__product {
  min-height: 430px;
}

.home .krossa-hero__product img {
  right: -2%;
  bottom: -5%;
  width: min(780px, 61vw);
  transform: translate3d(calc(var(--hero-progress) * -26px), calc(var(--hero-progress) * -34px), 0) rotate(calc(-5deg + var(--hero-progress) * 4deg)) scale(calc(1 + var(--hero-progress) * .045));
  transform-origin: 54% 56%;
  will-change: transform;
}

.home .krossa-hero__product-label {
  right: 4%;
  bottom: 3%;
  transform: translate3d(0, calc(var(--hero-progress) * -12px), 0);
}

.krossa-hero__energy {
  position: absolute;
  inset: clamp(12px, 1.35vw, 24px);
  z-index: 6;
  overflow: hidden;
  border: 1px solid rgba(255, 29, 58, .18);
  opacity: calc((var(--hero-progress) * .82) + (var(--hero-pointer-intensity) * .88));
  pointer-events: none;
  transform: scale(calc(.988 + var(--hero-progress) * .012));
  transform-origin: center;
  transition: opacity 260ms ease, transform 340ms cubic-bezier(.2, .8, .2, 1);
}

.krossa-hero__energy::before {
  content: "";
  position: absolute;
  inset: -22%;
  background:
    radial-gradient(circle at var(--hero-pointer-x) var(--hero-pointer-y), rgba(120, 205, 247, .25) 0, transparent 20%),
    conic-gradient(from 110deg, transparent 0 29%, rgba(255, 29, 58, .22) 34%, transparent 40% 68%, rgba(132, 204, 239, .18) 74%, transparent 80%);
  filter: blur(28px);
  animation: krossa-hero-energy-breathe 4.8s ease-in-out infinite alternate;
}

.krossa-hero__energy-line {
  position: absolute;
  display: block;
  background: linear-gradient(90deg, transparent, rgba(255, 29, 58, .96), rgba(163, 220, 248, .78), transparent);
  box-shadow: 0 0 16px rgba(255, 29, 58, .68), 0 0 32px rgba(112, 196, 237, .32);
}

.krossa-hero__energy-line--top,
.krossa-hero__energy-line--bottom {
  right: 7%;
  left: 7%;
  height: 2px;
  transform: scaleX(calc(.16 + var(--hero-progress) * .84));
}

.krossa-hero__energy-line--top { top: 0; transform-origin: left; }
.krossa-hero__energy-line--bottom { bottom: 0; transform-origin: right; }

.krossa-hero__energy-line--right,
.krossa-hero__energy-line--left {
  top: 8%;
  bottom: 8%;
  width: 2px;
  background: linear-gradient(180deg, transparent, rgba(132, 204, 239, .72), rgba(255, 29, 58, .92), transparent);
  transform: scaleY(calc(.14 + var(--hero-progress) * .86));
}

.krossa-hero__energy-line--right { right: 0; transform-origin: top; }
.krossa-hero__energy-line--left { left: 0; transform-origin: bottom; }

.krossa-hero.is-nav-hover .krossa-hero__energy,
.krossa-hero.is-nav-hover .krossa-hero__energy::before {
  opacity: 0;
  animation-play-state: paused;
}

.krossa-hero__scroll-cue {
  position: absolute;
  right: clamp(24px, 3vw, 54px);
  bottom: 22px;
  z-index: 7;
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255, 255, 255, .72);
  font-family: "Krossa Condensed", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: calc(1 - var(--hero-progress) * 2.3);
  transform: translateY(calc(var(--hero-progress) * 14px));
}

.krossa-hero__scroll-cue i {
  position: relative;
  width: 38px;
  height: 1px;
  overflow: hidden;
  background: rgba(255, 255, 255, .28);
}

.krossa-hero__scroll-cue i::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--k-red);
  transform: translateX(-100%);
  animation: krossa-hero-cue 1.7s ease-in-out infinite;
}

.home .krossa-fact-strip {
  position: relative;
  z-index: 8;
  transform: translate3d(0, calc((1 - var(--krossa-home-hero-progress)) * 10px), 0);
  box-shadow: 0 -18px 44px rgba(0, 0, 0, calc(var(--krossa-home-hero-progress) * .22));
}

.home .krossa-fact {
  min-height: 166px;
}

@keyframes krossa-hero-energy-breathe {
  from { transform: rotate(-2deg) scale(.98); opacity: .58; }
  to { transform: rotate(2deg) scale(1.04); opacity: 1; }
}

@keyframes krossa-hero-cue {
  0% { transform: translateX(-100%); }
  52%, 100% { transform: translateX(100%); }
}

@media (max-width: 1220px) and (min-width: 981px) {
  .home .krossa-menu {
    gap: 18px;
  }

  .home .krossa-menu a {
    font-size: 15px;
  }

  .home .krossa-hero__product img {
    right: -18%;
    width: 720px;
  }
}

@media (max-width: 980px) {
  .home .krossa-hero {
    min-height: clamp(600px, 75vh, 660px);
    height: clamp(600px, 75vh, 660px);
  }

  .home .krossa-hero__inner {
    min-height: 100%;
    padding-block: 42px 34px;
  }

  .home .krossa-hero__product {
    right: -13%;
    bottom: -9%;
    min-height: 380px;
  }

  .home .krossa-hero__product img {
    right: -7%;
    bottom: 0;
    width: 650px;
  }

  .krossa-hero__energy {
    inset: 10px;
  }
}

@media (max-width: 720px) {
  .home .krossa-header__inner {
    min-height: 68px;
  }

  .home .krossa-menu-toggle,
  .home .krossa-action-link {
    font-size: 14px;
  }

  .home .krossa-hero {
    min-height: clamp(590px, 73vh, 630px);
    height: clamp(590px, 73vh, 630px);
  }

  .home .krossa-hero__inner {
    padding-block: 36px 26px;
  }

  .home .krossa-hero h1 {
    font-size: clamp(72px, 23vw, 96px);
  }

  .home .krossa-hero__body {
    max-width: 92%;
    margin-block: 16px 20px;
    font-size: 15px;
  }

  .home .krossa-hero__product {
    right: -36%;
    bottom: -11%;
    width: 102%;
    min-height: 330px;
  }

  .home .krossa-hero__product img {
    right: -12%;
    width: 570px;
    opacity: .78;
  }

  .krossa-hero__scroll-cue {
    right: 18px;
    bottom: 14px;
  }

  .krossa-hero__scroll-cue span {
    display: none;
  }

  .home .krossa-fact {
    min-height: 154px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home .krossa-hero__background,
  .home .krossa-hero__copy,
  .home .krossa-hero__product img,
  .home .krossa-hero__product-label,
  .home .krossa-fact-strip {
    transform: none;
  }

  .krossa-hero__energy,
  .krossa-hero__energy::before,
  .krossa-hero__scroll-cue i::after {
    animation: none;
    transition: none;
  }

  .krossa-hero__energy {
    opacity: 0;
  }
}

/* Homepage 2.5.1: three-pack hero and illustrated proof icons. */
.home .krossa-hero__product-cluster {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
}

.home .krossa-hero__product img.krossa-hero__can {
  position: absolute;
  max-width: none;
  filter: brightness(1.06) contrast(1.08) saturate(1.06) drop-shadow(0 26px 34px rgba(0, 0, 0, .62));
  will-change: transform;
}

.home .krossa-hero__product img.krossa-hero__can--cold {
  z-index: 4;
  right: 1%;
  bottom: -8%;
  width: min(720px, 54vw);
  transform: translate3d(calc(var(--hero-progress) * -24px), calc(var(--hero-progress) * -35px), 46px) rotate(calc(-5deg + var(--hero-progress) * 4deg)) scale(calc(1 + var(--hero-progress) * .045));
}

.home .krossa-hero__product img.krossa-hero__can--watermelon {
  z-index: 3;
  right: -1%;
  top: -2%;
  bottom: auto;
  width: min(480px, 36vw);
  transform: translate3d(calc(var(--hero-progress) * 18px), calc(var(--hero-progress) * -22px), 8px) rotate(calc(11deg + var(--hero-progress) * 5deg)) scale(.92);
}

.home .krossa-hero__product img.krossa-hero__can--lime {
  z-index: 2;
  left: -3%;
  right: auto;
  bottom: 0;
  width: min(470px, 35vw);
  transform: translate3d(calc(var(--hero-progress) * -20px), calc(var(--hero-progress) * -12px), 0) rotate(calc(-14deg - var(--hero-progress) * 3deg)) scale(.9);
}

.home .krossa-hero__product-label {
  right: 1.5%;
}

.home .krossa-fact {
  min-height: 154px;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  align-items: center;
  column-gap: 18px;
  padding-block: 25px 27px;
}

.krossa-fact__icon {
  grid-row: 1 / 3;
  position: relative;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  color: #fff;
  transition: color 220ms ease, transform 260ms cubic-bezier(.16, 1, .3, 1);
}

.krossa-fact__icon::before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px solid rgba(255, 255, 255, .34);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);
  background: rgba(255, 255, 255, .025);
}

.krossa-fact__icon svg {
  position: relative;
  z-index: 1;
  width: 48px;
  height: 48px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.home .krossa-fact:hover .krossa-fact__icon {
  color: var(--k-red);
  transform: translateY(-3px) rotate(3deg);
}

.home .krossa-fact .krossa-fact__rule {
  display: none;
}

.home .krossa-fact strong {
  grid-column: 2;
  align-self: end;
  font-size: clamp(31px, 2.55vw, 41px);
  line-height: .88;
}

.home .krossa-fact .krossa-fact__desc {
  grid-column: 2;
  align-self: start;
  margin-top: 10px;
}

@media (max-width: 1220px) and (min-width: 981px) {
  .home .krossa-hero__product img.krossa-hero__can--cold { right: -11%; width: 680px; }
  .home .krossa-hero__product img.krossa-hero__can--watermelon { right: -12%; width: 430px; }
  .home .krossa-hero__product img.krossa-hero__can--lime { left: -10%; width: 420px; }
  .home .krossa-fact { grid-template-columns: 52px minmax(0,1fr); column-gap: 12px; padding-inline: 18px; }
  .krossa-fact__icon { width: 50px; height: 50px; }
  .krossa-fact__icon svg { width: 42px; height: 42px; }
}

@media (max-width: 980px) {
  .home .krossa-hero__product img.krossa-hero__can--cold { right: -8%; bottom: -5%; width: 640px; }
  .home .krossa-hero__product img.krossa-hero__can--watermelon { right: -11%; top: 1%; width: 420px; }
  .home .krossa-hero__product img.krossa-hero__can--lime { left: -9%; bottom: 3%; width: 410px; }
}

@media (max-width: 720px) {
	.home .krossa-hero__product { right: -6%; bottom: -8%; width: 100%; }
	.home .krossa-hero__product img.krossa-hero__can--cold { right: -15%; bottom: -1%; width: 470px; }
	.home .krossa-hero__product img.krossa-hero__can--watermelon { right: -2%; top: 7%; width: 285px; opacity: .82; }
	.home .krossa-hero__product img.krossa-hero__can--lime { left: -8%; bottom: 0; width: 290px; opacity: .82; }
  .home .krossa-fact { min-height: 150px; grid-template-columns: 45px minmax(0,1fr); column-gap: 9px; padding: 22px 12px 24px; }
  .krossa-fact__icon { width: 44px; height: 44px; }
  .krossa-fact__icon::before { inset: 3px; }
  .krossa-fact__icon svg { width: 38px; height: 38px; }
  .home .krossa-fact strong { font-size: clamp(27px, 8vw, 36px); }
  .home .krossa-fact .krossa-fact__desc { font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .home .krossa-hero__product img.krossa-hero__can--cold { transform: rotate(-5deg); }
  .home .krossa-hero__product img.krossa-hero__can--watermelon { transform: rotate(11deg) scale(.92); }
  .home .krossa-hero__product img.krossa-hero__can--lime { transform: rotate(-14deg) scale(.9); }
}

/* SOURCE: assets/css/readability.css */
/*
 * KROSSA 2.5.3 — readability pass
 * Final cascade for body copy, labels, controls and compact commerce UI.
 * Display headlines retain the approved 01 Dark Ice Editorial scale.
 */

:root {
  --k-type-body: 18px;
  --k-type-control: 17px;
  --k-type-label: 14px;
  --k-type-micro: 13px;
}

body.krossa-theme {
  font-size: var(--k-type-body);
  line-height: 1.55;
}

.krossa-adult-strip {
  min-height: 32px;
  font-size: 13px;
  line-height: 1.25;
}

.krossa-menu a,
.home .krossa-nav .krossa-menu a {
  font-size: 18px;
  line-height: 1.25;
}

.krossa-action-link,
.home .krossa-actions .krossa-action-link,
.krossa-text-link {
  font-size: 16px;
  line-height: 1.35;
}

.krossa-action-link {
  min-height: 46px;
  padding-block: 10px;
}

.krossa-cart-count {
  min-width: 22px;
  height: 22px;
  padding-inline: 5px;
  font-size: 12px;
  line-height: 22px;
}

.krossa-kicker {
  font-size: 16px;
  line-height: 1.25;
}

.krossa-button,
button.krossa-button,
input.krossa-button {
  min-height: 58px;
  padding: 16px 30px;
  font-size: var(--k-type-control);
  line-height: 1.25;
}

.krossa-hero__copy > p:not(.krossa-kicker),
.krossa-page-hero p,
.krossa-standard-page .entry-content,
.krossa-prose .entry-content {
  font-size: 18px;
  line-height: 1.58;
}

.krossa-hero__product-label {
  font-size: 15px;
  line-height: 1.35;
}

.krossa-hero__scroll span {
  font-size: 13px;
  line-height: 1.35;
}

.krossa-fact__desc,
.home .krossa-fact .krossa-fact__desc {
  font-size: 16px;
  line-height: 1.4;
}

.krossa-flavour-guide p,
.krossa-flavour-guide__step p,
.krossa-flavour-card__selection > p,
.krossa-mix-builder__intro p {
  font-size: 15px;
  line-height: 1.45;
}

.krossa-flavour-card__detail-cue {
  min-height: 34px;
  padding: 7px 10px;
  font-size: 13px;
  line-height: 1.35;
}

.krossa-flavour-card__selection > span,
.krossa-flavour-card__selection small,
.krossa-price-band span,
.krossa-price-band small {
  font-size: 14px;
  line-height: 1.35;
}

.krossa-flavour-card__selection button,
.home .krossa-strength-row button,
.krossa-strength-option,
.krossa-strength-selector button {
  min-width: 46px;
  min-height: 46px;
  font-size: 16px;
}

.krossa-flavour-card__selection .krossa-button,
.krossa-flavour-card__quick-add .krossa-button {
  min-height: 52px;
  font-size: 17px;
}

.krossa-article-card__meta,
.krossa-journal-card__eyebrow,
.krossa-journal-card__index {
  font-size: 14px;
  line-height: 1.35;
}

.krossa-article-card p,
.krossa-journal-preview p,
.krossa-wholesale-cta p,
.krossa-audience-route p,
.krossa-category-education p {
  font-size: 17px;
  line-height: 1.52;
}

.krossa-wholesale-cta__note,
figcaption,
.krossa-product-proof__stage figcaption {
  font-size: 12px;
  line-height: 1.4;
}

/* Shop archive */
.krossa-shop-card__index,
.krossa-shop-card__eyebrow,
.krossa-shop-hero__fact span,
.krossa-shop-toolbar label {
  font-size: 14px;
  line-height: 1.35;
}

.krossa-shop-card__price span,
.krossa-shop-card__price small,
.krossa-quick-cart label,
.krossa-shop-note,
.krossa-shop-note p {
  font-size: 15px;
  line-height: 1.45;
}

.krossa-shop-card__details,
.krossa-shop-note a {
  font-size: 16px;
  line-height: 1.35;
}

.krossa-shop-toolbar select,
.krossa-quick-cart select,
.krossa-quick-cart button,
.woocommerce-ordering select {
  min-height: 52px;
  font-size: 17px;
  line-height: 1.25;
}

/* Product detail */
.krossa-product-eyebrow {
  font-size: 15px;
  line-height: 1.35;
}

.krossa-product-page .woocommerce div.product .woocommerce-product-details__short-description {
  font-size: 18px;
  line-height: 1.55;
}

.krossa-product-page .krossa-multibuy-note strong,
.krossa-product-page .krossa-multibuy-note span,
.krossa-product-page .woocommerce div.product form.cart .variations label,
.krossa-purchase-facts span,
.krossa-purchase-warning {
  font-size: 15px;
  line-height: 1.48;
}

.krossa-product-page .woocommerce div.product .product_meta {
  font-size: 14px;
  line-height: 1.45;
}

.krossa-product-page .woocommerce div.product .woocommerce-tabs,
.krossa-product-page .woocommerce div.product .woocommerce-tabs p,
.krossa-product-page .krossa-product-facts p {
  font-size: 17px;
  line-height: 1.58;
}

.krossa-product-proof__copy > div > p:not(.krossa-kicker) {
  font-size: 18px;
  line-height: 1.58;
}

.krossa-product-proof__benefits li > span {
  font-size: 18px;
}

.krossa-product-proof__benefits h3 {
  font-size: 25px;
}

.krossa-product-proof__benefits p {
  font-size: 16px;
  line-height: 1.5;
}

/* Journal and long-form editorial */
.krossa-journal__heading-row p,
.krossa-journal__masthead .krossa-shell > p:last-child,
.krossa-journal-card__content > p:not(.krossa-journal-card__eyebrow) {
  font-size: 17px;
  line-height: 1.52;
}

.krossa-journal__filters a,
.krossa-journal-card__read,
.krossa-journal__pagination .page-numbers {
  font-size: 17px;
  line-height: 1.3;
}

.krossa-journal__pagination .page-numbers {
  min-width: 44px;
  min-height: 44px;
}

.krossa-story__chapters > span,
.krossa-story__meta,
.krossa-story-slide__number,
.krossa-story__cover figcaption {
  font-size: 14px;
  line-height: 1.35;
}

.krossa-story__chapters a,
.krossa-story__jump {
  font-size: 17px;
  line-height: 1.25;
}

.krossa-story-slide__copy > p:not(.krossa-story-slide__number, .krossa-story-slide__takeaway) {
  font-size: clamp(17px, 1.2vw, 19px);
  line-height: 1.55;
}

.krossa-story-slide__visual figcaption,
.krossa-story__review-note {
  font-size: 13px !important;
  line-height: 1.4;
}

.krossa-story-fact li,
.krossa-story-warning span,
.krossa-story__sources p,
.krossa-story__sources li a {
  font-size: 15px;
  line-height: 1.48;
}

/* Knowledge guide */
.krossa-guide__eyebrow,
.krossa-guide__chapter,
.krossa-guide__warning,
.krossa-guide__stage figcaption {
  font-size: 14px;
  line-height: 1.4;
}

.krossa-guide__copy > p,
.krossa-guide__panel-copy > p,
.krossa-guide__description {
  font-size: 17px;
  line-height: 1.52;
}

.krossa-guide__cta,
.krossa-guide__nav button,
.krossa-guide-use__label {
  font-size: 17px;
  line-height: 1.3;
}

.krossa-guide-use__detail,
.krossa-guide__ingredient-label {
  font-size: 13px;
  line-height: 1.4;
}

/* Forms, account, checkout and wholesale */
.krossa-theme label,
.krossa-wholesale-form label,
.krossa-wholesale-form .krossa-field,
.woocommerce form .form-row label {
  font-size: 16px;
  line-height: 1.4;
}

.krossa-theme input:not([type="checkbox"]):not([type="radio"]),
.krossa-theme select,
.krossa-theme textarea,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  min-height: 54px;
  font-size: 17px;
  line-height: 1.35;
}

.krossa-theme textarea {
  min-height: 132px;
}

.krossa-wholesale-points li,
.krossa-wholesale-form p,
.krossa-wholesale-form .krossa-consent,
.krossa-account-panel p,
.woocommerce-MyAccount-content,
.woocommerce-cart-form,
.woocommerce-checkout {
  font-size: 17px;
  line-height: 1.55;
}

.krossa-footer a,
.krossa-footer button,
.krossa-footer__nav a,
.krossa-footer__legal a {
  font-size: 16px;
  line-height: 1.4;
}

.krossa-footer__payments,
.krossa-footer__payments span,
.krossa-footer small {
  font-size: 14px;
  line-height: 1.4;
}

@media (max-width: 860px) {
  :root {
    --k-type-body: 17px;
    --k-type-control: 16px;
  }

  .krossa-menu a,
  .krossa-mobile-menu a {
    font-size: 20px;
    line-height: 1.2;
  }

  .krossa-button,
  button.krossa-button,
  input.krossa-button {
    min-height: 54px;
    padding: 15px 24px;
    font-size: 16px;
  }

  .krossa-fact__desc,
  .home .krossa-fact .krossa-fact__desc {
    font-size: 14px;
    line-height: 1.38;
  }

  .krossa-hero__product-label,
  .krossa-article-card__meta,
  .krossa-journal-card__eyebrow,
  .krossa-shop-card__index,
  .krossa-shop-card__eyebrow {
    font-size: 14px;
  }

  .krossa-flavour-card__detail-cue,
  .krossa-flavour-card__selection > span,
  .krossa-flavour-card__selection small,
  .krossa-shop-card__price span,
  .krossa-shop-card__price small,
  .krossa-quick-cart label,
  .krossa-product-page .krossa-multibuy-note strong,
  .krossa-product-page .krossa-multibuy-note span,
  .krossa-purchase-facts span,
  .krossa-purchase-warning {
    font-size: 14px;
  }

  .krossa-product-page .woocommerce div.product .woocommerce-product-details__short-description,
  .krossa-product-proof__copy > div > p:not(.krossa-kicker),
  .krossa-journal-card__content > p:not(.krossa-journal-card__eyebrow),
  .krossa-guide__copy > p,
  .krossa-guide__panel-copy > p,
  .krossa-guide__description {
    font-size: 17px;
  }

  .krossa-story-slide__copy > p:not(.krossa-story-slide__number, .krossa-story-slide__takeaway) {
    font-size: 16px;
    line-height: 1.55;
  }

  .krossa-story-fact li,
  .krossa-story-warning span,
  .krossa-story__sources p,
  .krossa-story__sources li a {
    font-size: 14px;
  }

  .krossa-footer a,
  .krossa-footer button,
  .krossa-footer__nav a,
  .krossa-footer__legal a {
    font-size: 16px;
  }
}

@media (max-width: 520px) {
  .krossa-adult-strip {
    font-size: 12px;
  }

  .krossa-action-link {
    font-size: 15px;
  }

  .krossa-flavour-card__selection button,
  .home .krossa-strength-row button,
  .krossa-strength-option,
  .krossa-strength-selector button {
    min-width: 44px;
    min-height: 44px;
    font-size: 15px;
  }

  .krossa-guide__nav button,
  .krossa-guide-use__label {
    font-size: 16px;
  }
}

/* SOURCE: assets/css/typography.css */
/*
 * KROSSA 2.5.4 — typography roles
 * Manrope carries reading, navigation and commerce UI.
 * Barlow Condensed remains the campaign display face.
 */

@font-face {
  font-family: "Krossa Manrope";
  src: url("../fonts/Manrope-Variable.ttf") format("truetype-variations");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

:root {
  --k-font-reading: "Krossa Manrope", "Segoe UI", Arial, sans-serif;
  --k-font-display: "Krossa Condensed", "Arial Narrow", sans-serif;
}

body.krossa-theme {
  font-family: var(--k-font-reading);
  font-kerning: normal;
  font-synthesis: none;
  letter-spacing: -.006em;
  text-rendering: optimizeLegibility;
}

body.krossa-theme :where(button, input, textarea, select, option, label, table) {
  font-family: var(--k-font-reading);
}

/* Navigation and repeated controls */
.krossa-adult-strip,
.krossa-menu a,
.krossa-mobile-menu a,
.krossa-action-link,
.krossa-cart-count,
.krossa-button,
.krossa-text-link,
.krossa-menu-toggle,
.krossa-search-panel,
.krossa-footer,
.krossa-footer a,
.krossa-footer button {
  font-family: var(--k-font-reading);
}

.krossa-menu a,
.krossa-mobile-menu a,
.krossa-action-link,
.krossa-button,
.krossa-text-link,
.krossa-menu-toggle {
  font-weight: 700;
  letter-spacing: .025em;
}

.krossa-adult-strip {
  font-weight: 700;
  letter-spacing: .075em;
}

.krossa-kicker,
.krossa-hero__product-label,
.krossa-hero__scroll,
.krossa-article-card__meta,
.krossa-wholesale-cta__note,
figcaption {
  font-family: var(--k-font-reading);
  font-weight: 700;
  letter-spacing: .075em;
}

/* Product discovery and purchase UI */
.krossa-flavour-guide,
.krossa-flavour-card__detail-cue,
.krossa-flavour-card__selection,
.krossa-strength-row button,
.krossa-price-band,
.krossa-mix-builder,
.krossa-shop-toolbar,
.krossa-shop-card__index,
.krossa-shop-card__eyebrow,
.krossa-shop-card__price,
.krossa-shop-card__details,
.krossa-quick-cart,
.krossa-shop-note,
.krossa-product-eyebrow,
.krossa-multibuy-note,
.krossa-strength-choices button,
.krossa-purchase-facts,
.krossa-purchase-warning,
.krossa-product-page .woocommerce div.product form.cart .variations label,
.krossa-product-page .woocommerce div.product form.cart .variations select,
.krossa-product-page .woocommerce .quantity .qty,
.krossa-product-page .woocommerce div.product form.cart .single_add_to_cart_button,
.krossa-product-page .woocommerce div.product .product_meta {
  font-family: var(--k-font-reading);
}

.krossa-flavour-card h3,
.krossa-shop-card h2,
.krossa-shop-card h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.krossa-product-page .product_title,
.krossa-product-page .woocommerce div.product .product_title,
.krossa-product-proof__benefits h3 {
  font-family: var(--k-font-reading);
  font-weight: 800;
  letter-spacing: -.035em;
}

.krossa-flavour-card h3,
.krossa-shop-card h2,
.krossa-shop-card h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  line-height: 1.05;
}

.krossa-product-page .product_title,
.krossa-product-page .woocommerce div.product .product_title {
  font-size: clamp(52px, 4.2vw, 68px);
  line-height: .98;
  text-transform: none;
}

.krossa-strength-row button,
.krossa-strength-choices button,
.krossa-quick-cart button,
.krossa-product-page .woocommerce div.product form.cart .single_add_to_cart_button {
  font-weight: 800;
  letter-spacing: .01em;
}

/* Journal and educational reading */
.krossa-journal__filters,
.krossa-journal__filters a,
.krossa-journal-card__eyebrow,
.krossa-journal-card__index,
.krossa-journal-card__read,
.krossa-journal__pagination,
.krossa-story__chapters,
.krossa-story__meta,
.krossa-story__jump,
.krossa-story-slide__number,
.krossa-story-slide__takeaway,
.krossa-story-fact__eyebrow,
.krossa-story-warning strong,
.krossa-story__sources,
.krossa-guide__eyebrow,
.krossa-guide__chapter,
.krossa-guide__warning,
.krossa-guide__cta,
.krossa-guide__nav button,
.krossa-guide__steps,
.krossa-guide-use__words,
.krossa-guide__ingredient-label {
  font-family: var(--k-font-reading);
}

.krossa-journal__filters a,
.krossa-journal__pagination .page-numbers,
.single_add_to_cart_button {
  font-family: var(--k-font-reading);
  font-weight: 700;
  letter-spacing: .015em;
}

.krossa-journal-card h3,
.krossa-story__sources h2,
.krossa-story-warning strong,
.krossa-story-fact__eyebrow {
  font-family: var(--k-font-reading);
  font-weight: 800;
  letter-spacing: -.025em;
}

.krossa-journal-card h3 {
  line-height: 1.02;
}

.krossa-guide__nav button,
.krossa-guide__steps,
.krossa-guide-use__words,
.krossa-story__chapters a,
.krossa-journal-card__read,
.krossa-journal__pagination .page-numbers {
  font-weight: 700;
  letter-spacing: .01em;
}

/* Forms and account surfaces */
.krossa-wholesale-form,
.krossa-wholesale-form .krossa-field,
.krossa-wholesale-form .krossa-consent,
.krossa-account-panel,
.woocommerce-account,
.woocommerce-cart-form,
.woocommerce-checkout,
.woocommerce form .form-row label {
  font-family: var(--k-font-reading);
}

.krossa-wholesale-form .krossa-field,
.woocommerce form .form-row label {
  font-weight: 700;
  letter-spacing: .02em;
}

/* Campaign display stays recognisably KROSSA. */
.krossa-hero h1,
.krossa-page-hero h1,
.krossa-shop-hero h1,
.krossa-journal__masthead h1,
.krossa-story__hero h1,
.krossa-guide__header h2,
.krossa-guide__copy h3,
.krossa-product-proof__copy h2,
.krossa-product-page .woocommerce div.product .related > h2,
.krossa-wholesale-intro h2 {
  font-family: var(--k-font-display);
}

@media (max-width: 720px) {
  body.krossa-theme {
    letter-spacing: 0;
  }

  .krossa-menu a,
  .krossa-mobile-menu a,
  .krossa-button,
  .krossa-action-link {
    letter-spacing: .015em;
  }

  .krossa-product-page .product_title,
  .krossa-product-page .woocommerce div.product .product_title {
    font-size: clamp(42px, 12vw, 56px);
    line-height: 1.02;
  }
}


/* 2.6.1 mobile viewport and WooCommerce gallery audit repair */
html, body.krossa-theme { max-width: 100%; overflow-x: clip; }
.woocommerce div.product div.images,
.woocommerce div.product div.images .flex-viewport { overflow: hidden; }
@media (max-width: 760px) {
  .krossa-age-gate { right: auto; width: 100dvw; max-width: 100%; padding: 16px; }
  .krossa-age-gate__panel { width: min(610px, calc(100dvw - 32px)); padding: 32px 24px; }
}