:root {
  --color-forest-900: #173b2a;
  --color-forest-700: #24583d;
  --color-forest-500: #4f7a58;
  --color-warm-white: #f7f3ea;
  --color-paper: #fffdf8;
  --color-graphite-900: #202522;
  --color-graphite-600: #59605a;
  --color-graphite-200: #d8d6cd;
  --color-orange-600: #c76832;
  --color-orange-100: #f1d8c4;
  --color-wood-500: #9a7048;
  --color-success: #2f7048;
  --color-error: #a33d2e;

  --color-page: var(--color-warm-white);
  --color-surface: var(--color-paper);
  --color-text: var(--color-graphite-900);
  --color-text-muted: var(--color-graphite-600);
  --color-border: var(--color-graphite-200);
  --color-link: var(--color-forest-700);
  --color-focus: var(--color-forest-700);
  --color-action: var(--color-orange-600);

  --font-heading: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Inter", Arial, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: clamp(1.5rem, 2vw, 1.75rem);
  --text-3xl: clamp(2rem, 3vw, 2.375rem);
  --text-4xl: clamp(2.5rem, 5vw, 3.5rem);

  --leading-tight: 1.05;
  --leading-heading: 1.1;
  --leading-body: 1.5;
  --leading-relaxed: 1.625;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3.5rem;
  --space-9: 4.5rem;
  --space-10: 6rem;

  --radius-sm: 0.125rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.625rem;

  --shadow-floating: 0 12px 32px rgb(32 37 34 / 16%);

  --container-max: 80rem;
  --container-checkout: 60rem;
  --container-padding: 1rem;

  --transition-fast: 160ms ease;
}

@media (min-width: 48rem) {
  :root {
    --container-padding: 1.5rem;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-width: 20rem;
  scroll-behavior: smooth;
  text-size-adjust: 100%;
}

body {
  min-width: 20rem;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background: var(--color-page);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: var(--leading-body);
  text-rendering: optimizeLegibility;
}

main,
header,
footer,
section,
article,
aside,
nav,
figure,
form,
fieldset {
  min-width: 0;
}

img,
picture,
svg,
video,
canvas,
iframe {
  display: block;
  max-width: 100%;
}

img,
video {
  height: auto;
}

img {
  font-style: italic;
}

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

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

textarea {
  min-height: 7rem;
  resize: vertical;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  color: var(--color-link);
  overflow-wrap: anywhere;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

a:hover {
  color: var(--color-forest-900);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}

::selection {
  background: var(--color-orange-100);
  color: var(--color-graphite-900);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 var(--space-4);
  color: var(--color-graphite-900);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--leading-heading);
  overflow-wrap: anywhere;
}

h1 {
  font-size: var(--text-4xl);
  line-height: var(--leading-tight);
}

h2 {
  font-size: var(--text-3xl);
}

h3 {
  font-size: var(--text-2xl);
}

h4 {
  font-size: var(--text-xl);
}

h5,
h6 {
  font-size: var(--text-lg);
}

p {
  margin: 0 0 var(--space-4);
}

ul,
ol {
  margin: 0 0 var(--space-4);
  padding-inline-start: 1.25rem;
}

li {
  overflow-wrap: anywhere;
}

blockquote {
  margin: 0 0 var(--space-5);
  padding: var(--space-4) var(--space-5);
  border-inline-start: 3px solid var(--color-forest-500);
  color: var(--color-text-muted);
}

hr {
  height: 1px;
  margin: var(--space-6) 0;
  border: 0;
  background: var(--color-border);
}

figure,
dl,
pre,
address {
  margin: 0 0 var(--space-4);
}

figcaption {
  margin-top: var(--space-2);
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  line-height: 1.43;
}

small {
  font-size: var(--text-xs);
  line-height: 1.33;
}

strong,
b {
  font-weight: 700;
}

em {
  font-style: italic;
}

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

code,
kbd,
samp {
  font-size: 0.9em;
}

pre {
  max-width: 100%;
  overflow: auto;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
}

fieldset {
  margin: 0 0 var(--space-5);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}

legend {
  padding: 0 var(--space-2);
  color: var(--color-graphite-900);
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: 700;
}

label {
  display: inline-block;
  margin-bottom: var(--space-2);
  color: var(--color-graphite-900);
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 1.43;
}

input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-paper);
  line-height: 1.5;
}

input,
select {
  min-height: 3rem;
  padding: 0 var(--space-3);
}

textarea {
  padding: var(--space-3);
}

input::placeholder,
textarea::placeholder {
  color: var(--color-graphite-600);
  opacity: 1;
}

input[type="checkbox"],
input[type="radio"] {
  width: 1.125rem;
  min-height: 1.125rem;
  margin: 0;
  accent-color: var(--color-forest-700);
}

input[type="file"] {
  padding: var(--space-2);
}

input[type="color"] {
  width: 3rem;
  padding: var(--space-1);
}

input[type="number"] {
  font-variant-numeric: tabular-nums;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--color-forest-700);
  box-shadow: 0 0 0 2px var(--color-forest-700);
  outline: none;
}

button,
.button {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  max-width: 100%;
  padding: 0.625rem var(--space-4);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: var(--color-orange-600);
  color: var(--color-warm-white);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  transition:
    background-color var(--transition-fast),
    border-color var(--transition-fast),
    color var(--transition-fast),
    transform var(--transition-fast);
}

button:hover,
.button:hover {
  background: #ac5528;
  color: var(--color-warm-white);
}

button:active,
.button:active {
  transform: translateY(1px);
}

.container {
  width: min(100% - (2 * var(--container-padding)), var(--container-max));
  margin-inline: auto;
}

.container--checkout {
  width: min(100% - (2 * var(--container-padding)), var(--container-checkout));
  margin-inline: auto;
}

.section {
  padding-block: var(--space-8);
}

@media (min-width: 48rem) {
  .section {
    padding-block: var(--space-9);
  }
}

@media (min-width: 75rem) {
  .section {
    padding-block: var(--space-10);
  }
}

.surface {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.surface--padded {
  padding: var(--space-5);
}

@media (min-width: 48rem) {
  .surface--padded {
    padding: var(--space-6);
  }
}

.stack {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
}

.stack--tight {
  gap: var(--space-2);
}

.stack--compact {
  gap: var(--space-3);
}

.stack--loose {
  gap: var(--space-5);
}

.stack--spacious {
  gap: var(--space-6);
}

.stack > :last-child {
  margin-bottom: 0;
}

.cluster {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.cluster > * {
  min-width: 0;
}

.cluster--tight {
  gap: var(--space-2);
}

.cluster--loose {
  gap: var(--space-4);
}

.actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.actions > * {
  min-width: 0;
}

.button--secondary {
  border-color: var(--color-forest-700);
  background: transparent;
  color: var(--color-forest-700);
}

.button--secondary:hover {
  background: var(--color-forest-700);
  color: var(--color-warm-white);
}

.button--quiet {
  border-color: var(--color-border);
  background: var(--color-paper);
  color: var(--color-graphite-900);
}

.button--quiet:hover {
  border-color: var(--color-forest-700);
  background: var(--color-paper);
  color: var(--color-forest-700);
}

.button--danger {
  background: var(--color-error);
}

.button--danger:hover {
  background: #873126;
}

.button--full {
  width: 100%;
}

.eyebrow {
  margin: 0 0 var(--space-2);
  color: var(--color-forest-700);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.33;
  text-transform: uppercase;
}

.meta {
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  line-height: 1.43;
}

.price,
.numeric {
  font-variant-numeric: tabular-nums;
}

.price {
  color: var(--color-graphite-900);
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: 700;
  line-height: 1;
}

.status {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  max-width: 100%;
  color: var(--color-graphite-900);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.33;
  text-transform: uppercase;
}

.status::before {
  width: 0.5rem;
  height: 0.5rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: currentcolor;
  content: "";
}

.status--available {
  color: var(--color-success);
}

.status--limited {
  color: var(--color-wood-500);
}

.status--unavailable,
.status--error {
  color: var(--color-error);
}

.notice {
  margin: 0;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-paper);
  color: var(--color-graphite-900);
}

.notice--success {
  border-color: var(--color-success);
  color: var(--color-success);
}

.notice--error {
  border-color: var(--color-error);
  color: var(--color-error);
}

.notice--accent {
  border-color: var(--color-orange-100);
  background: var(--color-orange-100);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.skip-link {
  position: fixed;
  z-index: 1000;
  top: var(--space-3);
  left: var(--space-3);
  transform: translateY(-200%);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-sm);
  background: var(--color-paper);
  color: var(--color-forest-900);
  font-weight: 700;
  transition: transform var(--transition-fast);
}

.skip-link:focus {
  transform: translateY(0);
}


.site-header { position: relative; z-index: 100; background: var(--color-forest-900); color: var(--color-warm-white); }
.site-header__utility { border-bottom: 1px solid rgb(247 243 234 / 20%); font-size: var(--text-xs); }
.site-header__utility-inner { display: flex; min-height: 2rem; align-items: center; justify-content: space-between; gap: var(--space-3); }
.site-header__utility-copy { margin: 0; color: rgb(247 243 234 / 80%); }
.site-header__utility a { color: var(--color-warm-white); font-weight: 600; }
.site-header__main { position: relative; }
.site-header__row { display: flex; min-height: 4.5rem; align-items: center; gap: var(--space-4); }
.site-header__brand { display: inline-flex; min-width: 0; flex: 0 1 auto; align-items: center; gap: 0.625rem; color: var(--color-warm-white); text-decoration: none; }
.site-header__brand:hover { color: var(--color-warm-white); }
.site-header__logo { width: 2.5rem; height: 2.5rem; flex: 0 0 auto; object-fit: contain; }
.site-header__brand-text { overflow: hidden; font-size: 1.125rem; font-weight: 600; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.site-header__nav { min-width: 0; flex: 1 1 auto; }
.site-header__nav-list, .site-header__mobile-links { margin: 0; padding: 0; list-style: none; }
.site-header__nav-list { display: flex; align-items: center; justify-content: center; gap: clamp(0.75rem, 1.7vw, 1.5rem); }
.site-header__nav-list li, .site-header__nav-list .site-header__nav-list a { display: inline-flex; min-height: 2.75rem; align-items: center; color: var(--color-warm-white); font-family: var(--font-heading); font-size: 1rem; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; }
.site-header__nav-list a { color: var(--color-warm-white); }
.site-header__nav-list a:hover { color: var(--color-orange-100); }
.site-header__cart { display: inline-flex; min-height: 2.75rem; flex: 0 0 auto; align-items: center; gap: 0.375rem; padding: 0.5rem; border: 1px solid rgb(247 243 234 / 35%); border-radius: var(--radius-sm); color: var(--color-warm-white); font-size: var(--text-sm); font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; }
.site-header__cart:hover { border-color: var(--color-orange-100); color: var(--color-warm-white); }
.site-header__cart svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.site-header__cart-count { display: inline-grid; width: 1.25rem; height: 1.25rem; place-items: center; border-radius: 50%; background: var(--color-orange-600); color: var(--color-warm-white); font-size: 0.6875rem; font-variant-numeric: tabular-nums; }
.site-header__toggle, .site-header__mobile-links { display: none; }
.site-header :is(a, button):focus-visible { outline-color: var(--color-orange-100); }
@media (max-width: 67.4375rem) { .site-header__row { min-height: 4rem; gap: var(--space-3); } .site-header__logo { width: 2rem; height: 2rem; } .site-header__brand-text { font-size: 1rem; } .site-header__toggle { display: inline-flex; min-height: 2.75rem; flex: 0 0 auto; align-items: center; gap: 0.5rem; padding: 0.5rem; border: 1px solid rgb(247 243 234 / 35%); border-radius: var(--radius-sm); background: transparent; color: var(--color-warm-white); } .site-header__toggle:hover, .site-header__toggle[aria-expanded="true"] { border-color: var(--color-orange-100); background: rgb(247 243 234 / 10%); } .site-header__toggle-lines { display: grid; width: 1.125rem; gap: 0.25rem; } .site-header__toggle-lines span { display: block; height: 2px; background: currentcolor; transition: transform var(--transition-fast), opacity var(--transition-fast); } .site-header__toggle[aria-expanded="true"] .site-header__toggle-lines span:nth-child(1) { transform: translateY(6px) rotate(45deg); } .site-header__toggle[aria-expanded="true"] .site-header__toggle-lines span:nth-child(2) { opacity: 0; } .site-header__toggle[aria-expanded="true"] .site-header__toggle-lines span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } .site-header__toggle-label { font-size: var(--text-xs); font-weight: 700; } .site-header__nav { position: absolute; z-index: 2; top: 100%; right: var(--container-padding); left: var(--container-padding); display: none; max-height: calc(100vh - 6rem); overflow-y: auto; border: 1px solid var(--color-graphite-200); border-radius: var(--radius-md); background: var(--color-paper); box-shadow: var(--shadow-floating); } .site-header__nav.is-open { display: block; } .site-header__nav-list { display: grid; gap: 0; padding: var(--space-2); } .site-header__nav-list a { min-height: 3rem; padding: 0 var(--space-3); color: var(--color-forest-900); font-family: var(--font-body); font-size: var(--text-base); font-weight: 600; } .site-header__nav-list a:hover { background: var(--color-warm-white); color: var(--color-forest-700); } .site-header__mobile-links { display: grid; justify-items: center; gap: var(--space-2); margin: 0 var(--space-3) var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-border); text-align: center; } .site-header__mobile-links a { color: var(--color-forest-700); font-size: var(--text-sm); font-weight: 600; text-align: center; } }
@media (max-width: 29.9375rem) { .site-header__utility-copy { display: none; } .site-header__utility-inner { justify-content: flex-end; } .site-header__brand-text { display: none; } .site-header__cart-text, .site-header__toggle-label { display: none; } .site-header__row { justify-content: space-between; } .site-header__toggle { margin-left: auto; } }


.site-footer { background: var(--color-forest-900); color: var(--color-warm-white); }
.site-footer__grid { display: grid; gap: var(--space-7); padding-block: var(--space-8); }
.site-footer__brand, .site-footer__nav { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.site-footer__brand p, .site-footer__nav h2, .site-footer__nav ul, .site-footer__nav address { margin: 0; }
.site-footer__brand p { color: rgb(247 243 234 / 78%); }
.site-footer__brand a, .site-footer__nav a { color: var(--color-warm-white); }
.site-footer__brand-link { display: inline-flex; align-items: center; gap: var(--space-3); font-size: var(--text-lg); font-weight: 700; text-decoration: none; }
.site-footer__logo { width: 4rem; height: 4rem; object-fit: contain; }
.site-footer__nav h2 { color: var(--color-warm-white); font-family: var(--font-heading); font-size: var(--text-xl); }
.site-footer__nav ul { display: grid; gap: var(--space-2); padding: 0; list-style: none; }
.site-footer__nav li, .site-footer__nav .site-footer__nav a { font-size: var(--text-sm); }
.site-footer__nav address { color: rgb(247 243 234 / 78%); font-size: var(--text-sm); font-style: normal; line-height: 1.5; }
.site-footer__bottom { border-top: 1px solid rgb(247 243 234 / 20%); }
.site-footer__bottom p { margin: 0; padding-block: var(--space-4); color: rgb(247 243 234 / 72%); font-size: var(--text-xs); }
.site-footer :is(a, button):focus-visible { outline-color: var(--color-orange-100); }
@media (min-width: 48rem) { .site-footer__grid { grid-template-columns: 1.5fr repeat(3, 1fr); gap: var(--space-6); padding-block: var(--space-9); } }
.consent-banner { position: fixed; z-index: 200; right: var(--space-3); bottom: var(--space-3); left: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-paper); box-shadow: var(--shadow-floating); }
.consent-banner[hidden] { display: none; }
.consent-banner.is-hiding { opacity: 0; transform: translateY(1rem); transition: opacity var(--transition-fast), transform var(--transition-fast); }
.consent-banner__inner { display: grid; gap: var(--space-4); padding: var(--space-4); }
.consent-banner__copy h2, .consent-banner__copy p { margin: 0; }
.consent-banner__copy { display: grid; gap: var(--space-2); }
.consent-banner__copy h2 { font-size: var(--text-xl); }
.consent-banner__copy p { color: var(--color-text-muted); font-size: var(--text-sm); }
.consent-banner__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.consent-banner__actions button { flex: 1 1 8rem; }
@media (min-width: 48rem) { .consent-banner { right: var(--space-5); bottom: var(--space-5); left: auto; width: min(38rem, calc(100% - 3rem)); } .consent-banner__inner { grid-template-columns: 1fr auto; align-items: end; padding: var(--space-5); } .consent-banner__actions { justify-content: flex-end; } .consent-banner__actions button { flex: 0 0 auto; } }


.kontakt-page {
  overflow: hidden;
}

.kontakt-page .section {
  padding-block: var(--space-9);
}

.kontakt-hero {
  padding-top: var(--space-10);
}

.kontakt-hero__content {
  display: flex;
  width: min(100%, 47.5rem);
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  border-inline-start: 3px solid var(--color-forest-700);
  padding-inline-start: var(--space-5);
}

.kontakt-hero__content .eyebrow,
.kontakt-hero__content h1,
.kontakt-hero__content p {
  margin: 0;
}

.kontakt-hero__content h1 {
  font-size: clamp(2.375rem, 5vw, 3.5rem);
  line-height: 1.04;
}

.kontakt-hero__lead {
  width: min(100%, 36.25rem);
  font-size: var(--text-lg);
  line-height: 1.45;
}

.kontakt-scroll-link,
.kontakt-help-item__link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-forest-700);
  font-size: var(--text-sm);
  font-weight: 700;
}

.kontakt-scroll-link:hover,
.kontakt-help-item__link:hover {
  color: var(--color-forest-900);
}

.kontakt-section-intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.kontakt-section-intro .eyebrow,
.kontakt-section-intro h2,
.kontakt-section-intro p {
  margin: 0;
}

.kontakt-section-intro--channels {
  width: min(100%, 38.75rem);
  margin-bottom: var(--space-6);
}

.kontakt-section-intro--form {
  width: min(100%, 38.75rem);
  margin-bottom: var(--space-6);
}

.kontakt-section-intro--help {
  width: min(100%, 37.5rem);
  margin-bottom: var(--space-6);
}

.kontakt-channel-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.kontakt-channel-grid > * {
  min-width: 0;
}

.kontakt-channel-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
  min-height: 100%;
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-paper);
}

.kontakt-channel-card__icon {
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
  color: var(--color-forest-700);
}

.kontakt-channel-card__icon svg {
  width: 100%;
  height: 100%;
}

