/* Only JS-allowlisted filled text CTAs receive a separate decorative face.
   No universal button, pseudo-element or selected-state mask. */
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite {
  --hi-cta-fill:#7f392e;--hi-cta-text:#ffeedd;
  position:relative;isolation:isolate;overflow:visible;
  background:transparent!important;border-color:transparent!important;
  color:var(--hi-cta-text)!important;
}
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite>.hi-cta-face {
  display:block!important;position:absolute;inset:-1px;z-index:-1;
  pointer-events:none;border-radius:inherit;background:var(--hi-cta-fill);
  mask-size:100% 100%;-webkit-mask-size:100% 100%;
}
body :is(#bh-motion,#hi-collection-dialog) :is(.bh-button--yellow,.bh-r-button--yellow,.hi-inner-action,.hi-p-action-primary).hi-cta-bite,
body.bh-dark-header #bh-motion .bh-nav .bh-button--solid.hi-cta-bite {--hi-cta-fill:#ffb15a;--hi-cta-text:#7f392e}
body #bh-motion .bh-footer .hi-cta-bite {--hi-cta-fill:#ffeedd;--hi-cta-text:#7f392e}
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite:focus-visible {outline:3px solid #c16a2b;outline-offset:5px}
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite:is(:disabled,[aria-disabled=true]) {opacity:.55;cursor:not-allowed;transform:none!important}
.hi-cta-particles {position:fixed;inset:0;z-index:10001;pointer-events:none!important;overflow:visible;contain:layout style;}
/* Exact owned Demo3 style.css crumb geometry, timing and keyframes.
   Only selector names and inherited HI face color differ. */
.hi-cta-crumb-group {position:absolute;display:block;width:18px;height:0;pointer-events:none}
.hi-cta-crumb-group i {position:absolute;display:block;border-radius:40% 55% 45% 60%;background:currentColor;opacity:0;animation:hi-cta-crumb .7s cubic-bezier(.3,.6,.5,1) .12s both}
.hi-cta-crumb-group i:nth-child(1){width:6px;height:5px;left:2px;top:6px}
.hi-cta-crumb-group i:nth-child(2){width:4px;height:4px;left:11px;top:10px;animation-delay:.2s;animation-duration:.8s}
.hi-cta-crumb-group i:nth-child(3){width:5px;height:4px;left:7px;top:2px;animation-delay:.27s;animation-duration:.62s}
@keyframes hi-cta-crumb{0%{opacity:0;transform:translate(0,-8px) rotate(0)}18%,70%{opacity:1}100%{opacity:0;transform:translate(3px,26px) rotate(70deg)}}
@media(prefers-reduced-motion:reduce){.hi-cta-particles{display:none!important}body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite{transition:none!important;transform:none!important}}

/* Explicit menu pairs defeat inherited inner-page light text without masking anything. */
body #bh-motion .bh-nav-links :is(a,button) {color:#7f392e!important}
body #bh-motion .bh-nav-links :is(a,button):is(:hover,:focus-visible,[aria-current],[aria-expanded=true]) {background:#ffb15a;color:#7f392e!important}
body #bh-motion .bh-mega {background:#ffeedd;color:#7f392e}
body #bh-motion .bh-mega-categories>button {background:transparent;color:#7f392e}
body #bh-motion .bh-mega-categories>button:is(.is-active,:hover,:focus-visible) {background:#ffb15a;color:#7f392e}
body #bh-motion .bh-mega-categories>.bh-button {color:#7f392e;background:transparent;border-color:#7f392e}
body #bh-motion .bh-mobile-sheet {background:#ffeedd;color:#7f392e}
body #bh-motion .bh-mobile-sheet nav a {color:#7f392e}
body #bh-motion :is(.bh-nav-links,.bh-mega-categories,.bh-mobile-sheet) :is(a,button):focus-visible {outline:3px solid #7f392e;outline-offset:3px}

/* Deliberate action rows, rather than inline baselines or absolute positioning.
   The product ticket and edible hero remain completely untouched. */
body #bh-motion .bh-hero-actions {display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;max-width:620px;min-width:0;text-align:right}
body #bh-motion .bh-hero-actions>button.bh-hero-timer {flex:0 0 100%;width:auto;max-width:none;text-align:right;margin:0 0 2px;padding:8px 0;background:transparent;color:#7f392e}
body #bh-motion .bh-hero-actions>:is(.hi-collection-add,.bh-button) {display:inline-flex;align-items:center;justify-content:center;position:relative;inset:auto;transform:none;min-height:52px;margin:0;max-width:100%;width:auto;font-size:13px;line-height:1.3;white-space:normal;padding:14px 22px;gap:14px}
body #bh-motion .bh-hero-actions>.hi-collection-add {flex:1 1 220px}
body #bh-motion .bh-hero-actions>.bh-button {flex:1 1 210px}
body #bh-motion .bh-hero-actions>.hi-collection-add[hidden] {display:none!important}
@media(min-width:700px) and (max-width:1199px){body #bh-motion .bh-hero-bottom{gap:24px}body #bh-motion .bh-hero-actions{max-width:320px}body #bh-motion .bh-hero-copy{max-width:340px}}
@media(max-width:699px){body #bh-motion .bh-hero-actions {display:grid;grid-template-columns:minmax(0,1fr);max-width:100%;gap:12px;text-align:center}body #bh-motion .bh-hero-actions>button.bh-hero-timer{text-align:center;margin:0}body #bh-motion .bh-hero-actions>:is(.hi-collection-add,.bh-button){display:inline-flex!important;width:100%;min-height:50px;margin:0;font-size:13px}body #bh-motion .bh-hero-actions>.hi-collection-add[hidden]{display:none!important}}
/* Product detail's two sibling actions must not touch; keep their original destinations. */
body.bh-inner #content .product-detail>div>.hi-collection-add {min-height:52px;vertical-align:middle;margin:0 12px 12px 0;padding:14px 20px;font-size:14px}
body.bh-inner #content .product-detail>div>.hi-collection-add+.btn {vertical-align:middle;margin:0 0 12px}
@media(max-width:699px){body.bh-inner #content .product-detail>div>.hi-collection-add,body.bh-inner #content .product-detail>div>.hi-collection-add+.btn {display:flex;width:100%;margin:0 0 12px;justify-content:center}}
/* Decorative face is aria-hidden, but must not trip the old arrow suppression rule. */


body #bh-motion .hi-p-picker-actions .hi-p-action.hi-cta-bite {--hi-cta-fill:#ffb15a;--hi-cta-text:#7f392e}
/* Collection is a stateful outlined pill, never a bite. Explicit pairs also win
   over #bh-motion and product-scene resets on both its label and +/check icon. */
body :is(#bh-motion,#hi-collection-dialog,.hi-collection-mobile-entry) .hi-collection-add {border-radius:999px!important;border:1px solid #7f392e55!important;background:#ffeedd!important;color:#7f392e!important}
body :is(#bh-motion,#hi-collection-dialog,.hi-collection-mobile-entry) .hi-collection-add>span {color:inherit!important}
body :is(#bh-motion,#hi-collection-dialog,.hi-collection-mobile-entry) .hi-collection-add[aria-pressed=true] {background:#7f392e!important;color:#ffeedd!important;border-color:#7f392e!important}
body :is(#bh-motion,#hi-collection-dialog,.hi-collection-mobile-entry) .hi-collection-add--compact {border-radius:50%!important;aspect-ratio:1;width:44px;min-width:44px}

/* Demo3's precise radial bite and .42s spring; text/focus remain unmasked. */
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite>.hi-cta-face {
 --bh-bite-radius:0px;
 -webkit-mask-image:radial-gradient(circle var(--bh-bite-radius) at calc(100% + 3px) 46%,transparent 96%,#000 100%);
 mask-image:radial-gradient(circle var(--bh-bite-radius) at calc(100% + 3px) 46%,transparent 96%,#000 100%);
 transition:--bh-bite-radius .42s cubic-bezier(.34,1.56,.64,1);
}
@media(prefers-reduced-motion:reduce){body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite>.hi-cta-face{transition:none!important;mask-image:none!important;-webkit-mask-image:none!important}}

/* Exact Demo3 control/label/arrow motion, now scoped to filled text CTAs. */
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite {transform:translate(var(--bh-bite-x,0px),var(--bh-bite-y,0px))!important;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite>.bh-bite-label {display:inline-flex!important;position:relative;align-items:center;justify-content:center;color:inherit!important;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite>.bh-bite-arrow {display:grid!important;place-items:center;position:relative;flex:none;width:22px;height:22px;color:inherit;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite>.bh-bite-arrow svg {display:block;width:20px;height:20px}
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite::after {display:none!important;content:none!important}
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite.hi-cta-engaged>.bh-bite-label {transform:translateX(-4px)}
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite.hi-cta-engaged>.bh-bite-arrow {transform:translateX(-9px) rotate(-8deg)}
@media(hover:hover) and (pointer:fine){body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite.hi-cta-engaged:hover {transform:translate(var(--bh-bite-x,0px),calc(var(--bh-bite-y,0px) - 2px))!important}}
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite:not(:disabled):not([aria-disabled=true]):active {transform:translate(var(--bh-bite-x,0px),var(--bh-bite-y,0px)) scale(.96)!important;transition-duration:.12s}
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite:is(:disabled,[aria-disabled=true]) {transform:none!important}
@media(prefers-reduced-motion:reduce){body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite,body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite>.bh-bite-label,body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite>.bh-bite-arrow {transition:none!important;transform:none!important}}
@media(max-width:699px){body #bh-motion .bh-nav-order.hi-cta-bite>.bh-bite-arrow{display:none!important}}
/* Existing inner CTA span styles target arrow glyphs, not the new source label. */
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite>.bh-bite-label {font-size:inherit!important;font-family:inherit!important;line-height:inherit}
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite {--hi-cta-arrow:#ffb15a}
body :is(#bh-motion,#hi-collection-dialog) .hi-cta-bite>.bh-bite-arrow {color:var(--hi-cta-arrow)!important}
body :is(#bh-motion,#hi-collection-dialog) :is(.bh-button--yellow,.bh-r-button--yellow,.hi-inner-action,.hi-p-action-primary).hi-cta-bite,
body.bh-dark-header #bh-motion .bh-nav .bh-button--solid.hi-cta-bite,
body #bh-motion .bh-footer .hi-cta-bite,body #bh-motion .hi-p-picker-actions .hi-p-action.hi-cta-bite {--hi-cta-arrow:#7f392e}

body #bh-motion #content .hi-j-search button[type=submit]{border-radius:999px!important;min-height:48px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;color:#ffeedd;background:#7f392e}