.byte-pdp-how-to-use{--byte-pdp-how-to-use-card-radius: 16px;--byte-pdp-how-to-use-card-bg: #ffffff;--byte-pdp-how-to-use-card-border: #ece7df;--byte-pdp-how-to-use-badge-bg: #fff5eb;--byte-pdp-how-to-use-badge-text: #ea9735;--byte-pdp-how-to-use-media-bg: #f3ede4;--byte-pdp-how-to-use-accent: var(--color-accent, #ea9735);--byte-pdp-how-to-use-media-ratio: 594 / 264;--byte-pdp-how-to-use-media-radius: 12px;--byte-pdp-how-to-use-card-padding: 20px;background-color:var(--color-background);color:var(--color-foreground);overflow-x:clip}.byte-pdp-how-to-use__inner{box-sizing:border-box;width:100%;margin-left:auto;margin-right:auto;padding-left:var(--page-gutter, 20px);padding-right:var(--page-gutter, 20px)}.byte-pdp-how-to-use--container-boxed .byte-pdp-how-to-use__inner{max-width:var(--container-max)}.byte-pdp-how-to-use__header{margin-bottom:24px;margin-top:18px}.byte-pdp-how-to-use__title{margin:0 0 8px;font-family:var(--font-heading-family, sans-serif);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--color-heading, var(--color-foreground))}.byte-pdp-how-to-use--heading-small .byte-pdp-how-to-use__title{font-size:clamp(1.375rem,3vw,1.625rem)}.byte-pdp-how-to-use--heading-medium .byte-pdp-how-to-use__title{font-size:clamp(1.5rem,3.4vw,28px)}.byte-pdp-how-to-use--heading-large .byte-pdp-how-to-use__title{font-size:clamp(1.75rem,4vw,2.375rem)}.byte-pdp-how-to-use__description{margin:0;max-width:42rem;font-family:var(--font-body-family, sans-serif);font-size:.9375rem;font-weight:400;line-height:1.55;color:var(--color-text-secondary, #666666)}.byte-pdp-how-to-use__carousel{display:block;width:100%;min-width:0}.byte-pdp-how-to-use__stack{display:flex;flex-direction:column;gap:20px;width:100%;margin:0;padding:0;list-style:none}.byte-pdp-how-to-use__slide{min-width:0}.byte-pdp-how-to-use__dots{display:none}.byte-pdp-how-to-use__row{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;height:100%;padding:var(--byte-pdp-how-to-use-card-padding);background:var(--byte-pdp-how-to-use-card-bg);border:1px solid var(--byte-pdp-how-to-use-card-border);border-radius:var(--byte-pdp-how-to-use-card-radius);box-shadow:0 10px 30px #1111110d}.byte-pdp-how-to-use__media,.byte-pdp-how-to-use__content{min-width:0}.byte-pdp-how-to-use__media{background:transparent}.byte-pdp-how-to-use__media-frame{position:relative;width:100%;aspect-ratio:var(--byte-pdp-how-to-use-media-ratio);overflow:hidden;border-radius:var(--byte-pdp-how-to-use-media-radius);background:var(--byte-pdp-how-to-use-media-bg)}.byte-pdp-how-to-use__picture{display:block;width:100%;height:100%}.byte-pdp-how-to-use__image{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.byte-pdp-how-to-use__media-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;border-radius:inherit;font-family:var(--font-body-family, sans-serif);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#b8afa3;text-align:center}.byte-pdp-how-to-use__content{display:flex;flex-direction:column;gap:12px;padding:0}.byte-pdp-how-to-use__badge{display:inline-flex;align-self:flex-start;margin:0;padding:6px 10px;border-radius:6px;background:var(--byte-pdp-how-to-use-badge-bg);font-family:var(--font-body-family, sans-serif);font-size:.6875rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;color:var(--byte-pdp-how-to-use-badge-text)}.byte-pdp-how-to-use__card-title{margin:0;font-family:var(--font-heading-family, sans-serif);font-size:clamp(1.125rem,2.4vw,1.5rem);font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--color-heading, var(--color-foreground))}.byte-pdp-how-to-use__card-description{font-family:var(--font-body-family, sans-serif);font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary, #666666)}.byte-pdp-how-to-use__card-description>:first-child{margin-top:0}.byte-pdp-how-to-use__card-description>:last-child{margin-bottom:0}.byte-pdp-how-to-use__list{margin:4px 0 0;padding:0;list-style:none}.byte-pdp-how-to-use__list-item{position:relative;padding-left:1rem;font-family:var(--font-body-family, sans-serif);font-size:.875rem;line-height:1.55;color:var(--color-foreground)}.byte-pdp-how-to-use__list-item+.byte-pdp-how-to-use__list-item{margin-top:.35rem}.byte-pdp-how-to-use__list-item:before{content:"";position:absolute;top:.62em;left:0;width:5px;height:5px;border-radius:50%;background:#c4bdb3}.byte-pdp-how-to-use__list.rte ul{margin:0;padding:0;list-style:none}.byte-pdp-how-to-use__list.rte li{position:relative;padding-left:1rem;font-size:.875rem;line-height:1.55}.byte-pdp-how-to-use__list.rte li+li{margin-top:.35rem}.byte-pdp-how-to-use__list.rte li::marker{content:none}@media screen and (min-width:750px){.byte-pdp-how-to-use__header{margin-bottom:24px;margin-top:0}.byte-pdp-how-to-use__stack{flex-direction:column;gap:24px;overflow:visible;scroll-snap-type:none}.byte-pdp-how-to-use__carousel--slider .byte-pdp-how-to-use__slide{flex:none;width:auto;margin:0}.byte-pdp-how-to-use__row{--byte-pdp-how-to-use-card-padding: 32px 36px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px}.byte-pdp-how-to-use__row--image-left .byte-pdp-how-to-use__media{order:1}.byte-pdp-how-to-use__row--image-left .byte-pdp-how-to-use__content,.byte-pdp-how-to-use__row--image-right .byte-pdp-how-to-use__media{order:2}.byte-pdp-how-to-use__row--image-right .byte-pdp-how-to-use__content{order:1}.byte-pdp-how-to-use__content{justify-content:center}}@media screen and (min-width:990px){.byte-pdp-how-to-use__row{--byte-pdp-how-to-use-card-padding: 28px;gap:40px}}@media screen and (max-width:749px){.byte-pdp-how-to-use{--byte-pdp-how-to-use-gutter: 0px;--byte-pdp-how-to-use-gap: 12px;--byte-pdp-how-to-use-peek: 2rem}.byte-pdp-how-to-use__row{box-shadow:none}.byte-pdp-how-to-use__carousel--slider .byte-pdp-how-to-use__stack{display:flex;flex-direction:row;align-items:stretch;gap:var(--byte-pdp-how-to-use-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:var(--byte-pdp-how-to-use-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:-4px;padding:4px 4px 8px}.byte-pdp-how-to-use__carousel--slider .byte-pdp-how-to-use__stack::-webkit-scrollbar{display:none}.byte-pdp-how-to-use__carousel--slider .byte-pdp-how-to-use__slide{flex:0 0 calc(100% - var(--byte-pdp-how-to-use-peek));width:calc(100% - var(--byte-pdp-how-to-use-peek));scroll-snap-align:start}.byte-pdp-how-to-use__carousel--slider .byte-pdp-how-to-use__slide:last-child{margin-right:var(--byte-pdp-how-to-use-peek)}.byte-pdp-how-to-use__dots{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:16px}.byte-pdp-how-to-use__dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#d4d4d4;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.byte-pdp-how-to-use__dot:hover,.byte-pdp-how-to-use__dot:focus-visible{background:#b0b0b0}.byte-pdp-how-to-use__dot.is-active{background:var(--byte-pdp-how-to-use-accent);transform:scale(1.1)}.byte-pdp-how-to-use__dot:focus-visible{outline:2px solid var(--byte-pdp-how-to-use-accent);outline-offset:3px}.byte-pdp-how-to-use__row--image-right .byte-pdp-how-to-use__media,.byte-pdp-how-to-use__row--image-left .byte-pdp-how-to-use__media{order:1}.byte-pdp-how-to-use__row--image-right .byte-pdp-how-to-use__content,.byte-pdp-how-to-use__row--image-left .byte-pdp-how-to-use__content{order:2}}@media(prefers-reduced-motion:reduce){.byte-pdp-how-to-use__carousel--slider .byte-pdp-how-to-use__stack{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-byte-pdp-how-to-use.css.map */