/* Draft. Scoped to the native front/catalog wrappers; never checkout. */
.bb-experience { --bb-ink:#2b2119;--bb-paper:#fffaf0;--bb-yellow:#ffd400;--bb-line:#d5cab9;background:var(--bb-paper);color:var(--bb-ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.9; }
.bb-experience *, .bb-experience *::before, .bb-experience *::after {box-sizing:border-box;}
.bb-experience a {color:inherit;text-decoration:none;}
.bb-experience img {display:block;max-width:100%;}
.bb-experience :is(a,button,summary):focus-visible {outline:3px solid #984117;outline-offset:4px;}
.bb-experience :is(h1,h2,h3,p) {margin-top:0;}
.bb-experience h1 {font-size:clamp(38px,4.5vw,72px);line-height:1.3;letter-spacing:-.05em;}
.bb-experience h2 {font-size:clamp(30px,4vw,52px);line-height:1.4;letter-spacing:-.04em;}
.bb-experience h3 {font-size:22px;line-height:1.5;}
.bb-experience em {font-style:normal;font-family:"Yu Mincho",serif;font-weight:500;}
.bb-experience .bb-eyebrow {font-size:11px;letter-spacing:.12em;font-weight:700;margin-bottom:22px;}
.bb-experience .bb-small {font-size:12px;line-height:1.8;}
.bb-experience .bb-section {padding:88px max(24px,7%);}
.bb-experience .bb-hero {display:grid;grid-template-columns:1.2fr 1fr;}
.bb-experience .bb-hero-photo {position:relative;overflow:hidden;}
.bb-experience .bb-hero-photo img {width:100%;height:100%;min-height:620px;object-fit:cover;object-position:50% 78%;}
.bb-experience .bb-hero-photo span {position:absolute;bottom:24px;left:24px;background:var(--bb-paper);padding:8px 16px;font-size:12px;transform:rotate(-3deg);}
.bb-experience .bb-hero-copy {background:var(--bb-yellow);padding:56px clamp(24px,5vw,80px);display:flex;flex-direction:column;justify-content:center;}
.bb-experience .bb-button {display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:16px 24px;background:var(--bb-ink);color:var(--bb-paper);font-size:14px;}
.bb-experience .bb-button:hover {background:#4b3626;}
.bb-experience .bb-text-link {display:inline-block;min-height:44px;padding:10px 0;border-bottom:1px solid;font-size:14px;margin:12px 0;align-self:flex-start;}
.bb-experience .bb-hero-copy .bb-small {margin:24px 0 0;}
.bb-experience .bb-sets {background:#f1ebdf;}
.bb-experience .bb-flavor-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px;}
.bb-experience .bb-flavor-grid img {width:100%;height:auto;aspect-ratio:1.4;object-fit:cover;margin-bottom:24px;}
.bb-experience .bb-flavor-grid p {font-size:14px;}
.bb-experience .bb-set-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:32px 0;}
.bb-experience .bb-set-image {aspect-ratio:1;background:#eee7d9;margin-bottom:24px;overflow:hidden;}
.bb-experience .bb-set-image img {width:100%;height:100%;object-fit:contain;}
.bb-experience .bb-set-card p {font-size:13px;}
.bb-experience .bb-set-card .bb-eyebrow {font-size:11px;letter-spacing:.02em;margin-bottom:12px;}
.bb-experience .bb-price {border-top:1px solid var(--bb-line);padding-top:16px;font-size:24px;}
.bb-experience .bb-card-cta {display:inline-block;min-height:44px;padding:10px 0;border-bottom:1px solid;font-size:14px;}
.bb-experience .bb-gift {background:var(--bb-yellow);}
.bb-experience .bb-gift dl {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;max-width:680px;border-top:1px solid #9c851a;padding-top:16px;font-size:14px;}
.bb-experience .bb-gift dd {margin:0;font-weight:700;}
.bb-experience .bb-gift .bb-button {max-width:380px;}
.bb-experience .bb-care {max-width:1050px;margin:auto;}
.bb-experience details {border-top:1px solid var(--bb-line);}
.bb-experience summary {cursor:pointer;padding:22px 0;font-size:15px;}
.bb-experience details p {font-size:14px;padding-bottom:20px;}
.bb-experience .bb-closing {background:var(--bb-ink);color:var(--bb-paper);text-align:center;}
.bb-experience .bb-closing .bb-button {max-width:340px;margin:auto;background:var(--bb-yellow);color:var(--bb-ink);}
.bb-experience.site-content {width:min(1200px,100%);float:none;margin:0 auto;padding:40px 24px;}
.bb-experience .page-header {background:transparent;padding:0 0 32px;}
.bb-experience .bb-catalog-choices {display:flex;flex-wrap:wrap;gap:12px;}
.bb-experience .bb-catalog-choices a {min-height:48px;border:1px solid var(--bb-line);padding:10px 16px;font-size:14px;}
.bb-experience .bb-catalog-choices a:hover {background:var(--bb-yellow);}
.bb-experience .cat-il {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
.bb-experience .cat-il article {float:none;width:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;}
.bb-experience .cat-il .itemimg {aspect-ratio:1;}
.bb-experience .cat-il .itemimg img {width:100%;height:auto;}
.bb-experience .cat-il .itemname {font-size:16px;line-height:1.6;overflow-wrap:anywhere;margin-top:12px;}
.bb-experience .cat-il .itemprice {font-size:22px;margin-top:16px;}
@media(max-width:1000px){.bb-experience .bb-set-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){
 .bb-experience .bb-hero {display:block;}
 .bb-experience .bb-hero-photo {aspect-ratio:1.12;}
 .bb-experience .bb-hero-photo img {min-height:0;}
 .bb-experience .bb-hero-copy {padding:32px 7%;}
 .bb-experience .bb-section {padding:60px 7%;}
 .bb-experience .bb-set-grid {grid-template-columns:minmax(0,1fr);gap:40px;}
 .bb-experience .bb-flavor-grid {grid-template-columns:minmax(0,1fr);gap:32px;}
 .bb-experience .bb-gift dl {display:block;}
 .bb-experience .bb-gift dd {margin-bottom:16px;}
 .bb-experience .cat-il {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;}
 .bb-experience .cat-il .itemname {font-size:14px;}
 .bb-experience.site-content {padding:28px 20px;}
}
@media(prefers-reduced-motion:reduce){.bb-experience * {animation:none!important;transition:none!important;}}

/* Synced from verified private preview, 2026-10-02. Homepage-only enqueue. */
.bb-experience .bb-hero-copy h1{font-size:clamp(32px,3.1vw,54px);font-weight:700;letter-spacing:-.06em;color:var(--bb-ink);}
.bb-experience .bb-hero-copy h1 em{color:var(--bb-ink);}
@media(min-width:901px){.bb-experience .bb-hero-copy{padding-left:36px;padding-right:36px;}}
@media(max-width:760px){
.bb-experience .bb-hero-copy{padding:18px 7% 24px;}
.bb-experience .bb-hero-copy>.bb-eyebrow{display:none;}
.bb-experience .bb-hero-copy h1{font-size:30px;line-height:1.2;margin-bottom:12px;}
.bb-experience .bb-hero-copy>p:not(.bb-small):not(.bb-eyebrow){font-size:14px;line-height:1.5;margin-bottom:14px;}
.bb-experience .bb-hero-copy .bb-button{min-height:48px;padding:12px 18px;}
.bb-experience .bb-hero-copy .bb-small{margin-top:12px;}
.bb-experience .bb-hero-photo{aspect-ratio:1.45;}
.bb-experience .bb-hero-photo img{object-position:50% 72%;}
.bb-experience .bb-hero-photo span{bottom:14px;left:14px;padding:6px 10px;font-size:11px;}
.bb-experience .bb-hero-copy{padding-top:14px;}
.bb-experience .bb-hero-copy h1{font-size:28px;line-height:1.15;margin-bottom:8px;}
.bb-experience .bb-hero-copy>p:not(.bb-small):not(.bb-eyebrow){margin-bottom:10px;}
}
.bb-experience .bb-set-card{min-width:0;display:flex;}
.bb-experience .bb-set-card>a{display:flex;flex-direction:column;width:100%;height:100%;}
.bb-experience .bb-set-card .bb-set-image{flex-shrink:0;width:100%;}
.bb-experience .bb-set-card h3{font-size:20px;line-height:1.5;margin-bottom:12px;}
.bb-experience .bb-set-card .bb-price{margin-top:auto;padding-top:16px;font-size:26px;line-height:1.3;white-space:nowrap;}
.bb-experience .bb-set-card .bb-price small{display:block;font-size:11px;line-height:1.6;margin-top:4px;white-space:nowrap;}
.bb-experience .bb-set-card .bb-small{margin:12px 0 8px;font-size:11px;}
.bb-experience .bb-set-card .bb-card-cta{align-self:flex-start;font-size:13px;}
@media(min-width:761px){.bb-experience .bb-set-card h3{min-height:3em;}}

/* Homepage desktop navigation: keep each label together. Approved 2026-10-02. */
@media (min-width: 1000px) {
 body.home nav.global .menu { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:0; }
 body.home nav.global .menu > li { flex:0 0 auto; width:auto; margin:0; }
 body.home nav.global .menu > li > a { display:block; white-space:nowrap; padding:14px 10px; font-size:14px; line-height:1.5; }
}