.kontakt-channel-card__body {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.kontakt-channel-card__body > * {
  margin: 0;
}

.kontakt-channel-card__label,
.kontakt-address-card__label {
  color: var(--color-forest-700);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.33;
  text-transform: uppercase;
}

.kontakt-channel-card h3 {
  font-size: var(--text-2xl);
}

.kontakt-channel-card__body > p:not(.kontakt-channel-card__label) {
  color: var(--color-text-muted);
}

.kontakt-channel-card__action {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  margin-top: auto;
  color: var(--color-forest-700);
  font-family: var(--font-heading);
  font-size: clamp(1.45rem, 2vw, 1.75rem);
  font-weight: 700;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.kontakt-channel-card__address {
  margin-top: auto;
  color: var(--color-graphite-900);
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-style: normal;
  font-weight: 700;
  line-height: 1.22;
}

.kontakt-form-section {
  border-block: 1px solid var(--color-border);
  background: color-mix(in srgb, var(--color-paper) 50%, transparent);
}

.kontakt-form-layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 2fr) minmax(16.25rem, 1fr);
  align-items: start;
  gap: var(--space-5);
}

.kontakt-form-layout > * {
  min-width: 0;
}

.kontakt-form {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
  padding: var(--space-6);
}

.kontakt-form__fields {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
}

.kontakt-field {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
}

.kontakt-field label,
.kontakt-field p {
  margin: 0;
}

.kontakt-field label span {
  color: var(--color-graphite-600);
  font-size: var(--text-xs);
  font-weight: 600;
}

.kontakt-field input,
.kontakt-field select {
  min-height: 3rem;
}

.kontakt-field textarea {
  min-height: 9rem;
}

.kontakt-field__help {
  color: var(--color-text-muted);
  font-size: var(--text-xs);
  line-height: 1.4;
}

.kontakt-field__error {
  min-height: 1.25rem;
  color: var(--color-error);
  font-size: var(--text-xs);
  font-weight: 600;
  line-height: 1.4;
}

.kontakt-field [aria-invalid="true"] {
  border-color: var(--color-error);
}

.kontakt-form__submit {
  width: fit-content;
  min-width: 11.5rem;
  min-height: 3rem;
}

.kontakt-form__status {
  min-height: 1.5rem;
  color: var(--color-success);
  font-size: var(--text-sm);
  font-weight: 600;
}

.kontakt-form__status.is-error {
  color: var(--color-error);
}

.kontakt-tips {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
  padding: var(--space-6);
  border-radius: var(--radius-md);
  background: var(--color-forest-900);
  color: var(--color-warm-white);
}

.kontakt-tips > * {
  margin: 0;
}

.kontakt-tips__eyebrow {
  color: var(--color-orange-100);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.33;
  text-transform: uppercase;
}

.kontakt-tips h3 {
  color: var(--color-warm-white);
}

.kontakt-tips ul {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding-inline-start: 1.25rem;
}

.kontakt-tips li {
  padding-inline-start: var(--space-1);
}

.kontakt-help-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}

.kontakt-help-grid > * {
  min-width: 0;
}

.kontakt-help-item {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  border-inline-start: 1px solid var(--color-border);
}

.kontakt-help-item:first-child {
  border-inline-start: 0;
  padding-inline-start: 0;
}

.kontakt-help-item > * {
  margin: 0;
}

.kontakt-help-item__number {
  color: var(--color-wood-500);
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: 700;
  line-height: 1;
}

.kontakt-help-item h3 {
  font-size: var(--text-2xl);
}

.kontakt-help-item p:not(.kontakt-help-item__number) {
  color: var(--color-text-muted);
}

.kontakt-help-item__link {
  margin-top: auto;
}

.kontakt-address-section {
  padding-top: 0;
}

.kontakt-address-layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  gap: var(--space-7);
}

.kontakt-address-layout > * {
  min-width: 0;
}

.kontakt-address-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  width: min(100%, 26.25rem);
}

.kontakt-address-copy > * {
  margin: 0;
}

.kontakt-address-copy p:not(.eyebrow) {
  color: var(--color-text-muted);
}

.kontakt-address-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-6);
  border-inline-start: 4px solid var(--color-wood-500);
}

.kontakt-address-card > * {
  margin: 0;
}

.kontakt-address-card address {
  color: var(--color-graphite-900);
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  font-style: normal;
  font-weight: 700;
  line-height: 1.05;
}

.kontakt-address-card > p {
  color: var(--color-text-muted);
}

.kontakt-closing {
  padding-bottom: var(--space-10);
}

.kontakt-closing .container {
  background: var(--color-forest-900);
}

.kontakt-closing__layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 2fr) minmax(12rem, 1fr);
  align-items: center;
  gap: var(--space-6);
  padding: var(--space-7);
}

.kontakt-closing__layout > * {
  min-width: 0;
}

.kontakt-closing__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  width: min(100%, 38.75rem);
}

.kontakt-closing__copy > * {
  margin: 0;
}

.kontakt-closing__copy h2,
.kontakt-closing__copy p {
  color: var(--color-warm-white);
}

.kontakt-closing__button {
  display: inline-flex;
  min-height: 2.75rem;
  width: fit-content;
  justify-self: end;
  align-items: center;
  justify-content: center;
  padding: 0.625rem var(--space-4);
  border: 1px solid var(--color-orange-600);
  border-radius: var(--radius-sm);
  background: var(--color-orange-600);
  color: var(--color-warm-white);
  font-size: var(--text-sm);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.kontakt-closing__button:hover {
  background: #ac5528;
  color: var(--color-warm-white);
}

@media (max-width: 56.1875rem) {
  .kontakt-channel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kontakt-channel-card:nth-child(3) {
    grid-column: 1 / -1;
  }

  .kontakt-form-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .kontakt-tips {
    width: 100%;
  }

  .kontakt-help-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .kontakt-help-item {
    padding: 0;
    border-inline-start: 0;
  }

  .kontakt-help-item:nth-child(2) {
    border-inline-start: 1px solid var(--color-border);
    padding-inline-start: var(--space-5);
  }

  .kontakt-help-item:nth-child(3) {
    grid-column: 1 / -1;
    border-top: 1px solid var(--color-border);
    padding-top: var(--space-5);
  }
}

@media (max-width: 47.9375rem) {
  .kontakt-page .section {
    padding-block: var(--space-8);
  }

  .kontakt-hero {
    padding-top: var(--space-9);
  }

  .kontakt-hero__content {
    width: 100%;
    gap: var(--space-3);
    padding-inline-start: var(--space-4);
  }

  .kontakt-hero__lead {
    width: 100%;
    font-size: var(--text-base);
  }

  .kontakt-channel-grid,
  .kontakt-help-grid,
  .kontakt-address-layout,
  .kontakt-closing__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .kontakt-channel-grid {
    gap: var(--space-4);
  }

  .kontakt-channel-card:nth-child(3) {
    grid-column: auto;
  }

  .kontakt-channel-card,
  .kontakt-form,
  .kontakt-tips,
  .kontakt-address-card {
    padding: var(--space-5);
  }

  .kontakt-form__submit {
    width: 100%;
  }

  .kontakt-help-grid {
    gap: 0;
  }

  .kontakt-help-item,
  .kontakt-help-item:first-child,
  .kontakt-help-item:nth-child(2),
  .kontakt-help-item:nth-child(3) {
    padding: var(--space-5) 0;
    border-top: 1px solid var(--color-border);
    border-inline-start: 0;
  }

  .kontakt-help-item:first-child {
    padding-top: 0;
    border-top: 0;
  }

  .kontakt-help-item:nth-child(3) {
    grid-column: auto;
  }

  .kontakt-address-layout {
    gap: var(--space-5);
  }

  .kontakt-address-copy {
    width: 100%;
  }

  .kontakt-address-card address {
    font-size: var(--text-2xl);
  }

  .kontakt-closing {
    padding-bottom: calc(var(--space-8) + env(safe-area-inset-bottom));
  }

  .kontakt-closing__layout {
    gap: var(--space-5);
    padding: var(--space-5);
  }

  .kontakt-closing__button {
    width: 100%;
    justify-self: stretch;
  }
}


.cookies-page {
  background: var(--color-warm-white);
  padding-block: var(--space-8) var(--space-9);
}

.cookies-page__container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  row-gap: 0;
}

.cookies-intro,
.cookies-summary,
.cookies-document-section {
  grid-column: 3 / span 8;
  min-width: 0;
}

.cookies-intro {
  padding-block: var(--space-5) var(--space-7);
}

.cookies-intro__content,
.cookies-document-section__content {
  width: 100%;
  min-width: 0;
}

.cookies-intro h1 {
  margin-bottom: var(--space-5);
  font-size: clamp(2rem, 4vw, 2.375rem);
  line-height: 1.1;
}

.cookies-intro__lead {
  display: flex;
  max-width: 43rem;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
}

.cookies-intro__lead p {
  margin: 0;
}

.cookies-intro__date {
  display: flex;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-3);
  margin: var(--space-5) 0 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border);
}

.cookies-intro__date span,
.cookies-category__label,
.cookies-current-version__label,
.cookies-contact-card dt {
  color: var(--color-forest-700);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.33;
  text-transform: uppercase;
}

.cookies-intro__date strong {
  color: var(--color-graphite-900);
  font-size: var(--text-sm);
}

.cookies-summary {
  min-width: 0;
  padding: var(--space-5);
}

.cookies-summary__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-5);
}

.cookies-summary__copy {
  min-width: 0;
}

.cookies-summary__copy h2 {
  margin-bottom: var(--space-3);
}

.cookies-summary__copy p {
  margin: 0;
}

.cookies-summary__nav {
  width: 100%;
  min-width: 0;
  border-top: 1px solid var(--color-border);
}

.cookies-summary__nav ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cookies-summary__nav li {
  width: 100%;
  min-width: 0;
  border-bottom: 1px solid var(--color-border);
}

.cookies-summary__nav a {
  display: flex;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  gap: var(--space-3);
  padding-block: var(--space-3);
  color: var(--color-forest-700);
  font-weight: 600;
  text-decoration: none;
}

.cookies-summary__nav a:hover {
  color: var(--color-forest-900);
  text-decoration: underline;
}

.cookies-summary__nav a span {
  flex: 0 0 2rem;
  color: var(--color-graphite-600);
  font-size: var(--text-xs);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.cookies-document-section {
  scroll-margin-top: 7rem;
  padding-top: var(--space-8);
}

.cookies-document-section + .cookies-document-section {
  padding-top: var(--space-9);
}

.cookies-document-section h2 {
  margin-bottom: var(--space-5);
  font-size: var(--text-2xl);
  line-height: 1.14;
}

.cookies-document-section__copy {
  max-width: 45rem;
}

.cookies-document-section__copy ul,
.cookies-management ul,
.cookies-management ol,
.cookies-category ul {
  margin-bottom: 0;
}

.cookies-document-section__copy li + li,
.cookies-management li + li,
.cookies-category .cookies-definition {
  max-width: 100%;
  min-width: 0;
  margin-top: var(--space-5);
  padding: var(--space-4) var(--space-5);
  border-inline-start: 3px solid var(--color-forest-500);
  color: var(--color-graphite-600);
}

.cookies-definition p,
.cookies-choice-note p,
.cookies-impact-note p {
  margin: 0;
}

.cookies-categories {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
}

.cookies-category {
  width: 100%;
  min-width: 0;
  padding: var(--space-5);
}

.cookies-category__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
}

.cookies-category__content > * {
  min-width: 0;
  margin: 0;
}

.cookies-category h3 {
  font-size: var(--text-2xl);
}

.cookies-category h4 {
  margin-bottom: var(--space-2);
  font-size: var(--text-lg);
}

.cookies-category__label {
  width: fit-content;
  max-width: 100%;
  padding: var(--space-1) var(--space-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
}

.cookies-category__label--essential {
  border-color: var(--color-forest-700);
  background: var(--color-forest-700);
  color: var(--color-warm-white);
}

.cookies-category__subsections {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
}

.cookies-category__subsections > div {
  min-width: 0;
}

.cookies-category__subsections p {
  margin: 0;
}

.cookies-choice-note {
  max-width: 43rem;
  min-width: 0;
  margin-top: var(--space-5);
  padding-inline-start: var(--space-4);
  border-inline-start: 3px solid var(--color-forest-500);
}

.cookies-management {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  min-width: 0;
}

.cookies-management__block {
  min-width: 0;
  max-width: 45rem;
}

.cookies-management__block h3 {
  margin-bottom: var(--space-3);
}

.cookies-management__block--browser {
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
}

.cookies-impact-note {
  max-width: 100%;
  min-width: 0;
  margin-top: var(--space-5);
  padding: var(--space-4) var(--space-5);
  border-inline-start: 3px solid var(--color-orange-600);
  background: var(--color-orange-100);
  color: var(--color-graphite-900);
}

.cookies-retention {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  min-width: 0;
}

.cookies-retention__item {
  max-width: 45rem;
  min-width: 0;
}

.cookies-retention__item + .cookies-retention__item {
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
}

.cookies-retention__item h3 {
  margin-bottom: var(--space-3);
}

.cookies-retention__item p {
  margin: 0;
}

.cookies-current-version {
  width: min(100%, 40rem);
  min-width: 0;
  margin-top: var(--space-6);
  padding: var(--space-5);
}

.cookies-current-version__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
}

.cookies-current-version__content p {
  margin: 0;
}

.cookies-current-version__date {
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border);
}

.cookies-contact-section {
  padding-bottom: var(--space-5);
}

.cookies-contact-section__intro {
  max-width: 44rem;
}

.cookies-contact-section__intro p {
  margin-bottom: var(--space-5);
}

.cookies-contact-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  min-width: 0;
  margin: 0;
}

.cookies-contact-card__row {
  display: grid;
  grid-template-columns: 8.75rem minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
  padding: var(--space-4) var(--space-5);
}

.cookies-contact-card__row + .cookies-contact-card__row {
  border-top: 1px solid var(--color-border);
}

.cookies-contact-card dt,
.cookies-contact-card dd {
  min-width: 0;
  margin: 0;
}

.cookies-contact-card dd {
  color: var(--color-graphite-900);
  overflow-wrap: anywhere;
}

.cookies-contact-card a {
  display: inline-flex;
  min-height: 1.75rem;
  align-items: center;
  color: var(--color-forest-700);
  font-weight: 600;
}

@media (min-width: 48rem) {
  .cookies-page {
    padding-block: var(--space-9) var(--space-10);
  }

  .cookies-intro {
    padding-top: var(--space-7);
    padding-bottom: var(--space-8);
  }

  .cookies-summary,
  .cookies-category,
  .cookies-current-version {
    padding: var(--space-6);
  }

  .cookies-document-section {
    padding-top: var(--space-9);
  }

  .cookies-document-section + .cookies-document-section {
    padding-top: var(--space-10);
  }
}

@media (max-width: 47.99rem) {
  .cookies-page__container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-4);
  }

  .cookies-intro,
  .cookies-summary,
  .cookies-document-section {
    grid-column: 1 / -1;
  }

  .cookies-page {
    padding-block: var(--space-6) var(--space-8);
  }

  .cookies-intro {
    padding-top: var(--space-4);
    padding-bottom: var(--space-6);
  }

  .cookies-intro h1 {
    font-size: 2rem;
  }

  .cookies-summary,
  .cookies-category,
  .cookies-current-version {
    padding: var(--space-5);
  }

  .cookies-document-section {
    padding-top: var(--space-7);
  }

  .cookies-document-section + .cookies-document-section {
    padding-top: var(--space-8);
  }

  .cookies-document-section h2 {
    font-size: 1.75rem;
  }

  .cookies-contact-card__row {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .cookies-contact-card a {
    min-height: 2.75rem;
  }
}


.regulamin-page {
  background: var(--color-warm-white);
}

.regulamin-page__intro {
  padding: var(--space-8) 0 var(--space-7);
}

.regulamin-page__intro-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.regulamin-page__title-block {
  grid-column: 1;
  min-width: 0;
  max-width: 51.25rem;
}

.regulamin-page__title-block h1 {
  margin-bottom: var(--space-4);
}

.regulamin-page__lead {
  max-width: 68ch;
  margin-bottom: var(--space-5);
  font-size: var(--text-base);
  line-height: var(--leading-body);
}

.regulamin-page__effective-date,
.regulamin-document__version {
  display: flex;
  min-width: 0;
  align-items: baseline;
  justify-content: flex-start;
  gap: var(--space-3);
  padding: var(--space-3) 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  font-variant-numeric: tabular-nums;
}

.regulamin-page__effective-date span,
.regulamin-document__version span {
  color: var(--color-forest-900);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.33;
  text-transform: uppercase;
}

.regulamin-page__effective-date strong,
.regulamin-document__version strong {
  color: var(--color-graphite-900);
  font-size: var(--text-sm);
}

.regulamin-page__content {
  padding: 0 0 var(--space-10);
}

.regulamin-page__layout {
  display: grid;
  grid-template-columns: minmax(15.625rem, 17.5rem) minmax(0, 51.25rem);
  align-items: start;
  justify-content: space-between;
  gap: var(--space-6);
}

.regulamin-index {
  grid-column: 1;
  min-width: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-paper);
}

.regulamin-index__toggle {
  display: none;
}

.regulamin-index__nav {
  display: block;
  min-width: 0;
  padding: var(--space-5);
}

.regulamin-index__list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.regulamin-index__list > li {
  width: 100%;
  min-width: 0;
}

.regulamin-index__list a {
  display: block;
  width: 100%;
  min-width: 0;
  padding: var(--space-2) 0 var(--space-2) var(--space-3);
  border-left: 2px solid transparent;
  color: var(--color-graphite-900);
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 1.43;
  text-decoration: none;
}

.regulamin-index__list a:hover,
.regulamin-index__list a[aria-current="true"] {
  border-left-color: var(--color-forest-700);
  color: var(--color-forest-700);
}

.regulamin-document {
  grid-column: 2;
  min-width: 0;
  width: 100%;
  padding: var(--space-6);
}

.regulamin-document__section {
  min-width: 0;
  padding-bottom: var(--space-8);
  border-bottom: 1px solid var(--color-border);
}

.regulamin-document__section + .regulamin-document__section {
  padding-top: var(--space-8);
}

.regulamin-document__section--last {
  padding-bottom: 0;
  border-bottom: 0;
}

.regulamin-document__section h2 {
  max-width: 28ch;
  margin-bottom: var(--space-6);
  scroll-margin-top: var(--space-8);
}

.regulamin-document__section h3 {
  margin-bottom: var(--space-3);
  font-size: var(--text-xl);
}

.regulamin-document__copy {
  min-width: 0;
}

.regulamin-document__copy + .regulamin-document__copy,
.regulamin-document__copy + .regulamin-note,
.regulamin-note + .regulamin-document__copy,
.regulamin-important + .regulamin-document__copy {
  margin-top: var(--space-6);
}

.regulamin-document__copy p,
.regulamin-document__copy ul,
.regulamin-document__copy ol {
  max-width: 78ch;
}

.regulamin-document__copy ul,
.regulamin-document__copy ol {
  margin-bottom: var(--space-4);
}

