/* ============ DESIGN TOKENS ============ */
:root, [data-theme="light"] {
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
  --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);
  --text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);

  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem;
  --space-12:3rem; --space-16:4rem; --space-20:5rem; --space-24:6rem; --space-32:8rem;

  /* Microgreens palette — fresh garden greens, warm cream, terracotta */
  --color-bg:#faf8f2;
  --color-surface:#fffefb;
  --color-surface-2:#f4f1e6;
  --color-surface-offset:#eee9da;
  --color-border:#e0dbc9;
  --color-divider:#ebe6d6;

  --color-text:#24301f;
  --color-text-muted:#5e6b50;
  --color-text-faint:#9aa288;
  --color-text-inverse:#faf8f2;

  --color-primary:#3a6b35;        /* leaf green */
  --color-primary-hover:#2c5527;
  --color-primary-active:#1f3d1c;
  --color-primary-soft:#e3ecdb;

  --color-accent:#c45a2c;         /* terracotta / radish */
  --color-accent-soft:#f4e2d6;

  --radius-sm:.5rem; --radius-md:.75rem; --radius-lg:1.25rem; --radius-xl:1.75rem; --radius-full:9999px;
  --transition:200ms cubic-bezier(.16,1,.3,1);
  --shadow-sm:0 1px 3px rgba(40,60,30,.07);
  --shadow-md:0 8px 24px rgba(40,60,30,.10);
  --shadow-lg:0 20px 50px rgba(40,60,30,.16);

  --content:1180px;
  --font-display:'Fraunces',Georgia,serif;
  --font-body:'Work Sans','Helvetica Neue',sans-serif;
}

[data-theme="dark"] {
  --color-bg:#13160f;
  --color-surface:#191d12;
  --color-surface-2:#1f2417;
  --color-surface-offset:#242a1b;
  --color-border:#33391f;
  --color-divider:#262c19;
  --color-text:#e6e9dc;
  --color-text-muted:#9ba585;
  --color-text-faint:#5f6a4d;
  --color-text-inverse:#13160f;
  --color-primary:#8fc07f;
  --color-primary-hover:#a6d196;
  --color-primary-active:#bcdcae;
  --color-primary-soft:#23301c;
  --color-accent:#e0855a;
  --color-accent-soft:#33231a;
  --shadow-sm:0 1px 3px rgba(0,0,0,.4);
  --shadow-md:0 8px 24px rgba(0,0,0,.45);
  --shadow-lg:0 20px 50px rgba(0,0,0,.55);
}

/* ============ BASE ============ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:5rem;}
body{min-height:100dvh;line-height:1.65;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);transition:background var(--transition),color var(--transition);}
img,svg,picture{display:block;max-width:100%;height:auto;}
ul[role=list]{list-style:none;}
input,button,textarea,select{font:inherit;color:inherit;}
h1,h2,h3,h4{text-wrap:balance;line-height:1.12;font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;}
p{text-wrap:pretty;}
a{color:inherit;text-decoration:none;}
button{cursor:pointer;background:none;border:none;}
::selection{background:var(--color-primary-soft);}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm);}
a,button,input,textarea,select{transition:color var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition);}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}

.wrap{width:100%;max-width:var(--content);margin-inline:auto;padding-inline:var(--space-6);}
.eyebrow{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);display:inline-flex;align-items:center;gap:var(--space-2);}
.eyebrow::before{content:"";width:1.75rem;height:2px;background:var(--color-primary);border-radius:2px;}
section{padding-block:clamp(var(--space-16),9vw,var(--space-32));}

/* ============ REVEAL ANIMATION ============ */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
.reveal.in{opacity:1;transform:none;}

