/* Keep the modal panel anchored to the viewport when its width changes. */
dialog[data-cart-drawer].is-open > .cart-drawer__panel{transform:translateX(0);max-width:100%}
dialog[data-cart-drawer].is-open > .cart-drawer__backdrop{opacity:1}
/* Product columns need enough room for prices, options and promotional text. */
.product-section .product__thumbs-dots{flex-wrap:wrap;row-gap:4px;max-width:100%}
.product-section .product__main-photos{min-width:0}
.product-section .product-slideshow > .flickity-viewport{transition:none}
@media(max-width:989px){
  .product-section > .page-content > .page-width > .grid > .grid__item{width:100%;float:none}
  .product-section > .page-content > .page-width > .grid > .product-single__sticky{position:relative;top:auto}
  .template-product .product-section .product-single__meta{padding:24px 0 0}
}
@media(max-width:1099px){
  #SiteHeader .site-navigation{display:none!important}
  #SiteHeader .js-drawer-open-nav{display:inline-block!important}
  #SiteHeader .header-layout .header-item--icons{flex:0 0 auto;min-width:0}
  #SiteHeader .site-nav__icons > a[href="/account"]{display:none}
  .template-product #SiteHeader .page-width{padding-inline:20px}
}
/* Size selection stays highlighted while the radio retains click/touch focus. */
.variant-input-wrap[data-handle="size"] input[type="radio"] + label{transition:none}
.variant-input-wrap[data-handle="size"] input[type="radio"]:focus + label{background-color:#fff}
.variant-input-wrap[data-handle="size"] input[type="radio"]:checked + label{background-color:#e8e8e8;color:#404042;box-shadow:0 0 0 1px #9a9a9a}
.variant-input-wrap[data-handle="size"] input[type="radio"]:focus-visible + label{outline:2px solid #404042;outline-offset:3px}
.variant-input input:disabled + label{opacity:.35;cursor:not-allowed}
.variant-input-wrap[data-handle="size"] .variant-input[hidden]{display:none}
/* Fade only the swatch fill, keeping the out-of-stock diagonal easy to see. */
.variant-input-wrap .variant-input input[data-color-name]:disabled + label.color-swatch{opacity:1;box-shadow:0 0 0 1px #ccc}
.variant-input-wrap .variant-input input[data-color-name]:disabled + label.color-swatch::before{background:rgba(255,255,255,.75)}
.variant-input-wrap .variant-input input[data-color-name]:disabled + label.color-swatch::after{content:"";position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);border:0;transform:none;opacity:1;z-index:3;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - 1px),#777 calc(50% - 1px),#777 calc(50% + 1px),transparent calc(50% + 1px))}
/* Native browsing history uses the same centred content column as Motion. */
.recently-viewed{width:100%;margin:40px auto;padding:0 40px}
.recently-viewed[hidden],.recently-viewed__nav[hidden]{display:none}
.recently-viewed__inner{max-width:1220px;margin-inline:auto}
.recently-viewed__header{text-align:center;margin-bottom:24px}
.recently-viewed__title{margin:0;font-size:26px}
.recently-viewed__viewport{position:relative}
.recently-viewed__rail{display:grid;grid-auto-flow:column;grid-auto-columns:160px;justify-content:safe center;gap:20px;list-style:none;margin:0;padding:4px 0 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.recently-viewed__rail::-webkit-scrollbar{display:none}
.recently-viewed__slide{width:160px;margin:0;list-style:none;scroll-snap-align:start}
.recently-viewed__card{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.recently-viewed__image,.recently-viewed__placeholder{width:100%;height:200px;overflow:hidden;background:#f7f4ee}
.recently-viewed__image img{display:block;width:100%;height:100%;object-fit:cover}
.recently-viewed__body{padding:12px 0;display:flex;flex-direction:column;gap:6px;text-align:center}
.recently-viewed__prices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:14px}
.recently-viewed__compare{text-decoration:line-through;opacity:.6}
.recently-viewed__name{font-size:14px;line-height:1.4}
.recently-viewed__nav{position:absolute;top:100px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:50%;background:#fff;color:#1c1d1d;cursor:pointer;z-index:2}
.recently-viewed__nav--prev{left:-18px}.recently-viewed__nav--next{right:-18px}
.recently-viewed__nav:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:768px){.recently-viewed{margin-block:28px;padding-inline:20px}.recently-viewed__title{font-size:22px}.recently-viewed__rail{grid-auto-columns:140px;gap:12px}.recently-viewed__slide{width:140px}.recently-viewed__image,.recently-viewed__placeholder{height:175px}.recently-viewed__nav{top:87.5px;width:32px;height:32px}.recently-viewed__nav--prev{left:-16px}.recently-viewed__nav--next{right:-16px}}