.regulamin-document__copy .regulamin-contact {
  width: 100%;
  min-width: 0;
  margin: var(--space-5) 0 0;
  padding: var(--space-4);
  font-style: normal;
}

.regulamin-contact dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  margin: 0;
}

.regulamin-contact dl > div {
  min-width: 0;
}

.regulamin-contact dt {
  margin-bottom: var(--space-1);
  color: var(--color-graphite-600);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.33;
  text-transform: uppercase;
}

.regulamin-contact dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: var(--text-sm);
  line-height: 1.43;
}

.regulamin-definitions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4) var(--space-5);
  margin: 0;
}

.regulamin-definitions > div {
  display: grid;
  grid-template-columns: minmax(6.25rem, 28%) minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border);
}

.regulamin-definitions dt {
  min-width: 0;
  font-weight: 700;
}

.regulamin-definitions dd {
  min-width: 0;
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  line-height: 1.43;
}

.regulamin-steps {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.regulamin-steps > li {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-3);
  align-items: start;
  min-width: 0;
}

.regulamin-steps span {
  display: inline-flex;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-forest-700);
  border-radius: var(--radius-sm);
  color: var(--color-forest-700);
  font-family: var(--font-heading);
  font-size: var(--text-lg);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.regulamin-steps p {
  min-width: 0;
  margin: var(--space-1) 0 0;
}

.regulamin-note {
  max-width: 65ch;
  margin-bottom: 0;
  padding: var(--space-4);
  border: 1px solid var(--color-orange-100);
  border-radius: var(--radius-sm);
  background: var(--color-orange-100);
  color: var(--color-graphite-900);
}

.regulamin-important {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  width: 100%;
  margin: var(--space-5) 0 0;
  padding: var(--space-4);
  border-left: 3px solid var(--color-forest-700);
  background: var(--color-paper);
}

.regulamin-important strong {
  color: var(--color-forest-700);
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  line-height: 1.33;
  text-transform: uppercase;
}

.regulamin-important p {
  margin: 0;
}

.regulamin-checklist {
  padding-inline-start: 1.25rem;
}

.regulamin-document__closing-link {
  min-width: 0;
  margin-top: var(--space-6);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
}

.regulamin-document__closing-link p {
  margin: 0;
}

.regulamin-policy-links {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  width: 100%;
  margin-top: var(--space-4);
  padding: var(--space-4);
}

.regulamin-policy-links a {
  display: block;
  width: fit-content;
  max-width: 100%;
  min-height: 2.75rem;
  padding: var(--space-3) 0;
  font-weight: 700;
}

.regulamin-document__version {
  width: 100%;
  margin-top: var(--space-6);
}

@media (min-width: 60rem) {
  .regulamin-index {
    position: sticky;
    top: var(--space-6);
  }
}

@media (max-width: 59.9375rem) {
  .regulamin-page__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .regulamin-index,
  .regulamin-document {
    grid-column: 1;
  }

  .regulamin-index__toggle {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 3rem;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--color-graphite-900);
    font-family: var(--font-heading);
    font-size: var(--text-xl);
    font-weight: 700;
    text-align: left;
  }

  .regulamin-index__toggle:hover {
    background: var(--color-paper);
    color: var(--color-forest-700);
  }

  .regulamin-index__toggle-mark {
    flex: 0 0 auto;
    color: var(--color-forest-700);
    font-family: var(--font-body);
    font-size: var(--text-xl);
    line-height: 1;
  }

  .regulamin-index__toggle[aria-expanded="true"] .regulamin-index__toggle-mark {
    transform: rotate(45deg);
  }

  .regulamin-index__nav {
    display: none;
    padding-top: 0;
  }

  .regulamin-index__nav.is-open {
    display: block;
  }
}

@media (max-width: 47.9375rem) {
  .regulamin-page__intro {
    padding: var(--space-7) 0 var(--space-6);
  }

  .regulamin-page__title-block h1 {
    font-size: 2rem;
    line-height: 1.125;
  }

  .regulamin-page__lead {
    max-width: none;
  }

  .regulamin-page__effective-date,
  .regulamin-document__version {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--space-1);
  }

  .regulamin-page__content {
    padding-bottom: var(--space-8);
  }

  .regulamin-document {
    padding: var(--space-5);
  }

  .regulamin-document__section {
    padding-bottom: var(--space-7);
  }

  .regulamin-document__section + .regulamin-document__section {
    padding-top: var(--space-7);
  }

  .regulamin-document__section h2 {
    max-width: none;
    font-size: var(--text-2xl);
    line-height: 1.14;
  }

  .regulamin-contact dl,
  .regulamin-definitions {
    grid-template-columns: minmax(0, 1fr);
  }

  .regulamin-contact dl {
    gap: var(--space-3);
  }

  .regulamin-definitions {
    gap: var(--space-3);
  }

  .regulamin-definitions > div {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-1);
  }

  .regulamin-steps > li {
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: var(--space-2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .regulamin-index__toggle-mark {
    transition: none;
  }
}

@media print {
  .regulamin-page {
    background: #fff;
  }

  .regulamin-page__intro {
    padding: 0 0 1.5rem;
  }

  .regulamin-page__layout {
    display: block;
  }

  .regulamin-index {
    margin-bottom: 1.5rem;
    border-radius: 0;
  }

  .regulamin-index__toggle {
    display: none;
  }

  .regulamin-index__nav,
  .regulamin-index__nav.is-open {
    display: block;
  }

  .regulamin-document {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .regulamin-document__section,
  .regulamin-contact,
  .regulamin-important,
  .regulamin-policy-links,
  .regulamin-note {
    break-inside: avoid;
  }

  .regulamin-note {
    background: transparent;
  }
}


.privacy-page {
  background: var(--color-warm-white);
}

.privacy-page__intro {
  padding-bottom: var(--space-8);
}

.privacy-page__intro-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
}

.privacy-page__title-block {
  grid-column: 4 / span 9;
  min-width: 0;
}

.privacy-page__title-block h1 {
  margin-bottom: var(--space-4);
  font-size: 2.375rem;
  line-height: 1.1;
}

.privacy-page__lead {
  max-width: 68ch;
  margin-bottom: var(--space-5);
  font-size: var(--text-lg);
  line-height: 1.45;
}

.privacy-page__effective {
  display: flex;
  width: fit-content;
  min-width: 0;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2) var(--space-3);
  margin: 0;
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--color-forest-700);
  font-size: var(--text-sm);
}

.privacy-page__effective span {
  color: var(--color-forest-700);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.privacy-page__body {
  padding-top: 0;
}

.privacy-page__layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: start;
  gap: var(--space-5);
}

.privacy-toc {
  position: sticky;
  top: var(--space-6);
  grid-column: 1 / span 3;
  min-width: 0;
  padding-right: var(--space-4);
}

.privacy-toc h2 {
  margin-bottom: var(--space-3);
  font-size: var(--text-2xl);
}

.privacy-toc__list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: privacy-toc;
}

.privacy-toc__list li {
  min-width: 0;
  counter-increment: privacy-toc;
}

.privacy-toc__list a {
  display: flex;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) 0 var(--space-2) var(--space-3);
  border-left: 2px solid transparent;
  color: var(--color-graphite-900);
  font-size: var(--text-sm);
  line-height: 1.43;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast), text-decoration-color var(--transition-fast);
}

.privacy-toc__list a::before {
  flex: 0 0 auto;
  color: var(--color-graphite-600);
  content: counter(privacy-toc, decimal-leading-zero);
  font-family: var(--font-heading);
  font-size: var(--text-lg);
  font-weight: 700;
}

.privacy-toc__list a:hover,
.privacy-toc__list a[aria-current="true"] {
  border-left-color: var(--color-forest-700);
  background: rgb(79 122 88 / 8%);
  color: var(--color-forest-700);
  text-decoration-color: currentcolor;
}

.privacy-toc__list a[aria-current="true"]::before {
  color: var(--color-forest-700);
}

.privacy-document {
  grid-column: 4 / span 9;
  min-width: 0;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  background: var(--color-paper);
}

.privacy-document__section {
  position: relative;
  min-width: 0;
  scroll-margin-top: 7rem;
}

.privacy-document__section + .privacy-document__section {
  margin-top: var(--space-8);
  padding-top: var(--space-8);
  border-top: 1px solid var(--color-border);
}

.privacy-document__number {
  margin-bottom: var(--space-2);
  color: var(--color-forest-700);
  font-family: var(--font-heading);
  font-size: var(--text-lg);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
}

.privacy-document h2 {
  max-width: 34ch;
  margin-bottom: var(--space-5);
  font-size: 1.75rem;
  line-height: 1.14;
}

.privacy-document h3 {
  max-width: 42ch;
  margin-top: var(--space-6);
  margin-bottom: var(--space-3);
  font-size: 1.375rem;
  line-height: 1.27;
}

.privacy-document h2 + h3 {
  margin-top: 0;
}

.privacy-document p:not(.privacy-document__number):not(.privacy-document__note):not(.privacy-document__conditional):not(.privacy-document__security):not(.privacy-document__revision) {
  max-width: 76ch;
}

.privacy-document ul {
  max-width: 78ch;
}

.privacy-contact-card,
.privacy-request-card,
.privacy-final-contact {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  margin: var(--space-5) 0;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-paper);
}

.privacy-contact-card {
  max-width: 58ch;
}

.privacy-contact-card p,
.privacy-request-card p,
.privacy-final-contact p {
  margin: 0;
}

.privacy-document__note {
  max-width: 68ch;
  margin: var(--space-4) 0;
  padding: var(--space-3) var(--space-4);
  border-left: 3px solid var(--color-forest-500);
  background: rgb(79 122 88 / 8%);
  color: var(--color-graphite-600);
}

.privacy-purpose-list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
}

.privacy-purpose-list__item {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  min-width: 0;
  gap: var(--space-4);
}

.privacy-purpose-list__number {
  display: block;
  min-width: 0;
  color: var(--color-forest-700);
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: 700;
  line-height: 1;
}

.privacy-purpose-list__item > div {
  min-width: 0;
}

.privacy-purpose-list__item h3 {
  max-width: none;
  margin-top: 0;
}

.privacy-purpose-list__item p {
  margin-bottom: 0;
}

.privacy-document__conditional,
.privacy-document__security {
  max-width: 76ch;
  padding-left: var(--space-4);
  border-left: 3px solid var(--color-forest-500);
}

.privacy-rights-list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}

.privacy-rights-list li {
  min-width: 0;
  padding-left: var(--space-1);
}

.privacy-request-card {
  max-width: 42.5rem;
  gap: var(--space-4);
}

.privacy-request-card h3 {
  margin: 0;
}

.privacy-document__revision {
  max-width: 76ch;
  margin: var(--space-4) 0 var(--space-5);
  color: var(--color-graphite-600);
  font-size: var(--text-sm);
}

.privacy-final-contact {
  max-width: 38.75rem;
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.privacy-final-contact p {
  display: grid;
  grid-template-columns: minmax(5rem, 7rem) minmax(0, 1fr);
  min-width: 0;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
}

.privacy-final-contact p + p {
  border-top: 1px solid var(--color-border);
}

.privacy-final-contact p > * {
  min-width: 0;
}

.privacy-final-contact p > span:first-child {
  color: var(--color-graphite-600);
  font-size: var(--text-sm);
  font-weight: 600;
}

.privacy-final-contact a {
  display: inline-flex;
  min-height: 1.75rem;
  align-items: center;
}

@media (max-width: 56.1875rem) {
  .privacy-page__intro-grid,
  .privacy-page__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .privacy-page__title-block,
  .privacy-toc,
  .privacy-document {
    grid-column: 1;
  }

  .privacy-page__title-block {
    max-width: 50rem;
  }

  .privacy-toc {
    position: static;
    width: 100%;
    padding: 0;
  }

  .privacy-document {
    width: 100%;
  }
}

@media (max-width: 47.9375rem) {
  .privacy-page__intro {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }

  .privacy-page__title-block h1 {
    font-size: 2rem;
    line-height: 1.125;
  }

  .privacy-page__lead {
    max-width: none;
    font-size: var(--text-base);
    line-height: 1.5;
  }

  .privacy-page__effective {
    width: 100%;
  }

  .privacy-page__body {
    padding-top: 0;
  }

  .privacy-page__layout {
    gap: var(--space-6);
  }

  .privacy-document {
    padding: var(--space-4);
  }

  .privacy-document__section + .privacy-document__section {
    margin-top: var(--space-7);
    padding-top: var(--space-7);
  }

  .privacy-document h2 {
    font-size: 1.625rem;
    line-height: 1.15;
  }

  .privacy-document h3 {
    font-size: 1.375rem;
    line-height: 1.27;
  }

  .privacy-document p:not(.privacy-document__number):not(.privacy-document__note):not(.privacy-document__conditional):not(.privacy-document__security):not(.privacy-document__revision),
  .privacy-document ul,
  .privacy-purpose-list__item p {
  }

  .privacy-contact-card,
  .privacy-request-card {
    width: 100%;
    max-width: none;
    padding: var(--space-4);
  }

  .privacy-purpose-list {
    gap: var(--space-5);
  }

  .privacy-purpose-list__item {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .privacy-purpose-list__number {
    font-size: var(--text-xl);
  }

  .privacy-final-contact {
    width: 100%;
    max-width: none;
  }

  .privacy-final-contact p {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-1);
  }

  .privacy-final-contact a {
    min-height: 2.75rem;
  }
}


.cart-page {
  background: var(--color-warm-white);
}

.cart-page__intro {
  padding-bottom: var(--space-6);
}

.cart-page__intro-layout {
  display: grid;
  grid-template-columns: minmax(0, 8fr) max-content;
  align-items: end;
  gap: var(--space-5);
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--color-border);
}

.cart-page__intro-copy,
.cart-page__list-heading-copy,
.cart-page__next-step-intro,
.cart-page__empty-copy,
.cart-page__summary-content,
.cart-page__step-copy {
  min-width: 0;
}

.cart-page__intro-copy {
  width: 100%;
  max-width: 48ch;
}

.cart-page__intro-copy > :last-child,
.cart-page__list-heading-copy > :last-child,
.cart-page__next-step-intro > :last-child,
.cart-page__empty-copy > :last-child,
.cart-page__summary-content > :last-child,
.cart-page__step-copy > :last-child {
  margin-bottom: 0;
}

.cart-page__intro h1 {
  margin-bottom: var(--space-3);
  font-size: var(--text-3xl);
}

.cart-page__cart-status {
  margin: 0;
  color: var(--color-text-muted);
}

.cart-page__continue-button {
  width: max-content;
  min-width: 0;
  white-space: nowrap;
}

.cart-page__filled {
  padding-top: var(--space-5);
}

.cart-page__shopping-layout {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(18.75rem, 4fr);
  align-items: start;
  gap: var(--space-5);
}

.cart-page__items-area {
  min-width: 0;
}

.cart-page__list-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}

.cart-page__list-heading h2,
.cart-page__summary h2,
.cart-page__next-step h2 {
  margin-bottom: var(--space-2);
}

.cart-page__column-labels {
  display: grid;
  grid-template-columns: minmax(12.5rem, 1fr) minmax(5.5rem, 0.55fr) 8.25rem minmax(6rem, 0.6fr) 2.75rem;
  gap: var(--space-3);
  align-items: end;
  color: var(--color-text-muted);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.33;
  text-transform: uppercase;
}

.cart-page__column-labels span:nth-child(n + 2) {
  text-align: right;
}

.cart-page__items {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
}

.cart-page__item {
  display: grid;
  grid-template-columns: 7.5rem minmax(12.5rem, 1fr) minmax(5.5rem, 0.55fr) 8.25rem minmax(6rem, 0.6fr) 2.75rem;
  gap: var(--space-3);
  align-items: center;
  min-width: 0;
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-paper);
}

.cart-page__product-image {
  width: 7.5rem;
  max-width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-warm-white);
}

.cart-page__product-image img {
  width: 100%;
  height: 100%;
  padding: 10%;
  object-fit: contain;
}

.cart-page__product-details,
.cart-page__price-cell,
.cart-page__quantity-cell,
.cart-page__line-total,
.cart-page__remove-cell {
  min-width: 0;
}

.cart-page__product-details {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.cart-page__product-category {
  margin: 0;
  color: var(--color-forest-700);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.33;
  text-transform: uppercase;
}

.cart-page__product-name {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: 700;
  line-height: 1.15;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.cart-page__product-name a {
  color: var(--color-graphite-900);
  text-decoration: none;
}

.cart-page__product-name a:hover {
  color: var(--color-forest-700);
  text-decoration: underline;
}

.cart-page__product-spec {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  line-height: 1.43;
}

.cart-page__price-cell,
.cart-page__line-total {
  color: var(--color-graphite-900);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.cart-page__price-cell strong,
.cart-page__line-total strong {
  font-family: var(--font-heading);
  font-size: var(--text-lg);
  line-height: 1.1;
}

.cart-page__quantity-cell {
  display: flex;
  justify-content: flex-end;
}

.cart-page__quantity {
  display: grid;
  grid-template-columns: 2.75rem minmax(2.25rem, 1fr) 2.75rem;
  width: 8.25rem;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: var(--color-paper);
}

.cart-page__quantity button {
  width: 2.75rem;
  min-width: 0;
  min-height: 2.75rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-forest-700);
  font-size: var(--text-lg);
}

.cart-page__quantity button:hover {
  background: var(--color-orange-100);
  color: var(--color-graphite-900);
}

.cart-page__quantity input {
  width: 100%;
  min-width: 0;
  min-height: 2.75rem;
  padding: 0;
  border: 0;
  border-inline: 1px solid var(--color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: var(--text-sm);
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.cart-page__quantity input:focus {
  box-shadow: inset 0 0 0 2px var(--color-forest-700);
}

.cart-page__quantity-error {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--color-error);
  font-size: var(--text-xs);
  line-height: 1.33;
}

.cart-page__remove-cell {
  display: flex;
  justify-content: flex-end;
}

.cart-page__remove {
  width: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-error);
  text-decoration: underline;
  text-underline-offset: 0.16em;
}

.cart-page__remove:hover {
  background: transparent;
  color: #873126;
}

.cart-page__summary {
  position: sticky;
  top: var(--space-5);
  min-width: 0;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-floating);
}

.cart-page__summary-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-5);
}

.cart-page__summary-content h2 {
  margin: 0;
}

.cart-page__summary-lines {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.cart-page__summary-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: var(--space-3);
  align-items: baseline;
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--color-border);
}

.cart-page__summary-line span,
.cart-page__summary-line strong {
  min-width: 0;
}

.cart-page__summary-line strong {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.cart-page__summary-line--total {
  align-items: end;
  padding-bottom: 0;
  border-bottom: 0;
}

.cart-page__summary-line--total span {
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: 700;
  line-height: 1.1;
}

.cart-page__summary-line--total .price {
  font-size: var(--text-2xl);
}

.cart-page__checkout-button {
  min-height: 3rem;
}

.cart-page__checkout-note {
  width: 100%;
  max-width: 32ch;
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  line-height: 1.43;
}

.cart-page__next-step {
  padding-top: var(--space-8);
}

.cart-page__next-step-inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  padding-top: var(--space-8);
  border-top: 1px solid var(--color-border);
}

