@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@500;600;700;800&display=swap');
@import 'tailwindcss';
@import 'tw-animate-css';

@custom-variant dark (&:is(.dark *));

:root {
  --background: 30 40% 98%;
  --foreground: 218 23% 23%;
  --border: 30 25% 90%;
  --card: 0 0% 100%;
  --card-foreground: 220 20% 23%;
  --card-border: 30 25% 91%;
  --primary: 171.09 95.63% 35.88%;
  --primary-foreground: 0 0% 100%;
  --secondary: 23.53 100% 60%;
  --secondary-foreground: 248.28 100% 17.06%;
  --muted: 30 30% 94%;
  --muted-foreground: 218 10% 46%;
  --accent: 354.87 97.44% 69.41%;
  --accent-foreground: 0 0% 100%;
  --destructive: 353 97% 69%;
  --destructive-foreground: 0 0% 100%;
  --input: 30 25% 86%;
  --ring: 171.09 95.63% 35.88%;
  --popover: 0 0% 100%;
  --popover-foreground: 220 20% 23%;
  --popover-border: 30 25% 91%;
  --sidebar: 0 0% 100%;
  --sidebar-foreground: 220 20% 23%;
  --sidebar-border: 36 25% 91%;
  --sidebar-primary: 171 96% 36%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 30 40% 98%;
  --sidebar-accent-foreground: 218 23% 23%;
  --sidebar-ring: 171.09 95.63% 35.88%;
  --chart-1: 171.09 95.63% 35.88%;
  --chart-2: 23.53 100% 60%;
  --chart-3: 354.87 97.44% 69.41%;
  --chart-4: 70.51 82.33% 42.16%;
  --chart-5: 248.28 100% 17.06%;
  --app-font-sans: 'Inter', sans-serif;
  --app-font-serif: Georgia, serif;
  --app-font-mono: 'Inter', sans-serif;
  --radius: 1rem;
  --shadow-sm: 0 3px 12px hsl(248.28 100% 17.06% / 0.06);
  --shadow-md: 0 12px 28px hsl(248.28 100% 17.06% / 0.1);
}

.dark {
  --background: 220 44% 11%;
  --foreground: 36 44% 98%;
  --card: 220 40% 15%;
  --card-foreground: 36 44% 98%;
  --border: 220 25% 25%;
  --primary: 171 76% 45%;
  --primary-foreground: 220 44% 11%;
  --muted: 220 30% 20%;
  --muted-foreground: 36 20% 73%;
  --input: 220 25% 28%;
  --popover: 220 40% 15%;
  --popover-foreground: 36 44% 98%;
}

@theme inline {
  --color-background: hsl(var(--background));
  --color-foreground: hsl(var(--foreground));
  --color-border: hsl(var(--border));
  --color-input: hsl(var(--input));
  --color-ring: hsl(var(--ring));
  --color-card: hsl(var(--card));
  --color-card-foreground: hsl(var(--card-foreground));
  --color-primary: hsl(var(--primary));
  --color-primary-foreground: hsl(var(--primary-foreground));
  --color-secondary: hsl(var(--secondary));
  --color-secondary-foreground: hsl(var(--secondary-foreground));
  --color-muted: hsl(var(--muted));
  --color-muted-foreground: hsl(var(--muted-foreground));
  --color-accent: hsl(var(--accent));
  --color-accent-foreground: hsl(var(--accent-foreground));
  --font-sans: var(--app-font-sans);
  --font-heading: 'Poppins', sans-serif;
}

@layer base {
  * { border-color: hsl(var(--border)); }
  html { scroll-behavior: smooth; }
  body { margin: 0; background: hsl(var(--background)); color: hsl(var(--foreground)); font-family: var(--app-font-sans); }
  button, a, input, select, textarea { font: inherit; }
  a { color: inherit; text-decoration: none; }
}

