/* Theme cards in the studio */
.theme-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.theme-choice{border-radius:12px;overflow:hidden;padding:7px 7px 14px;transition:transform .18s,box-shadow .18s}
.theme-choice:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000016}
.theme-choice.selected{outline:3px solid var(--accent);outline-offset:1px}
.theme-swatch{height:93px;border-radius:8px;position:relative;overflow:hidden}
.theme-swatch:after{content:'Aa';position:absolute;left:14px;bottom:5px;font-size:42px;letter-spacing:-.07em}
.theme-swatch.maison{background:linear-gradient(135deg,#11191d 0 55%,#a58957 55%);color:#f5ebdb}
.theme-swatch.maison:after{font-family:Georgia,serif;font-style:italic}
.theme-swatch.pure{background:linear-gradient(135deg,#fafafa 0 55%,#d7d7d7 55%);color:#202020}
.theme-swatch.pure:after{font-family:Arial,sans-serif;font-size:39px;font-weight:300}
.theme-swatch.burger{background:linear-gradient(135deg,#ffd649 0 55%,#e34425 55%);color:#211810}
.theme-swatch.burger:after{font-family:Impact,sans-serif;font-size:48px;text-transform:uppercase}
.theme-swatch.sakura{background:linear-gradient(135deg,#f8eee9 0 55%,#bd6776 55%);color:#572e3a}
.theme-swatch.sakura:after{font-family:Georgia,serif}
.theme-swatch.ember{color:#f7e7cf}.theme-swatch.linen{color:#384c38}.theme-swatch.midnight{color:#f2e3c8}

/* Maison: quiet fine dining, editorial type and thin rules. */
body[data-theme=maison]{--bg:#151d20;--paper:#f2eee5;--ink:#292b29;--muted:#77746e;--line:#d7cfc1;--photo-overlay:#151d2077}
body[data-theme=maison] .hero{grid-template-columns:1.1fr .9fr;min-height:690px}
body[data-theme=maison] .hero-copy{padding-top:145px}
body[data-theme=maison] .hero h1{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.065em;line-height:1.08}
body[data-theme=maison] .hero-orbit{background:radial-gradient(circle at 50% 50%,#394145,#1d292c 50%,#151d20 78%)}
body[data-theme=maison] .hero-orbit:not(.has-photo):after{content:'M';position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);font:italic 350px Georgia,serif;color:#bca47828}
body[data-theme=maison] .plate{display:none}
body[data-theme=maison] .orbit-ring{border-color:#a5895738}
body[data-theme=maison] .menu-section{background:#f2eee5}
body[data-theme=maison] .section-top h2,body[data-theme=maison] .category-heading h3,body[data-theme=maison] .product-card h4{font-family:Georgia,serif;font-weight:400}
body[data-theme=maison] .product-card{background:transparent;border:0;border-bottom:1px solid var(--line);padding:27px 8px;box-shadow:none!important;transform:none!important}
body[data-theme=maison] .product-card.has-image{background:#f9f6f0;border:1px solid var(--line);padding:0}
body[data-theme=maison] .product-card .product-price{font-weight:500}
body[data-theme=maison] .category-nav button{border-radius:0;text-transform:uppercase;letter-spacing:.18em}

/* Pure: a restrained menu that works even with no photos. */
body[data-theme=pure]{--bg:#f9f9f7;--paper:#ffffff;--ink:#202020;--muted:#777;--line:#e4e4e1;--photo-overlay:#ffffff38}
body[data-theme=pure] .site-header,body[data-theme=pure] footer{color:#202020;border-color:#e5e5e1}
body[data-theme=pure] .brand small,body[data-theme=pure] footer .footer-mark{color:#202020}
body[data-theme=pure] .hero{background:#f9f9f7;color:#202020;grid-template-columns:1fr;min-height:520px;text-align:center}
body[data-theme=pure] .hero-copy{padding:110px 26px 125px;margin:auto}
body[data-theme=pure] .hero h1{font-family:'DM Sans',sans-serif;font-weight:500;letter-spacing:-.075em;font-size:clamp(52px,6vw,86px)}
body[data-theme=pure] .hero p{color:#686868;margin:auto}
body[data-theme=pure] .eyebrow{justify-content:center}
body[data-theme=pure] .hero-orbit:not(.has-photo),body[data-theme=pure] .hero-index{display:none}
body[data-theme=pure] .hero-orbit.has-photo{display:block;min-height:320px;width:100%}
body[data-theme=pure] .explore{margin-top:20px}
body[data-theme=pure] .menu-section{padding-top:80px}
body[data-theme=pure] .menu-content{max-width:850px}
body[data-theme=pure] .product-grid{gap:0}
body[data-theme=pure] .product-card{background:#fff;border:0;border-bottom:1px solid #e4e4e1;padding:23px 0;min-height:0;box-shadow:none!important;transform:none!important}
body[data-theme=pure] .product-card.has-image{display:grid;grid-template-columns:150px 1fr;padding:14px 0;align-items:center}
body[data-theme=pure] .product-image{height:120px}
body[data-theme=pure] .product-card h4,body[data-theme=pure] .category-heading h3,body[data-theme=pure] .section-top h2{font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:-.04em}
body[data-theme=pure] .product-card h4{font-size:19px}
body[data-theme=pure] .category-nav button{border-radius:6px}

/* Burger Club: bold type, bright colour and a lively card layout. */
body[data-theme=burger]{--bg:#ffd84f;--paper:#fff8e4;--ink:#21170d;--muted:#765c44;--line:#2a1c1160;--photo-overlay:#e3442540}
body[data-theme=burger] .site-header,body[data-theme=burger] footer{color:#21170d}
body[data-theme=burger] .brand small,body[data-theme=burger] footer .footer-mark{color:#21170d}
body[data-theme=burger] .hero{background:#ffd84f;color:#21170d;min-height:590px}
body[data-theme=burger] .hero h1,body[data-theme=burger] .section-top h2,body[data-theme=burger] .category-heading h3,body[data-theme=burger] .product-card h4{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:.015em}
body[data-theme=burger] .hero h1{font-size:clamp(72px,8vw,135px);line-height:.92}
body[data-theme=burger] .hero p{color:#5e3e28;font-weight:700}
body[data-theme=burger] .hero-orbit{background:radial-gradient(circle at 50% 45%,#f27835 0,#dc4426 55%,#ae2e1c 85%)}
body[data-theme=burger] .plate{background:radial-gradient(circle at 50% 50%,#ffc469 0 23%,#6a3219 24% 31%,#83a643 32% 37%,#d85a2b 38% 44%,#f2b147 45% 60%,#81351c 70%);box-shadow:0 30px 70px #0008,0 0 0 18px #ffd84f55}
body[data-theme=burger] .plate-inner{border:3px solid #fff1bc;font-family:Impact,sans-serif;font-size:31px}
body[data-theme=burger] .menu-section{background:#fff8e4}
body[data-theme=burger] .product-grid{gap:20px}
body[data-theme=burger] .product-card{background:#fff;border:3px solid #21170d;border-radius:18px;box-shadow:6px 6px 0 #21170d!important;transform:none!important}
body[data-theme=burger] .product-card h4{font-size:28px}
body[data-theme=burger] .product-price{background:var(--accent);color:#fff;padding:5px 9px;border-radius:5px;height:max-content}
body[data-theme=burger] .category-nav button{border:2px solid #21170d;border-radius:7px;text-transform:uppercase}
body[data-theme=burger] .category-nav button.active{background:#21170d;color:#fff}

/* Sakura: airy Japanese-inspired composition and a red sun. */
body[data-theme=sakura]{--bg:#f8eee9;--paper:#fffaf6;--ink:#352c30;--muted:#746971;--line:#eadad9;--photo-overlay:#f8eee955}
body[data-theme=sakura] .site-header,body[data-theme=sakura] footer{color:#352c30;border-color:#e8d9d5}
body[data-theme=sakura] .brand small,body[data-theme=sakura] footer .footer-mark{color:#352c30}
body[data-theme=sakura] .hero{background:#f8eee9;color:#352c30;grid-template-columns:1fr 1fr}
body[data-theme=sakura] .hero h1,body[data-theme=sakura] .section-top h2,body[data-theme=sakura] .category-heading h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}
body[data-theme=sakura] .hero p{color:#746971}
body[data-theme=sakura] .hero-orbit{background:linear-gradient(135deg,#f5e9e5,#eadbd8)}
body[data-theme=sakura] .hero-orbit:not(.has-photo):after{content:'';position:absolute;width:min(340px,65%);aspect-ratio:1;border-radius:50%;background:#b54d63;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 22px #b54d6314}
body[data-theme=sakura] .plate,body[data-theme=sakura] .orbit-ring,body[data-theme=sakura] .orbit-label{display:none}
body[data-theme=sakura] .hero-orbit.has-photo:after,body[data-theme=maison] .hero-orbit.has-photo:after{display:none}
body[data-theme=sakura] .menu-section{background:#fffaf6}
body[data-theme=sakura] .product-card{background:#fff;border:1px solid #eadad9;border-left:4px solid var(--accent);box-shadow:none!important;transform:none!important}
body[data-theme=sakura] .product-card h4{font-family:Georgia,serif;font-weight:400}
body[data-theme=sakura] .category-nav button{border-radius:4px}

@media(max-width:800px){
  body[data-theme=maison] .hero,body[data-theme=sakura] .hero{grid-template-columns:1fr}
  body[data-theme=maison] .hero-copy{padding-top:75px}
  body[data-theme=pure] .hero{min-height:420px}
  .theme-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  body[data-theme=burger] .hero h1{font-size:76px}
  body[data-theme=pure] .product-card.has-image{grid-template-columns:100px 1fr}
  body[data-theme=pure] .product-image{height:100px}
  .theme-swatch{height:70px}
}