.cart-page__next-step-intro {
  width: 100%;
  max-width: 56ch;
}

.cart-page__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

.cart-page__step {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
}

.cart-page__step-number {
  display: flex;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-forest-700);
  border-radius: 50%;
  color: var(--color-forest-700);
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: 700;
  line-height: 1;
}

.cart-page__step-copy h3 {
  margin-bottom: var(--space-2);
  font-size: var(--text-xl);
}

.cart-page__step-copy p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  line-height: 1.43;
}

.cart-page__text-link {
  width: max-content;
  max-width: 100%;
  color: var(--color-forest-700);
  font-weight: 700;
}

.cart-page__empty {
  padding-top: var(--space-5);
}

.cart-page__empty-panel {
  display: flex;
  width: min(100%, 40rem);
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
  margin-inline: auto;
  padding: var(--space-8) var(--space-6);
  text-align: center;
}

.cart-page__spade-detail {
  position: relative;
  width: 3.5rem;
  height: 4.25rem;
  flex: 0 0 auto;
}

.cart-page__spade-detail::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0.625rem;
  height: 2.75rem;
  transform: translateX(-50%);
  border: 2px solid var(--color-forest-700);
  border-radius: 0.25rem;
  content: "";
}

.cart-page__spade-detail::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2.25rem;
  height: 2.25rem;
  transform: translateX(-50%) rotate(45deg);
  border: 2px solid var(--color-forest-700);
  border-radius: 0.125rem 0.125rem 1.1rem 0.125rem;
  content: "";
}

.cart-page__spade-detail span {
  position: absolute;
  top: 0.3rem;
  left: 50%;
  width: 1.35rem;
  height: 0.7rem;
  transform: translateX(-50%);
  border: 2px solid var(--color-forest-700);
  border-radius: 0.125rem;
}

.cart-page__empty-copy {
  width: 100%;
  max-width: 50ch;
  margin-inline: auto;
}

.cart-page__empty-copy h2 {
  margin-bottom: var(--space-3);
  font-size: var(--text-3xl);
}

.cart-page__empty-copy p:last-child {
  margin-bottom: 0;
}

.cart-page__empty-actions {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
}

.cart-page__empty-shop-button {
  min-height: 3rem;
}

.cart-page__toast {
  position: fixed;
  z-index: 20;
  right: var(--space-4);
  bottom: var(--space-4);
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  width: min(25rem, calc(100% - (2 * var(--space-4))));
  min-width: 0;
  gap: var(--space-3);
  align-items: center;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  border-left: 4px solid var(--color-forest-500);
  border-radius: var(--radius-sm);
  background: var(--color-paper);
  box-shadow: var(--shadow-floating);
  color: var(--color-graphite-900);
  font-size: var(--text-sm);
  line-height: 1.43;
}

.cart-page__toast-message {
  min-width: 0;
}

.cart-page__undo {
  min-height: 2.75rem;
  padding: 0 var(--space-2);
  border: 0;
  background: transparent;
  color: var(--color-forest-700);
  text-decoration: underline;
  text-underline-offset: 0.16em;
}

.cart-page__undo:hover {
  background: transparent;
  color: var(--color-forest-900);
}

.cart-page__field-label {
  display: none;
}

@media (max-width: 68.6875rem) {
  .cart-page__shopping-layout {
    grid-template-columns: minmax(0, 7fr) minmax(18.75rem, 5fr);
  }

  .cart-page__item {
    grid-template-columns: 7rem minmax(10rem, 1fr) 7.75rem 2.75rem;
  }

  .cart-page__column-labels {
    grid-template-columns: minmax(10rem, 1fr) 7.75rem 2.75rem;
  }

  .cart-page__column-labels span:nth-child(2),
  .cart-page__column-labels span:nth-child(4) {
    display: none;
  }

  .cart-page__price-cell,
  .cart-page__line-total {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-column: 2 / 3;
    gap: var(--space-2);
    align-items: baseline;
  }

  .cart-page__price-cell::before,
  .cart-page__line-total::before {
    color: var(--color-text-muted);
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-align: left;
    text-transform: uppercase;
  }

  .cart-page__price-cell::before {
    content: "Cena";
  }

  .cart-page__line-total::before {
    content: "Suma";
  }

  .cart-page__quantity-cell {
    grid-column: 3 / 4;
    grid-row: 1 / 4;
  }

  .cart-page__remove-cell {
    grid-column: 4 / 5;
    grid-row: 1 / 4;
  }

  .cart-page__product-image {
    width: 7rem;
  }
}

@media (max-width: 62.4375rem) {
  .cart-page__intro-layout {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .cart-page__continue-button {
    width: 100%;
  }

  .cart-page__shopping-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .cart-page__summary {
    position: static;
    grid-row: 2;
  }

  .cart-page__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cart-page__step:nth-child(3) {
    grid-column: 1 / 2;
  }
}

@media (max-width: 47.4375rem) {
  .cart-page__intro {
    padding-bottom: var(--space-5);
  }

  .cart-page__intro-layout {
    gap: var(--space-4);
  }

  .cart-page__intro h1 {
    font-size: 2rem;
    line-height: 1.125;
  }

  .cart-page__filled {
    padding-top: var(--space-4);
  }

  .cart-page__column-labels {
    display: none;
  }

  .cart-page__item {
    grid-template-columns: minmax(6rem, 7rem) minmax(0, 1fr);
    gap: var(--space-3);
    padding: var(--space-3);
  }

  .cart-page__product-image {
    width: 100%;
    min-width: 6rem;
  }

  .cart-page__product-details {
    grid-column: 2 / 3;
    grid-row: 1;
  }

  .cart-page__product-name {
    font-size: 1.25rem;
    line-height: 1.3;
  }

  .cart-page__price-cell,
  .cart-page__line-total {
    grid-column: auto;
    grid-row: auto;
    grid-template-columns: minmax(0, 1fr) max-content;
    width: 100%;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
  }

  .cart-page__price-cell {
    grid-column: 1 / 2;
  }

  .cart-page__line-total {
    grid-column: 2 / 3;
  }

  .cart-page__quantity-cell {
    grid-column: 1 / 2;
    grid-row: auto;
    justify-content: flex-start;
  }

  .cart-page__remove-cell {
    grid-column: 2 / 3;
    grid-row: auto;
    justify-content: flex-end;
  }

  .cart-page__summary-content {
    padding: var(--space-5);
  }

  .cart-page__next-step {
    padding-top: var(--space-7);
  }

  .cart-page__next-step-inner {
    padding-top: var(--space-6);
  }

  .cart-page__steps {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .cart-page__step:nth-child(3) {
    grid-column: auto;
  }

  .cart-page__empty-panel {
    width: 100%;
    padding: var(--space-6) var(--space-5);
  }

  .cart-page__empty-copy h2 {
    font-size: 2rem;
    line-height: 1.125;
  }

  .cart-page__empty-shop-button {
    width: 100%;
  }

  .cart-page__toast {
    right: var(--space-4);
    bottom: max(var(--space-4), env(safe-area-inset-bottom));
    grid-template-columns: minmax(0, 1fr);
    width: calc(100% - (2 * var(--space-4)));
  }

  .cart-page__undo {
    width: max-content;
  }
}

@media (max-width: 23.6875rem) {
  .cart-page__item {
    grid-template-columns: minmax(0, 1fr);
  }

  .cart-page__product-image {
    width: 7rem;
  }

  .cart-page__product-details,
  .cart-page__price-cell,
  .cart-page__line-total,
  .cart-page__quantity-cell,
  .cart-page__remove-cell {
    grid-column: 1 / -1;
  }

  .cart-page__product-details {
    grid-row: auto;
  }

  .cart-page__line-total {
    border-top: 0;
    padding-top: 0;
  }

  .cart-page__remove-cell {
    justify-content: flex-start;
  }
}

@media (max-height: 43rem) and (min-width: 62.5rem) {
  .cart-page__summary {
    position: static;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cart-page *,
  .cart-page *::before,
  .cart-page *::after {
    scroll-behavior: auto;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}


.delivery-page {
  overflow: hidden;
}

.delivery-page section[id] {
  scroll-margin-top: 6rem;
}

.delivery-page__hero {
  padding-top: var(--space-9);
  padding-bottom: var(--space-8);
}

.delivery-page__hero-copy {
  width: min(100%, 38.75rem);
  min-width: 0;
}

.delivery-page__hero-copy h1 {
  font-size: clamp(2.375rem, 5vw, 3.5rem);
  line-height: 1.04;
}

.delivery-page__lead {
  max-width: 38.75rem;
  font-size: var(--text-lg);
  line-height: var(--leading-relaxed);
}

.delivery-page__anchor-links {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}

.delivery-page__anchor-links a,
.delivery-page__inline-link,
.delivery-page__shop-action {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-sm);
  font-weight: 700;
  text-decoration: none;
}

.delivery-page__anchor-links a {
  padding: 0 var(--space-3);
  border: 1px solid var(--color-forest-700);
  border-radius: var(--radius-sm);
}

.delivery-page__anchor-links a:hover {
  background: var(--color-forest-700);
  color: var(--color-warm-white);
}

.delivery-page__operational-note {
  max-width: 38.75rem;
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border);
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  line-height: 1.5;
}

.delivery-page__process {
  background: var(--color-forest-900);
  color: var(--color-warm-white);
}

.delivery-page__process .eyebrow {
  color: var(--color-orange-100);
}

.delivery-page__process h2,
.delivery-page__process h3 {
  color: var(--color-warm-white);
}

.delivery-page__process-heading {
  width: min(100%, 40.625rem);
  min-width: 0;
  margin-bottom: var(--space-7);
}

.delivery-page__process-heading p {
  color: var(--color-warm-white);
}

.delivery-page__process-list {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

.delivery-page__process-card {
  position: relative;
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid rgb(247 243 234 / 32%);
  border-radius: var(--radius-md);
}

.delivery-page__process-card:not(:last-child)::after {
  position: absolute;
  top: 2.1rem;
  right: calc(var(--space-5) * -1 - 1px);
  width: var(--space-5);
  height: 1px;
  background: var(--color-forest-500);
  content: "";
}

.delivery-page__process-card--check {
  border-color: var(--color-orange-100);
  background: rgb(241 216 196 / 13%);
}

.delivery-page__process-number {
  color: var(--color-orange-100);
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.delivery-page__process-copy {
  min-width: 0;
}

.delivery-page__process-copy h3 {
  font-size: var(--text-2xl);
}

.delivery-page__process-copy p {
  margin-bottom: 0;
  color: var(--color-warm-white);
  font-size: var(--text-sm);
  line-height: 1.55;
}

.delivery-page__process-footer {
  margin: var(--space-6) 0 0;
  color: var(--color-orange-100);
  font-size: var(--text-sm);
}

.delivery-page__checklist-heading {
  width: min(100%, 36.875rem);
  min-width: 0;
  margin-bottom: var(--space-7);
}

.delivery-page__checklist-heading p {
  }

.delivery-page__checklist-grid {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.delivery-page__check-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-5);
}

.delivery-page__check-card > * {
  min-width: 0;
  margin: 0;
}

.delivery-page__card-label {
  color: var(--color-forest-700);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.delivery-page__check-card h3 {
  font-size: var(--text-2xl);
}

.delivery-page__check-card p:last-child {
  max-width: 18.125rem;
  color: var(--color-text-muted);
}

.delivery-page__checklist-tip {
  width: min(100%, 45rem);
  margin: var(--space-5) 0 0;
  color: var(--color-text-muted);
  font-size: var(--text-sm);
}

.delivery-page__receipt-heading {
  width: min(100%, 37.5rem);
  min-width: 0;
  margin-bottom: var(--space-7);
}

.delivery-page__receipt-heading p {
  }

.delivery-page__receipt-grid {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.delivery-page__receipt-item {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  padding-right: var(--space-5);
}

.delivery-page__receipt-item:not(:last-child) {
  border-right: 1px solid var(--color-border);
}

.delivery-page__receipt-item > div {
  min-width: 0;
}

.delivery-page__receipt-number {
  color: var(--color-forest-700);
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}

.delivery-page__receipt-item h3 {
  font-size: var(--text-2xl);
}

.delivery-page__receipt-item p:last-child {
  max-width: 18.75rem;
  color: var(--color-text-muted);
}

.delivery-page__important-label {
  margin-bottom: var(--space-2) !important;
  color: var(--color-error) !important;
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.delivery-page__documentation-note {
  width: min(100%, 48rem);
  margin-top: var(--space-6);
  padding: var(--space-4) var(--space-5);
  border-left: 3px solid var(--color-forest-500);
  background: var(--color-paper);
  color: var(--color-text-muted);
}

.delivery-page__returns {
  background: #f0ede5;
}

.delivery-page__returns-heading {
  width: min(100%, 40.625rem);
  min-width: 0;
  margin-bottom: var(--space-7);
}

.delivery-page__returns-heading p {
  }

.delivery-page__return-steps {
  display: grid;
  width: min(100%, 53.5rem);
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.delivery-page__return-step {
  display: grid;
  min-width: 0;
  grid-template-columns: 5rem minmax(0, 1fr);
  gap: var(--space-4);
}

.delivery-page__return-marker {
  position: relative;
  display: flex;
  min-width: 0;
  justify-content: center;
  padding-top: var(--space-4);
}

.delivery-page__return-marker::after {
  position: absolute;
  top: 4.4rem;
  bottom: calc(var(--space-4) * -1);
  width: 1px;
  background: var(--color-forest-500);
  content: "";
}

.delivery-page__return-marker--last::after {
  display: none;
}

.delivery-page__return-marker span {
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  border: 1px solid var(--color-forest-700);
  border-radius: 50%;
  background: var(--color-warm-white);
  color: var(--color-forest-700);
  font-family: var(--font-heading);
  font-weight: 700;
}

.delivery-page__return-content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-5);
}

.delivery-page__return-content > * {
  min-width: 0;
  margin: 0;
}

.delivery-page__return-content h3 {
  font-size: var(--text-2xl);
}

.delivery-page__return-content p {
  color: var(--color-text-muted);
}

.delivery-page__inline-link {
  width: fit-content;
  color: var(--color-forest-700);
}

.delivery-page__packing-heading {
  width: min(100%, 35.625rem);
  min-width: 0;
  margin-bottom: var(--space-7);
}

.delivery-page__packing-heading p {
  }

.delivery-page__packing-grid {
  display: grid;
  width: min(100%, 66.5rem);
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.delivery-page__packing-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-5);
}

.delivery-page__packing-card > * {
  min-width: 0;
  margin: 0;
}

.delivery-page__packing-card h3 {
  font-size: var(--text-2xl);
}

.delivery-page__packing-card h4 {
  margin-top: var(--space-2);
}

.delivery-page__packing-card p,
.delivery-page__packing-card ul {
  max-width: 26.25rem;
  color: var(--color-text-muted);
}

.delivery-page__packing-card ul {
  display: grid;
  gap: var(--space-2);
  padding-left: 1.25rem;
}

.delivery-page__packing-warning {
  width: min(100%, 66.5rem);
  margin-top: var(--space-5);
  line-height: 1.5;
}

.delivery-page__faq {
  background: #f0ede5;
}

.delivery-page__faq-heading {
  width: min(100%, 36.875rem);
  min-width: 0;
  margin-bottom: var(--space-6);
}

.delivery-page__faq-heading p {
  }

.delivery-page__faq-panel {
  width: min(100%, 60rem);
  min-width: 0;
  overflow: hidden;
}

.delivery-page__faq-item + .delivery-page__faq-item {
  border-top: 1px solid var(--color-border);
}

.delivery-page__faq-item h3 {
  margin: 0;
}

.delivery-page__faq-button {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 3.5rem;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-5);
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-graphite-900);
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: 700;
  line-height: 1.1;
  text-align: left;
}

.delivery-page__faq-button:hover {
  background: var(--color-warm-white);
  color: var(--color-forest-900);
}

.delivery-page__faq-button span {
  flex: 0 0 auto;
  color: var(--color-forest-700);
  font-family: var(--font-body);
  font-size: 1.5rem;
  font-weight: 400;
  transition: transform var(--transition-fast);
}

.delivery-page__faq-button[aria-expanded="true"] span {
  transform: rotate(45deg);
}

.delivery-page__faq-answer {
  width: 100%;
  min-width: 0;
  padding: 0 var(--space-5) var(--space-5);
}

.delivery-page__faq-answer p {
  margin: 0;
  color: var(--color-text-muted);
}

.delivery-page__support-panel {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  align-items: center;
  gap: var(--space-6);
  padding: var(--space-6);
  border-radius: var(--radius-md);
  background: var(--color-forest-900);
}

.delivery-page__support-copy {
  min-width: 0;
}

.delivery-page__support-copy .eyebrow {
  color: var(--color-orange-100);
}

.delivery-page__support-copy h2 {
  color: var(--color-warm-white);
}

.delivery-page__support-copy p {
  margin-bottom: 0;
  color: var(--color-warm-white);
}

.delivery-page__support-action {
  display: flex;
  min-width: 0;
  justify-content: flex-end;
}

.delivery-page__support-action .button {
  min-height: 3rem;
}

.delivery-page__shop-link {
  padding-top: var(--space-7);
}

.delivery-page__shop-link-row {
  display: flex;
  width: min(100%, 53.5rem);
  min-width: 0;
  align-items: center;
  gap: var(--space-5);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-border);
}

.delivery-page__shop-link-copy {
  min-width: 0;
  flex: 1 1 auto;
}

.delivery-page__shop-link-copy h2 {
  margin-bottom: var(--space-3);
  font-size: var(--text-2xl);
}

.delivery-page__shop-link-copy p {
  margin-bottom: 0;
  color: var(--color-text-muted);
}

.delivery-page__shop-action {
  flex: 0 0 auto;
  color: var(--color-forest-700);
  white-space: nowrap;
}

@media (max-width: 60rem) {
  .delivery-page__process-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .delivery-page__process-card:nth-child(2)::after {
    display: none;
  }

  .delivery-page__checklist-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .delivery-page__check-card:nth-child(3) {
    grid-column: 1 / -1;
  }

  .delivery-page__check-card:nth-child(3) p:last-child {
    max-width: 36.25rem;
  }
}

@media (max-width: 56.25rem) {
  .delivery-page__receipt-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .delivery-page__receipt-item {
    grid-template-columns: 4rem minmax(0, 1fr);
    padding-right: 0;
  }

  .delivery-page__receipt-item:not(:last-child) {
    padding-bottom: var(--space-6);
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }

  .delivery-page__receipt-item p:last-child {
    max-width: 37.5rem;
  }
}

@media (max-width: 51.25rem) {
  .delivery-page__support-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .delivery-page__support-action {
    justify-content: flex-start;
  }
}

@media (max-width: 48.75rem) {
  .delivery-page__packing-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .delivery-page__packing-card p,
  .delivery-page__packing-card ul {
    max-width: 100%;
  }
}

@media (max-width: 47.5rem) {
  .delivery-page__hero {
    padding-top: var(--space-8);
  }

  .delivery-page__hero-copy,
  .delivery-page__lead,
  .delivery-page__operational-note,
  .delivery-page__process-heading,
  .delivery-page__process-heading p,
  .delivery-page__checklist-heading,
  .delivery-page__checklist-heading p,
  .delivery-page__receipt-heading,
  .delivery-page__receipt-heading p,
  .delivery-page__returns-heading,
  .delivery-page__returns-heading p,
  .delivery-page__packing-heading,
  .delivery-page__packing-heading p,
  .delivery-page__faq-heading,
  .delivery-page__faq-heading p {
    width: 100%;
  }

  .delivery-page__anchor-links {
    flex-direction: column;
    align-items: stretch;
  }

  .delivery-page__anchor-links a {
    width: 100%;
  }

  .delivery-page__process-heading,
  .delivery-page__checklist-heading,
  .delivery-page__receipt-heading,
  .delivery-page__returns-heading,
  .delivery-page__packing-heading {
    margin-bottom: var(--space-6);
  }

  .delivery-page__process-list,
  .delivery-page__checklist-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .delivery-page__process-card {
    grid-template-columns: 3.25rem minmax(0, 1fr);
    gap: var(--space-3);
    padding: var(--space-4);
  }

  .delivery-page__process-card:not(:last-child)::after {
    top: auto;
    right: auto;
    bottom: calc(var(--space-5) * -1);
    left: 1.6rem;
    width: 1px;
    height: var(--space-5);
  }

  .delivery-page__process-copy p {
  }

  .delivery-page__check-card:nth-child(3) {
    grid-column: auto;
  }

  .delivery-page__check-card p:last-child {
    max-width: none;
  }

  .delivery-page__receipt-item {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }

  .delivery-page__return-steps {
    width: 100%;
    gap: var(--space-5);
  }

  .delivery-page__return-step {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }

  .delivery-page__return-marker {
    width: 100%;
    justify-content: flex-start;
    padding-top: 0;
  }

  .delivery-page__return-marker::after {
    top: 2.75rem;
    bottom: calc(var(--space-5) * -1);
    left: 1.35rem;
  }

  .delivery-page__return-content p {
  }

  .delivery-page__inline-link {
    width: 100%;
  }

  .delivery-page__faq-panel {
    width: 100%;
  }

  .delivery-page__faq-button {
    min-height: 3rem;
    padding: var(--space-4);
    font-size: var(--text-lg);
  }

  .delivery-page__faq-answer {
    padding: 0 var(--space-4) var(--space-4);
  }

  .delivery-page__support-panel {
    gap: var(--space-5);
    padding: var(--space-5);
  }

  .delivery-page__support-action,
  .delivery-page__support-action .button {
    width: 100%;
  }

  .delivery-page__shop-link-row {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .delivery-page__shop-action {
    width: 100%;
    white-space: normal;
  }
}


.checkout-page {
  background: var(--color-warm-white);
  padding: var(--space-8) 0 var(--space-10);
}

.checkout-page__container {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-6);
}

.checkout-process {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
}

.checkout-process__intro {
  display: flex;
  min-width: 0;
  max-width: 42rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.checkout-process__intro > * { margin: 0; }
.checkout-process__intro h1 { font-size: var(--text-3xl); }
.checkout-process__intro p:last-child { max-width: 41rem; }

.checkout-steps {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.checkout-steps__item {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-graphite-600);
  font-size: var(--text-sm);
  font-weight: 600;
}

.checkout-steps__number {
  display: inline-flex;
  width: 1.75rem;
  height: 1.75rem;
  flex: 0 0 1.75rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  background: var(--color-paper);
  font-variant-numeric: tabular-nums;
}

.checkout-steps__item--active { color: var(--color-forest-700); }
.checkout-steps__item--active .checkout-steps__number { border-color: var(--color-forest-700); background: var(--color-forest-700); color: var(--color-warm-white); }

.checkout-layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1.65fr) minmax(21.25rem, 1fr);
  align-items: start;
  gap: var(--space-6);
}

