/* Keep the established cream, badge logo, Fraunces and Poppins. */
.ux-guide-shop{margin:32px 0;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--cream)}
.rb .ux-guide-shop h2{font-size:27px;margin:6px 0 10px}.ux-guide-shop p{font-size:14px;line-height:1.7}
.ux-guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.rb .ux-guide-card{display:flex;gap:14px;padding:14px;background:white;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink)}
.ux-guide-card img{width:88px;height:88px;object-fit:contain;border-radius:8px}.ux-guide-card>span{display:grid;gap:5px}.ux-guide-card strong{font-size:15px}.ux-guide-card small{font-size:12px}.ux-guide-card b{font-size:12px;color:var(--hot)}
.ux-facts{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:20px;margin:20px 0}.rb .ux-facts h2{font-size:23px;margin:5px 0 16px}.ux-facts dl{margin:0;display:grid;gap:12px}.ux-facts dt{font-size:12px;color:var(--ink-2)}.ux-facts dd{margin:2px 0 0;font-size:15px;font-weight:600}.rb .ux-facts p{font-size:12px;margin-top:12px}.ux-facts a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:var(--hot)}.ux-advisory{padding:8px 10px;background:#fff3dc;border-radius:6px}
.ux-help{padding-top:32px;padding-bottom:32px;color:var(--ink);font-family:var(--body);background:var(--cream)}.ux-help h2{font:700 28px var(--disp);margin:6px 0 20px}.ux-help-links{display:flex;flex-wrap:wrap;gap:12px}.ux-help a{display:flex;align-items:center;min-height:48px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:white;text-decoration:none;font-size:13px}
.ux-sheet-close{display:none}.ux-active-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ux-active-filters button{border:1px solid var(--line);background:var(--cream);border-radius:24px;min-height:44px;padding:8px 14px;font:inherit;font-size:12px}
#ux-mobile-weight{font-size:12px;font-weight:500;color:var(--ink-2)}
.ux-category-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.ux-tax-note{font-size:12px;color:var(--ink-2);margin-top:6px!important}.ux-policy{padding-top:24px;padding-bottom:32px}.ux-policy h2{margin-top:24px!important}.ux-category-tools select{min-height:48px;max-width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--cream)}
.ux-facts dl{grid-template-columns:1fr 1.25fr;gap:16px}.ux-facts summary{min-height:44px;display:flex;align-items:center;font-size:12px;cursor:pointer}.ux-facts summary::before{content:'+';margin-right:8px}.ux-facts details[open] summary::before{content:'−'}.rb .ux-facts h2{font-size:22px;margin-bottom:12px}.ux-facts dd{font-size:13px}.ux-facts{padding:16px}.ux-facts a{min-height:36px}
.rb .rb-ing{font-size:14px;line-height:1.9}.rb .rb-alg{gap:12px}.rb .rb-alg__i{padding:12px}.rb .rb-pdp__u{font-size:15px;font-weight:600}.rb .rb-nut tbody tr:nth-child(even){background:var(--cream)}
@media(max-width:1024px){
 .rb #mix-summary:not(.open){top:auto!important;transform:none;max-height:none;height:auto;padding:10px 18px calc(10px + env(safe-area-inset-bottom))!important;border:1px solid var(--line);background:var(--cream);border-radius:16px 16px 0 0}
 .rb #mix-summary:not(.open)>:not(#mix-summary-header){display:none!important}
 .rb #mix-summary:not(.open) #mix-summary-header{display:block!important;padding:0;border:0;min-height:58px}
 #mix-summary-header>div:first-child{display:none}.rb #mix-summary.open{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
 .rb #mix-summary-header .text-lg{font-size:20px}.rb .add-to-mix-btn{min-height:48px}.rb #mix-items button{min-width:44px;min-height:44px}
 .rb #mix-items button{background:var(--hot-soft)!important;color:var(--ink)!important;border:1px solid var(--line)}
 body:has(#mix-summary){padding-bottom:110px}
 body:has(#mix-summary) #cookie-settings-btn{bottom:116px!important}
 .rb .rb-shop__toggle{position:sticky;top:8px;z-index:20;min-height:48px;background:var(--cream)}
 .rb #shop-filters-form.is-open{position:fixed;inset:auto 0 0;z-index:160;display:block!important;max-height:88dvh;overflow:auto;padding:24px 22px calc(24px + env(safe-area-inset-bottom));background:var(--cream);border-radius:20px 20px 0 0;box-shadow:0 -30vh 0 40vh #241a1f88}
 .ux-sheet-close{display:block;min-height:44px;float:right;border:1px solid var(--line);padding:8px 16px;background:white;border-radius:8px}.rb .rb-fset__apply{display:block;position:sticky;bottom:0;width:100%;min-height:48px}
 body.ux-filter-open{overflow:hidden}.rb #shop-filters-form input{min-height:24px}.rb .rb-flabel{min-height:44px}
}
@media(max-width:600px){.ux-guide-cards{grid-template-columns:1fr}.ux-guide-shop{padding:18px}.ux-help-links{display:grid;grid-template-columns:1fr 1fr}.ux-help a{padding:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#mix-summary{transition:none!important}}

/* Homepage hierarchy: reuse rebuild.css tokens and the existing brand assets. */
.ux-home-finder__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.rb .ux-home-finder h2{font-size:28px}.ux-home-search{display:flex;gap:10px;margin-bottom:16px}
.ux-home-search input{flex:1;min-width:0;padding:13px 16px;min-height:48px;border:1px solid var(--line);border-radius:8px;background:var(--cream);color:var(--ink);font:inherit}
.ux-home-types{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ux-home-types a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--cream);font-size:13px;font-weight:600;text-decoration:none}
.ux-home-types a:hover{border-color:var(--hot);background:var(--hot-soft)}
.ux-home-best .rb-h2{margin-top:7px}.ux-home-best .rb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ux-home .ux-help{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ux-home .ux-help h2{font-size:24px}.ux-home-declaration{margin-top:20px;align-self:flex-start}
#ux-home-dietary{scroll-margin-top:24px}
@media(max-width:860px){
 .ux-home .rb-hero__in{gap:16px;min-height:0}
 .ux-home .rb-hero__copy{gap:14px;padding:26px 0 0}
 .ux-home .rb-hero h1{margin-bottom:0}
 .ux-home .rb-hero__art{min-height:0;height:190px;margin:0 0 24px;align-self:auto}
 .ux-home .rb-hero__art img{object-position:50% 58%}
 .ux-home .rb-tp{font-size:12px;gap:5px}
 .ux-home .rb-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .ux-home .rb-cta .rb-btn{font-size:13px;padding:12px 8px;min-height:48px}
 .ux-home-types{grid-template-columns:repeat(3,minmax(0,1fr))}
 .rb .ux-home-finder{padding-top:26px;padding-bottom:26px}
 .ux-home .ux-help-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .ux-home-best .rb-grid--rail{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none;margin:0;padding:0;gap:12px}
 .ux-home .ux-help{padding-top:22px;padding-bottom:22px}
 .ux-home .rb-trans{gap:24px}.ux-home .rb-trans__lead h2{font-size:30px}
}
@media(max-width:420px){
 .ux-home-finder__head{align-items:flex-start}.rb .ux-home-finder h2{font-size:25px}
 .ux-home-finder__head .rb-more{font-size:12px;white-space:nowrap;padding-top:4px}
 .ux-home-types a{font-size:12px;padding:10px 8px}
 .ux-home-types{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ux-home-types a span{flex-shrink:0}
 .ux-home-search .rb-btn{font-size:13px;padding:12px}
 .ux-home .ux-help a{font-size:12px}
}

/* The dietary caveat under a guide's product cards. Quiet by design: it is a
   qualification, not a warning, and it must not read louder than the sweets. */
.ux-guide-note{
  margin:12px 0 0;
  font-size:13px;
  line-height:1.6;
  color:var(--ink-2,#5E5049);
}