.custom-mobile-bar{display:none}media-gallery{display:none!important}.custom-mobile-gallery{display:flex;flex-direction:column}.custom-mobile-gallery__item{margin:0;width:100%;line-height:0}.custom-mobile-gallery__item[hidden]{display:none}.custom-mobile-gallery__image,.custom-mobile-gallery__item .product-media,.custom-mobile-gallery__item .product-media__image{display:block;width:100%;height:auto;object-fit:cover}@media(max-width:999px){.custom-mobile-gallery{width:100vw;margin-inline:calc(50% - 50vw)}body:has(.custom-mobile-bar){overflow-x:clip}.sticky-add-to-cart__bar{display:none!important}.custom-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--layer-sticky, 100);background:var(--color-background, #fff);border-top:1px solid rgb(var(--color-border-rgb, 0 0 0) / .12);padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px)) 12px;display:flex;flex-direction:column;gap:8px;transform:translateY(100%);transition:transform .25s ease}.custom-mobile-bar.is-visible{transform:translateY(0)}.custom-mobile-bar__row{display:flex;align-items:center;gap:8px;width:100%}.custom-mobile-bar__row--top{justify-content:space-between}.custom-mobile-bar__title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-paragraph--size, .9rem);margin:0}.custom-mobile-bar__price{flex:0 0 auto;font-weight:700;color:#000;white-space:nowrap}.custom-mobile-bar fieldset.variant-option{display:flex;align-items:center;gap:8px;width:100%;overflow-x:auto;scrollbar-width:none;padding-block-end:0}.custom-mobile-bar fieldset.variant-option::-webkit-scrollbar{display:none}.custom-mobile-bar fieldset.variant-option legend{flex:0 0 auto;white-space:nowrap}.custom-mobile-bar fieldset.variant-option label:first-of-type{margin-inline-start:auto}.custom-mobile-bar .variant-option--swatches label,.custom-mobile-bar .swatch{flex:0 0 auto;width:24px;height:24px}.custom-mobile-bar .variant-option__button-label{flex:0 0 auto}.custom-mobile-bar__add-to-cart{width:100%;height:44px}body:has(.custom-mobile-bar) .header{--header-padding: 6px}body:has(.custom-mobile-bar) .header-logo__image{--header-logo-image-height-mobile: 26px !important;--header-logo-image-width-mobile: auto !important;max-height:26px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/custom-mobile-pdp.css.map */