/* ============ BUTTONS ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);padding:.85em 1.6em;border-radius:var(--radius-full);transition:all var(--transition);}
.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);}
[data-theme="dark"] .btn-primary{color:var(--color-text-inverse);}
.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md);}
.btn-ghost{background:transparent;color:var(--color-text);border:1.5px solid var(--color-border);}
.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary);}
.btn-lg{font-size:var(--text-base);padding:1em 2em;}

/* ============ HEADER ============ */
.header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color var(--transition),box-shadow var(--transition);}
.header.scrolled{border-color:var(--color-divider);box-shadow:var(--shadow-sm);}
.nav{display:flex;align-items:center;justify-content:space-between;height:4.75rem;}
.brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--color-text);letter-spacing:-.02em;}
.brand svg{color:var(--color-primary);flex-shrink:0;}
.brand-mark{width:34px;height:34px;flex-shrink:0;display:block;}
.nav-links{display:flex;align-items:center;gap:var(--space-8);}
.nav-links a{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);}
.nav-links a:hover{color:var(--color-primary);}
.nav-right{display:flex;align-items:center;gap:var(--space-4);}
.theme-toggle{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);color:var(--color-text-muted);border:1px solid var(--color-border);}
.theme-toggle:hover{color:var(--color-primary);border-color:var(--color-primary);}
.menu-btn{display:none;width:2.5rem;height:2.5rem;place-items:center;color:var(--color-text);}
@media(max-width:860px){
  .nav-links{position:fixed;inset:4.75rem 0 auto 0;flex-direction:column;background:var(--color-surface);padding:var(--space-6);gap:var(--space-5);border-bottom:1px solid var(--color-divider);transform:translateY(-120%);transition:transform var(--transition);box-shadow:var(--shadow-md);}
  .nav-links.open{transform:none;}
  .nav-links a{font-size:var(--text-base);}
  .menu-btn{display:grid;}
  .nav-cta{display:none;}
}

/* ============ HERO ============ */
.hero{position:relative;padding-top:clamp(var(--space-12),6vw,var(--space-20));padding-bottom:clamp(var(--space-16),8vw,var(--space-24));overflow:hidden;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(var(--space-8),5vw,var(--space-16));align-items:center;}
.hero h1{font-size:var(--text-3xl);line-height:1.04;margin-bottom:var(--space-5);}
.hero h1 .leaf{color:var(--color-primary);font-style:italic;}
.hero-lead{font-size:var(--text-lg);color:var(--color-text-muted);max-width:34ch;margin-bottom:var(--space-8);}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;}
.hero-meta{margin-top:var(--space-10);display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-10);}
.hero-meta .stat{display:flex;flex-direction:column;}
.hero-meta .num{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-primary);}
.hero-meta .lbl{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;}
.hero-visual{position:relative;}
.hero-visual img{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);aspect-ratio:4/3.2;object-fit:cover;width:100%;}
.hero-badge{position:absolute;bottom:-1.25rem;left:-1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--space-3);max-width:15rem;}
.hero-badge svg{color:var(--color-accent);flex-shrink:0;}
.hero-badge span{font-size:var(--text-sm);font-weight:600;line-height:1.3;}
@media(max-width:860px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-visual{order:-1;}
  .hero-badge{left:1rem;bottom:-1rem;}
}

/* ============ MARQUEE / TRUST ============ */
.trust{padding-block:var(--space-10);border-block:1px solid var(--color-divider);background:var(--color-surface-2);}
.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6) var(--space-12);align-items:center;}
.trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);}
.trust-item svg{color:var(--color-primary);}

/* ============ SECTION HEAD ============ */
.sec-head{max-width:46rem;margin-bottom:clamp(var(--space-10),5vw,var(--space-16));}
.sec-head.center{margin-inline:auto;text-align:center;}
.sec-head h2{font-size:var(--text-2xl);margin:var(--space-4) 0 var(--space-4);}
.sec-head p{color:var(--color-text-muted);font-size:var(--text-lg);}

/* ============ ABOUT ============ */
.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(var(--space-8),5vw,var(--space-16));align-items:center;}
.about-img{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;height:auto;display:block;}
.about-body h2{font-size:var(--text-2xl);margin:var(--space-4) 0;}
.about-body p{color:var(--color-text-muted);margin-bottom:var(--space-4);}
.about-sig{margin-top:var(--space-6);font-family:var(--font-display);font-style:italic;font-size:var(--text-lg);color:var(--color-text);}
.about-sig span{display:block;font-family:var(--font-body);font-style:normal;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);}
@media(max-width:760px){.about-grid{grid-template-columns:1fr;}.about-img{order:-1;}}

