.style-picker{position:relative;overflow:hidden;min-height:calc(100vh - 90px);padding:5rem 0;background:#fbf6ec}.style-picker--has-image{background-image:var(--style-picker-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat}.style-picker--has-image .style-picker__shapes{display:none}.style-picker__shapes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.style-picker__shape{position:absolute;border-radius:50%;filter:blur(2px);opacity:.3}.style-picker__shape--1{top:-10%;left:-8%;width:380px;height:380px;background:radial-gradient(circle at 35% 35%,#2f5d5033,#2f5d5000 70%)}.style-picker__shape--2{bottom:-14%;right:-10%;width:460px;height:460px;background:radial-gradient(circle at 60% 60%,#2f5d5029,#2f5d5000 70%)}.style-picker__inner{position:relative;z-index:1;max-width:760px;margin:0 auto}.style-picker__header{text-align:center;margin:0 0 3.2rem}.style-picker__step-label{margin:0 0 1.2rem;font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1b232080}.style-picker__heading{margin:0 0 1rem;font-family:var(--font-body-family);font-weight:800;color:#1b2320;font-size:clamp(2.4rem,4.2vw,3.2rem);line-height:1.2}.style-picker__subtitle{margin:0;font-size:1.6rem;line-height:1.55;color:#1b2320b3}.style-picker__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;margin:0 0 3.2rem}.style-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;background:#fffdf9;border:2px solid rgba(27,35,32,.08);border-radius:24px;box-shadow:0 12px 40px #1b23200f;cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;font-family:var(--font-body-family)}.style-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 44px #1b23201a}.style-card.is-selected{border-color:#2f5d50;background:#2f5d500d}.style-card:disabled{cursor:default}.style-card__image{position:relative;display:block;width:100%;aspect-ratio:1 / 1;background:#eae4d6;overflow:hidden}.style-card__image img:not([hidden]){display:block;width:100%;height:100%;object-fit:cover}.style-card__skeleton:not([hidden]){position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#1b23200f 30%,#1b23201f,#1b23200f 70%);background-size:200% 100%;animation:style-card-skeleton-sweep 1.4s ease-in-out infinite}@keyframes style-card-skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.style-card__skeleton:not([hidden]){animation:none}}.style-card__name{padding:1.6rem 1.2rem;font-size:1.6rem;font-weight:700;color:#1b2320;text-align:center}.style-card__check{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#2f5d50;color:#fdfbf7;font-size:1.3rem;font-weight:700;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease}.style-card.is-selected .style-card__check{opacity:1;transform:scale(1)}.style-picker__continue{display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;height:56px;border:none;border-radius:999px;background:#2f5d50;color:#fdfbf7;font-family:var(--font-body-family);font-size:1.6rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}.style-picker__continue:hover{background:#26493f;transform:translateY(-1px)}.style-picker__continue:disabled{opacity:.7;cursor:not-allowed;transform:none}.style-picker__error:not([hidden]){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;max-width:480px;margin:4vh auto 0;padding:3.2rem 2.6rem;background:#fffdf9;border:1px solid rgba(27,35,32,.08);border-radius:24px;box-shadow:0 12px 40px #1b232014;text-align:center}.style-picker__error-text{margin:0;font-size:1.6rem;font-weight:600;color:#1b2320}.style-picker__error-button{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 2.6rem;border-radius:999px;background:#2f5d50;color:#fdfbf7;font-family:var(--font-body-family);font-size:1.5rem;font-weight:700;text-decoration:none;transition:background .15s ease,transform .15s ease}.style-picker__error-button:hover{background:#26493f;transform:translateY(-1px)}@media screen and (max-width:480px){.style-picker__grid{gap:1.2rem}.style-card__name{padding:1.2rem 1rem;font-size:1.4rem}.style-picker__error:not([hidden]){margin:2vh auto 0;padding:2.4rem 1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-style-picker.css.map */