.by-product{padding-bottom:5.5rem}.by-product__layout{display:grid;gap:0}@media screen and (min-width:990px){.by-product__layout{grid-template-columns:1.08fr .92fr;align-items:start}}.by-product__gallery{position:relative;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--by-accent) 18%,transparent) 0%,transparent 58%),linear-gradient(180deg,#faf8f6 0%,var(--by-bg-2) 100%);overflow:clip}.by-product__stage{position:relative;perspective:1200px;padding:1.25rem 1rem .5rem}@media screen and (min-width:990px){.by-product__stage{padding:2rem 1.5rem 1rem}}.by-product__stage-glow{position:absolute;top:12%;right:18%;bottom:22%;left:18%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--by-accent) 35%,transparent),transparent 70%);filter:blur(28px);pointer-events:none;z-index:0;animation:by-stage-breathe 6s var(--by-ease) infinite alternate}@keyframes by-stage-breathe{0%{opacity:.55;transform:scale(.92)}to{opacity:.95;transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.by-product__stage-glow{animation:none}}.by-product__badges{position:absolute;top:1.35rem;left:1.35rem;z-index:3;display:flex;flex-wrap:wrap;gap:.4rem;max-width:calc(100% - 2rem)}.by-product__badge{display:inline-flex;align-items:center;padding:.45rem .75rem;border-radius:999px;font-size:10px;font-weight:500;letter-spacing:var(--by-tracking-nav);text-transform:uppercase;box-shadow:0 8px 24px #1111111f}.by-product__badge--dark{background:#111;color:#fff}.by-product__badge--accent{background:var(--by-accent, #e89287);color:#fff}.by-product__media-stack{position:relative;z-index:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;transform-style:preserve-3d}.by-product__media-stack::-webkit-scrollbar{display:none}.by-product__shot{position:relative;margin:0;flex:0 0 100%;scroll-snap-align:start;aspect-ratio:4 / 5;background:transparent;border-radius:22px;overflow:hidden;transform:translateZ(0) rotateX(var(--by-tilt-x, 0deg)) rotateY(var(--by-tilt-y, 0deg)) scale(var(--by-tilt-scale, 1));transform-style:preserve-3d;transition:transform .35s var(--by-ease),box-shadow .35s var(--by-ease);box-shadow:0 2px 4px #1111110a,0 18px 40px #1111111a,0 40px 80px #e892871f;will-change:transform}.by-product__shot-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgb(255 255 255 / .22) 48%,transparent 62%);mix-blend-mode:soft-light;opacity:.65;transform:translate3d(var(--by-shine-x, -20%),0,0);transition:transform .45s var(--by-ease)}.by-product__main-img{width:100%;height:100%;object-fit:cover;transform:translateZ(24px) scale(1.01)}.by-product__dots{display:flex;justify-content:center;gap:.4rem;padding:.75rem 0 .25rem}.by-product__dot{width:6px;height:6px;border-radius:50%;background:var(--by-border);padding:0;border:0}.by-product__dot.is-active{background:var(--by-text)}.by-product__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.5rem;padding:.75rem var(--by-gutter) 0}.by-product__thumb{position:relative;display:block;padding:0;border:1px solid transparent;border-radius:.35rem;overflow:hidden;background:var(--by-surface, #f5f2ef);cursor:pointer}.by-product__thumb.is-active{border-color:var(--by-text, #1a1a1a)}.by-product__thumb img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover}.by-product__thumb-label{display:block;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:.25rem .15rem;color:var(--by-muted, #6b6560);line-height:1.2}.by-product__shot.is-color-hidden,.by-product__thumb.is-color-hidden,.by-product__dot.is-color-hidden{display:none!important}@media screen and (min-width:990px){.by-product__media-stack{display:grid;grid-template-columns:1fr;gap:.5rem;overflow:visible;scroll-snap-type:none}.by-product__shot{flex:none;aspect-ratio:4 / 5}.by-product__dots{display:none}.by-product__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;padding:0 1.5rem 1.25rem;max-width:28rem}.by-product__info-wrap{position:sticky;top:calc(var(--by-header-offset, 5.5rem) + 1rem);align-self:start;max-height:calc(100vh - var(--by-header-offset, 5.5rem) - 2rem);overflow-y:auto;scrollbar-width:thin}}.by-product__info{display:flex;flex-direction:column;gap:1rem;padding:1.5rem var(--by-gutter) 2rem;max-width:36rem}@media screen and (min-width:990px){.by-product__info{padding:2.5rem 3rem 3rem 2.5rem}}.by-product__rating{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--by-small);color:var(--by-muted);width:fit-content}.by-product__stars{letter-spacing:.08em;color:var(--by-accent);font-size:.75rem}.by-product__title{font-family:var(--by-font-heading);font-size:clamp(1.85rem,3.2vw,2.65rem);font-weight:400;letter-spacing:-.03em;line-height:1.05;margin:0}.by-product__tagline{margin:0;color:var(--by-muted);font-size:.98rem;line-height:1.5;max-width:36ch}.by-product__price .by-price{display:flex;align-items:baseline;gap:.65rem;font-size:1.15rem}.by-price__compare{color:var(--by-muted);text-decoration:line-through;font-size:.95em}.by-product__desc{color:var(--by-muted);font-size:.95rem;line-height:1.65;max-width:42ch}.by-product__desc p{margin:0}.by-product__form{display:flex;flex-direction:column;gap:1.25rem;margin-top:.35rem}.by-product__option{border:0;margin:0;padding:0}.by-product__option legend{margin-bottom:.7rem;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .75rem;width:100%}.by-product__option-value{text-transform:none;letter-spacing:0;font-weight:400;opacity:.55}.by-size-guide__link{margin-left:auto;background:none;border:0;padding:0;text-transform:none;letter-spacing:0;font-size:.85rem;text-decoration:underline;text-underline-offset:.2em;cursor:pointer;color:var(--by-muted)}.by-product__pills{display:flex;flex-wrap:wrap;gap:.5rem}.by-product__pills input{position:absolute;opacity:0;pointer-events:none}.by-product__pill{min-width:3rem;padding:.7rem 1rem;border:1px solid var(--by-border);border-radius:999px;text-align:center;font-size:var(--by-small);letter-spacing:var(--by-tracking-nav);text-transform:uppercase;cursor:pointer;transition:border-color .2s var(--by-ease),background .2s var(--by-ease),color .2s var(--by-ease)}.by-product__pills input:checked+.by-product__pill{background:var(--by-text);border-color:var(--by-text);color:var(--by-bg)}.by-product__pills--swatch .by-product__swatch{width:2.25rem;height:2.25rem;min-width:0;padding:0;border-radius:50%;background:#ccc;box-shadow:inset 0 0 0 1px #0000001f}.by-product__pills--color-photos{display:flex;flex-wrap:wrap;gap:.65rem}.by-product__pills--color-photos .by-product__swatch--photo{width:auto;height:auto;min-width:4.5rem;border-radius:12px;padding:.35rem;background:#f7f5f3;display:flex;flex-direction:column;align-items:center;gap:.3rem;box-shadow:none;border:1px solid transparent}.by-product__pills--color-photos .by-product__swatch--photo img{width:3.25rem;height:3.25rem;object-fit:cover;border-radius:8px;display:block}.by-product__swatch-name{font-size:.65rem;font-weight:600;letter-spacing:-.01em;max-width:4.8rem;text-align:center;line-height:1.2;color:var(--by-text)}.by-product__pills--swatch input:checked+.by-product__swatch{box-shadow:inset 0 0 0 1px #0000001f,0 0 0 2px var(--by-bg),0 0 0 3px var(--by-text);background:#ccc;color:transparent}.by-product__pills--color-photos input:checked+.by-product__swatch--photo{border-color:var(--by-text);box-shadow:0 0 0 1px var(--by-text);background:#fff;color:inherit}.by-product__qty{display:flex;flex-direction:column;gap:.55rem}.by-qty{display:inline-flex;align-items:center;border:1px solid var(--by-border);border-radius:999px;overflow:hidden;width:fit-content}.by-qty button{width:2.75rem;height:2.75rem;font-size:1.1rem;background:transparent;border:0;cursor:pointer}.by-qty input{width:3rem;border:0;text-align:center;background:transparent;-moz-appearance:textfield}.by-qty input::-webkit-outer-spin-button,.by-qty input::-webkit-inner-spin-button{-webkit-appearance:none}.by-product__atc{width:100%;min-height:3.35rem;font-size:.85rem;background:var(--by-accent);border-color:var(--by-accent);color:#fff;box-shadow:0 10px 30px #c45c8a47}.by-product__atc:hover{background:var(--by-hover);border-color:var(--by-hover);color:#fff}.by-sticky-atc__btn{background:var(--by-accent);border-color:var(--by-accent);color:#fff}.by-sticky-atc__btn:hover{background:var(--by-hover);border-color:var(--by-hover);color:#fff}.by-product__qty-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.by-product__total{display:flex;flex-direction:column;gap:.35rem;text-align:right}.by-product__total-value{font-size:1.15rem;letter-spacing:-.02em;font-weight:600}.by-product__pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:-.25rem;font-size:var(--by-small)}.by-product__pay-icons{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.by-product__pay-icons svg,.by-product__pay-icons .icon{width:36px;height:22px}.by-stack{display:flex;flex-direction:column;gap:1.15rem;padding:1.25rem 1.15rem 1.35rem;border:1px solid color-mix(in srgb,var(--by-accent) 18%,var(--by-border));border-radius:22px;background:linear-gradient(165deg,#fff,color-mix(in srgb,var(--by-accent) 6%,#fff));box-shadow:0 1px 2px #1111110a,0 16px 40px #e892871f}.by-stack__head{display:flex;flex-direction:column;gap:.65rem}@media screen and (min-width:600px){.by-stack__head{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:1rem}}.by-stack__title{margin:.15rem 0 0;font-family:var(--by-font-heading);font-size:clamp(1.35rem,3.2vw,1.75rem);font-weight:650;letter-spacing:-.035em;line-height:1.05}.by-stack__lead{margin:.4rem 0 0;font-size:.92rem;line-height:1.45;max-width:34ch}.by-stack__social{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;color:var(--by-muted);letter-spacing:.01em}.by-stack__stars{color:var(--by-accent);letter-spacing:.08em;font-size:.72rem}.by-stack__modes{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.by-stack__mode{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.85rem .7rem;border:1.5px solid var(--by-border);border-radius:12px;background:var(--by-bg);text-align:left;transition:border-color .2s var(--by-ease),background .2s var(--by-ease),transform .2s var(--by-ease)}.by-stack__mode:hover{border-color:color-mix(in srgb,var(--by-text) 35%,var(--by-border))}.by-stack__mode.is-active{border-color:var(--by-text);background:var(--by-text);color:var(--by-bg)}.by-stack__mode-badge{position:absolute;top:-.45rem;right:.45rem;padding:.2rem .45rem;border-radius:4px;background:var(--by-accent);color:#fff;font-size:8px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.by-stack__mode-name{font-weight:650;letter-spacing:-.02em;font-size:.95rem}.by-stack__mode-meta{font-size:.68rem;line-height:1.3;opacity:.7}.by-stack__slots-extra[hidden],.by-stack__line[hidden],.by-stack__need[hidden]{display:none!important}.by-stack__slot{display:grid;grid-template-columns:72px 1fr;gap:.85rem;align-items:center;padding:.65rem;border-radius:12px;background:var(--by-bg);border:1px solid var(--by-border)}.by-stack__slot-media{aspect-ratio:4/5;overflow:hidden;border-radius:8px;background:var(--by-bg-2)}.by-stack__slot-media img{width:100%;height:100%;object-fit:cover}.by-stack__slot-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.by-stack__slot-label{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--by-muted)}.by-stack__slot-title{font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.by-stack__slot-price{font-size:.9rem;color:var(--by-muted)}.by-stack__pick-label{margin:0 0 .55rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--by-muted)}.by-stack__picks{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}@media screen and (min-width:600px){.by-stack__picks{grid-template-columns:repeat(4,1fr)}}.by-stack__pick{position:relative;display:flex;flex-direction:column;gap:.4rem;cursor:pointer}.by-stack__pick input{position:absolute;opacity:0;pointer-events:none}.by-stack__pick-media{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:10px;border:1.5px solid var(--by-border);background:var(--by-bg-2);transition:border-color .2s var(--by-ease),box-shadow .2s var(--by-ease)}.by-stack__pick-media img{width:100%;height:100%;object-fit:cover}.by-stack__pick-check{position:absolute;top:.45rem;right:.45rem;width:1.15rem;height:1.15rem;border-radius:50%;border:1.5px solid #fff;background:#00000040;box-shadow:0 1px 4px #0003}.by-stack__pick-check:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:transparent}.by-stack__pick.is-on .by-stack__pick-media,.by-stack__pick:has(input:checked) .by-stack__pick-media{border-color:var(--by-text);box-shadow:0 0 0 2px var(--by-text)}.by-stack__pick.is-on .by-stack__pick-check,.by-stack__pick:has(input:checked) .by-stack__pick-check{background:var(--by-accent);border-color:var(--by-accent)}.by-stack__pick.is-on .by-stack__pick-check:after,.by-stack__pick:has(input:checked) .by-stack__pick-check:after{background:#fff;clip-path:polygon(14% 44%,0 65%,40% 100%,100% 18%,82% 0,38% 62%);top:3px;right:2px;bottom:4px;left:3px}.by-stack__pick-meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.by-stack__pick-title{font-size:.72rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.by-stack__pick-price{font-size:.68rem;color:var(--by-muted)}.by-stack__pick-size{width:100%;padding:.35rem .45rem;border-radius:8px;border:1px solid var(--by-border);background:var(--by-bg);font-size:.72rem}.by-stack__need{margin:.55rem 0 0;font-size:.82rem;color:var(--by-accent)}.by-stack__ship{display:flex;flex-direction:column;gap:.45rem;padding:.75rem .85rem;border-radius:10px;background:var(--by-bg);border:1px solid var(--by-border)}.by-stack__ship.is-unlocked{border-color:color-mix(in srgb,var(--by-success) 45%,var(--by-border));background:color-mix(in srgb,var(--by-success) 8%,var(--by-bg))}.by-stack__ship-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.78rem;letter-spacing:.02em}.by-stack__ship-bar{height:4px;border-radius:999px;background:var(--by-border);overflow:hidden}.by-stack__ship-bar span{display:block;height:100%;width:0;background:var(--by-accent);transition:width .45s var(--by-ease)}.by-stack__ship.is-unlocked .by-stack__ship-bar span{background:var(--by-success)}.by-stack__perks{display:flex;flex-wrap:wrap;gap:.45rem .85rem;font-size:.72rem;color:var(--by-muted);letter-spacing:.02em}.by-stack__perks strong{color:var(--by-text);font-weight:650}.by-stack__breakdown{display:flex;flex-direction:column;gap:.4rem;padding-top:.35rem;border-top:1px solid var(--by-border)}.by-stack__line{display:flex;justify-content:space-between;gap:1rem;font-size:.88rem}.by-stack__line--save{color:var(--by-accent);font-weight:600}.by-stack__line--total{margin-top:.2rem;padding-top:.55rem;border-top:1px dashed var(--by-border);font-weight:650;font-size:1.02rem;letter-spacing:-.02em}.by-product__qty-row--compact{margin-top:.25rem}.by-product__badge--accent{background:var(--by-accent)}.by-product__info{background:color-mix(in srgb,var(--by-bg) 96%,#fff)}@media screen and (min-width:990px){.by-product__info-wrap{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--by-accent) 5%,#fff))}}.by-product__trust{display:flex;flex-direction:column;gap:.55rem;margin:.25rem 0 0;padding:0;list-style:none;color:var(--by-muted);font-size:var(--by-small)}.by-product__trust li{display:flex;align-items:center;gap:.55rem}.by-product__trust svg{flex-shrink:0;color:var(--by-text)}.by-product__accordions{margin-top:.5rem}.by-accordion{border-top:1px solid var(--by-border);padding:1.05rem 0}.by-accordion:last-child{border-bottom:1px solid var(--by-border)}.by-accordion summary{cursor:pointer;list-style:none;font-size:.95rem;letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:center}.by-accordion summary::-webkit-details-marker{display:none}.by-accordion summary:after{content:"+";font-size:1.1rem;color:var(--by-muted)}.by-accordion[open] summary:after{content:"\2212"}.by-accordion__body{margin-top:.85rem;color:var(--by-muted);font-size:.95rem;line-height:1.6;max-width:42ch}.by-accordion__body p{margin:0 0 .65rem}.by-accordion__body p:last-child{margin-bottom:0}.by-sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:80;background:color-mix(in srgb,var(--by-bg) 78%,transparent);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);border-top:1px solid color-mix(in srgb,var(--by-accent) 22%,var(--by-border));box-shadow:0 -12px 40px #11111114;padding:.65rem 0 calc(.65rem + env(safe-area-inset-bottom));transform:translate3d(0,110%,0);transition:transform .4s var(--by-ease);pointer-events:none}.by-sticky-atc.is-visible{transform:translateZ(0);pointer-events:auto}.by-sticky-atc__inner{display:flex;align-items:center;justify-content:space-between;gap:.85rem}.by-sticky-atc__product{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.by-sticky-atc__img{width:52px;height:64px;object-fit:cover;border-radius:10px;flex-shrink:0;background:var(--by-bg-2);box-shadow:0 8px 20px #11111124}.by-sticky-atc__meta{display:flex;flex-direction:column;gap:.12rem;min-width:0}.by-sticky-atc__title{font-size:.9rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}.by-sticky-atc__price{font-size:var(--by-small);color:var(--by-muted)}.by-sticky-atc__btn{flex:0 0 auto;min-height:2.85rem;padding-inline:1.25rem;font-size:.78rem}@media screen and (min-width:990px){.by-sticky-atc__title{max-width:22rem}.by-sticky-atc__img{width:56px;height:70px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/by-product.css.map */