/* Optional kitchen theme. Remove data-theme="kitchen" from index.html to restore
   the previous appearance. No layout, form, checkout or PDF logic depends on it. */
@media screen {
  body[data-theme="kitchen"] {
    background-color:#f7f3e9;
    background-image:url('/assets/kitchen-background.svg'),
      radial-gradient(ellipse at 50% 0,#fffdf6 0,transparent 65%),
      repeating-linear-gradient(0deg,transparent 0 31px,#bca9850a 31px 32px),
      repeating-linear-gradient(90deg,transparent 0 31px,#bca9850a 31px 32px);
    background-position:center 105px,center top,0 0,0 0;
    background-size:max(1440px,100vw) auto,100% 1200px,32px 32px,32px 32px;
    background-repeat:repeat-y,no-repeat,repeat,repeat;
  }
  body[data-theme="kitchen"] .hero {padding-block:65px 58px}
  body[data-theme="kitchen"] .meal-photo-grid {
    position:relative;background:#fffdf5;padding:14px;
    border:1px solid #e5dcc8;border-radius:24px;
    box-shadow:0 16px 38px #71512d14,0 3px 0 #e9dfcb;
  }
  body[data-theme="kitchen"] .meal-photo-grid::before,
  body[data-theme="kitchen"] .meal-photo-grid::after {
    content:"";position:absolute;z-index:1;width:82px;height:25px;
    top:-10px;background:#d8bd7a70;border:1px solid #cfb77b40;
    pointer-events:none;transform:rotate(-12deg);
  }
  body[data-theme="kitchen"] .meal-photo-grid::before {left:20px}
  body[data-theme="kitchen"] .meal-photo-grid::after {right:22px;transform:rotate(13deg)}
  body[data-theme="kitchen"] .benefit-strip {
    background:#ede5d3;border-block:1px solid #dfd5bf;
  }
  body[data-theme="kitchen"] .compact-how,
  body[data-theme="kitchen"] .form-card {
    background:#fffefa;box-shadow:0 12px 35px #76572e09;
  }
  body[data-theme="kitchen"] .generator-aside {
    position:sticky;background:#faf0cd;border:1px solid #e8dbb0;
    border-radius:7px 7px 24px 7px;box-shadow:3px 8px 20px #775b2510;
  }
  body[data-theme="kitchen"] .generator-aside::before {
    content:"";position:absolute;width:60px;height:21px;top:-10px;
    left:calc(50% - 30px);background:#c4d2b2a8;transform:rotate(-5deg);
    pointer-events:none;
  }
  body[data-theme="kitchen"] .pricing-section {
    background-color:#eeeede;
    background-image:url('/assets/kitchen-background.svg');
    background-position:center top;
    background-size:max(1440px,100vw) auto;
    background-repeat:repeat-y;
    border-block:1px solid #dce1cc;
  }
  body[data-theme="kitchen"] .creator-note {
    background:#fffcf3;border:1px solid #e3dbc8;
  }
}
@media screen and (max-width:1100px) {
  body[data-theme="kitchen"] {background-size:1550px auto,100% 1000px,32px 32px,32px 32px}
  body[data-theme="kitchen"] .pricing-section {background-size:1550px auto}
}
@media screen and (max-width:760px) {
  body[data-theme="kitchen"] {
    /* Keep the small screen quiet; photographs and paper accents carry the theme. */
    background-image:radial-gradient(ellipse at top,#fffdf5,transparent 70%),
      repeating-linear-gradient(0deg,transparent 0 31px,#bca9850a 31px 32px);
    background-size:100% 800px,32px 32px;background-position:0 0;
    background-repeat:no-repeat,repeat;
  }
  body[data-theme="kitchen"] .hero {padding-block:35px 40px}
  body[data-theme="kitchen"] .meal-photo-grid {padding:9px;border-radius:20px}
  body[data-theme="kitchen"] .meal-photo-grid::before,
  body[data-theme="kitchen"] .meal-photo-grid::after {width:60px;height:20px;top:-7px}
  body[data-theme="kitchen"] .generator-aside {position:static}
  body[data-theme="kitchen"] .pricing-section {background-image:none}
}