.section-shade-selector{--shade-selector-bg: #f9f5ff;--shade-selector-accent: #b04a66;--shade-selector-text: #121212;--shade-selector-muted: rgba(18, 18, 18, .72);--shade-selector-divider: rgba(18, 18, 18, .14);--shade-selector-badge-bg: #5bb347;--shade-selector-badge-text: #ffffff;--shade-selector-columns: 5;--shade-selector-columns-mobile: 5;background:var(--shade-selector-bg)}.section-shade-selector__inner{background:transparent}.section-shade-selector__layout{display:flex;flex-direction:column;gap:2.4rem}.section-shade-selector__content-col,.section-shade-selector__visual-col{display:flex;flex-direction:column;gap:2rem;min-width:0}.section-shade-selector__heading{margin:0;line-height:1.15;letter-spacing:-.02em;color:var(--shade-selector-text);text-wrap:balance}.section-shade-selector__text{color:var(--shade-selector-muted);font-size:1.5rem;line-height:1.65}.section-shade-selector__text p{margin:0}.section-shade-selector__text p+p{margin-block-start:1.2rem}.section-shade-selector__media{width:100%}.section-shade-selector__media img{display:block;width:100%;height:auto}.section-shade-selector__actions{display:flex;flex-direction:column;gap:1.6rem}.section-shade-selector__cta.button{width:100%;justify-content:center;text-align:center;padding:1.6rem 2.4rem;font-size:1.3rem;font-weight:var(--font-weight-bold);letter-spacing:.06em;box-shadow:0 8px 24px #0000001f}.section-shade-selector__guarantee{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;margin:0;color:var(--shade-selector-text);font-size:1.3rem;font-weight:var(--font-weight-semibold);line-height:1.3}.section-shade-selector__guarantee-icon{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:2px solid currentColor;border-radius:50%;font-size:1.2rem;font-weight:var(--font-weight-bold);flex-shrink:0}.section-shade-selector__panel{display:flex;flex-direction:column;gap:1.6rem}.section-shade-selector__divider{display:flex;align-items:center;gap:1.2rem;color:var(--shade-selector-text);font-size:1.1rem;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.section-shade-selector__divider:before,.section-shade-selector__divider:after{content:"";flex:1;height:1px;background:var(--shade-selector-divider)}.section-shade-selector__grid{display:grid;grid-template-columns:repeat(var(--shade-selector-columns-mobile),minmax(0,1fr));gap:1rem .8rem}.section-shade-selector__shade{display:flex;flex-direction:column;align-items:center;gap:.8rem;min-width:0;text-decoration:none;color:inherit}a.section-shade-selector__shade:hover .section-shade-selector__swatch{transform:scale(1.03);box-shadow:0 6px 18px #00000024}.section-shade-selector__swatch-wrap{position:relative;width:100%;aspect-ratio:1 / 1}.section-shade-selector__swatch{display:block;width:100%;height:100%;border-radius:.4rem;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .25s ease,box-shadow .25s ease}.section-shade-selector__badge{position:absolute;top:-.55rem;left:50%;transform:translate(-50%);padding:.25rem .65rem;border-radius:999px;background:var(--shade-selector-badge-bg);color:var(--shade-selector-badge-text);font-size:.85rem;font-weight:var(--font-weight-bold);letter-spacing:.04em;line-height:1.2;text-transform:uppercase;white-space:nowrap;z-index:1}.section-shade-selector__label{color:var(--shade-selector-text);font-size:1rem;font-weight:var(--font-weight-bold);letter-spacing:.06em;line-height:1.2;text-align:center;text-transform:uppercase}.section-shade-selector__help.button{display:inline-flex;width:100%;justify-content:center;gap:.8rem;padding:1.4rem 1.6rem;border:1px solid rgba(18,18,18,.18);background:#fff;color:var(--shade-selector-text);font-size:1.1rem;font-weight:var(--font-weight-bold);letter-spacing:.04em;line-height:1.3;text-align:center;text-decoration:none;box-shadow:0 4px 16px #0000000f}.section-shade-selector__help-icon{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#7b5ea7;color:#fff;font-size:1.3rem;font-weight:var(--font-weight-bold);flex-shrink:0}.section-shade-selector__actions--mobile{display:flex;flex-direction:column;gap:1.6rem}.section-shade-selector__actions--desktop{display:none}@media screen and (min-width:990px){.section-shade-selector__layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;column-gap:4.8rem;row-gap:0}.section-shade-selector__content-col{grid-column:1;gap:2.4rem}.section-shade-selector__visual-col{grid-column:2;gap:2rem}.section-shade-selector__heading{font-size:clamp(3.2rem,3vw,4.4rem);text-align:start}.section-shade-selector__text{text-align:start}.section-shade-selector__actions--desktop{display:flex}.section-shade-selector__actions--mobile{display:none}.section-shade-selector__grid{grid-template-columns:repeat(var(--shade-selector-columns),minmax(0,1fr));gap:1.2rem 1rem}.section-shade-selector__label{font-size:1.05rem}.section-shade-selector__badge{font-size:.9rem;top:-.65rem}}@media screen and (max-width:989px){.section-shade-selector__layout{display:flex;flex-direction:column;gap:2.4rem}.section-shade-selector__content-col,.section-shade-selector__visual-col{display:contents}.section-shade-selector__heading{order:1;font-size:3rem;text-align:center}.section-shade-selector__media{order:2}.section-shade-selector__text{order:3;text-align:center}.section-shade-selector__panel{order:4}.section-shade-selector__actions--desktop{display:none}.section-shade-selector__actions--mobile{order:5;display:flex}}@media screen and (max-width:749px){.section-shade-selector__heading{font-size:2.6rem}.section-shade-selector__text{font-size:1.4rem}.section-shade-selector__grid{gap:.8rem .5rem}.section-shade-selector__label{font-size:.85rem}.section-shade-selector__badge{font-size:.7rem;padding:.2rem .5rem;top:-.45rem}.section-shade-selector__help.button{font-size:1rem;padding:1.2rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/141/assets/section-shade-selector.css.map */