/* ===== iCookMagic — design spec for 'book', rendered from webcust ===== */
:root{
  --color-magenta: #FF3D7F;
  --color-magenta-dark: #D9266A;
  --color-magenta-soft: #FF8FB3;
  --color-magenta-tint: #FFE5EE;
  --color-neon: #39FF14;
  --color-neon-dark: #2BD60D;
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-ink-900: #0A0A0A;
  --color-ink-700: #2A2A2A;
  --color-ink-500: #6B6B6B;
  --color-ink-300: #B8B8B8;
  --color-ink-100: #EDEDED;
  --color-ink-50: #F7F7F7;
  --color-white-90: rgba(255,255,255,.90);
  --color-white-70: rgba(255,255,255,.70);
  --color-white-50: rgba(255,255,255,.50);
  --color-white-15: rgba(255,255,255,.15);
  --color-white-08: rgba(255,255,255,.08);
  --color-black-90: rgba(0,0,0,.90);
  --color-black-60: rgba(0,0,0,.60);
  --color-black-30: rgba(0,0,0,.30);
  --color-black-10: rgba(0,0,0,.10);
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-error: #EF4444;
  --color-info: #3B82F6;
  --footer-background: #000000;
  --footer-bottom-background: #0A0A0A;
  --footer-top-magenta: #FF3D7F;
  --footer-top-magenta-dark: #D9266A;
  --footer-pink-emphasis: #FFC6D9;
  --footer-neon: #39FF14;
  --footer-text: rgba(255,255,255,.75);
  --footer-text-soft: rgba(255,255,255,.70);
  --footer-text-muted: rgba(255,255,255,.50);
  --footer-border: rgba(255,255,255,.12);
  --footer-logo-font-size: 28px;
  --footer-title-font-size: 20px;
  --footer-body-font-size: 13px;
  --footer-link-font-size: 13px;
  --footer-newsletter-font-size: 12.5px;
  --footer-social-label-font-size: 14px;
  --footer-mantra-font-size: 13px;
  --footer-cert-font-size: 9.5px;
  --footer-legal-font-size: 11px;
  --footer-main-padding: 56px 28px 38px;
  --footer-top-padding: 24px 28px;
  --footer-bottom-padding: 18px 28px;
  --footer-grid-max-width: 1536px;
  --footer-grid-columns: 1.55fr .95fr 1.05fr .95fr 1.35fr;
  --footer-grid-gap: 64px;
  --footer-newsletter-input-radius: 100px;
  --footer-newsletter-button-radius: 100px;
  --footer-social-icon-size: 44px;
  --footer-cert-badge-radius: 4px;
  --header-row1-height: 34px;
  --header-row2-height: 54px;
  --header-row3-height: 40px;
  --header-logo-font-size: 22px;
  --header-search-height: 30px;
  --header-nav-font-size: 12px;
  --header-cta-font-size: 11px;
  --header-row-padding-x: 28px;
  --header-ticker-speed: 32s;
  --home-wrap-max-width: 1280px;
  --home-wrap-padding-x: 28px;
  --home-hero-padding: 40px 0 44px;
  --home-hero-grid-columns: 1.25fr 1fr;
  --home-hero-grid-gap: 36px;
  --home-hero-title-size: 58px;
  --home-hero-title-line-height: 1;
  --home-hero-card-radius: 8px;
  --home-hero-card-shadow: 8px 8px 0 var(--color-magenta);
  --home-section-padding: 40px 0;
  --home-section-compact-padding: 32px 0;
  --home-card-border: 1.5px solid #000;
  --home-card-radius: 6px;
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1280px;
  --container-2xl: 1536px;
  --container-pad: 28px;
  --container-pad-mobile: 16px;
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 100;
  --z-header: 200;
  --z-drawer: 300;
  --z-modal: 1000;
  --z-toast: 2000;
  --z-tooltip: 3000;
  --duration-instant: 100ms;
  --duration-fast: 180ms;
  --duration-base: 240ms;
  --duration-slow: 400ms;
  --duration-slower: 600ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.06), 0 1px 1px rgba(0,0,0,.04);
  --shadow-md: 0 4px 8px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);
  --shadow-lg: 0 12px 24px rgba(0,0,0,.10), 0 4px 8px rgba(0,0,0,.06);
  --shadow-xl: 0 24px 48px rgba(0,0,0,.14), 0 8px 16px rgba(0,0,0,.08);
  --shadow-offset-sm: 4px 4px 0 var(--color-black);
  --shadow-offset-md: 8px 8px 0 var(--color-black);
  --shadow-offset-lg: 12px 12px 0 var(--color-black);
  --shadow-offset-magenta: 8px 8px 0 var(--color-magenta);
  --shadow-offset-neon: 8px 8px 0 var(--color-neon);
  --shadow-glow-magenta: 0 6px 18px rgba(255,61,127,.4);
  --shadow-glow-neon: 0 6px 18px rgba(57,255,20,.4);
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --border-thin: 1px;
  --border-default: 2px;
  --border-thick: 3px;
  --border-color-default: var(--color-black);
  --border-color-subtle: var(--color-ink-100);
  --border-color-dark: var(--color-white-15);
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'Cascadia Code', Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 44px;
  --text-4xl: 60px;
  --text-5xl: 80px;
  --leading-tight: 1.05;
  --leading-snug: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;
  --tracking-tighter: -0.03em;
  --tracking-tight: -0.015em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.12em;
  --tracking-widest: 0.2em;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 800;
  --text-2xs: 10px;
  --text-3xs: 9px;
}


/* structure only — all visual values come from the spec above */
.wc-page_container{margin-inline:auto}
.wc-product_grid,.wc-blog_grid,.wc-recipe_grid{display:grid}
.wc-product_card,.wc-blog_card,.wc-recipe_card{display:flex;flex-direction:column}
.wc-product_card_body,.wc-blog_card_body,.wc-recipe_card_body{display:flex;flex-direction:column;flex:1}
.wc-product_card_media,.wc-blog_card_media,.wc-recipe_card_media,.wc-gallery_media,.wc-recipe_media,.wc-article_media{display:block;width:100%}
.wc-nutrition_box{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;text-align:center}
.wc-nutrition_box>*{display:flex;flex-direction:column;align-items:center;padding-block:var(--space-1)}
.wc-nutrition_box>*+*{border-inline-start:var(--border-thin) solid var(--border-color-subtle)}
.wc-nutrition_label,.wc-nutrition_value{display:block}
.wc-pill_base,.wc-pill_action,.wc-pill_buy,.wc-chip_diet,.wc-badge_status,.wc-badge_rating,.wc-variant_pill,.wc-category_chip,.wc-filter_chip,.wc-evidence_badge,.wc-variant_badge{display:inline-flex;align-items:center;justify-content:center;border-style:solid;border-width:0;cursor:pointer;white-space:nowrap;text-decoration:none}
.wc-icon_favourite{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;line-height:1}
.wc-filter_option{display:flex;align-items:center;cursor:pointer}
.wc-filter_rail,.wc-ingredient_box,.wc-nutrition_cell,.wc-fact_card,.wc-memory_prompt,.wc-chef_tip,.wc-made_with_card{border-style:solid;border-width:0}
.wc-product_card,.wc-blog_card,.wc-recipe_card{border-style:solid;border-width:0}