/* ============ BENEFITS ============ */
.benefits{background:var(--color-surface-2);}
.bene-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-5);}
.bene-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);}
.bene-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary-soft);}
.bene-ico{width:3rem;height:3rem;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary);display:grid;place-items:center;margin-bottom:var(--space-5);}
.bene-card h3{font-size:var(--text-lg);font-family:var(--font-body);font-weight:700;margin-bottom:var(--space-2);}
.bene-card p{font-size:var(--text-sm);color:var(--color-text-muted);}
.bene-note{margin-top:var(--space-10);text-align:center;font-size:var(--text-sm);color:var(--color-text-faint);}

/* ============ PRODUCTS ============ */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-6);}
.prod-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition);}
.prod-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.prod-card img{aspect-ratio:1;object-fit:cover;width:100%;}
.prod-info{padding:var(--space-5) var(--space-6) var(--space-6);}
.prod-info .tag{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);}
.prod-info h3{font-size:var(--text-lg);font-family:var(--font-body);font-weight:700;margin:var(--space-1) 0 var(--space-2);}
.prod-info p{font-size:var(--text-sm);color:var(--color-text-muted);}
.prod-price{font-family:var(--font-display);font-weight:600;color:var(--color-primary);font-size:var(--text-base);}
.variety-band{margin:var(--space-12) 0 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-lg);}
.variety-band img{display:block;width:100%;height:clamp(16rem,38vw,28rem);object-fit:cover;}
.variety-band figcaption{background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-4) var(--space-6);font-style:italic;}

/* ============ USES ============ */
.uses{background:var(--color-primary);color:#fff;border-radius:0;}
[data-theme="dark"] .uses{background:var(--color-primary-soft);color:var(--color-text);}
.uses .eyebrow{color:#cfe3c6;}
[data-theme="dark"] .uses .eyebrow{color:var(--color-primary);}
.uses .eyebrow::before{background:#cfe3c6;}
.uses h2{color:inherit;font-size:var(--text-2xl);margin:var(--space-4) 0 var(--space-4);}
.uses .sub{color:rgba(255,255,255,.82);font-size:var(--text-lg);max-width:42rem;}
[data-theme="dark"] .uses .sub{color:var(--color-text-muted);}
.uses-grid{margin-top:var(--space-12);display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-5);}
.use-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);padding:var(--space-6);backdrop-filter:blur(4px);}
[data-theme="dark"] .use-card{background:var(--color-surface);border-color:var(--color-border);}
.use-card .ico{font-size:1.75rem;margin-bottom:var(--space-3);}
.use-card h3{font-size:var(--text-base);font-family:var(--font-body);font-weight:700;margin-bottom:var(--space-1);color:inherit;}
.use-card p{font-size:var(--text-sm);color:rgba(255,255,255,.78);}
[data-theme="dark"] .use-card p{color:var(--color-text-muted);}

/* ============ STEPS ============ */
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-8);counter-reset:step;}
.step{position:relative;padding-top:var(--space-4);}
.step .n{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-primary-soft);line-height:1;}
[data-theme="dark"] .step .n{color:var(--color-primary);}
.step h3{font-size:var(--text-lg);font-family:var(--font-body);font-weight:700;margin:var(--space-2) 0;}
.step p{font-size:var(--text-sm);color:var(--color-text-muted);}

