.bw-product{display:grid;--bw-col-l: calc((100% - (var(--bw-gutter) * 11)) / 12);grid-template-columns:calc(var(--bw-col-l) * 3 + var(--bw-gutter) * 2) calc(var(--bw-col-l) * 6 + var(--bw-gutter) * 5) calc(var(--bw-col-l) * 3 + var(--bw-gutter) * 2);gap:var(--bw-gutter);padding:var(--bw-margin);align-items:stretch}.bw-product__title{grid-column:1;position:sticky;top:calc(var(--bw-nav-height) + var(--bw-margin));height:calc(100vh - var(--bw-nav-height) - (2 * var(--bw-margin)));height:calc(100svh - var(--bw-nav-height) - (2 * var(--bw-margin)));display:flex;align-items:center;margin:0;color:var(--bw-text)}.bw-product__media{grid-column:2;display:flex;flex-direction:column;gap:var(--bw-gutter)}.bw-product__shot{background:var(--bw-surface);width:100%;height:calc(100vh - var(--bw-nav-height) - (2 * var(--bw-margin)));height:calc(100svh - var(--bw-nav-height) - (2 * var(--bw-margin)));overflow:hidden}.bw-product__image{width:100%;height:100%;object-fit:cover}.bw-product__panel{grid-column:3}.bw-product__sticky{position:sticky;top:calc(var(--bw-nav-height) + var(--bw-margin));height:calc(100vh - var(--bw-nav-height) - (2 * var(--bw-margin)));height:calc(100svh - var(--bw-nav-height) - (2 * var(--bw-margin)));display:flex;flex-direction:column}.bw-product__meta{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding-left:var(--bw-inset)}.bw-product__spec{display:flex;gap:20px;margin:0;font-size:var(--bw-nav);line-height:var(--bw-panel-lh);letter-spacing:var(--bw-tracking-tight);text-transform:uppercase;color:var(--bw-text)}.bw-product__description{font-size:var(--bw-body);line-height:var(--bw-panel-lh);letter-spacing:var(--bw-tracking-tight);color:var(--bw-text-light)}.bw-product__description p{margin:0 0 .8em}.bw-product__accordions{margin-top:auto}.bw-product__accordion{border-top:1px solid var(--bw-rule)}.bw-product__accordion-head{width:100%;font-size:var(--bw-nav);text-transform:uppercase;line-height:var(--bw-panel-lh);letter-spacing:var(--bw-tracking-tight);display:flex;align-items:center;justify-content:space-between;padding:6px var(--bw-inset);background:none;border:none;cursor:pointer;color:var(--bw-text-light);transition:color var(--bw-fade-type) var(--bw-ease)}.bw-product__accordion-head:hover,.bw-product__accordion.is-open .bw-product__accordion-head{color:var(--bw-text)}.bw-product__accordion.is-open .bw-product__accordion-head{padding-bottom:0}.bw-product__accordion-mark{position:relative;flex:0 0 auto;width:10px;height:10px;margin-left:8px}.bw-product__accordion-mark:before,.bw-product__accordion-mark:after{content:"";position:absolute;background:currentColor;transition:opacity var(--bw-dur-sm) var(--bw-ease),transform var(--bw-dur-sm) var(--bw-ease)}.bw-product__accordion-mark:before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.bw-product__accordion-mark:after{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%) scaleY(1)}.bw-product__accordion.is-open .bw-product__accordion-mark:after{opacity:0;transform:translate(-50%) scaleY(0)}.bw-product__accordion-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--bw-dur-md) var(--bw-ease)}.bw-product__accordion.is-open .bw-product__accordion-wrap{grid-template-rows:1fr}.bw-product__accordion-body{opacity:0;transition:opacity var(--bw-dur-sm) var(--bw-ease)}.bw-product__accordion.is-open .bw-product__accordion-body{opacity:1;transition:opacity var(--bw-dur-md) var(--bw-ease) .15s}.bw-product__accordion-body{overflow:hidden;padding:0 var(--bw-inset);font-size:var(--bw-body);line-height:1.2;letter-spacing:var(--bw-tracking-tight);color:var(--bw-text-light)}.bw-product__accordion-body p{margin:0;padding:0 0 20px}.bw-product__form{margin:15px 0 0}.bw-product__size-label{font-size:var(--bw-nav);display:block;margin-bottom:4px;padding-left:var(--bw-inset);text-transform:uppercase;color:var(--bw-text)}.bw-product__size{width:100%;margin-bottom:var(--bw-margin);padding:5px var(--bw-inset);background:var(--bw-surface);border:1px solid var(--bw-rule);border-radius:0;color:var(--bw-text)}.bw-product__buy{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--bw-bar-height);margin:0;padding:0 var(--bw-inset);background:var(--bw-accent);color:var(--bw-text-on-accent);border:1px solid var(--bw-accent);font-size:var(--bw-nav);text-transform:uppercase;cursor:pointer;transition:background var(--bw-fade) var(--bw-ease),border-color var(--bw-fade) var(--bw-ease),color var(--bw-fade) var(--bw-ease)}.bw-product__price{font-variant-numeric:tabular-nums}.bw-product__buy--soldout,.bw-product__buy--soldout:hover{background:#ededed;border-color:#ededed;color:var(--bw-text-light);cursor:default}.bw-product__soldout{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin:0}.bw-product__sold-pill{display:inline-flex;align-items:center;height:19px;padding:0 8px;font-family:var(--bw-font-modern);font-size:var(--bw-nav);line-height:1;text-transform:uppercase;letter-spacing:var(--bw-tracking-tight);background:#ededed;color:var(--bw-text);border-radius:3px;white-space:nowrap}.bw-product__sold-pill--price{font-variant-numeric:tabular-nums}.bw-product__sold-pill--muted{color:var(--bw-text-light)}@media(max-width:768px){.bw-product{display:flex;flex-direction:column;min-height:calc(100vh - var(--bw-nav-height));min-height:calc(100svh - var(--bw-nav-height));gap:var(--bw-margin)}.bw-product__meta,.bw-product__size-label{padding-left:0}.bw-product__accordion-head,.bw-product__accordion-body{padding-left:0;padding-right:0}.bw-product__title,.bw-product__media,.bw-product__panel{grid-column:1}.bw-product__media{order:1}.bw-product__title{order:2}.bw-product__panel{order:3}.bw-product__title,.bw-product__sticky{position:static;height:auto;display:block;padding-bottom:0}.bw-product__title{padding-top:0}.bw-product__panel,.bw-product__sticky{flex:1 1 auto;display:flex;flex-direction:column}.bw-product__meta{order:1;position:static;transform:none;padding-top:0}.bw-product__accordions{order:2;margin-top:22px;margin-bottom:22px}.bw-product__form{order:3;margin-top:auto}.bw-product__subtitle{display:none}.bw-product__spec{flex-direction:column;gap:2px}.bw-product__media{flex-direction:row;gap:0;margin-left:calc(-1 * var(--bw-margin));margin-right:calc(-1 * var(--bw-margin));overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;align-items:stretch}.bw-product__media::-webkit-scrollbar{display:none}.bw-product__shot{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;height:auto;aspect-ratio:4 / 5}.bw-product__shot--empty{display:none}}.bw-product__buy{position:relative;overflow:hidden;transition:background var(--bw-fade) var(--bw-ease),border-color var(--bw-fade) var(--bw-ease),color var(--bw-fade) var(--bw-ease)}.bw-product__buy>span:first-child{display:inline-block;transition:transform var(--bw-dur-md) var(--bw-ease),opacity var(--bw-dur-sm) var(--bw-ease)}.bw-product__buy[data-adding]>span:first-child,.bw-product__buy[data-added]>span:first-child{transform:translateY(-140%);opacity:0}.bw-product__buy:before{content:"";position:absolute;left:var(--bw-inset);top:0;bottom:0;display:flex;align-items:center;transform:translateY(140%);opacity:0;transition:transform var(--bw-dur-md) var(--bw-ease),opacity var(--bw-dur-sm) var(--bw-ease)}.bw-product__buy[data-adding]:before{content:attr(data-adding-label);transform:translateY(0);opacity:1}.bw-product__buy[data-added]:before{content:attr(data-added-label);transform:translateY(0);opacity:1}.bw-product__buy:hover{background:var(--bw-text);border-color:var(--bw-text);color:var(--bw-surface)}.bw-product__buy[data-adding],.bw-product__buy[data-added]{background:var(--bw-accent);border-color:var(--bw-accent);color:var(--bw-text-on-accent)}.bw-product__buy[data-adding],.bw-product__buy[data-added]{cursor:default}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bw-product.css.map */