/* Approved merchant UI: preserve the merchant's palette and actual order/booking mode. */
html .site:is(.lay-pickup,.lay-bookstudio,.lay-studio){background:#fafbf6;--nt-bg:#fafbf6;--nt-line:#e0e5d8;color:#2e382a}
html .site:is(.lay-pickup,.lay-bookstudio,.lay-studio) .approved-shop-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;text-align:left;background:#f2f4e8;padding:clamp(24px,4vw,52px) var(--pad,20px);border-bottom:1px solid #e0e5d8}
html .site .approved-shop-copy{min-width:0;align-self:center}
html .site .approved-shop-copy h2{font-size:clamp(28px,3.6vw,48px);line-height:1.35;letter-spacing:-.04em;margin:16px 0}
html .site .approved-shop-copy p{font-size:clamp(15px,1.5vw,18px);line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
html .site .approved-shop-photo{min-width:0;border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:#e6eadd}
html .site .approved-shop-photo img{width:100%;height:100%;max-width:100%;object-fit:cover;display:block}
html .site.lay-pickup .pickup-layout{grid-template-columns:minmax(0,1fr)}
html .site.lay-pickup .pickup-categories{flex-direction:row;grid-column:1/-1;gap:8px}
html .site.lay-pickup .pickup-categories a{border-radius:24px;background:white;border-color:#dfe5d5}
html .site.lay-pickup .pickup-group{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
html .site.lay-pickup .pickup-group>h4{grid-column:1/-1;font-size:clamp(20px,2vw,25px);padding:0}
html .site.lay-pickup .pickup-item,html .site.lay-pickup .pickup-item.featured{grid-template-columns:minmax(0,1fr);padding:16px;background:#fff;border:1px solid #e1e6d8;border-radius:16px;gap:16px}
html .site.lay-pickup .pickup-photo,html .site.lay-pickup .featured .pickup-photo{aspect-ratio:4/3;border-radius:12px}
html .site.lay-pickup .pickup-actions a,html .site.lay-pickup .pickup-start{border-radius:10px}
html .site.lay-pickup .pickup-ticket,html .site.lay-bookstudio .bs-guide{border:1px solid #dce4ce;border-radius:16px;background:#f0f4e5;box-shadow:none}
html .site.lay-pickup .pickup-ticket h4,html .site.lay-pickup .pickup-ticket p{border-color:#d5dec6}
html .site.lay-bookstudio .bs-service{border-radius:14px;padding:22px}
html .site:is(.lay-pickup,.lay-bookstudio,.lay-studio) a:focus-visible{outline:3px solid var(--ac);outline-offset:3px}
html body.shop-flow:is(.flow-pickup,.flow-bookstudio,.flow-studio){background:#f7f8f2;word-break:keep-all;overflow-wrap:anywhere}
html body.shop-flow:is(.flow-pickup,.flow-bookstudio,.flow-studio) .fw{background:#fffefb}
html body.shop-flow:is(.flow-pickup,.flow-bookstudio,.flow-studio) .fh{background:#fffefb;border-color:#e1e6d8}
html body.shop-flow:is(.flow-pickup,.flow-bookstudio,.flow-studio) .pc{border-radius:14px;border-color:#e0e5d8;padding:16px}
html body.shop-flow:is(.flow-pickup,.flow-bookstudio,.flow-studio) .pc.on{background:#f1f5e8;border-color:var(--ac)}
html body.shop-flow:is(.flow-pickup,.flow-bookstudio,.flow-studio) .bk-tot{background:#f0f4e5;border:1px solid #dce4ce;border-radius:14px;padding:20px}
html body.shop-flow:is(.flow-pickup,.flow-bookstudio,.flow-studio) .fbtn{border-radius:12px;box-shadow:none}
@media(min-width:640px){html .site.lay-pickup .pickup-group{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){html .site:is(.lay-pickup,.lay-bookstudio,.lay-studio) .approved-shop-hero{grid-template-columns:1.1fr 1fr;gap:40px}html .site.lay-pickup .pickup-layout{grid-template-columns:minmax(0,1fr) minmax(0,.42fr)}html .site.lay-pickup .pickup-ticket{position:sticky;top:90px}html body.shop-flow:is(.flow-bookstudio,.flow-studio) .fw{max-width:1000px}html body.shop-flow:is(.flow-bookstudio,.flow-studio) .fs{padding:32px}html body.shop-flow:is(.flow-bookstudio,.flow-studio) .fs:has(>.pickcard+form){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px 36px;align-items:start}html body.shop-flow:is(.flow-bookstudio,.flow-studio) .fs:has(>.pickcard+form)>h2{grid-column:1/-1}html body.shop-flow:is(.flow-bookstudio,.flow-studio) .fs>.pickcard{grid-column:1}html body.shop-flow:is(.flow-bookstudio,.flow-studio) .fs>.pickcard+form{grid-column:2;grid-row:2;margin-top:0}}
html body.shop-flow.flow-pickup .order-page .menu-card{border:1px solid #e1e6d8;border-radius:14px;margin:12px 0;background:#fff}
html body.shop-flow.flow-pickup .order-page .menu-main{padding:16px;gap:14px}
html body.shop-flow.flow-pickup .order-page .menu-copy p{font-size:14px;line-height:1.65}
html body.shop-flow.flow-pickup .order-page .menu-copy b{font-size:17px;line-height:1.5}
html body.shop-flow.flow-pickup .order-page .menu-img{border-radius:12px}

html .site:is(.lay-pickup,.lay-bookstudio,.lay-studio) .s-sec{display:block;padding:clamp(24px,4vw,44px) var(--pad,20px)}
html .site:is(.lay-pickup,.lay-bookstudio,.lay-studio) .s-sec>h3{margin:10px 0 24px}
html body.shop-flow:is(.flow-bookstudio,.flow-studio) .pickcard{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
html body.shop-flow:is(.flow-bookstudio,.flow-studio) .pc{display:grid;grid-template-columns:clamp(64px,16vw,92px) minmax(0,1fr);column-gap:14px;row-gap:8px;align-items:start;align-content:start;min-width:0}
html body.shop-flow:is(.flow-bookstudio,.flow-studio) .pc-im{grid-row:1 / span 2;width:100%;height:auto;aspect-ratio:1;border-radius:10px;overflow:hidden}
html body.shop-flow:is(.flow-bookstudio,.flow-studio) .pc-im img{width:100%;height:100%;object-fit:cover}
html body.shop-flow:is(.flow-bookstudio,.flow-studio) .pc-b{min-width:0}
html body.shop-flow:is(.flow-bookstudio,.flow-studio) .pc-p{grid-column:2;grid-row:2;min-width:0;text-align:left;white-space:normal;font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums}

/* Booking selection: compact image + description + price, independent of image height. */
html body.shop-flow:is(.flow-bookstudio,.flow-studio) .fw:has(.bk-steps){font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}
html body.shop-flow:is(.flow-bookstudio,.flow-studio) .fw:has(.bk-steps) h2{font-family:inherit;font-size:clamp(18px,2vw,22px);line-height:1.5}
html body.shop-flow:is(.flow-bookstudio,.flow-studio) .pc-b b{font-size:clamp(16px,1.5vw,18px);line-height:1.5}
html body.shop-flow:is(.flow-bookstudio,.flow-studio) .pc-b small{font-size:14px;line-height:1.65;color:#63705c;margin-top:5px}
html body.shop-flow:is(.flow-bookstudio,.flow-studio) .pc-p em{font-size:12px;line-height:1.5;color:#63705c;font-weight:400}