/* ============ ORDER FORM ============ */
.order{background:var(--color-surface-2);}
.order-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(var(--space-8),5vw,var(--space-16));align-items:start;}
.order-intro h2{font-size:var(--text-2xl);margin:var(--space-4) 0;}
.order-intro p{color:var(--color-text-muted);margin-bottom:var(--space-4);}
.delivery-note{display:flex;align-items:center;gap:var(--space-3);background:var(--color-primary-soft);color:var(--color-text);border-radius:var(--radius-md);padding:.75em 1em;font-size:var(--text-sm);margin-bottom:var(--space-2)!important;}
.delivery-note svg{color:var(--color-primary);flex-shrink:0;}
.delivery-note strong{font-weight:700;}
.order-contact{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-8);}
.order-contact a{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text);font-weight:500;}
.order-contact a:hover{color:var(--color-primary);}
.order-contact svg{color:var(--color-primary);flex-shrink:0;}
.form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(var(--space-6),4vw,var(--space-10));box-shadow:var(--shadow-md);}
.field{margin-bottom:var(--space-5);}
.field label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2);}
.field label .req{color:var(--color-accent);}
.field-hint{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:.4em;}
.field input,.field select,.field textarea{width:100%;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:.75em 1em;font-size:var(--text-sm);}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);}
.field textarea{resize:vertical;min-height:5rem;}
.field input[readonly]{background:var(--color-bg-soft,#f3f4f1);color:var(--color-text-muted);cursor:not-allowed;}
.field input.invalid,.field select.invalid{border-color:var(--color-accent,#d64545);}
.field input.invalid:focus{box-shadow:0 0 0 3px rgba(214,69,69,.18);}
.field input.checking{background-image:none;}
.field-error{display:block;font-size:var(--text-xs);color:var(--color-accent,#d64545);margin-top:.4em;font-weight:500;}
.field-checking{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:.4em;}
.form-general-error{font-size:var(--text-sm);color:var(--color-accent,#d64545);font-weight:600;margin:0 0 var(--space-3);padding:.7em .9em;background:rgba(214,69,69,.08);border:1px solid rgba(214,69,69,.3);border-radius:var(--radius-md);}
.form-submit[disabled]{opacity:.7;cursor:wait;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);}
.varieties{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);}
.vcheck{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:.7em .9em;cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:all var(--transition);}
.vcheck:hover{border-color:var(--color-primary);}
.vcheck input{width:auto;accent-color:var(--color-primary);width:1.15rem;height:1.15rem;}
.vcheck:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft);}
.form-submit{width:100%;margin-top:var(--space-2);}
.form-note{font-size:var(--text-xs);color:var(--color-text-faint);text-align:center;margin-top:var(--space-4);}
.form-success{display:none;text-align:center;padding:var(--space-8) var(--space-4);}
.form-success.show{display:block;}
.form-success .check{width:3.5rem;height:3.5rem;margin:0 auto var(--space-5);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);display:grid;place-items:center;}
.form-success h3{font-size:var(--text-xl);margin-bottom:var(--space-3);}
.form-success p{color:var(--color-text-muted);font-size:var(--text-sm);max-width:30ch;margin-inline:auto;}
.form-success .spam-note{font-size:var(--text-xs);color:var(--color-text-faint);max-width:38ch;margin-top:var(--space-4);}
@media(max-width:760px){.order-grid{grid-template-columns:1fr;}.field-row,.varieties{grid-template-columns:1fr;}}

/* ===== Weekly Variety Pack card ===== */
.pack-card{display:block;position:relative;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;margin-bottom:var(--space-5);transition:border-color var(--transition),background var(--transition),box-shadow var(--transition);}
.pack-card:hover{border-color:var(--color-primary);}
.pack-card input{position:absolute;opacity:0;pointer-events:none;}
.pack-card:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 0 0 3px var(--color-primary-soft);}
.pack-body{display:flex;flex-direction:column;gap:var(--space-2);}
.pack-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;}
.pack-name{font-family:var(--font-body);font-weight:700;font-size:var(--text-base);display:inline-flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;}
.pack-badge{font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--color-accent);border-radius:var(--radius-full);padding:.2em .7em;}
[data-theme="dark"] .pack-badge{color:var(--color-text-inverse);}
.pack-price{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--color-primary);white-space:nowrap;line-height:1;}
.pack-price span{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);}
.pack-desc{font-size:var(--text-sm);color:var(--color-text-muted);}