.checkout-form {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
}

.checkout-card,
.checkout-help,
.checkout-summary,
.checkout-confirmation__banner,
.checkout-confirmation__next,
.checkout-confirmation__order,
.checkout-confirmation__details > section {
  min-width: 0;
}

.checkout-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.checkout-card__heading {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.checkout-card__heading > * { margin: 0; }
.checkout-card__heading p {
  color: var(--color-text-muted); }
.checkout-card__note { margin: 0; max-width: 38rem; color: var(--color-text-muted); font-size: var(--text-sm); }

.checkout-fields {
  display: grid;
  min-width: 0;
  gap: var(--space-4);
}

.checkout-fields--contact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.checkout-fields--address { grid-template-columns: repeat(10, minmax(0, 1fr)); }
.checkout-fields--invoice { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.checkout-field { min-width: 0; }
.checkout-fields--contact .checkout-field--wide { grid-column: 1 / -1; }
.checkout-fields--contact .checkout-field--phone { grid-column: 1 / 2; }
.checkout-fields--address .checkout-field:nth-child(1),
.checkout-fields--address .checkout-field:nth-child(2) { grid-column: span 5; }
.checkout-field--street { grid-column: span 7; }
.checkout-field--house { grid-column: span 3; }
.checkout-field--postal { grid-column: span 3; }
.checkout-field--city { grid-column: span 7; }
.checkout-field--country { grid-column: 1 / -1; max-width: 12rem; }

.checkout-field label { margin-bottom: var(--space-2); }
.checkout-field__help,
.checkout-field__error { margin: var(--space-2) 0 0; font-size: var(--text-sm); line-height: 1.43; }
.checkout-field__help { color: var(--color-text-muted); }
.checkout-field__error { min-height: 1.25rem; color: var(--color-error); }
.checkout-field input[aria-invalid="true"] { border-color: var(--color-error); }

.checkout-phone-control {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: stretch;
}

.checkout-phone-control > span {
  display: flex;
  min-width: 3.25rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border);
  border-right: 0;
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  background: var(--color-warm-white);
  font-size: var(--text-sm);
}
.checkout-phone-control input { border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }

.checkout-invoice {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}
.checkout-invoice > p { margin: 0;
  color: var(--color-text-muted); font-size: var(--text-sm); }
.checkout-invoice__fields { width: 100%; padding: var(--space-4); border: 1px solid var(--color-border); background: var(--color-warm-white); }

.checkout-checkbox {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: 1.125rem minmax(0, 1fr);
  align-items: start;
  gap: var(--space-3);
  margin: 0;
  font-size: var(--text-sm);
  font-weight: 400;
}
.checkout-checkbox input { margin-top: 0.125rem; }

.checkout-methods {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
}

.checkout-methods__empty { margin: 0; padding: var(--space-4); border: 1px solid var(--color-border); background: var(--color-warm-white); color: var(--color-text-muted); font-size: var(--text-sm); }

.checkout-method-card {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: 1.125rem minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  min-height: 3.5rem;
  margin: 0;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-paper);
  cursor: pointer;
}
.checkout-method-card:has(input:checked) { border-color: var(--color-forest-700); box-shadow: inset 0 0 0 1px var(--color-forest-700); }
.checkout-method-card__copy { display: flex; min-width: 0; flex-direction: column; gap: var(--space-1); }
.checkout-method-card__copy strong { overflow-wrap: anywhere; }
.checkout-method-card__copy small { color: var(--color-text-muted); font-size: var(--text-sm); line-height: 1.43; }
.checkout-method-card__price { min-width: max-content; color: var(--color-graphite-900); font-family: var(--font-heading); font-size: var(--text-lg); font-weight: 700; font-variant-numeric: tabular-nums; }

.checkout-consents { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); }
.checkout-consents .checkout-field__error { margin: 0 0 0 2.625rem; }
.checkout-submit { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.checkout-submit__note { margin: 0; max-width: 38rem; color: var(--color-text-muted); font-size: var(--text-sm); }
.checkout-submit__button { min-width: 15rem; min-height: 3rem; }

.checkout-help { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); padding: var(--space-5); }
.checkout-help__content { display: flex; min-width: 0; max-width: 42rem; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.checkout-help__content > * { margin: 0; }
.checkout-help h2 { font-size: var(--text-2xl); }

.checkout-summary { position: sticky; top: var(--space-5); display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); }
.checkout-summary__heading { display: flex; min-width: 0; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
.checkout-summary__heading > * { margin: 0; }
.checkout-summary__heading a { flex: 0 1 auto; font-size: var(--text-sm); }
.checkout-summary__items { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); }
.checkout-summary__empty { margin: 0; color: var(--color-text-muted); font-size: var(--text-sm); }

.checkout-order-item {
  display: grid;
  min-width: 0;
  grid-template-columns: 4rem minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--space-3);
}
.checkout-order-item__thumb { display: flex; width: 4rem; height: 4rem; align-items: center; justify-content: center; border: 1px solid var(--color-border); background: var(--color-warm-white); color: var(--color-forest-700); font-family: var(--font-heading); font-size: var(--text-xl); font-weight: 700; }
.checkout-order-item__copy { display: flex; min-width: 0; flex-direction: column; gap: var(--space-1); }
.checkout-order-item__copy strong { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.25; }
.checkout-order-item__copy small { color: var(--color-text-muted); }
.checkout-order-item__price { white-space: nowrap; font-weight: 700; font-variant-numeric: tabular-nums; }

.checkout-totals { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); margin: 0; padding-top: var(--space-4); border-top: 1px solid var(--color-border); }
.checkout-totals > div { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); }
.checkout-totals dt { color: var(--color-text-muted); }
.checkout-totals dd { margin: 0; text-align: right; white-space: nowrap; }
.checkout-totals__grand { align-items: end; padding-top: var(--space-3); border-top: 1px solid var(--color-border); }
.checkout-totals__grand dt { color: var(--color-graphite-900); font-family: var(--font-heading); font-size: var(--text-2xl); font-weight: 700; }
.checkout-totals__grand dd { color: var(--color-graphite-900); font-family: var(--font-heading); font-size: var(--text-2xl); font-weight: 700; }
.checkout-summary__note { margin: 0; color: var(--color-text-muted); font-size: var(--text-xs); }
.checkout-page__mobile-summary { display: none; }

.checkout-confirmation { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); }
.checkout-confirmation__banner { display: flex; min-width: 0; max-width: 100%; flex-direction: column; align-items: flex-start; gap: var(--space-3); border-top: 3px solid var(--color-success); }
.checkout-confirmation__banner > * { margin: 0; }
.checkout-confirmation__banner > p:not(.status):not(.notice) { max-width: 42rem; }
.checkout-confirmation__number { font-size: var(--text-lg); }
.checkout-confirmation__next { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.checkout-confirmation__next > * { margin: 0; }
.checkout-confirmation__next ol { padding-inline-start: 1.25rem; }
.checkout-confirmation__next .checkout-confirmation__details { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
.checkout-confirmation__details > section { display: flex; flex-direction: column; gap: var(--space-3); }
.checkout-confirmation__details h2, .checkout-confirmation__details p { margin: 0; }
.checkout-confirmation__order { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); }
.checkout-confirmation__order > h2 { margin: 0; }
.checkout-confirmation__actions { width: 100%; }
.checkout-confirmation__actions > * { min-width: 0; }

@media (max-width: 51.1875rem) {
  .checkout-page { padding-top: var(--space-6); }
  .checkout-layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  .checkout-summary { position: static; grid-row: 1; }
  .checkout-form { grid-row: 2; }
  .checkout-page__mobile-summary { display: block; }
  .checkout-layout .checkout-summary { display: none; }
  .checkout-layout .checkout-summary.checkout-summary--open { display: flex; }
  .checkout-summary-toggle { display: grid; width: 100%; min-width: 0; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); border-color: var(--color-border); background: var(--color-paper); color: var(--color-graphite-900); text-align: left; }
  .checkout-summary-toggle:hover { border-color: var(--color-forest-700); background: var(--color-paper); color: var(--color-graphite-900); }
  .checkout-summary-toggle > span:first-child { display: flex; min-width: 0; flex-direction: column; }
  .checkout-summary-toggle small { color: var(--color-text-muted); font-weight: 400; }
  .checkout-summary-toggle > span:last-child { font-size: var(--text-xl); }
}

@media (max-width: 37.5rem) {
  .checkout-fields--contact,
  .checkout-fields--address,
  .checkout-fields--invoice,
  .checkout-confirmation__details { grid-template-columns: minmax(0, 1fr); }
  .checkout-fields--contact .checkout-field--wide,
  .checkout-fields--contact .checkout-field--phone,
  .checkout-fields--address .checkout-field:nth-child(1),
  .checkout-fields--address .checkout-field:nth-child(2),
  .checkout-field--street,
  .checkout-field--house,
  .checkout-field--postal,
  .checkout-field--city,
  .checkout-field--country { grid-column: 1; max-width: none; }
  .checkout-method-card { grid-template-columns: 1.125rem minmax(0, 1fr); align-items: start; }
  .checkout-method-card__price { grid-column: 2; }
  .checkout-submit__button { width: 100%; min-width: 0; }
  .checkout-confirmation__actions { flex-direction: column; align-items: stretch; }
  .checkout-confirmation__actions > * { width: 100%; }
}

@media (max-width: 25rem) {
  .checkout-steps { gap: var(--space-1); }
  .checkout-steps__item { flex-direction: column; align-items: flex-start; gap: var(--space-1); font-size: var(--text-xs); }
}


.about-page {
  overflow: clip;
}

.about-page .section {
  padding-block: var(--space-9);
}

.about-page h2 {
  margin-bottom: 0;
}

.about-page h3 {
  margin-bottom: 0;
}

.about-hero {
  padding-top: var(--space-8);
}

.about-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  column-gap: calc(var(--space-6) + var(--space-7));
  align-items: center;
  min-height: 31.25rem;
}

.about-hero__copy,
.about-hero__media,
.about-tasks__intro,
.about-principles__intro,
.about-principles__list,
.about-detail__media,
.about-detail__panel,
.about-range__intro,
.about-help__intro,
.about-rhythm__copy,
.about-rhythm__media {
  min-width: 0;
}

.about-hero__copy {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.about-hero__copy > * {
  margin: 0;
}

.about-hero h1 {
  max-width: 34rem;
  font-size: var(--text-4xl);
  line-height: 1.04;
}

.about-hero__lead {
  max-width: 34rem;
  font-size: var(--text-lg);
  line-height: 1.44;
}

.about-hero__actions {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.about-hero__actions > * {
  min-width: 0;
}

.about-hero__note {
  width: 100%;
  max-width: 34rem;
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border);
}

.about-hero__note p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  line-height: 1.5;
}

.about-hero__media {
  grid-column: 2;
  width: 100%;
  margin: 0;
}

.about-hero__media img {
  width: 100%;
  height: 31.25rem;
  border-radius: var(--radius-lg);
  object-fit: cover;
  object-position: 60% center;
}

.about-hero__media figcaption {
  max-width: 18.75rem;
}

.about-tasks__intro {
  width: 58.333%;
  max-width: 40rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}

.about-tasks__intro > * {
  margin: 0;
}

.about-tasks__intro p,
.about-principles__intro p,
.about-detail__heading p,
.about-range__intro p,
.about-help__intro p {
  color: var(--color-text-muted);
}

.about-tasks__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-4);
}

.about-task-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-paper);
  color: var(--color-text);
  text-decoration: none;
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
}

.about-task-card > * {
  margin: 0;
}

.about-task-card:hover {
  border-color: var(--color-forest-700);
  background: #fffef9;
  color: var(--color-text);
}

.about-task-card__icon {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border: 1px solid var(--color-forest-500);
  border-radius: var(--radius-sm);
  color: var(--color-forest-700);
  font-family: var(--font-heading);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
}

.about-task-card .eyebrow {
  color: var(--color-graphite-600);
  font-size: 0.6875rem;
}

.about-task-card h3 {
  font-size: var(--text-xl);
}

.about-task-card p:last-child {
  font-size: var(--text-sm);
  line-height: 1.5;
}

.about-task-card--accent .about-task-card__icon {
  border-color: var(--color-forest-500);
  color: var(--color-forest-500);
}

.about-principles {
  border-top: 1px solid var(--color-border);
}

.about-principles__layout {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: var(--space-6);
  align-items: start;
}

.about-principles__intro {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.about-principles__intro > * {
  margin: 0;
}

.about-principles__intro p {
  }

.about-principles__list {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6) var(--space-5);
}

.about-principle {
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  padding-left: var(--space-4);
  border-left: 1px solid var(--color-border);
}

.about-principle__number {
  width: 3.5rem;
  color: var(--color-wood-500);
  font-family: var(--font-heading);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1;
}

.about-principle__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.about-principle__content > * {
  margin: 0;
}

.about-principle h3 {
  font-size: var(--text-xl);
}

.about-principle p {
  font-size: var(--text-sm);
  line-height: 1.5;
}

.about-text-link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-forest-700);
  font-size: var(--text-sm);
  font-weight: 700;
  text-decoration-thickness: 1px;
}

.about-text-link:hover {
  color: var(--color-forest-900);
}

.about-detail__layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  column-gap: calc(var(--space-6) + var(--space-7));
  align-items: center;
}

.about-detail__media {
  grid-column: 1;
  width: 100%;
  margin: 0;
}

.about-detail__media img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  object-position: center;
}

.about-detail__panel {
  grid-column: 2;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
}

.about-detail__heading,
.about-detail__observations {
  width: 100%;
}

.about-detail__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.about-detail__heading > * {
  margin: 0;
}

.about-detail__heading p {
  }

.about-detail__observations {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.about-observation {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding-block: var(--space-4);
  border-top: 1px solid var(--color-border);
}

.about-observation > * {
  margin: 0;
}

.about-observation:last-child {
  padding-bottom: 0;
}

.about-observation h3 {
  font-size: var(--text-xl);
}

.about-observation p {
  font-size: var(--text-sm);
  line-height: 1.5;
}

.about-manifest {
  padding-block: var(--space-10);
  background: var(--color-forest-900);
  color: var(--color-warm-white);
}

.about-manifest__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-8);
  text-align: center;
}

.about-manifest__statement,
.about-manifest__support {
  width: 100%;
  min-width: 0;
}

.about-manifest__statement {
  max-width: 45rem;
}

.about-manifest__quote {
  margin: 0;
  color: var(--color-warm-white);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 700;
  line-height: 1.04;
}

.about-manifest__support {
  display: flex;
  max-width: 35rem;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  margin-inline: auto;
}

.about-manifest__support > * {
  margin: 0;
}

.about-manifest h2 {
  color: var(--color-warm-white);
}

