/* Rice & Smiley's — site v2 */
@font-face{font-family:Anton;src:url(/fonts/anton.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url(/fonts/montserrat-500.woff2) format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:Montserrat;src:url(/fonts/montserrat-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url(/fonts/montserrat-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url(/fonts/montserrat-800.woff2) format("woff2");font-weight:800 900;font-display:swap}

:root{
  --bg:#0b0b0b; --bg2:#121110; --card:#0e0d0c; --line:rgba(255,255,255,.1); --line2:rgba(255,255,255,.18);
  --y:#fac623; --y-hi:#ffd54a; --ink:#fff; --soft:#f3efe6; --mut:#b3ada3;
  --red:#ff6a4d; --green:#7bd389;
  --r:16px; --hdr:72px;
  --display:Anton,Impact,"Arial Narrow",sans-serif; --body:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 64px);-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--soft);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,iframe{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
ul{list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--y);outline-offset:3px;border-radius:6px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--y);color:#000;padding:10px 16px;border-radius:8px;font-weight:800}
.skip:focus{left:8px}
.wrap{width:min(1200px,100% - 32px);margin-inline:auto}
.narrow{max-width:760px}
.center{text-align:center}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic.big{width:40px;height:40px;color:var(--y)}

/* type */
h1,h2,h3,h4{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.3px;line-height:1;color:var(--ink)}
.h-hero{font-size:clamp(52px,8.4vw,112px);line-height:.92}
.h-hero span{color:var(--y)}
.h-hero.sm{font-size:clamp(44px,6.5vw,84px)}
.h-xl{font-size:clamp(40px,5.6vw,72px)}
.h-lg{font-size:clamp(34px,4.2vw,52px)}
.h-md{font-size:clamp(26px,3vw,36px)}
.eyebrow{font-family:var(--body);font-weight:800;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--y);margin-bottom:12px}
.lead{font-size:clamp(16px,1.6vw,19px);color:var(--mut);max-width:620px;margin-top:14px}
.lead a,.prose a,.order-info a{color:var(--y);font-weight:700;text-decoration:none}
.lead a:hover,.prose a:hover{text-decoration:underline}
.sec-head{margin-bottom:40px}
.sec-head.center .lead{margin-inline:auto}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border-radius:999px;border:2px solid transparent;font-weight:800;font-size:15px;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s;white-space:nowrap}
.btn-y{background:var(--y);color:#0b0b0b}
.btn-y:hover{background:var(--y-hi);transform:translateY(-1px)}
.btn-line{border-color:var(--line2);color:var(--ink);background:transparent}
.btn-line:hover{border-color:var(--y);color:var(--y)}
.btn-lg{min-height:56px;padding:14px 32px;font-size:16px}
.btn-sm{min-height:38px;padding:8px 16px;font-size:13px}
.btn-block{width:100%}
.btn.is-off{background:#2a2825;color:var(--mut);pointer-events:none}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cta-row.center{justify-content:center}

/* promo */
.promo{background:var(--y);color:#0b0b0b}
.promo[hidden]{display:none}
.promo-btn{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;width:100%;padding:9px 16px;background:none;border:0;cursor:pointer;font-size:14px;font-weight:600;color:#0b0b0b;text-align:center}
.promo-btn strong{font-weight:900;letter-spacing:.6px;text-transform:uppercase}
.promo-more{font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* header */
.site-header{position:sticky;top:0;z-index:60;background:rgba(11,11,11,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr{display:flex;align-items:center;height:var(--hdr);gap:20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand span{font-family:var(--display);font-size:24px;letter-spacing:.6px;white-space:nowrap}
.nav{display:flex;align-items:center;gap:26px;margin-left:auto}
.nav a{text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.8px;text-transform:uppercase}
.nav a:not(.btn):hover,.nav a[aria-current]{color:var(--y)}
.nav-call{display:inline-flex;align-items:center;gap:6px;color:var(--soft)}
.nav-call .ic{width:18px;height:18px}
.nav-order{min-height:44px;padding:10px 22px}
.menu-toggle{display:none;margin-left:auto;width:48px;height:48px;align-items:center;justify-content:center;background:none;border:1px solid var(--line2);border-radius:12px;cursor:pointer;color:var(--ink)}
.menu-toggle .ic-close{display:none}
.menu-toggle[aria-expanded="true"] .ic-open{display:none}
.menu-toggle[aria-expanded="true"] .ic-close{display:block}

/* hero */
.hero{padding:48px 0 56px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}
.hero-sub{font-size:clamp(17px,1.8vw,21px);color:var(--soft);max-width:540px;margin-top:22px}
.hero-loc{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:22px;color:var(--mut);font-weight:600;font-size:14px}
.hero-loc .ic{width:18px;height:18px;color:var(--y)}
.hero-loc [data-open-status]{color:var(--y)}
.hero-media img{width:100%;height:min(680px,78vh);object-fit:cover;object-position:center 40%;border-radius:28px}

/* trust */
.trust{border-block:1px solid var(--line);background:var(--bg2)}
.trust-list{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;padding:22px 0}
.trust-list li{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink)}
.trust-list .ic{color:var(--y)}

/* sections */
.bowl,.menu,.order-sec,.reviews,.social,.faq,.location,.cater-teaser,.request,.cat-menu{padding:clamp(64px,9vw,112px) 0}
.menu,.reviews,.faq{background:var(--bg2)}

/* bowl */
.bowl-top{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:48px}
.bowl-price{display:flex;align-items:baseline;gap:12px;margin-top:22px}
.bp-from{font-weight:800;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--mut)}
.bp-num{font-family:var(--display);font-size:clamp(48px,6vw,72px);line-height:1;color:var(--y)}
.bowl-facts{margin-top:18px;display:grid;gap:8px;color:var(--soft)}
.bowl-facts li{padding-left:22px;position:relative}
.bowl-facts li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:10px;border-radius:50%;background:var(--y)}
.bowl-facts strong{color:var(--ink)}
.bowl-img{width:100%;border-radius:24px}

.builder{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.steps{display:grid;gap:16px}
.step{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:var(--bg2)}
.step legend{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:26px;text-transform:uppercase;color:var(--ink);padding:0 4px;float:left;width:100%;margin-bottom:14px}
.sn{display:inline-grid;place-items:center;min-width:44px;height:44px;border-radius:12px;background:var(--y);color:#0b0b0b;font-size:20px}
.step-sub{clear:both;color:var(--mut);font-size:14px;margin-bottom:12px}
.count{display:inline-block;margin-left:6px;font-weight:800;color:var(--y);font-size:13px;letter-spacing:.5px}
.chips{display:flex;flex-wrap:wrap;gap:8px;clear:both}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.chip-t{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border:1.5px solid var(--line2);border-radius:12px;font-weight:700;font-size:14px;color:var(--ink);transition:border-color .15s,background .15s;min-height:44px;justify-content:center}
.chip-t .tag{align-self:flex-start;margin:2px 0 0}
.chip-t small{font-weight:500;font-size:12px;color:var(--mut)}
.chip:hover .chip-t{border-color:var(--y)}
.chip input:checked + .chip-t{background:var(--y);border-color:var(--y);color:#0b0b0b}
.chip input:checked + .chip-t .tag{align-self:flex-start;margin:2px 0 0}
.chip-t small{color:#3b2f0a}
.chip input:focus-visible + .chip-t{outline:3px solid var(--y);outline-offset:3px}
.chip-extra{margin-top:10px;display:inline-block}
.chip-extra b{color:var(--y)}
.chip-extra input:checked + .chip-t b{color:#0b0b0b}
.chips-sauce .chip-lg{flex:1 1 calc(50% - 8px);min-width:220px}
.summary{position:sticky;top:calc(var(--hdr) + 20px);border:1px solid var(--line2);border-radius:var(--r);padding:22px;background:#151310}
.sum-h{font-family:var(--display);font-size:28px;text-transform:uppercase;color:var(--ink)}
.sum-list{margin:12px 0 16px;display:grid;gap:6px;font-size:14px;color:var(--soft)}
.sum-list li{padding-bottom:6px;border-bottom:1px dashed var(--line)}
.sum-list .x-cost{color:var(--y);font-weight:700}
.sum-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:14px}
.sum-total strong{font-family:var(--display);font-size:40px;font-weight:400;color:var(--y);letter-spacing:0}
.sum-note{margin-top:10px;font-size:13px;color:var(--mut);text-align:center}

/* menu */
.cat-nav{position:sticky;top:var(--hdr);z-index:40;display:flex;gap:8px;overflow-x:auto;padding:12px 0;margin-bottom:24px;background:var(--bg2);scrollbar-width:none}
.cat-nav::-webkit-scrollbar{display:none}
.cat-nav a{flex:none;padding:10px 18px;border:1.5px solid var(--line2);border-radius:999px;text-decoration:none;font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--ink)}
.cat-nav a:hover,.cat-nav a.on{background:var(--y);border-color:var(--y);color:#0b0b0b}
.menu-cat{padding-top:40px}
.mc-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:22px}
.mc-head h3{font-size:clamp(32px,3.6vw,44px);color:var(--y)}
.mc-head p{color:var(--mut);font-size:15px}
.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-cards.g5{grid-template-columns:repeat(5,1fr);gap:14px}
.g5 .pc-name{font-size:22px}
.g5 .pc-body{padding:4px 14px 16px}
.pc{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .2s,transform .2s}
.pc:hover{border-color:rgba(250,198,35,.55);transform:translateY(-3px)}
.pc-img{background:var(--card);aspect-ratio:4/3}
.pc-img img{width:100%;height:100%;object-fit:cover}
.pc-body{display:flex;flex-direction:column;flex:1;padding:4px 18px 18px}
.pc-name{font-size:24px;line-height:1.05}
.pc-blend{margin-top:6px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--y)}
.pc-desc{margin-top:8px;font-size:14px;color:var(--mut);flex:1}
.pc-extra{margin-top:6px;font-size:13px;font-weight:700;color:var(--soft)}
.pc-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}
.price{font-family:var(--display);font-size:28px;color:var(--y);line-height:1}
.pc-feature{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}
.pc-feature .pc-img{aspect-ratio:auto}
.pc-feature .pc-body{padding:28px}
.pc-feature .pc-name{font-size:clamp(32px,3.4vw,44px)}
.pc-feature .pc-desc{font-size:16px;flex:0}
.pc-feature .price{font-size:40px}
.tag{display:inline-block;vertical-align:middle;margin-left:6px;padding:3px 7px;border-radius:6px;font-family:var(--body);font-size:11px;font-weight:800;letter-spacing:.6px;line-height:1.2;text-transform:uppercase}
.tag-v{background:rgba(123,211,137,.16);color:var(--green);border:1px solid rgba(123,211,137,.45)}
.tag-spicy{background:rgba(255,106,77,.16);color:var(--red);border:1px solid rgba(255,106,77,.45)}
.chip input:checked + .chip-t .tag{background:#0b0b0b}

/* chicken */
.ck-panel{border:1px solid var(--line2);border-radius:24px;padding:clamp(20px,3vw,32px);background:linear-gradient(180deg,#171512,#0f0e0c)}
.chicken .mc-head h3{color:var(--ink)}
.ck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ck-box{border:1px solid var(--line);border-radius:14px;padding:18px;background:rgba(0,0,0,.25)}
.ck-box h4{font-size:22px;color:var(--y);margin-bottom:10px}
.ck-box h4 small{display:block;margin-top:4px;font-family:var(--body);font-size:11px;font-weight:800;letter-spacing:1.2px;color:var(--mut)}
.ptable{width:100%;border-collapse:collapse;font-size:14px}
.ptable th,.ptable td{padding:8px 0;border-top:1px solid var(--line);text-align:right}
.ptable thead th{border-top:0;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--mut)}
.ptable th[scope=row]{text-align:left;font-weight:700;color:var(--ink)}
.ptable td{font-weight:800;color:var(--y)}
.flist li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.flist li:first-child{border-top:0}
.flist strong{display:block;color:var(--ink)}
.flist small{color:var(--mut);font-size:12px}
.flist b{color:var(--y);white-space:nowrap}
.ck-note{margin-top:10px;font-size:13px;color:var(--soft)}
.ck-note strong{color:var(--ink)}
.ck-foot{margin-top:16px;font-size:13px;color:var(--mut)}

.ck-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ck-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(0,0,0,.3)}
.ck-card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ck-body{padding:14px 16px 16px}
.ck-body h4{font-size:22px;color:var(--y);margin-bottom:6px}
.ck-body h4 small,.ptable th small{display:block;margin-top:4px;font-family:var(--body);font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--mut);text-transform:none}
.ck-sub{font-size:26px;margin:28px 0 12px;color:var(--ink)}
.ck-sides{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ck-sides li{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.3)}
.ck-sides img{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:none}
.ck-sides strong{display:block;color:var(--ink);font-size:14px}
.ck-sides small{color:var(--y);font-weight:700;font-size:12px}
/* sides */
.sides{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.sides li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-weight:700;color:var(--ink)}
.sides b{font-family:var(--display);font-weight:400;font-size:22px;color:var(--y)}

/* catering teaser */
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ct-grid img{width:100%;border-radius:24px}
.serve-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.serve{display:flex;flex-direction:column;padding:14px 20px;border:1.5px solid var(--y);border-radius:14px;min-width:150px}
.serve b{font-family:var(--display);font-weight:400;font-size:24px;text-transform:uppercase;color:var(--ink)}
.serve span{font-weight:800;color:var(--y);text-transform:uppercase;letter-spacing:1px;font-size:13px}
.free-del{display:flex;align-items:center;gap:10px;margin-top:20px;color:var(--soft)}
.free-del .ic{color:var(--y)}

/* order cards */
.order-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.order-card{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid var(--line2);border-radius:20px;background:var(--bg2)}
.order-card h3{font-size:38px}
.order-card > p{color:var(--mut)}
.order-card .btn{margin-top:auto}
.oc-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--y);color:#0b0b0b}
.oc-ic .ic{width:28px;height:28px}
.oc-note{font-size:13px;color:var(--mut);text-align:center}
.oc-note[hidden],.oc-soon[hidden]{display:none}
.oc-soon{margin-top:auto;padding:14px 16px;border:1px dashed var(--line2);border-radius:12px;color:var(--soft);font-size:14px}
.oc-soon strong{color:var(--y);text-transform:uppercase;letter-spacing:.8px}
.partner-list{display:grid;gap:10px;margin-top:auto}
.order-cards.compact{grid-template-columns:1fr;gap:12px}
.order-cards.compact .order-card{padding:18px;flex-direction:column}
.order-cards.compact .order-card h3{font-size:28px}
.order-cards.compact .oc-ic{display:none}
.order-info{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;color:var(--mut);font-weight:600}
.order-info .ic{width:18px;height:18px;color:var(--y)}
.order-sec.tight{padding-top:24px}

/* reviews */
.rev-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.rev-card{border:1px solid var(--line2);border-radius:20px;padding:30px;background:var(--bg)}
.rev-card h3{font-size:32px;margin:12px 0 8px}
.rev-card p{color:var(--mut);margin-bottom:20px}
.stars{display:flex;gap:4px;color:var(--y)}
.stars .st{width:26px;height:26px;fill:currentColor;stroke:none}

/* social */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gallery li{aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--card)}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.gallery li:hover img{transform:scale(1.04)}

/* local + faq */
.local{padding:56px 0;border-top:1px solid var(--line)}
.local-in{max-width:860px}
.local p{margin-top:12px;color:var(--mut)}
.faq-in{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:start}
.faq-i{border-bottom:1px solid var(--line)}
.faq-i summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:20px 0;font-weight:800;font-size:17px;color:var(--ink)}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary::after{content:"+";font-family:var(--display);font-size:28px;line-height:.8;color:var(--y);transition:transform .2s}
.faq-i[open] summary::after{transform:rotate(45deg)}
.faq-i p{padding:0 0 20px;color:var(--mut)}

/* location */
.loc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.addr{font-size:24px;font-weight:800;color:var(--ink);margin-top:18px;line-height:1.4}
.hours{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--soft);font-weight:600}
.hours .ic{color:var(--y)}
.map{border-radius:20px;overflow:hidden;border:1px solid var(--line2);background:var(--bg2);aspect-ratio:4/3}
.map iframe{width:100%;height:100%;border:0;filter:grayscale(.15)}

/* footer */
.site-footer{border-top:1px solid var(--line);padding:56px 0 32px;background:#070707;color:var(--mut);font-size:14px}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.ft-tag{margin:10px 0 14px;font-weight:800;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--y)}
.site-footer address{font-style:normal;line-height:1.8}
.site-footer a{text-decoration:none}
.site-footer a:hover{color:var(--y)}
.ft-h{font-size:18px;color:var(--ink);margin:0 0 10px}
.ft-h ~ .ft-h{margin-top:20px}
.site-footer li{margin-bottom:6px}
.ft-notes{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:8px;font-size:13px}
.ft-notes strong{color:var(--soft)}
.copy{opacity:.75}

/* mobile bar */
.mbar{display:none}

/* dialogs */
.sheet{margin:auto;border:1px solid var(--line2);border-radius:22px;background:#141310;color:var(--soft);width:min(520px,calc(100% - 24px));max-height:calc(100% - 24px);padding:0}
.sheet::backdrop{background:rgba(0,0,0,.7)}
.sheet-in{padding:22px}
.sheet-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.sheet-hd h2{font-size:32px}
.x{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line2);background:none;cursor:pointer;color:var(--ink)}
.dlg-lead{color:var(--soft);margin-bottom:12px}
.ticks{display:grid;gap:8px;margin:12px 0 20px}
.ticks li{position:relative;padding-left:26px}
.ticks li::before{content:"";position:absolute;left:4px;top:.45em;width:12px;height:7px;border-left:3px solid var(--y);border-bottom:3px solid var(--y);transform:rotate(-45deg)}

/* inner pages */
.page-hero{padding:56px 0 32px}
.page-hero.tall{padding:96px 0}
.page-hero.tall img{margin:0 auto 16px}
.page-hero .lead{margin-inline:inherit}
.page-hero.center .lead,.center .lead{margin-inline:auto}
.cat-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.cat-hero-grid img{width:100%;border-radius:24px}
.serve-guide{padding:8px 0 24px}
.sg-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sg{display:flex;flex-direction:column;align-items:center;padding:28px;border-radius:20px;background:var(--y);color:#0b0b0b;text-align:center}
.sg-k{font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:14px}
.sg-v{font-family:var(--display);text-transform:uppercase;font-size:clamp(40px,6vw,64px);line-height:1}
.cm-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:32px;align-items:start}
.ctable-wrap{margin-top:20px;border:1px solid var(--line2);border-radius:18px;overflow:hidden}
.ctable{width:100%;border-collapse:collapse}
.ctable th,.ctable td{padding:14px 18px;border-top:1px solid var(--line);text-align:right}
.ctable thead th{border-top:0;background:var(--bg2);font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ink)}
.ctable thead th small{display:block;color:var(--y);font-size:11px}
.ctable th[scope=row]{text-align:left;font-weight:700;color:var(--ink)}
.ctable td{font-family:var(--display);font-size:22px;color:var(--y)}
.ctable thead th:first-child{text-align:left}
.ct-sub th{text-align:left!important;background:var(--bg2);font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--mut)}
.blend-inline{display:block;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--y)}
.del-box{position:sticky;top:calc(var(--hdr) + 20px);padding:28px;border-radius:20px;border:1.5px solid var(--y);background:var(--bg2)}
.del-box h3{font-size:32px;margin:12px 0 8px}
.del-box p{color:var(--soft)}
.rq-wrap{max-width:880px}
.rq-form{display:grid;gap:20px;padding:clamp(20px,3vw,32px);border:1px solid var(--line2);border-radius:20px;background:var(--bg2)}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.f{display:grid;gap:6px;border:0}
.f label,.f legend{font-weight:700;font-size:14px;color:var(--ink)}
.f legend{margin-bottom:8px}
.f input,.f select,.f textarea{width:100%;min-height:48px;padding:12px 14px;border:1.5px solid var(--line2);border-radius:12px;background:var(--bg);color:var(--ink)}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--y);outline:none}
.f-radio{display:flex;flex-wrap:wrap;gap:8px}
.f-radio legend{width:100%}
.f[hidden]{display:none}
.hp{position:absolute;left:-9999px}
.prose{padding:8px 0 96px}
.prose h2{font-size:28px;margin:32px 0 10px;color:var(--y)}
.prose p,.prose li{color:var(--soft);margin-bottom:10px}
.prose ul{list-style:disc;padding-left:22px}
.prose .muted{color:var(--mut)}