/* ===== or divider ===== */
.or-divider{display:flex;align-items:center;gap:var(--space-4);text-align:center;color:var(--color-text-faint);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-bottom:var(--space-5);}
.or-divider::before,.or-divider::after{content:"";flex:1;height:1px;background:var(--color-divider);}

/* ===== per-variety quantity rows ===== */
.qty-list{display:flex;flex-direction:column;gap:var(--space-3);}
.qty-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:.55em .65em .55em 1em;transition:border-color var(--transition);}
.qty-row:has(select:focus){border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);}
.qty-name{font-size:var(--text-sm);font-weight:600;}
.qty-sub{display:block;font-size:var(--text-xs);font-weight:400;color:var(--color-text-muted);margin-top:.15em;}
.qty-row select{width:auto;min-width:5rem;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:.4em .8em;font-size:var(--text-sm);}
.qty-row select:focus{outline:none;border-color:var(--color-primary);}
.qty-price-hint{font-size:var(--text-xs);font-weight:700;color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase;margin-left:.35em;}
.order-total{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--color-primary-soft);border-radius:var(--radius-md);}
.order-total-label{font-family:var(--font-body);font-weight:700;font-size:var(--text-sm);color:var(--color-text);}
.order-total-amount{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--color-primary);line-height:1;}
.order-total-note{display:block;width:100%;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:.35em;font-weight:500;}

/* ============ FOOTER ============ */
.footer{background:var(--color-surface);border-top:1px solid var(--color-divider);padding-block:var(--space-16) var(--space-8);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--space-10);margin-bottom:var(--space-12);}
.footer-social{display:flex;flex-direction:column;gap:var(--space-3);}
.footer-social a{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);}
.footer-social a:hover{color:var(--color-primary);}
.footer-social svg{flex-shrink:0;}
.footer .brand{margin-bottom:var(--space-4);}
.footer-about{font-size:var(--text-sm);color:var(--color-text-muted);max-width:32ch;}
.footer h4{font-size:var(--text-sm);font-family:var(--font-body);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);margin-bottom:var(--space-4);}
.footer ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);}
.footer ul a,.footer ul li{font-size:var(--text-sm);color:var(--color-text-muted);}
.footer ul a:hover{color:var(--color-primary);}
.footer-bottom{border-top:1px solid var(--color-divider);padding-top:var(--space-6);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-faint);}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr;gap:var(--space-8);}}

/* ============ CONTENT / SEO PAGES ============ */
.page-hero{background:var(--color-surface);border-bottom:1px solid var(--color-divider);padding-block:var(--space-16) var(--space-12);}
.page-hero .eyebrow{color:var(--color-primary);}
.page-hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:var(--space-3) 0 var(--space-4);max-width:20ch;}
.page-hero p{font-size:var(--text-lg);color:var(--color-text-muted);max-width:60ch;}
.article{padding-block:var(--space-16);}
.article .wrap{max-width:760px;}
.article h2{font-size:clamp(1.5rem,3vw,2rem);margin:var(--space-12) 0 var(--space-4);}
.article h2:first-child{margin-top:0;}
.article h3{font-size:var(--text-xl);margin:var(--space-8) 0 var(--space-2);}
.article p{color:var(--color-text);line-height:1.75;margin-bottom:var(--space-4);}
.article ul.article-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0 var(--space-6);}
.article ul.article-list li{position:relative;padding-left:var(--space-6);line-height:1.7;}
.article ul.article-list li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--color-primary);}
.article .faq-item{border-top:1px solid var(--color-divider);padding-block:var(--space-6);}
.article .faq-item h3{margin-top:0;}
.article .cta-block{background:var(--color-primary-soft);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;margin-top:var(--space-12);}
.article .cta-block h2{margin:0 0 var(--space-3);}
.article .cta-block p{margin-bottom:var(--space-6);}
.breadcrumb{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);}
.breadcrumb a{color:var(--color-text-muted);}
.breadcrumb a:hover{color:var(--color-primary);}