.about-manifest__support p {
  color: #dbe3dc;
}

.about-manifest__link,
.about-final__link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-warm-white);
  font-size: var(--text-sm);
  font-weight: 700;
  text-underline-offset: 0.2em;
}

.about-manifest__link:hover,
.about-final__link:hover {
  color: var(--color-orange-100);
}

.about-range__intro {
  width: 50%;
  max-width: 37.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}

.about-range__intro > * {
  margin: 0;
}

.about-range__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.about-range-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-paper);
}

.about-range-card > * {
  margin: 0;
}

.about-range-card__mark {
  width: 2.5rem;
  height: 0.375rem;
  background: var(--color-wood-500);
}

.about-range-card h3 {
  font-size: var(--text-2xl);
}

.about-range-card p {
  }

.about-help__surface {
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  background: var(--color-orange-100);
}

.about-help__intro {
  width: 41.666%;
  max-width: 35rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}

.about-help__intro > * {
  margin: 0;
}

.about-help__intro p {
  color: var(--color-graphite-900);
}

.about-help__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
}

.about-help-step {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
}

.about-help-step__number {
  width: 2.5rem;
  color: var(--color-forest-900);
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}

.about-help-step__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.about-help-step__content > * {
  margin: 0;
}

.about-help-step h3 {
  font-size: var(--text-xl);
}

.about-help-step p {
  font-size: var(--text-sm);
  line-height: 1.5;
}

.about-help-step .button {
  margin-top: var(--space-2);
}

.about-rhythm__layout {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  column-gap: calc(var(--space-6) + var(--space-7));
  align-items: center;
}

.about-rhythm__copy {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.about-rhythm__copy > * {
  margin: 0;
}

.about-rhythm__copy > p:not(.about-rhythm__closing) {
  max-width: 31.25rem;
}

.about-rhythm__closing {
  max-width: 31.25rem;
  font-size: var(--text-lg);
  font-weight: 700;
  line-height: 1.44;
}

.about-rhythm__media {
  grid-column: 2;
  width: 100%;
  margin: 0;
}

.about-rhythm__media img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  object-position: 52% center;
}

.about-rhythm__media figcaption {
  max-width: 16.25rem;
}

.about-final {
  padding-block: var(--space-10);
  background: var(--color-forest-900);
}

.about-final__inner {
  display: flex;
  justify-content: center;
}

.about-final__content {
  display: flex;
  width: 100%;
  max-width: 35rem;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  margin-inline: auto;
  text-align: center;
}

.about-final__content > * {
  margin: 0;
}

.about-final .eyebrow {
  color: var(--color-orange-100);
}

.about-final h2 {
  color: var(--color-warm-white);
}

.about-final__content > p:not(.eyebrow) {
  max-width: 32rem;
  color: #dbe3dc;
}

.about-final__actions {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  margin-top: var(--space-2);
}

.about-final__actions > * {
  min-width: 0;
}

@media (max-width: 70rem) {
  .about-tasks__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .about-tasks__grid > :nth-child(4) {
    grid-column: 2;
  }

  .about-range__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-range__grid > :nth-child(3) {
    grid-column: 1;
    width: 100%;
  }
}

@media (max-width: 60rem) {
  .about-hero__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
    min-height: 0;
  }

  .about-hero h1 {
    font-size: clamp(2.875rem, 6vw, 3.5rem);
  }

  .about-hero__media img {
    height: 27rem;
  }

  .about-principles__layout {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .about-principles__intro,
  .about-principles__list {
    grid-column: 1;
  }

  .about-principles__intro {
    width: 100%;
  }

  .about-detail__layout {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .about-detail__media,
  .about-detail__panel {
    grid-column: 1;
  }

  .about-detail__panel {
    width: 100%;
  }

  .about-help__intro {
    width: 58.333%;
  }
}

@media (max-width: 57rem) {
  .about-principles__list {
    grid-template-columns: 1fr;
  }

  .about-principle p {
  }

  .about-rhythm__layout {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .about-rhythm__media {
    grid-column: 1;
    grid-row: 1;
  }

  .about-rhythm__copy {
    grid-column: 1;
    grid-row: 2;
  }

  .about-rhythm__copy > p:not(.about-rhythm__closing),
  .about-rhythm__closing {
    max-width: 100%;
  }
}

@media (max-width: 53.75rem) {
  .about-help__intro {
    width: 100%;
  }

  .about-help__steps {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .about-help-step p {
  }
}

@media (max-width: 47.9375rem) {
  .about-page .section {
    padding-block: var(--space-8);
  }

  .about-hero {
    padding-top: var(--space-7);
  }

  .about-hero__grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .about-hero__copy,
  .about-hero__media {
    grid-column: 1;
  }

  .about-hero__copy {
    gap: var(--space-4);
  }

  .about-hero h1 {
    max-width: 100%;
    font-size: 2.375rem;
    line-height: 1.1;
  }

  .about-hero__lead {
    max-width: 34ch;
  }

  .about-hero__media {
    grid-row: 2;
  }

  .about-hero__media img {
    height: auto;
    aspect-ratio: 3 / 2;
  }

  .about-tasks__intro,
  .about-range__intro {
    width: 100%;
  }

  .about-tasks__grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .about-tasks__grid > :nth-child(4) {
    grid-column: 1;
  }

  .about-task-card {
    min-height: 0;
  }

  .about-principles__list {
    gap: var(--space-5);
  }

  .about-detail__layout {
    gap: var(--space-5);
  }

  .about-detail__media {
    grid-row: 1;
  }

  .about-detail__panel {
    grid-row: 2;
    gap: var(--space-5);
  }

  .about-detail__heading p,
  .about-observation p {
  }

  .about-manifest {
    padding-block: var(--space-8);
  }

  .about-manifest__inner {
    gap: var(--space-6);
  }

  .about-manifest__quote {
    font-size: 2rem;
    line-height: 1.12;
  }

  .about-range__grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .about-range__grid > :nth-child(3) {
    grid-column: 1;
  }

  .about-range-card {
    min-height: 0;
    padding: var(--space-5);
  }

  .about-range-card p {
  }

  .about-help__surface {
    padding: var(--space-5);
  }

  .about-help-step {
    grid-template-columns: 2rem minmax(0, 1fr);
  }

  .about-help-step__number {
    width: 2rem;
    font-size: 2rem;
  }

  .about-help-step p {
  }

  .about-help-step .button {
    width: 100%;
  }

  .about-rhythm__layout {
    gap: var(--space-5);
  }

  .about-rhythm__media img {
    aspect-ratio: 3 / 2;
  }

  .about-final {
    padding-block: var(--space-8);
  }

  .about-final h2 {
    font-size: 2rem;
    line-height: 1.12;
  }

  .about-final__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .about-final__actions .button {
    width: 100%;
    min-height: 3rem;
  }

  .about-final__link {
    align-self: center;
  }
}

@media (max-width: 24rem) {
  .about-hero__actions .button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-task-card {
    transition: none;
  }
}


.shop-page { overflow: clip; }
.shop-page .section { padding-block: var(--space-8); }
.shop-section-intro { min-width: 0; }
.shop-section-intro > :last-child { margin-bottom: 0; }
.shop-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--space-8); align-items: center; }
.shop-hero__copy { min-width: 0; max-width: 34rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.shop-hero__copy h1, .shop-hero__copy p { margin: 0; }
.shop-hero__copy h1 { font-size: clamp(2.375rem, 5vw, 3.5rem); }
.shop-hero__actions { width: 100%; }
.shop-hero__media { width: 100%; min-width: 0; margin: 0; aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--radius-lg); background: var(--color-paper); }
.shop-hero__media img, .shop-materials__media img, .shop-lifestyle__media img { width: 100%; height: 100%; object-fit: cover; }
.shop-tasks__intro { width: min(100%, 35rem); }
.shop-task-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.shop-task-card { min-width: 0; min-height: 13rem; padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-paper); color: var(--color-text); text-align: left; }
.shop-task-card:hover, .shop-task-card.is-active { border-color: var(--color-forest-700); background: #edf1ea; color: var(--color-forest-900); }
.shop-task-card__icon, .shop-task-card__title, .shop-task-card__text { display: block; }
.shop-task-card__icon { margin-bottom: var(--space-4); color: var(--color-wood-500); font-size: 1.75rem; font-weight: 700; }
.shop-task-card__title { margin-bottom: var(--space-2); font-family: var(--font-heading); font-size: var(--text-xl); font-weight: 700; line-height: 1; }
.shop-task-card__text { font-size: var(--text-sm); line-height: 1.43; }
.shop-catalog__heading { display: flex; min-width: 0; align-items: end; justify-content: space-between; gap: var(--space-5); }
.shop-catalog__intro { width: min(100%, 37rem); }
.shop-result-count { flex: 0 0 auto; margin: 0; color: var(--color-text-muted); font-size: var(--text-sm); font-weight: 600; }
.shop-catalog__desktop-controls { display: flex; min-width: 0; align-items: end; justify-content: space-between; gap: var(--space-5); margin-top: var(--space-6); padding-block: var(--space-4); border-block: 1px solid var(--color-border); }
.shop-filter-group { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); }
.shop-filter-button { min-width: 0; min-height: 2.75rem; padding: var(--space-2) var(--space-3); border-color: var(--color-border); background: var(--color-paper); color: var(--color-graphite-900); }
.shop-filter-button:hover { border-color: var(--color-forest-700); background: var(--color-paper); color: var(--color-forest-700); }
.shop-filter-button.is-active { border-color: var(--color-forest-700); background: var(--color-forest-700); color: var(--color-warm-white); }
.shop-sort-label { width: 13.5rem; flex: 0 0 13.5rem; margin: 0; }
.shop-sort-label select { margin-top: var(--space-2); }
.shop-mobile-filter-open { display: none; width: 100%; margin-top: var(--space-5); }
.shop-active-filters { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-4); }
.shop-active-filter { display: inline-flex; min-width: 0; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-3); border: 1px solid var(--color-forest-700); border-radius: var(--radius-sm); color: var(--color-forest-700); font-size: var(--text-sm); font-weight: 600; }
.shop-active-filter button { min-height: auto; padding: 0; border: 0; background: transparent; color: inherit; }
.shop-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-5); }
.shop-product-card { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-paper); }
.shop-product-card__image { width: 100%; min-width: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--radius-sm); background: #f0ede4; }
.shop-product-card__image img { width: 100%; height: 100%; object-fit: contain; padding: 0; }
.shop-product-card__category { margin: 0; color: var(--color-forest-700); font-size: var(--text-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.shop-product-card h3 { min-width: 0; margin: 0; font-size: var(--text-xl); line-height: 1; }
.shop-product-card__spec { min-width: 0; margin: 0; color: var(--color-text-muted); font-size: var(--text-sm); line-height: 1.43; }
.shop-product-card__bottom { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); margin-top: auto; padding-top: var(--space-2); }
.shop-product-card__price-row { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2); }
.shop-product-card .button { width: 100%; }
.shop-empty-state { margin-top: var(--space-5); }
.shop-guides__intro { width: min(100%, 38rem); }
.shop-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-6); }
.shop-guide { min-width: 0; padding-top: var(--space-4); border-top: 3px solid var(--color-wood-500); }
.shop-guide h3 { margin-bottom: var(--space-3); }
.shop-guide p { margin-bottom: var(--space-4); }
.shop-materials { background: var(--color-forest-900); color: var(--color-warm-white); }
.shop-materials .eyebrow { color: #c8d7ca; }
.shop-materials h2, .shop-materials h3, .shop-materials strong { color: var(--color-warm-white); }
.shop-materials__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--space-8); align-items: center; }
.shop-materials__copy { min-width: 0; max-width: 38rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.shop-materials__copy h2, .shop-materials__copy p, .shop-materials__copy ol { margin: 0; }
.shop-materials__copy .button--secondary { border-color: var(--color-warm-white); color: var(--color-warm-white); }
.shop-materials__copy .button--secondary:hover { background: var(--color-warm-white); color: var(--color-forest-900); }
.shop-material-list { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); padding: 0; list-style: none; }
.shop-material-list li { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-3); }
.shop-material-list li::first-letter { color: var(--color-orange-100); }
.shop-material-list strong { grid-column: 1 / -1; }
.shop-material-list span { grid-column: 1 / -1; color: #e7e9df; }
.shop-materials__media { width: 100%; min-width: 0; margin: 0; aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--radius-lg); }
.shop-lifestyle__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: var(--space-8); align-items: center; }
.shop-lifestyle__media { width: 100%; min-width: 0; margin: 0; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--radius-lg); }
.shop-lifestyle__copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.shop-lifestyle__copy h2, .shop-lifestyle__copy p { margin: 0; }
.shop-lifestyle__accent { width: 100%; min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border-left: 3px solid var(--color-forest-500); background: var(--color-paper); }
.shop-lifestyle__accent > * { margin: 0; }
.shop-journey__intro { width: min(100%, 35rem); }
.shop-journey-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-6); }
.shop-step { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-3); min-width: 0; }
.shop-step__number { display: flex; width: 3rem; height: 3rem; align-items: center; justify-content: center; border: 1px solid var(--color-forest-700); border-radius: 50%; color: var(--color-forest-700); font-family: var(--font-heading); font-size: 1.75rem; font-weight: 700; }
.shop-step h3 { margin-bottom: var(--space-3); }
.shop-step p { margin: 0; }
.shop-journey__action { margin-top: var(--space-6); }
.shop-next__intro { width: min(100%, 34rem); }
.shop-next-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.shop-next-card { display: flex; min-width: 0; min-height: 14rem; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-paper); color: var(--color-text); text-decoration: none; }
.shop-next-card:hover { border-color: var(--color-forest-700); color: var(--color-forest-900); }
.shop-next-card h3, .shop-next-card p { margin: 0; }
.shop-next-card span { margin-top: auto; color: var(--color-forest-700); font-weight: 700; }
.shop-filter-dialog[hidden] { display: none; }
.shop-filter-dialog { position: fixed; z-index: 50; inset: 0; }
.shop-filter-dialog__backdrop { position: absolute; inset: 0; background: rgb(32 37 34 / 55%); }
.shop-filter-dialog__panel { position: absolute; right: 0; bottom: 0; left: 0; max-height: min(88vh, 44rem); overflow: auto; padding: var(--space-5); border-radius: var(--radius-lg) var(--radius-lg) 0 0; background: var(--color-paper); box-shadow: var(--shadow-floating); }
.shop-filter-dialog__header, .shop-filter-dialog__actions { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: var(--space-3); }
.shop-filter-dialog__header { margin-bottom: var(--space-5); }
.shop-filter-dialog__header h2 { margin: 0; }
.shop-mobile-filter-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.shop-mobile-filter-options label { min-width: 0; margin: 0; }
.shop-filter-dialog__panel > label { display: block; margin-bottom: var(--space-5); }
.shop-filter-dialog__panel > label select { margin-top: var(--space-2); }
.shop-filter-dialog__actions > * { flex: 1 1 0; min-width: 0; }
.shop-toast { position: fixed; z-index: 45; right: var(--space-4); bottom: var(--space-4); max-width: calc(100% - 2rem); padding: var(--space-3) var(--space-4); border: 1px solid var(--color-success); border-radius: var(--radius-sm); background: var(--color-paper); color: var(--color-success); font-weight: 700; box-shadow: var(--shadow-floating); }
.shop-page.is-dialog-open { overflow: hidden; }
@media (min-width: 48rem) { .shop-page .section { padding-block: var(--space-9); } }
@media (min-width: 75rem) { .shop-page .section { padding-block: var(--space-10); } }
@media (max-width: 70rem) { .shop-task-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .shop-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 56.25rem) { .shop-hero__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); } .shop-materials__grid { gap: var(--space-6); } .shop-lifestyle__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); } .shop-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .shop-guide-grid > :last-child { grid-column: 1 / -1; } .shop-journey-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .shop-journey-grid > :last-child { grid-column: 1 / -1; } .shop-next-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .shop-next-grid > :last-child { grid-column: 1 / -1; } }
@media (max-width: 47.4375rem) { .shop-catalog__desktop-controls { display: none; } .shop-mobile-filter-open { display: inline-flex; } .shop-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); } .shop-product-card { padding: var(--space-3); } .shop-product-card h3 { font-size: 1.25rem; } }
@media (max-width: 42.5rem) { .shop-hero__grid, .shop-materials__grid, .shop-lifestyle__grid { grid-template-columns: minmax(0, 1fr); } .shop-hero__copy, .shop-materials__copy { max-width: none; } .shop-hero__media { order: 2; } .shop-lifestyle__media { order: 1; } .shop-lifestyle__copy { order: 2; } }
@media (max-width: 37.5rem) { .shop-task-grid, .shop-guide-grid, .shop-journey-grid, .shop-next-grid { grid-template-columns: minmax(0, 1fr); } .shop-guide-grid > :last-child, .shop-journey-grid > :last-child, .shop-next-grid > :last-child { grid-column: auto; } .shop-task-card { min-height: auto; } }
@media (max-width: 26.25rem) { .shop-product-grid { grid-template-columns: minmax(0, 1fr); } .shop-catalog__heading { align-items: flex-start; flex-direction: column; } .shop-step { grid-template-columns: minmax(0, 1fr); } .shop-mobile-filter-options { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .shop-page * { scroll-behavior: auto; transition-duration: .01ms !important; } }


.guide-page { overflow: hidden; }
.guide-page .section { padding-block: var(--space-8); }
.guide-section-intro { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; }
.guide-section-intro > * { margin: 0; }
.guide-section-intro h2 { font-size: clamp(1.75rem, 3vw, 2.375rem); }
.guide-text-link { display: inline-flex; min-height: 2.75rem; align-items: center; color: var(--color-forest-700); font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
.guide-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr); align-items: center; gap: var(--space-5); }
.guide-hero__content { grid-column: 1 / span 1; display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.guide-hero__content > * { margin: 0; }
.guide-hero__content h1 { font-size: clamp(2.375rem, 5vw, 3.5rem); }
.guide-hero__lead { max-width: 56ch; font-size: var(--text-lg); line-height: 1.45; }
.guide-hero__actions { width: 100%; }
.guide-hero__media { grid-column: 3 / span 1; width: 100%; margin: 0; }
.guide-hero__media img { width: 100%; aspect-ratio: 3 / 2; border-radius: var(--radius-lg); object-fit: cover; }
.guide-hero__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; margin: 0; padding: 0; list-style: none; gap: var(--space-3); }
.guide-hero__steps li { display: flex; min-width: 0; flex-direction: column; gap: var(--space-1); padding-top: var(--space-3); border-top: 1px solid var(--color-border); }
.guide-hero__steps span { color: var(--color-wood-500); font-family: var(--font-heading); font-size: var(--text-xl); font-weight: 700; }
.guide-hero__steps p { margin: 0; color: var(--color-text-muted); font-size: var(--text-xs); line-height: 1.45; }
.guide-topics__intro { width: min(100%, 34rem); }
.guide-topics__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.guide-topic-card { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); min-width: 0; min-height: 15rem; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border); border-top: 3px solid var(--color-wood-500); border-radius: var(--radius-md); background: var(--color-paper); color: var(--color-text); text-decoration: none; transition: border-color var(--transition-fast); }
.guide-topic-card:hover { border-color: var(--color-forest-700); color: var(--color-text); }
.guide-topic-card__number { color: var(--color-wood-500); font-family: var(--font-heading); font-size: var(--text-2xl); font-weight: 700; }
.guide-topic-card__body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.guide-topic-card strong { color: var(--color-graphite-900); font-family: var(--font-heading); font-size: var(--text-2xl); line-height: 1; }
.guide-topic-card__body > span { color: var(--color-text-muted); font-size: var(--text-sm); line-height: 1.5; }
.guide-topic-card em { margin-top: auto; color: var(--color-forest-700); font-size: var(--text-sm); font-style: normal; font-weight: 700; text-decoration: underline; text-underline-offset: 0.2em; }
.guide-articles__intro { width: min(100%, 37.5rem); }
.guide-articles__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.guide-article-card { display: flex; min-width: 0; flex-direction: column; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-paper); overflow: hidden; }
.guide-article-card > img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.guide-article-card__content { display: flex; min-width: 0; flex: 1; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); }
.guide-article-card__content > * { margin: 0; }
.guide-article-card__content h3 { max-width: 16ch; }
.guide-article-card__content p:not(.eyebrow) { max-width: 38ch; color: var(--color-text-muted); font-size: var(--text-sm); line-height: 1.55; }
.guide-article-card__content .guide-text-link { margin-top: auto; }
.guide-planting__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: start; gap: var(--space-6); }
.guide-planting__instruction { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); }
.guide-planting__instruction > * { margin: 0; }
.guide-planting__lead { max-width: 58ch; font-size: var(--text-lg); }
.guide-process-list { display: flex; flex-direction: column; gap: var(--space-5); margin: var(--space-2) 0 0; padding: 0; list-style: none; }
.guide-process-list li { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr); min-width: 0; gap: var(--space-3); }
.guide-process-list li > span { color: var(--color-wood-500); font-family: var(--font-heading); font-size: var(--text-2xl); font-weight: 700; }
.guide-process-list h3 { margin-bottom: var(--space-2); }
.guide-process-list p {
  margin: 0; color: var(--color-text-muted); }