/* responsive */
@media (max-width:1100px){
  .grid-cards.g5{grid-template-columns:repeat(3,1fr)}
  .nav{gap:18px}
  .ck-cards,.ck-sides{grid-template-columns:1fr 1fr}
}
@media (max-width:980px){
  .builder{grid-template-columns:1fr}
  .summary{position:static}
  .ft-grid{grid-template-columns:1fr 1fr}
  .cm-grid{grid-template-columns:1fr}
  .del-box{position:static}
}
@media (max-width:900px){
  :root{--hdr:64px}
  .menu-toggle{display:inline-flex}
  .nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 20px;background:#0b0b0b;border-bottom:1px solid var(--line);visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
  .nav.open{visibility:visible;opacity:1;transform:none}
  .nav a{padding:16px 4px;border-bottom:1px solid var(--line);font-size:16px}
  .nav .nav-order{margin-top:16px;border:0}
  .hero{padding:20px 0 40px}
  .hero-grid,.bowl-top,.ct-grid,.loc-grid,.rev-grid,.faq-in,.cat-hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-media{order:-1}
  .hero-media img{height:46vh;min-height:300px;border-radius:22px}
  .order-cards{grid-template-columns:1fr}
  .pc-feature{grid-template-columns:1fr}
  .mbar{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(11,11,11,.96);border-top:1px solid var(--line2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .mbar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border:1px solid var(--line2);border-radius:14px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ink)}
  .mbar-btn .ic{width:20px;height:20px;color:var(--y)}
  .mbar-order{min-height:52px;border:0;border-radius:14px;background:var(--y);color:#0b0b0b;font-weight:900;font-size:16px;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .sheet{margin:auto auto 0;width:100%;max-width:none;border-radius:22px 22px 0 0;border-bottom:0}
}
@media (max-width:600px){
  .promo-btn{font-size:12px;padding:7px 12px;gap:2px 8px}
  .brand span{font-size:20px}
  .trust-list{justify-content:flex-start;gap:12px 20px}
  .trust-list li{font-size:12px;letter-spacing:.8px}
  .ck-cards,.ck-sides{grid-template-columns:1fr}
  .grid-cards,.grid-cards.g5{grid-template-columns:1fr;gap:12px}
  .pc:not(.pc-feature){flex-direction:row}
  .pc:not(.pc-feature) .pc-img{flex:0 0 118px;aspect-ratio:auto}
  .pc:not(.pc-feature) .pc-body{padding:12px 14px 14px}
  .pc:not(.pc-feature) .pc-name{font-size:20px}
  .pc:not(.pc-feature) .pc-desc{font-size:13px}
  .pc:not(.pc-feature) .price{font-size:24px}
  .gallery{grid-template-columns:1fr 1fr}
  .f-grid{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr}
  .sg{padding:20px 12px}
  .ctable th,.ctable td{padding:12px 10px}
  .ctable td{font-size:18px}
  .cta-row .btn{flex:1 1 auto}
  .step{padding:16px}
  .step legend{font-size:22px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}