/* Fun BAGEL — Artisan warmth v10. Only body[data-page=warming].
   Preserve header, footer, checkout, cart and all other pages. */
body[data-page="warming"] { background:#f7f0e5; }
body[data-page="warming"] .fbw-main { background:#f7f0e5; color:#293b2b; overflow:hidden; }
body[data-page="warming"] .fbw-main *, body[data-page="warming"] .fbw-main *::before, body[data-page="warming"] .fbw-main *::after { box-sizing:border-box; }
body[data-page="warming"] .fbw-cover { background:#293c2d; color:#fcf5e9; position:relative; isolation:isolate; }
body[data-page="warming"] .fbw-cover::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.4; z-index:-1; background:radial-gradient(circle at 9% 77%,#60735644,transparent 32%),radial-gradient(circle at 70% 3%,#16271c88,transparent 45%); }
body[data-page="warming"] .fbw-cover-inner { margin:auto; max-width:1220px; width:calc(100% - 64px); padding:37px 0 49px; min-height:340px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.96fr); gap:62px; align-items:center; }
body[data-page="warming"] .fbw-cover-copy { min-width:0; padding:8px 0 12px 3px; }
body[data-page="warming"] .fbw-cover-kicker { display:flex; flex-wrap:wrap; align-items:center; gap:11px; color:#dcc6a5; font-size:11px; letter-spacing:.19em; font-weight:750; margin:0 0 14px; }
body[data-page="warming"] .fbw-kicker-star { color:#dbaf70; font-size:23px; line-height:1; }
body[data-page="warming"] .fbw-kicker-divider { opacity:.55; }
body[data-page="warming"] .fbw-cover h1 { font-size:clamp(37px,3.55vw,51px); font-weight:800; letter-spacing:.055em; line-height:1.44; margin:0 0 15px; color:#fbf5e7; }
body[data-page="warming"] .fbw-cover h1 span { color:#e0b47e; }
body[data-page="warming"] .fbw-cover-lead { margin:0 0 22px; color:#ede2d0; font-size:15px; line-height:1.9; letter-spacing:.018em; }
body[data-page="warming"] .fbw-cover-hints { display:flex; gap:8px; flex-wrap:wrap; }
body[data-page="warming"] .fbw-cover-hints>span { display:inline-flex; align-items:center; border:1px solid #b6a18178; border-radius:99px; padding:4px 13px; font-size:12px; letter-spacing:.07em; color:#ead6b8; }
body[data-page="warming"] .fbw-cover-photo { width:100%; height:289px; position:relative; align-self:stretch; margin:0; overflow:hidden; border-radius:170px 12px 12px 12px; border:5px solid #efe5d4; box-shadow:12px 12px 0 rgba(187,138,81,.28); background:#b88c63; }
body[data-page="warming"] .fbw-cover-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 48%; }
body[data-page="warming"] .fbw-cover-photo figcaption { position:absolute; left:auto; right:0; bottom:0; color:#fff9ed; padding:13px 24px 12px 28px; display:flex; flex-direction:column; align-items:flex-end; text-align:right; background:linear-gradient(90deg,transparent,#213223c9 26%,#213223e9); font-size:14px; letter-spacing:.06em; min-width:59%; }
body[data-page="warming"] .fbw-cover-photo figcaption small { display:block; font-size:10px; letter-spacing:.21em; color:#edcc9c; margin-bottom:2px; }
body[data-page="warming"] .fbw-body { position:relative; background:linear-gradient(180deg,#f6ede1 0,#f7f1e7 60%,#f8f3e9 100%); padding:37px 0 65px; }
body[data-page="warming"] .fbw-body-inner { width:calc(100% - 64px); max-width:1160px; margin:0 auto; }
body[data-page="warming"] .fbw-guide-heading { text-align:center; padding:2px 0 19px; }
body[data-page="warming"] .fbw-eyebrow { color:#ac7e4b; letter-spacing:.2em; font-size:11px; font-weight:800; margin:0 0 7px; }
body[data-page="warming"] .fbw-eyebrow span { font-size:14px; letter-spacing:0; padding:0 5px; }
body[data-page="warming"] .fbw-guide-heading h2 { font-size:clamp(24px,2.65vw,34px); font-weight:780; color:#29412e; letter-spacing:.04em; margin:4px 0 8px; }
body[data-page="warming"] .fbw-guide-heading>p:last-child { color:#776b5b; font-size:14px; line-height:1.8; margin:0; }
body[data-page="warming"] .fbw-mobile-break { display:none; }
body[data-page="warming"] .fbw-jumps { display:flex; gap:11px; flex-wrap:wrap; justify-content:center; margin:4px 0 27px; }
body[data-page="warming"] .fbw-jumps a { display:inline-flex; align-items:center; gap:9px; color:#334934; background:#efe5d5; border:1px solid #d7c6ad; border-radius:50px; padding:9px 21px 9px 12px; font-size:14px; font-weight:700; transition:background .16s,color .16s,border-color .16s; }
body[data-page="warming"] .fbw-jumps a span { display:grid; place-items:center; background:#2a4030; color:#fff3dd; width:28px; height:28px; border-radius:50%; font-size:12px; }
body[data-page="warming"] .fbw-jumps a:hover { background:#293c2d; color:#fff6e8; border-color:#293c2d; }
body[data-page="warming"] .fbw-jumps a:hover span { background:#b2814a; }
body[data-page="warming"] .fbw-recipe { background:#fcf8f0; border:1px solid #d9c8ad; border-radius:17px; overflow:hidden; box-shadow:0 12px 26px rgba(82,59,32,.055); }
body[data-page="warming"] .fbw-recipe-ribbon { display:flex; align-items:center; gap:11px; padding:15px 29px; color:#f5ecdf; background:#39533c; letter-spacing:.09em; font-size:15px; font-weight:800; }
body[data-page="warming"] .fbw-ribbon-mark { color:#e9bb7e; font-size:23px; line-height:1; }
body[data-page="warming"] .fbw-ribbon-english { color:#d7c6a9; font-size:10px; letter-spacing:.17em; font-weight:500; }
body[data-page="warming"] .fbw-recipe-row { display:grid; grid-template-columns:260px minmax(0,1fr); scroll-margin-top:100px; border-top:1px solid #e0d4c3; }
body[data-page="warming"] .fbw-recipe-row:nth-of-type(even) { background:#f8f1e7; }
body[data-page="warming"] .fbw-recipe-label { padding:23px 23px 24px 28px; border-right:1px solid #e2d4bf; background:linear-gradient(110deg,#f2e7d6 0,#f9f1e5 100%); position:relative; }
body[data-page="warming"] .fbw-recipe-row:nth-of-type(even) .fbw-recipe-label { background:linear-gradient(110deg,#f0e2cf 0,#f6eddf 100%); }
body[data-page="warming"] .fbw-recipe-no { display:inline-block; font-family:Georgia,serif; font-style:italic; color:#ac7c48; font-size:36px; line-height:1; margin-right:12px; }
body[data-page="warming"] .fbw-method-en { color:#9f8567; letter-spacing:.15em; font-size:10px; font-weight:800; }
body[data-page="warming"] .fbw-recipe-label h3 { margin:11px 0 1px; font-size:27px; line-height:1.3; letter-spacing:.06em; color:#243d2c; font-weight:800; }
body[data-page="warming"] .fbw-recipe-label p { margin:3px 0 11px; color:#796955; font-size:13px; }
body[data-page="warming"] .fbw-texture { display:inline-block; background:#d9bc95; color:#47361e; border-radius:4px 12px 4px 12px; padding:3px 12px; font-size:12px; font-weight:750; letter-spacing:.05em; }
body[data-page="warming"] .fbw-recipe-notes { padding:22px 26px; display:grid; grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr); gap:25px; align-items:start; }
body[data-page="warming"] .fbw-note { min-width:0; }
body[data-page="warming"] .fbw-note+.fbw-note { border-left:1px solid #ddccaf; padding-left:25px; }
body[data-page="warming"] .fbw-note h4 { margin:1px 0 9px; font-size:14px; font-weight:800; color:#476045; letter-spacing:.055em; display:flex; align-items:center; gap:8px; }
body[data-page="warming"] .fbw-note-dot { width:7px; height:7px; border-radius:50%; background:#ba864b; flex:0 0 7px; }
body[data-page="warming"] .fbw-note p { font-size:15px; line-height:1.93; color:#67594a; margin:0; }
body[data-page="warming"] .fbw-note strong { font-weight:850; color:#293c2d; }
body[data-page="warming"] .fbw-endnote { margin-top:19px; display:flex; align-items:center; gap:22px; justify-content:space-between; background:#ece1cf; border-radius:12px; padding:17px 21px; }
body[data-page="warming"] .fbw-endnote-copy { display:flex; align-items:center; gap:13px; color:#293b2b; }
body[data-page="warming"] .fbw-endnote-symbol { color:#b4834a; font-size:25px; }
body[data-page="warming"] .fbw-endnote-copy strong { font-size:14px; }
body[data-page="warming"] .fbw-endnote-copy p { font-size:13px; color:#746554; margin:1px 0 0; line-height:1.65; }
body[data-page="warming"] .fbw-cta { flex:none; display:inline-flex; gap:20px; align-items:center; justify-content:center; background:#293d2d; color:#fff9ec; border-radius:40px; padding:13px 22px; font-size:14px; font-weight:780; min-height:47px; transition:background .16s,transform .16s; }
body[data-page="warming"] .fbw-cta:hover { background:#466044; transform:translateY(-1px); }
body[data-page="warming"] .fbw-main a:focus-visible { outline:3px solid #bd874e; outline-offset:3px; }
@media (max-width:960px) {
body[data-page="warming"] .fbw-cover-inner { gap:28px; width:calc(100% - 44px); }
body[data-page="warming"] .fbw-cover h1 { font-size:clamp(34px,4.2vw,45px); }
body[data-page="warming"] .fbw-cover-photo { height:275px; }
body[data-page="warming"] .fbw-body-inner { width:calc(100% - 44px); }
body[data-page="warming"] .fbw-recipe-row { grid-template-columns:220px minmax(0,1fr); }
body[data-page="warming"] .fbw-recipe-label { padding-left:21px; padding-right:12px; }
body[data-page="warming"] .fbw-recipe-notes { gap:13px; padding:22px 19px; }
body[data-page="warming"] .fbw-note+.fbw-note { padding-left:13px; }
}
@media (max-width:700px) {
body[data-page="warming"] .fbw-cover-inner { display:flex; flex-direction:column-reverse; gap:18px; width:100%; padding:0 0 26px; align-items:stretch; }
body[data-page="warming"] .fbw-cover-photo { height:205px; border:0; box-shadow:none; border-radius:0 0 52px 0; }
body[data-page="warming"] .fbw-cover-photo img { object-position:center 47%; }
body[data-page="warming"] .fbw-cover-photo figcaption { font-size:12px; padding:9px 12px 9px 33px; }
body[data-page="warming"] .fbw-cover-photo figcaption small { font-size:9px; }
body[data-page="warming"] .fbw-cover-copy { padding:3px 23px 1px; }
body[data-page="warming"] .fbw-cover-kicker { font-size:10px; margin-bottom:7px; }
body[data-page="warming"] .fbw-cover h1 { font-size:clamp(31px,8.3vw,40px); line-height:1.38; margin-bottom:10px; }
body[data-page="warming"] .fbw-cover-lead { font-size:13px; margin-bottom:13px; }
body[data-page="warming"] .fbw-cover-hints>span { font-size:11px; padding:3px 11px; }
body[data-page="warming"] .fbw-body { padding:28px 0 41px; }
body[data-page="warming"] .fbw-body-inner { width:calc(100% - 30px); }
body[data-page="warming"] .fbw-eyebrow { font-size:10px; }
body[data-page="warming"] .fbw-guide-heading h2 { font-size:24px; letter-spacing:.01em; }
body[data-page="warming"] .fbw-guide-heading>p:last-child { font-size:13px; line-height:1.75; }
body[data-page="warming"] .fbw-mobile-break { display:block; }
body[data-page="warming"] .fbw-jumps { gap:7px; justify-content:space-between; margin-bottom:19px; }
body[data-page="warming"] .fbw-jumps a { gap:5px; padding:7px 7px 7px 5px; font-size:12px; }
body[data-page="warming"] .fbw-jumps a span { width:22px; height:22px; font-size:10px; }
body[data-page="warming"] .fbw-recipe { border-radius:13px; }
body[data-page="warming"] .fbw-recipe-ribbon { padding:12px 16px; font-size:14px; }
body[data-page="warming"] .fbw-ribbon-english { font-size:9px; letter-spacing:.05em; }
body[data-page="warming"] .fbw-recipe-row { display:block; }
body[data-page="warming"] .fbw-recipe-label { padding:13px 16px 12px; border-right:0; border-bottom:1px solid #e2d4bf; }
body[data-page="warming"] .fbw-recipe-no { font-size:29px; margin-right:10px; }
body[data-page="warming"] .fbw-recipe-label h3 { font-size:24px; margin:5px 0 0; display:inline-block; margin-right:11px; }
body[data-page="warming"] .fbw-recipe-label p { display:inline-block; margin:2px 0 6px; font-size:12px; }
body[data-page="warming"] .fbw-texture { display:none; }
body[data-page="warming"] .fbw-recipe-notes { padding:15px 16px 19px; gap:14px; }
body[data-page="warming"] .fbw-note p { font-size:14px; line-height:1.75; }
body[data-page="warming"] .fbw-note h4 { font-size:13px; }
body[data-page="warming"] .fbw-endnote { flex-direction:column; align-items:stretch; gap:14px; padding:15px 16px; }
body[data-page="warming"] .fbw-cta { width:100%; }
}
@media (max-width:430px) {
body[data-page="warming"] .fbw-recipe-notes { grid-template-columns:1fr; gap:12px; }
body[data-page="warming"] .fbw-note+.fbw-note { border-left:0; border-top:1px dashed #decfb7; padding:11px 0 0; }
body[data-page="warming"] .fbw-cover-photo { height:180px; }
}
@media (prefers-reduced-motion: reduce) { body[data-page="warming"] .fbw-main * { scroll-behavior:auto; transition:none!important; } }