.section-product-customization{--pc-blue: #3c67f0;--pc-blue-deep: #283f85;--pc-blue-highlight: #3e69f0;--pc-blue-soft: #829ae6;--pc-text-dark: #142456;--pc-text-muted: rgb(20 36 86 / .6);--pc-surface: #fafafa;--pc-card-inactive: #eeeeee;--pc-benefit-inactive: #f0f0f0;--pc-icon-bg: #ededed;--pc-icon-bg-alt: #e9e6e6;--pc-gradient-step: linear-gradient(142deg, #3c67f0 2.39%, #829ae6 99.72%);--pc-gradient-accent: linear-gradient(90deg, #3e69f0 0%, #7d97e7 100%);--pc-radius-lg: clamp(.875rem, 1.5vw, 1.25rem);--pc-radius-md: clamp(.625rem, 1.1vw, .75rem);--pc-radius-sm: clamp(.4375rem, .8vw, .5625rem);--pc-radius-pill: clamp(1.5rem, 2.5vw, 2.375rem)}.product-customization{color:var(--pc-text-dark)}.product-customization__page{display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vw,2rem);width:min(100%,var(--pc-page-width, 81.25rem));margin-inline:auto;padding:clamp(4.5rem,7vw,6.5rem) clamp(.75rem,2.5vw,1.5rem) clamp(1.5rem,4vw,3rem)}.product-customization__card{overflow:hidden;border-radius:var(--pc-radius-lg);background:var(--pc-surface)}.product-customization__hero{display:grid;grid-template-columns:minmax(0,1fr);position:relative;min-height:clamp(14rem,31vw,37.5rem)}.product-customization__hero-media,.product-customization__hero-content{grid-area:1 / 1}.product-customization__hero-media{position:relative;min-width:0;border-radius:var(--pc-radius-lg);overflow:hidden}.product-customization__hero-picture{display:block;width:100%;height:100%;line-height:0}.product-customization__hero-image{display:block;width:100%;height:100%;min-height:clamp(14rem,31vw,37.5rem);object-fit:cover}.product-customization__hero-content{position:absolute;top:0;right:0;bottom:0;left:0;margin-block:auto;z-index:1;display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.875rem);justify-content:center;max-width:55%;padding:clamp(1.5rem,4vw,2.75rem) clamp(1rem,2.5vw,2rem)}.product-customization__hero-title{margin:0;color:var(--pc-blue-deep);font-family:var(--font-heading--family);font-size:clamp(2rem,4.5vw,4.2rem);font-weight:900;letter-spacing:-.02em;line-height:1.15;text-transform:uppercase}.product-customization__hero-accent{background:var(--pc-gradient-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.product-customization__hero-text{margin:0;color:var(--pc-text-muted);font-size:clamp(.9rem,1.4vw,1.4rem);font-weight:400;line-height:1.71;letter-spacing:-.02em;text-align:justify}.product-customization__intro{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.75rem);padding:clamp(1.25rem,2.5vw,2rem) clamp(1rem,2.5vw,2.75rem)}.product-customization__intro-title{width:100%}.product-customization__intro-row{display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,2.5vw,2.5rem)}.product-customization__section-title{margin:0;color:var(--pc-blue-deep);font-family:var(--font-heading--family);font-size:clamp(1.375rem,2.8vw,2.1rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;text-align:justify}.product-customization__section-title-light{font-weight:500}.product-customization__intro-text{margin:0;flex:1;min-width:0;max-width:52rem;color:var(--pc-text-muted);font-size:clamp(.8125rem,1.1vw,1rem);font-weight:400;line-height:1.71;letter-spacing:-.02em;text-align:justify}.product-customization__divider{margin:0;border:0;border-top:1px solid rgb(40 63 133 / .12)}.product-customization__divider--short{margin-block:clamp(.75rem,1.5vw,1.25rem) clamp(1.5rem,2vw,2rem)}.product-customization__section-heading,.product-customization__section-heading-top{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2rem);width:100%}.product-customization__section-heading-line{flex:1;align-self:center;height:1px;min-width:1.5rem;background:#283f851f}.product-customization__notes-title{flex-shrink:0;text-align:left}.product-customization__notes{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.product-customization__order-steps{display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vw,2rem)}.product-customization__order-title{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;text-align:left}.product-customization__order-title-line-one{flex-shrink:0}.product-customization__order-title-line-two{display:block;line-height:1.15}.product-customization__works{display:flex;flex-direction:column;gap:clamp(.875rem,1.8vw,1.5rem);padding-block-start:clamp(.5rem,1.5vw,1rem)}.product-customization__works-title{margin:0;color:var(--pc-blue-deep);font-family:var(--font-heading--family);font-size:clamp(1.75rem,3.2vw,2.6rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;text-align:justify}.product-customization__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.125rem)}.product-customization__step{display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.75rem);min-height:clamp(7.5rem,12vw,10.5rem);padding:clamp(1rem,2vw,1.5rem);border-radius:var(--pc-radius-md);background:var(--pc-card-inactive);transition:background .25s ease,color .25s ease}.product-customization__step:hover,.product-customization__step:focus-within{background:var(--pc-gradient-step)}.product-customization__step-title{margin:0;color:var(--pc-blue-deep);font-family:var(--font-heading--family);font-size:clamp(1.125rem,2vw,1.75rem);font-weight:700;line-height:1.15;transition:color .25s ease}.product-customization__step:hover .product-customization__step-title,.product-customization__step:focus-within .product-customization__step-title{color:#fff}.product-customization__step-text{margin:0;color:var(--pc-text-muted);font-size:clamp(.8125rem,1.1vw,.875rem);font-weight:400;line-height:1.5;letter-spacing:-.02em;transition:color .25s ease}.product-customization__step:hover .product-customization__step-text,.product-customization__step:focus-within .product-customization__step-text{color:#ffffffd9}.product-customization__details{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3.5rem);padding:clamp(1.25rem,2.5vw,2rem) clamp(1rem,2.5vw,2.75rem)}.product-customization__why-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:start}.product-customization__benefits{display:flex;flex-direction:column;gap:clamp(.625rem,1.2vw,.875rem);height:100%}.product-customization__benefit{height:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(.75rem,2.5vw,3rem);align-items:center;padding:clamp(.875rem,1.8vw,1.25rem);border-radius:var(--pc-radius-md);background:var(--pc-benefit-inactive);transition:background .25s ease,color .25s ease}.product-customization__benefit:hover,.product-customization__benefit:focus-within{background:var(--pc-gradient-step)}.product-customization__benefit-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:clamp(2rem,3vw,3rem);height:clamp(2rem,3vw,3rem);border-radius:var(--pc-radius-sm);background:var(--pc-icon-bg-alt);color:var(--pc-blue-deep);transition:background .25s ease,color .25s ease}.product-customization__benefit:hover .product-customization__benefit-icon,.product-customization__benefit:focus-within .product-customization__benefit-icon{background:var(--pc-icon-bg)}.product-customization__benefit-icon svg,.product-customization__benefit-icon-image{width:clamp(1rem,2vw,1.8rem);height:clamp(1rem,2vw,1.8rem);object-fit:contain}.product-customization__benefit-title{margin:0;color:var(--pc-blue-deep);font-family:var(--font-heading--family);font-size:clamp(.8rem,1.6vw,1.3rem);font-weight:700;line-height:1.15;transition:color .25s ease}.product-customization__benefit:hover .product-customization__benefit-title,.product-customization__benefit:focus-within .product-customization__benefit-title{color:#fff}.product-customization__benefit-text{margin:clamp(.15rem,.5vw,.25rem) 0 0;color:var(--pc-text-muted);font-size:clamp(.65rem,1.1vw,.9rem);font-weight:400;line-height:1.5;letter-spacing:-.02em;transition:color .25s ease}.product-customization__benefit:hover .product-customization__benefit-text,.product-customization__benefit:focus-within .product-customization__benefit-text{color:#ffffffd9}.product-customization__why-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.625rem,1.2vw,.875rem);height:100%}.product-customization__why-image-wrap{overflow:hidden;border-radius:var(--pc-radius-md)}.product-customization__why-image{display:block;width:100%;height:100%;aspect-ratio:456 / 643;object-fit:cover}.product-customization__notes-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:clamp(.75rem,1.5vw,1.25rem);align-items:stretch;padding:clamp(1.5rem,2.5vw,2.5rem) clamp(1rem,2.5vw,2rem);border-radius:var(--pc-radius-md);background:var(--pc-gradient-step)}.product-customization__note{display:flex;flex-direction:column;gap:clamp(.375rem,.8vw,.5rem)}.product-customization__note-title{margin:0;color:#fff;font-family:var(--font-heading--family);font-size:clamp(.875rem,1.4vw,1.08rem);font-weight:700;line-height:1.15}.product-customization__note-text{margin:0;color:#fafafacc;font-size:clamp(.75rem,1.1vw,.8125rem);font-weight:400;line-height:1.4;letter-spacing:-.02em}.product-customization__note-divider{width:1px;background:#ffffff59;align-self:stretch}.product-customization__order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,3rem);align-items:start}.product-customization__order-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(.75rem,1.5vw,1.125rem);align-items:start}.product-customization__order-num{display:inline-flex;align-items:center;justify-content:center;width:clamp(2.5rem,4vw,3.25rem);height:clamp(2.5rem,4vw,3.25rem);margin-block-start:.125rem;border-radius:50%;background:var(--pc-gradient-step);color:#fff;font-size:clamp(.75rem,1.1vw,.875rem);font-weight:700;line-height:1;flex-shrink:0}.product-customization__order-step-copy{display:flex;flex-direction:column;gap:clamp(.375rem,.8vw,.625rem);min-width:0}.product-customization__order-step-title{margin:0;color:var(--pc-blue-deep);font-family:var(--font-heading--family);font-size:clamp(1rem,1.8vw,1.5rem);font-weight:700;line-height:1.06}.product-customization__order-step-text{margin:0;color:var(--pc-text-muted);font-size:clamp(.75rem,1.1vw,.8125rem);font-weight:400;line-height:1.5;letter-spacing:-.02em}.product-customization__cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(1rem,2vw,2rem);align-items:center;min-height:clamp(12rem,22vw,18rem);padding:clamp(1.25rem,2.5vw,2rem) clamp(1rem,2.5vw,2.75rem);overflow:visible}.product-customization__cta-content{display:flex;flex-direction:column;gap:clamp(.625rem,1.2vw,1rem);max-width:min(100%,42rem)}.product-customization__cta-text{margin:0;color:var(--pc-text-muted);font-size:clamp(.8125rem,1.1vw,1rem);font-weight:400;line-height:1.71;letter-spacing:-.02em;text-align:justify}.product-customization__shop-button,.product-customization__shop-button--static{display:inline-flex;align-items:center;justify-content:center;gap:clamp(.5rem,1vw,.75rem);width:fit-content;min-height:clamp(2.75rem,4vw,3.5rem);margin-block-start:clamp(.5rem,1vw,.875rem);padding:clamp(.625rem,1.2vw,.875rem) clamp(1.25rem,2vw,1.75rem);border-radius:clamp(1rem,1.8vw,1.3125rem);background:var(--pc-gradient-step);color:#fff;font-size:clamp(.875rem,1.3vw,1.05rem);font-weight:500;line-height:1;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}.product-customization__shop-button:hover,.product-customization__shop-button:focus-visible{box-shadow:0 .5rem 1.25rem #3c67f047}.product-customization__shop-button:focus-visible{outline:3px solid var(--pc-blue-deep);outline-offset:3px}.product-customization__shop-button-icon{display:inline-flex;width:clamp(.5rem,1.5vw,.75rem);height:clamp(.5rem,1.5vw,.75rem)}.product-customization__shop-button-icon svg{width:100%;height:100%}.product-customization__cta-media{position:relative;display:flex;justify-content:flex-end;align-items:flex-end;min-height:clamp(10rem,20vw,16rem);pointer-events:none}.product-customization__cta-image{display:block;width:min(100%,28rem);height:auto;margin-block-end:clamp(-2rem,-4vw,-4rem);object-fit:contain;object-position:bottom right}@media screen and (max-width:989px){.product-customization__intro-row{flex-direction:column;align-items:flex-start}.product-customization__intro-text{max-width:none}.product-customization__steps,.product-customization__why-grid,.product-customization__order-grid,.product-customization__cta{grid-template-columns:1fr}.product-customization__why-media{grid-template-columns:repeat(2,minmax(0,1fr))}.product-customization__notes-bar{grid-template-columns:1fr}.product-customization__note-divider{width:100%;height:1px}.product-customization__cta-media{justify-content:center}.product-customization__cta-image{margin-block-end:0;width:min(100%,20rem)}}@media screen and (max-width:749px){.product-customization__page{padding-top:clamp(4rem,12vw,5rem)}.product-customization__hero-content{max-width:none;padding-block:1.5rem;justify-content:flex-start}.product-customization__hero-title,.product-customization__hero-text{text-align:center}.product-customization__intro,.product-customization__details,.product-customization__cta{padding-inline:clamp(.875rem,4vw,1.25rem)}.product-customization__section-title,.product-customization__works-title,.product-customization__intro-text,.product-customization__cta-text{text-align:left}.product-customization__why-media{grid-template-columns:1fr}.product-customization__why-image{aspect-ratio:1}}@media(prefers-reduced-motion:reduce){.product-customization__step,.product-customization__benefit,.product-customization__shop-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/product-customization.css.map */