/* Use white as the site-wide component canvas while leaving media imagery intact. */
html,
body,
body #MainContent,
body #MainContent > .shopline-section,
body #MainContent [class*="color-scheme-"],
body .cart-drawer,
body .cart-notification,
body .modal__content,
body .popover,
body .predictive-search{
  --color-page-background:255,255,255 !important;
  --color-background:255,255,255 !important;
  background-color:#fff !important;
}

body .bc-home,
body .bc-hero,
body .bc-packnav,
body .bc-featured,
body .bc-steps,
body .bc-shipping,
body .bc-footer{
  background:#fff !important;
  color:#111315 !important;
}

body .bc-shipping__mark{
  border-color:#111315 !important;
}

body .bc-footer__brand > p,
body .bc-footer__grid > div:not(:first-child) a,
body .bc-footer__bottom{
  color:#555 !important;
}

body .bc-footer__grid > div:not(:first-child) a:hover{
  color:#111315 !important;
}

body .bc-footer__bottom{
  border-color:#d8d8d3 !important;
}

body .bc-logo--footer .bc-logo__wordmark{
  display:block;
  width:238px;
  max-width:100%;
  height:auto;
}

/* Keep the campaign strip at the top as the deliberate black exception. */
body .bc-ticker{
  position:fixed;
  inset:0 0 auto 0;
  z-index:1000;
  width:100%;
  background:#111315 !important;
  color:#fff !important;
}

body .bc-header{
  margin-top:34px;
}

/* Product sections may carry independent color-scheme variables. */
body[data-page-type="product"] #MainContent,
body[data-page-type="product"] #MainContent > *,
body[data-page-type="product"] #MainContent .shopline-section,
body[data-page-type="product"] #MainContent section,
body[data-page-type="product"] #MainContent [class*="recommended"],
body[data-page-type="product"] .product-detail-wrapper,
body[data-page-type="product"] .product-detail,
body[data-page-type="product"] .product-detail__info,
body[data-page-type="product"] .product-detail__media-group,
body[data-page-type="product"] [class*="sticky"],
body[data-page-type="product"] [class*="fixed"]{
  --color-background:255,255,255 !important;
  --color-page-background:255,255,255 !important;
  background-color:#fff !important;
}

/* The scroll-triggered purchase dock is injected outside MainContent and
   reads color-scheme variables from its own descendants. Keep that whole
   product-page subtree on the same white canvas. */
body[data-page-type="product"] *,
body[data-page-type="product"] *::before,
body[data-page-type="product"] *::after{
  --color-background:255,255,255 !important;
  --color-page-background:255,255,255 !important;
}

/* Product purchase actions: outlined white cart button and solid black checkout. */
body[data-page-type="product"] .product-detail__form .form__buttons button[name="add"]{
  --color-button-background:255,255,255 !important;
  --color-button-text:0,0,0 !important;
  --color-button-secondary-background:255,255,255 !important;
  --color-button-secondary-text:0,0,0 !important;
  --color-button-secondary-border:0,0,0 !important;
  --button-border-opacity:1 !important;
  background:#fff !important;
  color:#000 !important;
}

body[data-page-type="product"] .product-detail__form .form__buttons button[name="add"]::after{
  box-shadow:0 0 0 1px #000 !important;
}

.product-detail__form .form__buttons .shopline-element-buy-now,
.product-detail__form .form__buttons button:not([name="add"]){
  --color-button-background:0,0,0 !important;
  --color-button-text:255,255,255 !important;
  background:#000 !important;
  background-color:#000 !important;
  color:#fff !important;
}

.product-detail__form .form__buttons .shopline-element-buy-now::after,
.product-detail__form .form__buttons button:not([name="add"])::after{
  box-shadow:0 0 0 1px #000 !important;
}

body[data-page-type="product"] .brymeli-product-social-proof{
  position:relative;
  width:min(100%,523px);
  overflow:hidden;
  border-radius:8px;
  isolation:isolate;
}

body[data-page-type="product"] .brymeli-product-social-proof img,
body[data-page-type="product"] .brymeli-product-trust-card img{
  display:block;
  width:100%;
  height:auto;
}

body[data-page-type="product"] .brymeli-product-social-proof::after{
  content:"";
  position:absolute;
  inset:-35% auto -35% -55%;
  z-index:1;
  width:38%;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.12) 28%,rgba(255,255,255,.78) 50%,rgba(255,255,255,.12) 72%,transparent 100%);
  transform:skewX(-18deg);
  animation:brymeli-product-proof-shimmer 3.2s ease-in-out infinite;
}

body[data-page-type="product"] .brymeli-product-trust-card{
  width:100%;
  margin-top:4px;
}

@keyframes brymeli-product-proof-shimmer{
  0%,18%{left:-55%;}
  72%,100%{left:125%;}
}

@media (prefers-reduced-motion:reduce){
  body[data-page-type="product"] .brymeli-product-social-proof::after{
    animation:none;
    display:none;
  }
}

@media (max-width:820px){
  body .bc-ticker.bc-ticker > div{
    justify-content:space-between !important;
    gap:10px !important;
    padding-inline:12px !important;
  }

  body .bc-ticker.bc-ticker span{
    font-size:7px !important;
    letter-spacing:.11em !important;
  }

  body .bc-ticker.bc-ticker span:nth-of-type(2),
  body .bc-ticker.bc-ticker i{
    display:none !important;
  }

  body .bc-ticker.bc-ticker span:nth-of-type(3){
    display:inline !important;
    text-align:right !important;
  }

  body .bc-logo--footer .bc-logo__wordmark{
    width:182px;
  }
}

@media (min-width:960px){
  body[data-page-type="product"] .product-detail[data-desktop-direction="row"] .product-detail__info{
    position:relative;
    inset-block-start:auto;
  }

  body[data-page-type="product"] .product-detail[data-desktop-direction="row"] .product-detail__media-group{
    position:sticky;
    inset-block-start:calc(var(--detail-padding-block-start,0px) + 12px);
    align-self:flex-start;
  }
}