.guide-planting__aside { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); }
.guide-planting__media { width: 100%; margin: 0; }
.guide-planting__media img { width: 100%; aspect-ratio: 16 / 9; border-radius: var(--radius-md); object-fit: cover; }
.guide-tool-panel { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); border-radius: var(--radius-md); background: var(--color-forest-900); color: var(--color-warm-white); }
.guide-tool-panel > * { margin: 0; }
.guide-tool-panel .eyebrow { color: var(--color-orange-100); }
.guide-tool-panel h3 { color: var(--color-warm-white); }
.guide-tool-panel p {
  color: var(--color-warm-white); }
.guide-tool-panel ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; margin: 0; padding: 0; list-style: none; gap: var(--space-2); font-size: var(--text-sm); }
.guide-tool-panel li::before { margin-right: var(--space-2); color: var(--color-forest-500); content: "—"; }
.guide-tool-panel .button--secondary { border-color: var(--color-warm-white); color: var(--color-warm-white); }
.guide-tool-panel .button--secondary:hover { background: var(--color-warm-white); color: var(--color-forest-900); }
.guide-habits__intro { width: min(100%, 40.625rem); }
.guide-habits__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--space-6); }
.guide-habit { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: 0 var(--space-5); border-left: 1px solid var(--color-border); }
.guide-habit:first-child { padding-left: 0; border-left: 0; }
.guide-habit > * { margin: 0; }
.guide-habit__label { color: var(--color-forest-700); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.guide-habit h3 { max-width: 18ch; }
.guide-habit p:not(.guide-habit__label) { max-width: 40ch; color: var(--color-text-muted); }
.guide-lawn__intro { width: min(100%, 37.5rem); margin-bottom: var(--space-6); }
.guide-lawn__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: start; gap: var(--space-6); }
.guide-lawn__media { width: 100%; margin: 0; }
.guide-lawn__media img { width: 100%; aspect-ratio: 16 / 9; border-radius: var(--radius-md); object-fit: cover; }
.guide-lawn__panel { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-paper); }
.guide-lawn__steps { display: flex; flex-direction: column; gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.guide-lawn__steps li { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); min-width: 0; gap: var(--space-3); }
.guide-lawn__steps span { color: var(--color-forest-700); font-family: var(--font-heading); font-size: var(--text-xl); font-weight: 700; }
.guide-lawn__steps h3 { margin-bottom: var(--space-1); }
.guide-lawn__steps p {
  margin: 0; color: var(--color-text-muted); font-size: var(--text-sm); }
.guide-seasons__intro, .guide-tips__intro, .guide-tools__intro { width: min(100%, 38.75rem); }
.guide-seasons__grid, .guide-tips__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.guide-season-card { display: flex; min-width: 0; min-height: 16rem; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-paper); }
.guide-season-card > * { margin: 0; }
.guide-season-card h3 { color: var(--color-forest-700); }
.guide-season-card ul { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding-inline-start: 1rem; color: var(--color-text-muted); font-size: var(--text-sm); line-height: 1.45; }
.guide-season-card .guide-text-link { margin-top: auto; font-size: var(--text-sm); }
.guide-season-card--autumn h3 { display: inline-block; padding: var(--space-1) var(--space-2); background: var(--color-orange-100); color: var(--color-graphite-900); }
.guide-tools__panel { margin-top: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-paper); overflow: hidden; }
.guide-tool-row { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 5fr) minmax(0, 4fr); min-width: 0; align-items: center; gap: var(--space-5); padding: var(--space-5); border-bottom: 1px solid var(--color-border); }
.guide-tool-row:last-child { border-bottom: 0; }
.guide-tool-row h3, .guide-tool-row p { margin: 0; }
.guide-tool-row h3 { max-width: 18ch; }
.guide-tool-row p {
  color: var(--color-text-muted); font-size: var(--text-sm); }
.guide-tool-row > div { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); }
.guide-tool-row a { display: inline-flex; min-height: 2.75rem; align-items: center; padding: var(--space-2) var(--space-3); border: 1px solid var(--color-forest-700); border-radius: var(--radius-sm); color: var(--color-forest-700); font-size: var(--text-sm); font-weight: 700; text-decoration: none; }
.guide-tool-row a:hover { background: var(--color-forest-700); color: var(--color-warm-white); }
.guide-tips__grid article { display: flex; min-width: 0; min-height: 15rem; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border-radius: var(--radius-md); background: var(--color-orange-100); }
.guide-tips__grid article > * { margin: 0; }
.guide-tips__grid span { color: var(--color-forest-900); font-family: var(--font-heading); font-size: var(--text-xl); font-weight: 700; }
.guide-tips__grid h3 { max-width: 18ch; font-size: var(--text-xl); }
.guide-tips__grid p {
  font-size: var(--text-sm); }
.guide-tips__grid .guide-text-link { margin-top: auto; color: var(--color-forest-900); font-size: var(--text-sm); }
.guide-closing { padding-block: var(--space-8); background: var(--color-forest-900); }
.guide-closing__content { display: flex; width: min(100%, 42rem); min-width: 0; flex-direction: column; align-items: center; gap: var(--space-4); margin-inline: auto; text-align: center; }
.guide-closing__content > * { margin: 0; }
.guide-closing .eyebrow { color: var(--color-orange-100); }
.guide-closing h2 { color: var(--color-warm-white); }
.guide-closing p:not(.eyebrow) { max-width: 54ch; color: var(--color-warm-white); }
.guide-closing__actions { display: flex; min-width: 0; flex-wrap: wrap; justify-content: center; gap: var(--space-3); }
.guide-closing__secondary { border-color: var(--color-warm-white); background: transparent; color: var(--color-warm-white); }
.guide-closing__secondary:hover { background: var(--color-warm-white); color: var(--color-forest-900); }

@media (min-width: 48rem) { .guide-page .section { padding-block: var(--space-9); } .guide-closing { padding-block: var(--space-9); } }
@media (min-width: 75rem) { .guide-page .section { padding-block: var(--space-10); } .guide-closing { padding-block: var(--space-10); } }
@media (max-width: 60rem) { .guide-articles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .guide-articles__grid > :last-child { grid-column: 1 / span 1; } .guide-topics__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .guide-seasons__grid, .guide-tips__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .guide-planting__grid, .guide-lawn__grid { grid-template-columns: minmax(0, 1fr); } .guide-planting__aside { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } .guide-tool-row { grid-template-columns: minmax(0, 2fr) minmax(0, 4fr); } .guide-tool-row > div { grid-column: 1 / -1; } }
@media (max-width: 53.75rem) { .guide-habits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); } .guide-habit:nth-child(3) { padding-left: 0; border-left: 0; } }
@media (max-width: 47.9375rem) { .guide-page .section { padding-block: var(--space-8); } .guide-hero__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .guide-hero__content, .guide-hero__media { grid-column: 1; } .guide-hero__media { order: 2; } .guide-hero__steps { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); } .guide-hero__steps li { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); column-gap: var(--space-2); } .guide-hero__steps li p { grid-column: 2; } .guide-topics__grid, .guide-articles__grid, .guide-habits__grid, .guide-seasons__grid, .guide-tips__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); } .guide-articles__grid > :last-child { grid-column: 1; } .guide-topic-card { min-height: 0; } .guide-article-card__content h3 { max-width: 20ch; } .guide-planting__aside { display: flex; } .guide-habit, .guide-habit:first-child, .guide-habit:nth-child(3) { padding: 0 0 var(--space-5); border-bottom: 1px solid var(--color-border); border-left: 0; } .guide-habit:last-child { padding-bottom: 0; border-bottom: 0; } .guide-lawn__grid { gap: var(--space-4); } .guide-tool-row { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); } .guide-tool-row > div { grid-column: 1; } .guide-tool-row h3 { max-width: none; } .guide-tips__grid article { min-height: 0; } .guide-closing { padding-block: var(--space-8); } .guide-closing__actions { width: 100%; flex-direction: column; } .guide-closing__actions .button { width: 100%; } }


.inspiracje-page {
  background: var(--color-warm-white);
}

.inspiracje-page .section {
  overflow: hidden;
}

.inspiracje-hero__layout,
.inspiracje-bed__top,
.inspiracje-bed__bottom,
.inspiracje-lawn__top,
.inspiracje-lawn__bottom,
.inspiracje-detail__layout,
.inspiracje-checklist__layout {
  display: grid;
  min-width: 0;
  gap: var(--space-6);
}

.inspiracje-hero__layout {
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
}

.inspiracje-hero__media,
.inspiracje-bed__media,
.inspiracje-lawn__media,
.inspiracje-detail__media {
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
}

.inspiracje-hero__media {
  border-radius: var(--radius-lg);
  aspect-ratio: 16 / 9;
}

.inspiracje-hero__media img,
.inspiracje-bed__media img,
.inspiracje-lawn__media img,
.inspiracje-detail__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inspiracje-hero__panel {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-7);
  border-radius: var(--radius-md);
  background: var(--color-forest-900);
  color: var(--color-warm-white);
}

.inspiracje-hero__panel .eyebrow,
.inspiracje-lawn__panel .eyebrow,
.inspiracje-checklist__panel .eyebrow,
.inspiracje-final .eyebrow {
  margin: 0;
  color: var(--color-orange-100);
}

.inspiracje-hero__panel h1,
.inspiracje-lawn__panel h2,
.inspiracje-checklist__panel h3,
.inspiracje-final h2 {
  margin: 0;
  color: var(--color-warm-white);
}

.inspiracje-hero__panel h1 {
  max-width: 17ch;
  font-size: clamp(2.375rem, 4vw, 3.5rem);
  line-height: 1.04;
}

.inspiracje-hero__lead {
  max-width: 52ch;
  margin: 0;
  font-size: var(--text-lg);
  line-height: 1.45;
}

.inspiracje-hero__actions,
.inspiracje-final__actions {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.inspiracje-hero__actions > *,
.inspiracje-final__actions > * {
  min-width: 0;
}

.inspiracje-hero__panel .button--secondary {
  border-color: var(--color-warm-white);
  color: var(--color-warm-white);
}

.inspiracje-hero__panel .button--secondary:hover {
  background: var(--color-warm-white);
  color: var(--color-forest-900);
}

.inspiracje-hero__note {
  max-width: 48ch;
  margin: 0;
  color: var(--color-orange-100);
  font-size: var(--text-sm);
}

.inspiracje-process__intro,
.inspiracje-vegetable__intro,
.inspiracje-small__intro {
  width: min(100%, 58ch);
  min-width: 0;
}

.inspiracje-process__intro p:last-child,
.inspiracje-vegetable__intro p:last-child,
.inspiracje-small__intro p:last-child {
  max-width: 55ch;
}

.inspiracje-process__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-6);
}

.inspiracje-step,
.inspiracje-vegetable__grid article,
.inspiracje-small__grid article {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-paper);
}

.inspiracje-step > *,
.inspiracje-vegetable__grid article > *,
.inspiracje-small__grid article > * {
  margin: 0;
}

.inspiracje-step h3,
.inspiracje-vegetable__grid h3,
.inspiracje-small__grid h3 {
  font-size: var(--text-2xl);
}

.inspiracje-step p:not(.inspiracje-step__number) {
  max-width: 34ch;
}

.inspiracje-step__number,
.inspiracje-rule__number {
  margin: 0;
  color: var(--color-wood-500);
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.inspiracje-bed__top {
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
}

.inspiracje-bed__media {
  aspect-ratio: 3 / 2;
  border-radius: var(--radius-md);
}

.inspiracje-bed__intro,
.inspiracje-lawn__panel {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.inspiracje-bed__intro > *,
.inspiracje-lawn__panel > * {
  margin: 0;
}

.inspiracje-bed__intro p:last-child {
  max-width: 53ch;
}

.inspiracje-bed__bottom {
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  align-items: start;
  margin-top: var(--space-6);
}

.inspiracje-bed__actions-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-6);
}

.inspiracje-action-block {
  min-width: 0;
}

.inspiracje-action-block h3 {
  max-width: 28ch;
}

.inspiracje-action-block p {
  }

.inspiracje-action-block ul {
  max-width: 56ch;
}

.inspiracje-tool-panel {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-paper);
}

.inspiracje-tool-panel > * {
  margin: 0;
}

.inspiracje-tool-panel__list {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}

.inspiracje-tool-panel__list p {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  font-size: var(--text-sm);
}

.inspiracje-tool-panel__list span {
  color: var(--color-text-muted);
}

.inspiracje-lawn__top {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: stretch;
}

.inspiracje-lawn__panel {
  justify-content: center;
  padding: var(--space-7);
  border-radius: var(--radius-md);
  background: var(--color-forest-900);
  color: var(--color-warm-white);
}

.inspiracje-lawn__panel p:last-child {
  max-width: 48ch;
}

.inspiracje-lawn__media {
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-md);
}

.inspiracje-lawn__bottom {
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  align-items: start;
  margin-top: var(--space-6);
}

.inspiracje-lawn__rules {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
}

.inspiracje-rule {
  display: grid;
  min-width: 0;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--space-4);
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--color-border);
}

.inspiracje-rule > * {
  min-width: 0;
}

.inspiracje-rule h3,
.inspiracje-rule p {
  margin: 0;
}

.inspiracje-rule div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
}

.inspiracje-rule div p {
  }

.inspiracje-lawn__callout {
  width: 100%;
  min-width: 0;
  padding: var(--space-5);
  border-radius: var(--radius-sm);
  background: var(--color-orange-100);
  color: var(--color-graphite-900);
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: 700;
  line-height: 1.1;
}

.inspiracje-detail > .container > h2 {
  max-width: 18ch;
}

.inspiracje-detail__layout {
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: start;
  margin-top: var(--space-6);
}

.inspiracje-detail__media {
  aspect-ratio: 3 / 2;
  border-radius: var(--radius-md);
}

.inspiracje-detail__notes {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
}

.inspiracje-detail__notes article {
  min-width: 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border);
}

.inspiracje-detail__notes article:first-child {
  padding-top: 0;
  border-top: 0;
}

.inspiracje-detail__notes h3 {
  margin-bottom: var(--space-2);
}

.inspiracje-detail__notes p {
  }

.inspiracje-vegetable__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-6);
}

.inspiracje-vegetable__grid p {
  }

.inspiracje-vegetable__bar {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  margin-top: var(--space-5);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-paper);
}

.inspiracje-vegetable__bar > * {
  min-width: 0;
  margin: 0;
}

.inspiracje-vegetable__bar p {
  }

.inspiracje-small__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-6);
}

.inspiracje-small__grid p {
  }

.inspiracje-small__link {
  display: inline-block;
  margin-top: var(--space-5);
  font-weight: 600;
}

.inspiracje-checklist__layout {
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  align-items: start;
}

.inspiracje-checklist__content {
  min-width: 0;
}

.inspiracje-checklist__content > p:not(.eyebrow) {
  max-width: 66ch;
}

.inspiracje-checklist__group {
  margin-top: var(--space-5);
}

.inspiracje-checklist__group h3 {
  margin-bottom: var(--space-3);
}

.inspiracje-checklist__items {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
}

.inspiracje-checklist__items label {
  display: flex;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-paper);
  font-weight: 400;
}

.inspiracje-checklist__items label span {
  min-width: 0;
}

.inspiracje-checklist__items input {
  width: 1.125rem;
  min-width: 1.125rem;
}

.inspiracje-checklist__panel {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
  padding: var(--space-5);
  border-radius: var(--radius-md);
  background: var(--color-forest-900);
  color: var(--color-warm-white);
}

.inspiracje-checklist__panel > * {
  margin: 0;
}

.inspiracje-checklist__panel p:not(.eyebrow) {
  max-width: 36ch;
}

.inspiracje-faq__panel {
  width: min(100%, 53rem);
  min-width: 0;
  margin-inline: auto;
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-paper);
}

.inspiracje-accordion {
  min-width: 0;
  border-top: 1px solid var(--color-border);
}

.inspiracje-accordion__item {
  min-width: 0;
  border-bottom: 1px solid var(--color-border);
}

.inspiracje-accordion__item h3 {
  margin: 0;
}

.inspiracje-accordion__item button {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 3.25rem;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-graphite-900);
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: 700;
  line-height: 1.1;
  text-align: left;
}

.inspiracje-accordion__item button:hover {
  background: transparent;
  color: var(--color-forest-700);
}

.inspiracje-accordion__item button span {
  flex: 0 0 auto;
  color: var(--color-forest-700);
  font-family: var(--font-body);
}

.inspiracje-accordion__item [role="region"] {
  min-width: 0;
  padding-bottom: var(--space-4);
}