.font-heading { font-family: 'Poppins', sans-serif; }
.site-shell { min-height: 100dvh; overflow-x: hidden; }
.container-wide { width: min(1280px, calc(100% - 32px)); margin-inline: auto; }
.header { position: sticky; top: 0; z-index: 50; background: hsl(0 0% 100% / .92); backdrop-filter: blur(14px); border-bottom: 1px solid hsl(248.28 100% 17.06% / .08); }
.header-price { background: hsl(0 0% 100% / .95); border-bottom-color: #f3f4f6; }
.header-row { height: 80px; display:flex; align-items:center; justify-content:space-between; }
.brand img { width: 100px; height: 80px; object-fit: contain; display:block; }
.nav { display:flex; align-items:center; gap: 32px; font-size: 15px; font-weight:500; color: hsl(248.28 100% 17.06%); }
.header-price .nav { font-size:16px; }
.nav a { transition: color .2s ease; }
.nav a:hover, .nav a.active { color: hsl(var(--primary)); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:8px; border: 0; cursor:pointer; font-weight:500; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color:white; background:hsl(var(--primary)); padding:10px 24px; border-radius:999px; box-shadow:0 8px 18px hsl(var(--primary) / .18); }
.button-primary:hover { box-shadow:0 10px 22px hsl(var(--primary) / .27); }
.button-outline { color:hsl(var(--primary)); background:transparent; border:2px solid hsl(var(--primary)); padding:9px 24px; border-radius:999px; }
.button-dark { color:white; background:hsl(248.28 100% 17.06%); padding:10px 24px; border-radius:999px; }
.button-light { color:hsl(248.28 100% 17.06%); background:white; padding:10px 24px; border-radius:999px; }
.mobile-toggle { display:none; border:0; background:transparent; color:hsl(248.28 100% 17.06%); padding:8px; cursor:pointer; }
.mobile-menu { display:none; padding: 8px 0 22px; }
.mobile-menu.open { display:flex; flex-direction:column; gap:16px; }
.mobile-menu a { font-weight:600; color:hsl(248.28 100% 17.06%); }
.hero { position:relative; min-height:60vh; padding:96px 0 112px; display:flex; align-items:center; background: #fdfaf5 url('/images/hero3.png') center/cover no-repeat; }
.hero-copy { width: 52%; position:relative; z-index:1; }
.eyebrow { color:hsl(248.28 100% 17.06%); text-transform:uppercase; letter-spacing:.1em; font-size:14px; font-weight:600; display:block; margin-bottom:16px; }
.hero h1 { color:hsl(248.28 100% 17.06%); font:700 clamp(36px, 4.2vw, 60px)/1.15 'Poppins', sans-serif; letter-spacing:-.035em; margin:0 0 24px; }
.hero p { color:#2d3748; font-size:20px; line-height:1.625; max-width:672px; margin:0 0 40px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:16px; }
.hero-actions .button { padding:14px 32px; font-size:18px; }
.desktop-break { display:block; }
.section { padding:80px 0; }
.section-white { background:white; }
.section-cream { background:hsl(var(--background)); }
.section-heading { text-align:center; margin-bottom:64px; }
.section-heading h2 { color:hsl(248.28 100% 17.06%); font:700 clamp(30px, 3.1vw, 36px)/1.2 'Poppins',sans-serif; letter-spacing:-.025em; margin:0; }
.section-heading p { color:#2d3748; line-height:1.6; margin:16px auto 0; max-width:650px; }
.rule { height:4px; width:96px; border-radius:99px; margin:24px auto 0; background:hsl(var(--secondary)); }
.rule-teal { background:hsl(var(--primary)); }
.benefits-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
.benefit { text-align:center; padding:24px; }
.icon-disc { width:64px; height:64px; border-radius:50%; display:grid; place-items:center; margin:0 auto 24px; background:hsl(var(--background)); }
.benefit h3, .feature h3 { color:hsl(248.28 100% 17.06%); font:600 20px 'Poppins',sans-serif; margin:0 0 10px; }
.benefit p, .feature p { color:#2d3748; line-height:1.6; margin:0; font-size:16px; }
.collections-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:32px; align-items:stretch; }
.collection-card { background:white; border-radius:18px; overflow:hidden; box-shadow:var(--shadow-sm); display:flex; flex-direction:column; transition:transform .25s ease, box-shadow .25s ease; }
.collection-card:hover { transform:translateY(-7px); box-shadow:var(--shadow-md); }
.collection-image { height:192px; position:relative; display:grid; place-items:center; background:#fcfaf8; overflow:hidden; }
.collection-image img { width:100%; height:100%; object-fit:cover; }
.age-pill { position:absolute; top:16px; left:16px; padding:4px 12px; background:hsl(0 0% 100% / .92); border-radius:999px; font:800 20px 'Poppins',sans-serif; }
.collection-body { padding:24px; display:flex; flex-direction:column; flex:1; }
.collection-body h3 { min-height:56px; color:hsl(248.28 100% 17.06%); font:700 18px/1.35 'Poppins',sans-serif; margin:0 0 8px; }
.collection-body p { min-height:80px; color:#2d3748; font-size:14px; line-height:1.5; margin:0 0 16px; }
.collection-price { font-size:14px; font-weight:800; margin:auto 0 16px; }
.collection-link { border-radius:8px; padding:10px; text-align:center; font-size:13px; font-weight:700; background:hsl(var(--background)); transition: background .2s ease, color .2s ease; }
.collection-card:hover .collection-link { background:hsl(var(--primary)); color:white; }
.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.feature { text-align:center; padding:24px; }
.recipe-wrap { max-width:850px; margin:56px auto 0; }
.recipe-wrap h3 { color:hsl(248.28 100% 17.06%); font:700 23px 'Poppins',sans-serif; text-align:center; margin:0; }
.recipe-wrap > p { text-align:center; color:#2d3748; margin:8px 0 22px; }
.recipe-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.recipe { background:white; border-radius:16px; padding:24px; text-align:center; box-shadow:var(--shadow-sm); }
.recipe h4 { color:hsl(248.28 100% 17.06%); font:700 18px 'Poppins',sans-serif; margin:0 0 8px; }
.recipe p { color:#2d3748; font-size:14px; line-height:1.5; margin:0; }
.steps { max-width:1024px; margin:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:48px; text-align:center; position:relative; }
.steps::before { content:''; position:absolute; top:40px; left:16%; right:16%; height:2px; background:#e7e7e7; }
.step { position:relative; z-index:1; }
.step-number { width:80px; height:80px; border-radius:50%; display:grid; place-items:center; background:hsl(var(--primary)); color:white; font:800 24px 'Poppins',sans-serif; border:4px solid white; margin:0 auto 24px; box-shadow:var(--shadow-sm); }
.step h3 { color:hsl(248.28 100% 17.06%); font:700 20px 'Poppins',sans-serif; margin:0 0 12px; }
.step p { color:#2d3748; font-size:16px; line-height:1.6; margin:0; }
.center-cta { text-align:center; margin-top:48px; }
.promise { background:hsl(var(--background)); }
.promise .section-heading { max-width:768px; margin-inline:auto; margin-bottom:56px; }
.promise .section-heading h2 { font-size:clamp(36px, 4vw, 48px); }
.promise .section-heading p { font-size:18px; line-height:1.625; }
.promise-cards { display:grid; grid-template-columns:repeat(5,1fr); gap:24px; }
.promise-card { background:white; border-radius:24px; padding:24px; text-align:center; box-shadow:var(--shadow-sm); }
.promise-card .icon-disc { width:80px; height:80px; margin-bottom:20px; }
.promise-card h3 { color:hsl(248.28 100% 17.06%); font:700 20px 'Poppins',sans-serif; margin:0 0 12px; }
.promise-card p { color:#2d3748; font-size:16px; line-height:1.55; margin:0; }
.tagline { text-align:center; color:hsl(248.28 100% 17.06%); font:700 24px 'Poppins',sans-serif; margin:46px 0 0; }
.tagline span { color:hsl(var(--accent)); }
.tagline strong { color:hsl(70.51 82.33% 42.16%); }
.footer { background:white; padding:64px 0 28px; border-top:1px solid hsl(248.28 100% 17.06% / .08); }
.footer-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:32px; margin-bottom:48px; }
.footer-logo { width:80px; height:64px; object-fit:contain; filter:grayscale(1); opacity:.7; margin-bottom:16px; transition:filter .2s ease, opacity .2s ease; }
.footer-logo:hover { filter:none; opacity:1; }
.footer p, .footer li, .footer a { color:#6b7280; font-size:14px; line-height:1.6; }
.footer h4 { color:hsl(248.28 100% 17.06%); font:600 16px 'Poppins',sans-serif; margin:0 0 14px; }
.whatsapp-link { display:inline-flex; align-items:center; gap:8px; color:#25a85a !important; font-weight:700; }
.footer ul { list-style:none; padding:0; margin:0; display:grid; gap:7px; }
.footer a:hover { color:hsl(var(--primary)); }
.socials { display:flex; gap:12px; margin-top:15px; }
.social { width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:hsl(var(--background)); color:#888; }
.footer-bottom { padding-top:32px; border-top:1px solid #f0eee9; display:flex; justify-content:space-between; }
.footer-bottom p { margin:0; color:#9a9da2; }
.page-hero { background:white; text-align:center; padding:64px 0; }
.page-hero h1 { color:hsl(248.28 100% 17.06%); font:700 36px/1.25 'Poppins',sans-serif; letter-spacing:-.02em; margin:0; }
.page-hero p { color:#4b5563; font-size:18px; max-width:672px; line-height:1.625; margin:24px auto 0; }
.quick-guide { padding:40px 0; background:hsl(var(--background)); }
.quick-guide .container-wide { width:min(1088px, calc(100% - 32px)); }
.quick-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:24px; }
.quick-card { display:block; background:white; border-radius:16px; padding:20px; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,.05); transition:transform .2s ease; }
.quick-card > svg { display:block; margin:0 auto 8px !important; }
.quick-card:hover { transform:translateY(-4px); }
.quick-card h3 { color:hsl(248.28 100% 17.06%); font:700 16px 'Poppins',sans-serif; margin:0; }
.quick-card p { color:#6b7280; font-size:14px; margin:4px 0 0; }
.quick-price { display:block; font-weight:700; font-size:18px; margin-top:8px; }
.price-section { padding:80px 0; background:white; }
.price-section > .container-wide { width:min(960px, calc(100% - 32px)); }
.price-section.alt { background:hsl(var(--background)); }
.price-head { text-align:center; margin-bottom:40px; }
.price-head h2 { color:hsl(248.28 100% 17.06%); font:700 30px/1.25 'Poppins',sans-serif; margin:12px 0 0; }
.price-head p { color:#4b5563; margin:12px auto 0; max-width:672px; line-height:1.6; }
.price-badge { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:82px; box-sizing:border-box; padding:8px 20px; border-radius:999px; margin-top:20px; font-weight:700; font-size:16px; }
.meal-list { display:grid; gap:12px; max-width:1024px; margin:auto; }
.meal-row { background:hsl(var(--background)); border-radius:16px; padding:20px 24px; display:flex; justify-content:space-between; align-items:center; gap:18px; box-shadow:none; transition:transform .25s ease, box-shadow .25s ease; }
.price-section .meal-row:hover { transform:translateY(-3px); box-shadow:0 8px 25px rgba(0,0,0,.08); }
.order-card .meal-row:hover { transform:translateY(-2px); box-shadow:var(--shadow-md); }
.meal-row h3 { color:hsl(248.28 100% 17.06%); font:700 16px/1.5 'Poppins',sans-serif; margin:0; }
.meal-row p { color:#4b5563; font-size:14px; margin:4px 0 0; }
.meal-row strong { flex-shrink:0; font-size:18px; }
.snack-groups { max-width:1024px; margin:auto; display:grid; gap:48px; }
.price-section#snacks .price-head { margin-bottom:48px; }
.snack-group-heading { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.snack-icon { width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:#ffba2414; color:#ffba24; }
.snack-group-heading h3 { color:hsl(248.28 100% 17.06%); font:700 24px/1.25 'Poppins',sans-serif; margin:0; }
.snack-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.dark-cta { background:hsl(248.28 100% 17.06%); padding:64px 0; text-align:center; color:white; }
.dark-cta-heart { font-size:36px; line-height:1; margin:0 auto 20px; text-align:center; }
.dark-cta h2 { font:700 30px/1.25 'Poppins',sans-serif; margin:0; }
.dark-cta p { color:#d2d5dc; max-width:510px; line-height:1.6; margin:14px auto 0; }
.dark-cta-actions { margin-top:27px; display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.order-section { background:hsl(var(--background)); padding:80px 0 96px; }
.order-layout { max-width:896px; margin:auto; }
.order-layout > .section-heading { margin-bottom:40px; }
.order-card { background:white; border:1px solid #efebe4; border-radius:16px; padding:clamp(16px,4vw,40px); box-shadow:var(--shadow-sm); }
.order-card h3 { color:hsl(248.28 100% 17.06%); font:800 21px 'Poppins',sans-serif; margin:0 0 24px; }
.order-note { background:hsl(var(--primary) / .08); color:#2d3748; border-radius:12px; padding:14px 16px; font-size:13px; line-height:1.5; margin-bottom:25px; }
.order-form { display:grid; gap:19px; }
.form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.field { display:grid; gap:7px; }
.field label { color:hsl(248.28 100% 17.06%); font-size:13px; font-weight:700; }
.field-label { color:hsl(248.28 100% 17.06%); font-size:13px; font-weight:700; }
.field input, .field select, .field textarea { width:100%; box-sizing:border-box; background:#fffdfa; border:1px solid #dedbd3; border-radius:9px; padding:11px 12px; color:#2d3748; outline:none; transition:border .2s ease, box-shadow .2s ease; }
.field textarea { min-height:90px; resize:vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color:hsl(var(--primary)); box-shadow:0 0 0 3px hsl(var(--primary) / .12); }
.fulfilment-options { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.fulfilment-option { border:1px solid #dedbd3; border-radius:9px; padding:11px 12px; background:#fffdfa; color:hsl(248.28 100% 17.06%); cursor:pointer; font-weight:700; text-align:center; transition:border .2s ease, background .2s ease, box-shadow .2s ease, color .2s ease; }
.fulfilment-option:hover { border-color:hsl(var(--primary)); }
.fulfilment-option.active { border-color:hsl(var(--primary)); background:hsl(var(--primary) / .1); color:hsl(var(--primary)); box-shadow:0 0 0 3px hsl(var(--primary) / .08); }
.fulfilment-option:focus-visible { outline:2px solid hsl(var(--primary)); outline-offset:2px; }
.form-status { text-align:center; color:hsl(var(--primary)); background:hsl(var(--primary) / .09); padding:13px; border-radius:9px; font-size:14px; }
.catalogue-picker { border:1px solid #ece8e0; border-radius:14px; overflow:hidden; max-height:620px; overflow-y:auto; background:#fdfcf9; }
.picker-section { padding:19px 18px 7px; border-bottom:1px solid #ece8e0; }
.picker-section:last-child { border-bottom:0; }
.picker-section h4 { margin:0 0 10px; font:800 14px 'Poppins',sans-serif; text-transform:uppercase; letter-spacing:.08em; }
.picker-row { display:flex; justify-content:space-between; gap:15px; padding:13px 0; border-top:1px solid #eeeae3; align-items:center; }
.picker-row:first-of-type { border-top:0; }
.picker-row strong { display:block; color:hsl(248.28 100% 17.06%); font:700 13px 'Poppins',sans-serif; }
.picker-row span { display:block; color:#737985; font-size:12px; line-height:1.4; margin-top:4px; max-width:430px; }
.picker-actions { display:flex; align-items:center; gap:11px; flex-shrink:0; }
.picker-actions b { font-size:13px; }
.quantity-control { display:flex; align-items:center; gap:6px; border:1px solid #ddd8cf; background:white; padding:3px; border-radius:999px; }
.quantity-control button { width:26px; height:26px; border:0; border-radius:50%; display:grid; place-items:center; cursor:pointer; color:hsl(var(--primary)); background:hsl(var(--primary) / .1); }
.quantity-control button:hover { background:hsl(var(--primary)); color:white; }
.quantity-control output { min-width:18px; text-align:center; color:hsl(248.28 100% 17.06%); font-weight:800; font-size:13px; }
.order-summary { border-radius:13px; background:#f4faf9; padding:15px 17px; display:grid; gap:9px; }
.order-summary > div { display:flex; justify-content:space-between; gap:16px; font-size:13px; color:#52616e; }
.order-summary strong { color:hsl(248.28 100% 17.06%); text-align:right; }
.order-summary .order-total { padding-top:11px; margin-top:2px; border-top:1px solid hsl(var(--primary) / .18); color:hsl(248.28 100% 17.06%); font-size:16px; font-weight:800; }
.order-summary .order-total strong { color:hsl(var(--primary)); font-size:19px; }
.collection-address { border-radius:12px; padding:14px 16px; display:flex; align-items:flex-start; gap:10px; background:hsl(70.51 82.33% 42.16% / .1); color:#30412f; font-size:13px; line-height:1.5; }
.collection-address svg { flex-shrink:0; color:hsl(70.51 82.33% 35%); margin-top:2px; }
.field small { color:#838895; font-size:11px; font-weight:400; }
.form-error { border-radius:10px; padding:12px 14px; background:#fff0f1; color:#aa3847; font-size:13px; line-height:1.45; }
.order-confirmation { max-width:530px; text-align:center; margin:12px auto; padding:14px; }
.confirmation-icon { width:66px; height:66px; border-radius:50%; background:hsl(var(--primary) / .12); color:hsl(var(--primary)); display:grid; place-items:center; margin:0 auto 18px; }
.order-confirmation h3 { margin:0 0 12px; font-size:27px; }
.order-confirmation p { margin:0 auto 10px; max-width:450px; color:#626873; line-height:1.6; }
.order-confirmation .button { margin-top:17px; }

.admin-page { min-height:100dvh; background:#f7f9f8; color:hsl(248.28 100% 17.06%); }
.admin-loading { min-height:100dvh; display:grid; place-items:center; font:700 18px 'Poppins',sans-serif; color:hsl(var(--primary)); }
.admin-login { width:min(440px, calc(100% - 40px)); margin:0 auto; min-height:100dvh; display:flex; flex-direction:column; justify-content:center; }
.admin-login > img { width:105px; height:80px; object-fit:contain; align-self:center; margin-bottom:28px; }
.admin-login .eyebrow { text-align:center; margin-bottom:13px; }
.admin-login h1 { font:800 clamp(34px, 7vw, 48px)/1.05 'Poppins',sans-serif; letter-spacing:-.05em; text-align:center; margin:0; }
.admin-login > p { text-align:center; color:#65707e; line-height:1.6; margin:16px 0 30px; }
.admin-login form { display:grid; gap:17px; background:white; padding:28px; border:1px solid #e7ece9; border-radius:20px; box-shadow:var(--shadow-sm); }
.admin-login form .button { margin-top:4px; }
.admin-back { color:hsl(var(--primary)); font-size:13px; font-weight:700; text-align:center; margin-top:24px; }
.admin-topbar { height:76px; padding:0 max(22px, calc((100vw - 1160px) / 2)); background:white; border-bottom:1px solid #e6ece9; display:flex; align-items:center; justify-content:space-between; }
.admin-topbar .brand img { width:81px; height:64px; }
.admin-topbar > div { display:flex; align-items:center; gap:18px; color:#5d6876; font-size:13px; font-weight:700; }
.admin-topbar button { border:0; background:transparent; color:hsl(248.28 100% 17.06%); cursor:pointer; display:inline-flex; gap:6px; align-items:center; font-weight:700; }
.admin-main { width:min(1160px, calc(100% - 40px)); margin:0 auto; padding:54px 0 70px; }
.admin-intro h1 { font:800 clamp(35px, 5vw, 53px)/1.05 'Poppins',sans-serif; letter-spacing:-.055em; margin:0; }
.admin-intro p { color:#65707e; margin:13px 0 0; }
.admin-controls { display:grid; grid-template-columns:1fr 185px auto; gap:10px; margin:28px 0 16px; }
.admin-controls input, .admin-controls select, .detail-status select { width:100%; box-sizing:border-box; border:1px solid #dfe5e3; background:white; border-radius:10px; padding:12px 13px; color:hsl(248.28 100% 17.06%); outline:none; }
.admin-controls .button { padding:12px 19px; }
.admin-workspace { display:grid; grid-template-columns:370px 1fr; min-height:580px; background:white; border:1px solid #e3e9e6; border-radius:19px; overflow:hidden; box-shadow:var(--shadow-sm); }
.admin-order-list { border-right:1px solid #e3e9e6; overflow-y:auto; max-height:720px; }
.admin-order-row { width:100%; text-align:left; display:grid; gap:5px; padding:16px 17px; border:0; border-bottom:1px solid #edf0ee; background:white; color:hsl(248.28 100% 17.06%); cursor:pointer; transition:background .2s ease; }
.admin-order-row:hover, .admin-order-row.selected { background:#effaf8; }
.admin-order-row > b { color:hsl(var(--primary)); font-size:13px; }
.admin-order-row small { color:#7a8491; font-size:11px; }
.admin-order-heading { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.admin-order-heading strong { font:800 12px 'Poppins',sans-serif; letter-spacing:.04em; }
.status-pill { display:inline-flex; align-items:center; width:max-content; border-radius:999px; background:#edf2f0; padding:4px 7px; color:#50616a; font:700 10px 'Inter',sans-serif; font-style:normal; }
.status-received { background:#e6f5f3; color:#137d73; }.status-awaiting_eft { background:#fff2d9; color:#9b650c; }.status-processing { background:#e6effd; color:#3465a4; }.status-ready_for_collection { background:#f5e9fe; color:#7d3f98; }.status-out_for_delivery { background:#e6f5ff; color:#1f6b9c; }.status-completed { background:#eaf6df; color:#527d25; }.status-cancelled { background:#fff0f1; color:#aa3847; }
.admin-order-detail { padding:31px; min-width:0; }
.admin-empty { height:100%; min-height:240px; display:grid; place-content:center; justify-items:center; gap:8px; text-align:center; color:#85909a; padding:25px; }
.admin-empty p { margin:0; font-size:13px; }
.detail-head { display:flex; justify-content:space-between; gap:20px; padding-bottom:24px; border-bottom:1px solid #e9eeec; }
.detail-head h2 { margin:0; font:800 27px 'Poppins',sans-serif; letter-spacing:-.04em; }
.detail-head p { color:#6d7782; line-height:1.55; margin:8px 0 0; font-size:13px; }
.detail-actions { display:flex; align-items:flex-start; gap:8px; flex-wrap:wrap; }
.detail-actions .button { padding:9px 11px; font-size:12px; }
.detail-status { margin:22px 0; display:flex; align-items:center; gap:12px; }
.detail-status label { font-size:13px; font-weight:800; }
.detail-status select { width:auto; padding:9px 10px; font-size:13px; }
.detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.detail-grid > div, .detail-notes { padding:15px; border-radius:12px; background:#f7faf9; }
.detail-grid h3, .detail-items h3, .detail-notes h3 { font:800 13px 'Poppins',sans-serif; margin:0 0 7px; }
.detail-grid p, .detail-notes p { margin:0; color:#63707b; font-size:12px; line-height:1.55; }
.email-delivery { display:grid; gap:4px; margin-top:9px; font-size:12px; color:#63707b; }
.email-delivery > strong { color:#52616b; }
.email-delivery > small { color:#7a8491; }
.email-delivery .email-error { color:#aa3847; }
.email-delivery.email-pending > strong { color:#b56c12; }
.email-retry { justify-self:start; margin-top:5px; padding:7px 10px; font-size:11px; }
.detail-items { margin-top:25px; }
.detail-items > div { display:grid; grid-template-columns:1fr 90px 75px; gap:12px; padding:10px 0; border-top:1px solid #edf0ef; align-items:start; font-size:12px; color:#53606d; }
.detail-items > div:first-of-type { border-top:0; }
.detail-items > div > b { text-align:right; color:hsl(248.28 100% 17.06%); }
.detail-items small { display:block; margin-top:3px; color:#7b858f; }
.detail-items .detail-total { background:#e9f6f4; border:0; padding:12px; border-radius:10px; margin-top:8px; font:800 15px 'Poppins',sans-serif; color:hsl(248.28 100% 17.06%); }
.detail-items .detail-total b { color:hsl(var(--primary)); font-size:17px; }
.detail-notes { margin-top:17px; }
.invoice-edit-form { display:grid; gap:24px; }
.invoice-edit-heading { padding-bottom:20px; border-bottom:1px solid #e9eeec; }
.invoice-edit-heading h2 { margin:5px 0 8px; font:800 27px 'Poppins',sans-serif; letter-spacing:-.04em; }
.invoice-edit-heading p { margin:0; color:#65707e; font-size:13px; line-height:1.55; max-width:650px; }
.invoice-edit-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.invoice-edit-grid .field { margin:0; }
.invoice-edit-grid input, .invoice-edit-grid select, .invoice-edit-grid textarea, .invoice-edit-item select, .invoice-edit-item input {
  width:100%; box-sizing:border-box; border:1px solid #dfe5e3; background:white; border-radius:10px; padding:11px 12px; color:hsl(248.28 100% 17.06%); outline:none;
}
.invoice-edit-grid textarea { min-height:88px; resize:vertical; }
.invoice-edit-notes { grid-column:1 / -1; }
.invoice-edit-items { display:grid; gap:13px; }
.invoice-edit-items-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.invoice-edit-items-heading h3 { margin:0 0 4px; font:800 14px 'Poppins',sans-serif; }
.invoice-edit-items-heading p { margin:0; color:#65707e; font-size:12px; }
#invoice-edit-item-list { display:grid; gap:9px; }
.invoice-edit-item { display:grid; grid-template-columns:minmax(0,1fr) 82px auto; gap:8px; align-items:center; }
.invoice-remove-item { border:0; background:#fff0f1; color:#aa3847; border-radius:9px; padding:11px 12px; font-weight:700; cursor:pointer; }
.invoice-edit-actions { display:flex; justify-content:flex-end; gap:10px; padding-top:18px; border-top:1px solid #e9eeec; }
.coupon-discount { color:#117b71; }
.animate-in { animation:rise .65s ease both; }
.delay-1 { animation-delay:.08s; } .delay-2 { animation-delay:.16s; } .delay-3 { animation-delay:.24s; }
@keyframes rise { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }

@media (min-width: 640px) {
  .container-wide { width:min(1280px, calc(100% - 48px)); }
  .quick-guide .container-wide { width:min(1088px, calc(100% - 48px)); }
  .price-section > .container-wide { width:min(960px, calc(100% - 48px)); }
}
@media (min-width: 1024px) {
  .container-wide { width:min(1280px, calc(100% - 64px)); }
  .price-page .header .container-wide,
  .price-page .page-hero .container-wide,
  .price-page .footer .container-wide { width:min(1216px, calc(100% - 64px)); }
  .quick-guide .container-wide { width:min(1088px, calc(100% - 64px)); }
  .price-section > .container-wide { width:min(960px, calc(100% - 64px)); }
}
@media (max-width: 1023px) {
  .benefits-grid { grid-template-columns:repeat(2,1fr); }
  .collections-grid { grid-template-columns:repeat(2,1fr); }
  .promise-cards { grid-template-columns:repeat(2,1fr); }
  .hero-copy { width:58%; }
}
@media (max-width: 767px) {
  .header-row { height:80px; }
  .brand img { width:100px; height:80px; }
  .header-price .brand img { width:80px; height:64px; }
  .nav, .header-cta { display:none; }
  .mobile-toggle { display:block; }
  .mobile-menu { position:absolute; top:100%; left:0; width:100%; box-sizing:border-box; padding:16px; background:white; box-shadow:0 12px 24px rgba(0,0,0,.1); }
  .hero { min-height:60vh; padding:64px 0 80px; background-position:center; }
  .hero-copy { width:100%; }
  .hero h1 { font-size:36px; max-width:520px; }
  .hero p { font-size:18px; max-width:560px; }
  .hero-actions { flex-direction:column; align-items:stretch; max-width:360px; }
  .desktop-break { display:none; }
  .section { padding:80px 0; }
  .benefits-grid, .features-grid { grid-template-columns:1fr; gap:40px; }
  .recipe-grid { grid-template-columns:1fr; }
  .steps { grid-template-columns:1fr; gap:30px; }
  .steps::before { display:none; }
  .promise-cards { grid-template-columns:1fr; gap:12px; }
  .promise-card { padding:24px; }
  .footer-grid { grid-template-columns:1fr; gap:30px; margin-bottom:35px; }
  .footer { padding:50px 0 25px; }
  .footer-bottom { align-items:flex-start; flex-direction:column; gap:4px; }
  .page-hero { padding:64px 0; }
  .page-hero p { font-size:18px; }
  .quick-grid { grid-template-columns:repeat(2,1fr); gap:20px; }
  .price-section { padding:64px 0; }
  .price-head h2 { font-size:30px; }
  .meal-row { padding:15px; }
  .snack-grid { grid-template-columns:1fr; }
  .dark-cta h2 { font-size:30px; }
  .form-grid { grid-template-columns:1fr; gap:19px; }
  .picker-row { align-items:flex-start; }
  .picker-actions { flex-direction:column; align-items:flex-end; gap:6px; }
  .admin-main { width:min(100% - 30px, 720px); padding-top:37px; }
  .admin-controls { grid-template-columns:1fr; }
  .admin-workspace { grid-template-columns:1fr; }
  .admin-order-list { border-right:0; border-bottom:1px solid #e3e9e6; max-height:360px; }
  .admin-order-detail { padding:22px 17px; }
  .detail-head { flex-direction:column; }
  .detail-grid { grid-template-columns:1fr; }
  .detail-items > div { grid-template-columns:1fr 72px; }
  .detail-items > div > b { grid-column:2; grid-row:1; }
  .invoice-edit-grid { grid-template-columns:1fr; }
  .invoice-edit-notes { grid-column:auto; }
  .invoice-edit-item { grid-template-columns:1fr 72px; }
  .invoice-remove-item { grid-column:1 / -1; }
  .invoice-edit-items-heading, .invoice-edit-actions { flex-direction:column; }
  .invoice-edit-actions .button { width:100%; }
}
@media (max-width: 639px) {
  .collections-grid { grid-template-columns:1fr; gap:32px; }
}
@media (min-width: 640px) and (max-width: 767px) {
  .hero h1 { font-size:48px; }
  .hero p { font-size:20px; }
  .hero-actions { flex-direction:row; max-width:none; }
  .desktop-break { display:block; }
}
@media (min-width: 768px) {
  .page-hero { padding:80px 0; }
  .page-hero h1 { font-size:60px; }
  .price-head h2 { font-size:36px; }
  .dark-cta h2 { font-size:36px; }
  .header-price .brand img { width:100px; height:80px; }
}
@media (min-width: 640px) and (max-width: 767px) {
  .page-hero h1 { font-size:48px; }
}