/* Version 2: approved breakfast design, complete v16 category and checkout layout. */
[hidden]{display:none!important}body,input,textarea,select,button{font-family:Arial,Helvetica,sans-serif;font-size:12px}button{color:inherit}h1{font-size:28px}h2{font-size:20px}.header nav,.footer nav,.breadcrumb{font-size:12px}.hero h1{white-space:nowrap}.category-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;margin-top:28px;padding:19px 23px;background:#f5f0e6;border:1px solid var(--line);border-radius:12px}.category-intro h2{font-size:18px;margin:0 0 8px}.category-intro h3{font-size:14px;margin:0 0 8px}.category-intro p{font-size:12px;line-height:1.7;margin:0}.category-intro aside{border-left:1px solid #dad5c5;padding-left:25px}.card-content h3{font-size:14px;min-height:40px}.card-content h3 a:hover{color:var(--sage);text-decoration:underline}.card-content p,.video-help,.filters button,.video-badge,.order,.price-note{font-size:12px}.order{border:0;min-height:40px}.price{font-size:16px}.card-content p{min-height:39px}.media-stage .phone{position:relative}.phone-media{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;max-width:none;background:#fffdf7}.phone-media[hidden]{display:none!important}.preview-controls{position:absolute;z-index:3;bottom:12px;left:10px;right:10px;display:flex;align-items:center;justify-content:flex-end;gap:5px}.play-toggle,.sound-toggle{border:0;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:36px;padding:7px 10px;background:#fffdf7;color:#40522e;font-size:12px;font-weight:600;box-shadow:0 2px 8px #3b462720}.play-toggle svg{width:14px;height:14px}.sound-toggle{margin-right:auto;padding-inline:8px}.play-toggle:hover,.sound-toggle:hover{background:#eef0e3}.price-note{text-align:center;margin:18px 0 0;color:var(--muted)}.section-block{margin-block:30px}.section-block>h2{margin-bottom:16px}.faq-list{display:grid;gap:10px;max-width:850px;margin-inline:auto}.faq-item{border:1px solid var(--line);border-radius:9px;background:var(--white);padding:0 17px}.faq-item summary{cursor:pointer;list-style:none;padding:14px 23px 14px 0;font-size:12px;font-weight:600;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:0;top:11px;font-size:18px;font-weight:400;color:var(--sage)}.faq-item[open] summary:after{content:'−'}.faq-item p{font-size:12px;margin:0 0 15px;color:#62634f}.faq-item summary:focus-visible{outline:3px solid #897125;outline-offset:3px}.personal p{font-size:12px}.ai-note{font-size:12px;color:var(--muted);margin-top:8px}.detail-page h1{font-size:28px;line-height:1.22;margin:0 0 13px}.detail-hero{display:grid;grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:42px;align-items:center;margin-top:22px}.detail-hero .detail-stage{height:440px;min-height:0;border-radius:12px;border:1px solid var(--line)}.detail-stage .phone{width:185px}.detail-copy .eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:12px}.detail-lead{font-size:12px;line-height:1.75;margin:0 0 19px}.detail-buy{display:flex;align-items:center;gap:22px}.detail-buy .order{min-height:44px;font-size:12px;padding:11px 18px}.detail-note{font-size:12px;margin:12px 0;color:var(--muted)}.express{background:#fdf8f0;border-left:4px solid #c8a96e;border-radius:8px;padding:14px 10px;margin:20px 0;font-size:12px;line-height:1.7}.detail-facts{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:start}.detail-facts h2{margin-bottom:15px}.facts{margin:0;border-top:1px solid var(--line)}.facts>div{display:grid;grid-template-columns:120px 1fr;gap:13px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.facts dt{font-weight:600;color:var(--sage-deep)}.facts dd{margin:0}.review{margin:0 0 15px;background:#f3ecde;border:1px solid #e4dbc8;border-radius:10px;padding:17px 20px}.review figcaption{font-size:12px;font-weight:600;color:var(--sage-deep)}.review blockquote{margin:9px 0 0;font-size:12px;font-style:italic;line-height:1.8}.review p{margin:0}.maker{padding:17px 20px;background:#eef0e3;border-radius:10px}.maker strong{font-size:14px}.maker p{font-size:12px;line-height:1.7;margin:7px 0 0}.design-box{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:25px 29px;background:#fdf8f0;border:1px solid #e8ddc9;border-radius:12px}.design-box h2{font-size:20px;margin:0 0 14px}.design-box h3{font-size:14px;margin:20px 0 7px}.design-box p{font-size:12px;line-height:1.8;margin:0 0 12px}.order-steps h2{text-align:center}.order-step-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:steps}.order-step-list li{position:relative;counter-increment:steps;padding:18px 15px 18px 55px;border:1px solid var(--line);background:var(--white);border-radius:10px}.order-step-list li:before{content:counter(steps);position:absolute;left:14px;top:17px;width:29px;height:29px;border-radius:50%;background:var(--gold);color:var(--sage-deep);font-weight:700;display:grid;place-items:center}.order-step-list strong{display:block;font-size:12px;margin-bottom:5px}.order-step-list span{font-size:12px;line-height:1.7;color:#62634f}.party-guide-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.party-guide-card{display:block;height:100%;background:#f3efe5;border:1px solid var(--line);border-radius:9px;padding:16px 18px;text-decoration:none}.party-guide-card:hover{background:#eef0e3;text-decoration:none}.party-guide-card h3{font-size:14px;margin:0 0 8px}.party-guide-card p{font-size:12px;color:#666850;line-height:1.7;margin:0}.party-guide-assistant{font-size:12px;text-align:center;margin:15px 0 0}.party-guide-assistant a{color:var(--sage-deep);font-weight:600;text-decoration:underline}.rel-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rel-card{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:16px;background:var(--white);border:1px solid var(--line);border-radius:10px}.rel-thumb{display:block}.rel-thumb .phone{display:block;width:70px;border-width:3px;border-radius:12px}.rel-name{font-size:12px;font-weight:600;line-height:1.4}.rel-price{font-size:14px;color:var(--sage);font-weight:600}.product-closing{justify-content:space-between}.product-closing .order{font-size:12px;min-width:150px}.product-closing a{text-decoration:underline}.detail-page .personal h2{font-size:20px}
html.dialog-open{overflow:hidden}.order-dialog{border:0;padding:0;border-radius:14px;background:var(--paper);color:var(--ink);width:min(860px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 25px 70px #29301c4d}.order-dialog::backdrop{background:#29301ca6;backdrop-filter:blur(3px)}.od-close{position:absolute;right:10px;top:10px;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fffaf4ee;color:var(--sage);display:grid;place-items:center}.od-close:hover{background:#fff}.od-close svg{width:20px;height:20px}.od-grid{display:grid;grid-template-columns:310px minmax(0,1fr)}.od-grid{grid-template-columns:310px minmax(0,1fr)}.od-media .product-stage{height:100%;min-height:530px}.od-stage{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 16% 16%,#fff8dba8 0,transparent 18%),radial-gradient(circle at 86% 77%,#fff8db95 0,transparent 15%),linear-gradient(135deg,#dfe0c4,#b2be99)}.od-stage .phone{width:195px}.od-body{padding:30px 28px 24px}.od-body .eyebrow{font-size:12px;margin-bottom:8px}.od-body h2{font-size:20px;line-height:1.3;color:var(--sage-deep);margin:0 32px 8px 0}.od-short{font-size:12px;color:var(--muted);margin:0 0 10px}.od-price{font-size:12px;color:var(--muted);margin:0 0 15px}.od-price strong{font-size:16px;color:var(--sage);margin-right:6px}.od-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px}.od-field{display:flex;flex-direction:column;gap:4px;min-width:0}.od-wide{grid-column:1/-1}.od-field label{font-size:12px;font-weight:600}.od-field input,.od-field textarea{font:inherit;font-size:12px;color:var(--ink);background:white;border:1px solid #c4c9b3;border-radius:6px;padding:9px 11px;min-height:42px;width:100%;min-width:0}.od-field textarea{resize:vertical;min-height:66px}.od-field input:focus,.od-field textarea:focus{outline:2px solid var(--sage);outline-offset:1px}.od-field [aria-invalid=true]{border-color:#a33024;background:#fff6f5}.od-hint{font-size:12px;color:var(--muted);grid-column:1/-1;margin:0}.od-submit{grid-column:1/-1;margin-top:4px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:6px;background:var(--sage);color:white;padding:10px 15px;font-size:12px;font-weight:600}.od-submit:hover{background:var(--sage-deep)}.od-submit:disabled{opacity:.7;cursor:wait}.od-status{grid-column:1/-1;margin:0;font-size:12px;color:var(--sage-deep)}.od-status:empty{display:none}.od-status.is-error{color:#9b271b}.od-note{font-size:12px;color:var(--muted);margin:10px 0 0}.od-more{display:inline-flex;align-items:center;gap:8px;margin-top:13px;font-size:12px;font-weight:600;color:var(--sage-deep)}.od-more svg{width:16px;height:16px}.od-grid,.od-body,.od-media{min-width:0}
@media(max-width:1050px){.card-content h3{font-size:13px}.card-content p{font-size:12px}.card-bottom{flex-direction:column;align-items:stretch}.card-bottom .order{width:100%;font-size:12px}.card-bottom .price{text-align:left}.detail-hero{grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:28px}.detail-stage .phone{width:170px}}
@media(max-width:900px){.od-grid{grid-template-columns:1fr}.od-media .product-stage{min-height:0;height:275px}.od-stage .phone{width:120px}.detail-hero{grid-template-columns:1fr;gap:22px}.detail-hero .detail-stage{height:380px;max-width:500px;width:100%;margin-inline:auto}.detail-stage .phone{width:165px}.detail-facts{grid-template-columns:1fr;gap:20px}.design-box{gap:24px;padding:23px}.category-intro{gap:20px;padding:18px}}
@media(max-width:760px){.category-intro{grid-template-columns:1fr;gap:14px}.category-intro aside{border-left:0;border-top:1px solid #dad5c5;padding-left:0;padding-top:13px}.category-intro h2{font-size:18px}.detail-page h1{font-size:24px}.detail-copy .eyebrow{font-size:12px}.design-box{grid-template-columns:1fr}.design-box h2{font-size:18px}.order-step-list{grid-template-columns:1fr}.section-block>h2{font-size:18px}.party-guide-list{gap:10px}.party-guide-card{padding:14px 12px}.party-guide-card h3{font-size:12px}.party-guide-card p{font-size:12px}.personal h2{font-size:18px}.ai-note{font-size:12px}.rel-grid{gap:12px}}
@media(max-width:620px){.video-badge{display:none}.preview-controls{bottom:8px;left:7px;right:7px;flex-wrap:wrap;gap:3px}.sound-toggle,.play-toggle{font-size:12px;min-height:34px;padding:6px 8px}.sound-toggle{padding-inline:7px}.play-toggle svg{width:13px;height:13px}.media-stage{padding-bottom:55px}.detail-stage,.od-stage{padding-bottom:30px}.detail-stage .preview-controls,.od-stage .preview-controls{bottom:10px;left:12px;right:12px;flex-wrap:nowrap}.card-content h3{font-size:12px;min-height:51px}.card-content p{font-size:12px;line-height:1.6;min-height:59px}.order{font-size:12px;min-height:44px}.filters button{font-size:12px}.facts>div{grid-template-columns:105px minmax(0,1fr);gap:10px}.party-guide-list{grid-template-columns:repeat(3,minmax(0,1fr))}.party-guide-card{padding:12px 9px}.party-guide-card h3{overflow-wrap:break-word}.party-guide-card p{font-size:12px}.product-closing{flex-wrap:wrap}.product-closing .order{width:100%}.od-body{padding:20px 16px 18px}.od-body h2{font-size:18px}.order-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.rel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.rel-card{padding:12px 8px}.rel-thumb .phone{width:57px}.rel-name{font-size:12px;overflow-wrap:break-word}.detail-page .personal h2{font-size:18px}}
@media(max-width:360px){.od-form{grid-template-columns:minmax(0,1fr)}.facts>div{grid-template-columns:1fr;gap:2px}.hero h1{font-size:24px}.sound-toggle,.play-toggle{padding-inline:6px}.play-toggle svg{display:none}.card-content{padding-inline:8px}.rel-grid{grid-template-columns:1fr}.rel-card{display:grid;grid-template-columns:60px 1fr;column-gap:10px;text-align:left}.rel-thumb{grid-row:1/3}.rel-name{align-self:end}.rel-price{align-self:start}.category-intro{padding:16px}}