.inspiracje-accordion__item [role="region"] p {
  margin: 0;
}

.inspiracje-final {
  background: var(--color-forest-900);
}

.inspiracje-final__content {
  display: flex;
  width: min(100%, 52ch);
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  margin-inline: auto;
  color: var(--color-warm-white);
  text-align: center;
}

.inspiracje-final__content > * {
  margin: 0;
}

.inspiracje-final__content p:not(.eyebrow) {
  max-width: 52ch;
}

.inspiracje-final__actions {
  justify-content: center;
}

.inspiracje-final__actions a:not(.button) {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  color: var(--color-warm-white);
  font-weight: 600;
}

@media (max-width: 65.625rem) {
  .inspiracje-process__grid,
  .inspiracje-small__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inspiracje-vegetable__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 61.25rem) {
  .inspiracje-hero__layout,
  .inspiracje-bed__top {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inspiracje-hero__panel {
    padding: var(--space-6);
  }

  .inspiracje-hero__panel h1 {
    font-size: clamp(2.75rem, 5vw, 3.5rem);
  }
}

@media (max-width: 60rem) {
  .inspiracje-bed__top,
  .inspiracje-lawn__top {
    grid-template-columns: 1fr;
  }

  .inspiracje-lawn__panel {
    order: 2;
  }

  .inspiracje-lawn__media {
    order: 1;
  }
}

@media (max-width: 56.25rem) {
  .inspiracje-process__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inspiracje-process__grid .inspiracje-step:last-child {
    grid-column: 1 / -1;
  }

  .inspiracje-detail__layout,
  .inspiracje-checklist__layout {
    grid-template-columns: 1fr;
  }

  .inspiracje-detail__notes p {
  }
}

@media (max-width: 55rem) {
  .inspiracje-lawn__bottom,
  .inspiracje-bed__bottom {
    grid-template-columns: 1fr;
  }

  .inspiracje-tool-panel__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 47.9375rem) {
  .inspiracje-hero__layout,
  .inspiracje-process__grid,
  .inspiracje-bed__top,
  .inspiracje-bed__bottom,
  .inspiracje-lawn__top,
  .inspiracje-lawn__bottom,
  .inspiracje-detail__layout,
  .inspiracje-vegetable__grid,
  .inspiracje-small__grid,
  .inspiracje-checklist__layout {
    grid-template-columns: 1fr;
  }

  .inspiracje-hero__layout {
    gap: 0;
  }

  .inspiracje-hero__media {
    aspect-ratio: 4 / 3;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }

  .inspiracje-hero__panel {
    padding: var(--space-5);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  }

  .inspiracje-hero__panel h1 {
    max-width: 18ch;
    font-size: clamp(2.375rem, 10vw, 2.625rem);
  }

  .inspiracje-hero__actions,
  .inspiracje-final__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .inspiracje-hero__actions .button,
  .inspiracje-final__actions .button {
    width: 100%;
  }

  .inspiracje-process__grid .inspiracje-step:last-child {
    grid-column: auto;
  }

  .inspiracje-bed__media {
    aspect-ratio: 4 / 3;
  }

  .inspiracje-lawn__media {
    aspect-ratio: 3 / 2;
  }

  .inspiracje-lawn__panel,
  .inspiracje-checklist__panel,
  .inspiracje-faq__panel {
    padding: var(--space-5);
  }

  .inspiracje-tool-panel__list {
    grid-template-columns: 1fr;
  }

  .inspiracje-rule {
    grid-template-columns: 2rem minmax(0, 1fr);
  }

  .inspiracje-vegetable__bar {
    flex-direction: column;
    align-items: stretch;
  }

  .inspiracje-vegetable__bar .button {
    width: 100%;
  }

  .inspiracje-faq__panel {
    width: 100%;
  }

  .inspiracje-final__content {
    width: 100%;
    align-items: flex-start;
    text-align: left;
  }

  .inspiracje-final__actions {
    justify-content: flex-start;
  }
}


.home-page { overflow: clip; }
.home-page .section { position: relative; }
.home-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: 8.333%; align-items: center; min-height: 35rem; }
.home-hero__content { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.home-hero__content > * { margin: 0; }
.home-hero__content h1 { max-width: 35rem; font-size: clamp(2.5rem, 4.5vw, 3.5rem); }
.home-hero__lead { max-width: 35rem; font-size: var(--text-lg); line-height: var(--leading-relaxed); }
.home-hero__actions { width: 100%; }
.home-hero__proofs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; border-top: 1px solid var(--color-border); }
.home-hero__proof { min-width: 0; display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: var(--space-2); padding: var(--space-4) var(--space-3) 0 0; }
.home-hero__proof + .home-hero__proof { padding-left: var(--space-3); border-left: 1px solid var(--color-border); }
.home-hero__proof h2 { margin: 0 0 var(--space-1); font-size: var(--text-lg); }
.home-hero__proof p { margin: 0; font-size: var(--text-xs); line-height: 1.45; }
.home-icon { width: 1.25rem; height: 1.25rem; position: relative; margin-top: .15rem; color: var(--color-forest-700); }
.home-icon::before, .home-icon::after { content: ""; position: absolute; border: 2px solid currentColor; }
.home-icon--spade::before { inset: 0 .25rem .3rem; border-radius: 50% 50% 42% 42%; transform: rotate(45deg); }
.home-icon--spade::after { width: 2px; height: .65rem; border: 0; background: currentColor; left: .58rem; bottom: -.12rem; }
.home-icon--list::before { inset: .1rem; border-width: 2px 0 0; box-shadow: 0 .38rem 0 currentColor, 0 .76rem 0 currentColor; }
.home-icon--tag::before { inset: .15rem .05rem .15rem .1rem; transform: rotate(-35deg); border-radius: .15rem; }
.home-icon--tag::after { width: .16rem; height: .16rem; border-radius: 50%; background: currentColor; border: 0; top: .45rem; left: .38rem; }
.home-hero__media { width: 100%; min-width: 0; height: 100%; min-height: 31rem; margin: 0; overflow: hidden; border-radius: var(--radius-lg); }
.home-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 65% center; }
.home-work__intro, .home-process__intro, .home-editorial__intro, .home-stages__intro { max-width: 38.75rem; }
.home-work__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.home-work__card { min-width: 0; min-height: 17rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-paper); color: var(--color-text); text-decoration: none; }
.home-work__card > * { margin: 0; }
.home-work__card:hover { border-color: var(--color-forest-700); color: var(--color-text); }
.home-work__number { color: var(--color-wood-500); font-family: var(--font-heading); font-size: var(--text-2xl); font-weight: 700; }
.home-work__card h3 { font-size: 1.75rem; }
.home-work__card p { font-size: var(--text-sm); line-height: 1.5; }
.home-work__card > span:last-child { margin-top: auto; color: var(--color-forest-700); font-size: var(--text-sm); font-weight: 700; }
.home-products__heading { display: flex; min-width: 0; justify-content: space-between; align-items: end; gap: var(--space-6); }
.home-products__copy { min-width: 0; max-width: 35rem; }
.home-products__all { flex: 0 0 auto; margin-bottom: var(--space-4); font-weight: 700; }
.home-products__image { width: 100%; height: 12rem; margin-top: var(--space-6); overflow: hidden; border-radius: var(--radius-md); }
.home-products__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-products__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.home-product-card { min-width: 0; display: flex; flex-direction: column; align-items: stretch; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-paper); }
.home-product-card > * { margin: 0; }
.home-product-card__image { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: var(--color-warm-white); }
.home-product-card__image img { width: 100%; height: 100%; padding: 0; object-fit: contain; }
.home-product-card__category { color: var(--color-forest-700); font-size: var(--text-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.home-product-card h3 { min-height: 2.2em; margin: 0; font-size: var(--text-xl); }
.home-product-card__description { min-height: 4.5em; color: var(--color-text-muted); font-size: var(--text-sm); line-height: 1.5; }
.home-product-card__bottom { min-width: 0; display: flex; flex-direction: column; align-items: stretch; gap: var(--space-3); margin-top: auto; padding-top: var(--space-2); }
.home-product-card__line { display: flex; min-width: 0; justify-content: space-between; align-items: center; gap: var(--space-2); }
.home-product-card .button { width: 100%; }
.home-products__feedback { min-height: 1.5rem; margin-top: var(--space-3); color: var(--color-success); font-size: var(--text-sm); font-weight: 600; }
.home-product-card--skeleton { min-height: 27rem; background: var(--color-paper); }
.home-product-card--skeleton::before { content: ""; display: block; height: 100%; background: linear-gradient(90deg, var(--color-warm-white), var(--color-paper), var(--color-warm-white)); }
.home-guidance__grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 3fr); column-gap: 8.333%; align-items: center; }
.home-guidance__copy { min-width: 0; max-width: 42.5rem; }
.home-guidance__list { display: flex; flex-direction: column; gap: var(--space-5); margin: var(--space-6) 0 0; padding: 0; list-style: none; }
.home-guidance__list li { min-width: 0; display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-4); padding-top: var(--space-5); border-top: 1px solid var(--color-border); }
.home-guidance__list span { color: var(--color-forest-700); font-family: var(--font-heading); font-size: var(--text-2xl); font-weight: 700; }
.home-guidance__list h3 { margin-bottom: var(--space-2); }
.home-guidance__list p { margin: 0; }
.home-guidance__aside { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-6); border-radius: var(--radius-md); background: var(--color-forest-900); color: var(--color-warm-white); }
.home-guidance__aside > * { margin: 0; }
.home-guidance__aside h3 { color: var(--color-warm-white); }
.home-guidance__aside .eyebrow { color: var(--color-orange-100); }
.button--paper { border-color: var(--color-warm-white); background: var(--color-paper); color: var(--color-forest-900); }
.button--paper:hover { border-color: var(--color-paper); background: var(--color-orange-100); color: var(--color-forest-900); }
.home-soil__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); column-gap: 8.333%; align-items: center; }
.home-soil__media { width: 100%; min-width: 0; margin: 0; overflow: hidden; border-radius: var(--radius-lg); }
.home-soil__media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: left center; }
.home-soil__content { min-width: 0; max-width: 31.25rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-soil__content > * { margin: 0; }
.home-soil__links { width: 100%; display: flex; flex-direction: column; gap: var(--space-3); }
.home-soil__links a { display: grid; grid-template-columns: minmax(7rem, .5fr) minmax(0, 1fr); gap: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-border); color: var(--color-text); font-size: var(--text-sm); text-decoration: none; }
.home-soil__links a:hover strong { color: var(--color-forest-700); }
.home-pruning { background: var(--color-forest-900); }
.home-pruning__shell { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: 8.333%; align-items: center; padding: var(--space-7); }
.home-pruning__content { min-width: 0; max-width: 32.5rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); order: 1; color: var(--color-warm-white); }
.home-pruning__content > * { margin: 0; }
.home-pruning__content h2 { color: var(--color-warm-white); }
.home-pruning__content .eyebrow { color: var(--color-orange-100); }
.home-pruning__media { width: 100%; min-width: 0; margin: 0; order: 2; overflow: hidden; border-radius: var(--radius-md); }
.home-pruning__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 65% center; transition: transform var(--transition-fast); }
.home-pruning__shell:hover .home-pruning__media img { transform: scale(1.02); }
.home-pruning__points { display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.home-pruning__points li { min-width: 0; display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: var(--space-3); }
.home-pruning__points span { color: var(--color-orange-100); font-family: var(--font-heading); font-size: var(--text-xl); font-weight: 700; }
.home-pruning__points p { margin: 0; font-size: var(--text-sm); line-height: 1.5; }
.home-process__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin: var(--space-6) 0 0; padding: 0; list-style: none; }
.home-process__grid li { min-width: 0; display: grid; grid-template-columns: 100%; align-content: start; gap: var(--space-3); padding-top: var(--space-4); border-top: 1px solid var(--color-border); }
.home-process__grid span, .home-stages__grid > article > span { color: var(--color-forest-700); font-family: var(--font-heading); font-size: var(--text-3xl); font-weight: 700; }
.home-process__grid h3 { margin-bottom: var(--space-2); }
.home-process__grid p { margin-bottom: var(--space-3); font-size: var(--text-sm); }
.home-process__grid a { font-size: var(--text-sm); font-weight: 700; }
.home-editorial__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: 8.333%; margin-top: var(--space-6); }
.home-editorial__guide, .home-editorial__inspiration { min-width: 0; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-paper); color: var(--color-text); text-decoration: none; }
.home-editorial__guide { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-6); }
.home-editorial__guide > *, .home-editorial__inspiration p, .home-editorial__inspiration h3 { margin: 0; }
.home-editorial__guide span, .home-editorial__inspiration span { margin-top: auto; color: var(--color-forest-700); font-size: var(--text-sm); font-weight: 700; }
.home-editorial__inspiration { display: grid; grid-template-columns: minmax(0, 1fr); overflow: hidden; }
.home-editorial__inspiration > div:last-child { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); }
.home-editorial__visual { min-height: 14rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: var(--space-3); padding: var(--space-5); background: #d9e1d2; }
.home-editorial__visual span { display: block; width: 100%; background: var(--color-forest-500); }
.home-editorial__visual span:nth-child(1) { height: 32%; background: var(--color-wood-500); }
.home-editorial__visual span:nth-child(2) { height: 72%; }
.home-editorial__visual span:nth-child(3) { height: 48%; background: var(--color-forest-900); }
.home-editorial__guide:hover, .home-editorial__inspiration:hover { border-color: var(--color-forest-700); color: var(--color-text); }
.home-stages__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.home-stages__grid article { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-paper); }
.home-stages__grid article > * { margin: 0; }
.home-stages__grid article p { font-size: var(--text-sm); }
.home-stages__grid article a { margin-top: auto; font-size: var(--text-sm); font-weight: 700; }
.home-stages__cta { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); margin-top: var(--space-6); }
.home-stages__cta > * { margin: 0; }
.home-stages__cta p { color: var(--color-text-muted); font-size: var(--text-sm); }
.home-closing { background: var(--color-forest-900); }
.home-closing__content { min-width: 0; max-width: 40.625rem; min-height: 20rem; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: var(--space-5); color: var(--color-warm-white); }
.home-closing__content > * { margin: 0; }
.home-closing__content h2 { color: var(--color-warm-white); }
.home-closing__content .eyebrow { color: var(--color-orange-100); }
.home-closing__content > p:not(.eyebrow) { max-width: 32.5rem; font-size: var(--text-lg); }
.home-closing__actions { width: 100%; }
.button--closing { border-color: var(--color-warm-white); background: transparent; color: var(--color-warm-white); }
.button--closing:hover { border-color: var(--color-orange-100); background: var(--color-orange-100); color: var(--color-graphite-900); }
@media (max-width: 68.6875rem) { .home-work__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-products__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 61.1875rem) { .home-hero__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); min-height: auto; } .home-hero__content h1 { font-size: 2.875rem; } .home-guidance__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .home-guidance__aside { width: 100%; max-width: 32.5rem; } .home-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 59.9375rem) { .home-process__grid { gap: var(--space-5) var(--space-6); } }
@media (max-width: 57.4375rem) { .home-soil__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .home-soil__content { max-width: 31.25rem; } .home-pruning__shell { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); padding: var(--space-5); } .home-pruning__media { order: 1; } .home-pruning__content { order: 2; } }
@media (max-width: 54.9375rem) { .home-editorial__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); } }
@media (max-width: 52.4375rem) { .home-stages__grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 47.9375rem) { .home-hero__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .home-hero__content { gap: var(--space-4); } .home-hero__content h1 { font-size: 2.5rem; line-height: 1.05; } .home-hero__lead { font-size: var(--text-base); } .home-hero__actions { flex-direction: column; align-items: stretch; } .home-hero__actions > * { width: 100%; } .home-hero__proofs { grid-template-columns: minmax(0, 1fr); } .home-hero__proof { padding: var(--space-3) 0; } .home-hero__proof + .home-hero__proof { padding-left: 0; border-left: 0; border-top: 1px solid var(--color-border); } .home-hero__media { min-height: 0; aspect-ratio: 4 / 3; } .home-work__grid, .home-products__grid { gap: var(--space-4); } .home-products__heading { flex-direction: column; align-items: flex-start; gap: var(--space-2); } .home-products__all { margin: 0; } .home-products__image { height: 9rem; margin-top: var(--space-5); } .home-product-card { padding: var(--space-2); gap: var(--space-2); } .home-product-card h3 { min-height: 0; font-size: 1.125rem; line-height: 1.1; } .home-product-card__description { min-height: 0; font-size: .75rem; line-height: 1.35; } .home-product-card__line { flex-direction: column; align-items: flex-start; gap: var(--space-2); } .home-product-card .price { font-size: 1.25rem; } .home-product-card .status { font-size: .65rem; } .home-product-card .button { min-height: 2.75rem; padding-inline: var(--space-2); font-size: .75rem; } .home-guidance__list li { grid-template-columns: 2.25rem minmax(0, 1fr); gap: var(--space-3); } .home-soil__links a { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); } .home-soil__content .button { width: 100%; } .home-process__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); } .home-process__grid li { grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-3); } .home-process__grid li > span { grid-column: 1; } .home-process__grid li > div { grid-column: 2; } .home-closing__content { min-height: auto; padding-block: var(--space-5); } .home-closing__actions { flex-direction: column; align-items: stretch; } .home-closing__actions > * { width: 100%; } }
@media (max-width: 28rem) { .home-work__grid, .home-products__grid { grid-template-columns: minmax(0, 1fr); } .home-product-card { padding: var(--space-3); } .home-product-card__description { font-size: var(--text-sm); } .home-product-card__line { flex-direction: row; align-items: center; } }
@media (prefers-reduced-motion: reduce) { .home-pruning__media img { transition: none; } .home-pruning__shell:hover .home-pruning__media img { transform: none; } }


.thank-you {
  display: flex;
  min-height: clamp(28rem, 65vh, 42rem);
  align-items: center;
}

.thank-you__section {
  width: 100%;
  padding-block: var(--space-8);
}

.thank-you__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  text-align: center;
}

.thank-you__panel > * {
  margin: 0;
}

.thank-you__icon {
  display: grid;
  width: 3.5rem;
  height: 3.5rem;
  place-items: center;
  border: 2px solid var(--color-success);
  border-radius: 50%;
  color: var(--color-success);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
}

.thank-you__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  max-width: 38rem;
  margin-inline: auto;
  text-align: center;
}

.thank-you__copy p {
  margin: 0;
}

.thank-you__actions {
  justify-content: center;
  margin-top: var(--space-2);
}

@media (min-width: 48rem) {
  .thank-you__section {
    padding-block: var(--space-9);
  }

  .thank-you__panel {
    padding: var(--space-8) var(--space-7);
  }
}

@media (max-width: 29.99rem) {
  .thank-you__actions {
    width: 100%;
    flex-direction: column;
  }

  .thank-you__actions .button {
    width: 100%;
  }
}