.spf{background-color:var(--spf-bg, transparent);color:var(--spf-text, inherit)}.spf__grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.spf__grid--reverse .spf__gallery{order:2}.spf__grid--reverse .spf__details{order:1}.spf__gallery{display:flex;flex-direction:column;gap:1.4rem}.spf__slides{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;border-radius:2px;gap:0;scrollbar-width:none;-ms-overflow-style:none}.spf__slides::-webkit-scrollbar{display:none}.spf__slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:1 / 1;overflow:hidden;border-radius:2px}a.spf__slide{text-decoration:none;display:flex}.spf__slide img{width:100%;height:100%;object-fit:cover;display:block}.spf__slide--placeholder{background:#f5f5f0;display:flex;align-items:center;justify-content:center}.spf__slide--placeholder svg{width:60%;height:60%;opacity:.3}.spf__gallery-nav{display:flex;align-items:center;justify-content:center;gap:1.6rem}.spf__nav-btn{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:1.5px solid currentColor;border-radius:50%;background:transparent;cursor:pointer;opacity:.6;transition:opacity .18s;padding:0;color:inherit}.spf__nav-btn:hover{opacity:1}.spf__nav-btn svg{width:1.2rem;height:1.2rem}.spf__dots{display:flex;gap:.6rem;align-items:center}.spf__dot{width:.7rem;height:.7rem;border-radius:50%;border:none;background:currentColor;opacity:.25;cursor:pointer;padding:0;transition:opacity .18s,width .18s}.spf__dot--active{opacity:1;width:1.8rem;border-radius:1rem}.spf__details{display:flex;flex-direction:column;gap:2rem}.spf__label{display:inline-flex;align-items:center;background:var(--spf-label-bg, #1a1b18);color:var(--spf-label-text, #ffffff);font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.5rem 1.4rem;border-radius:10rem;width:fit-content;margin:0}.spf__title-link{color:inherit;text-decoration:none}.spf__title-link:hover{text-decoration:underline}.spf__title{font-size:clamp(2.4rem,3.5vw,3.8rem);font-weight:700;line-height:1.1;margin:0;color:var(--spf-text, inherit)}.spf__desc{font-size:1.5rem;line-height:1.65;opacity:.8;margin:0;color:var(--spf-text, inherit)}.spf__options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.spf__options:has(.spf__option:only-child){grid-template-columns:1fr}.spf__option{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.6rem 1.8rem;border:1.5px solid rgba(26,27,24,.18);border-radius:1.2rem;background:transparent;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;font-family:inherit;color:var(--spf-text, inherit)}.spf__option:hover{border-color:#1a1b1873}.spf__option--active{border-color:var(--spf-text, #1a1b18);border-width:2px;background:#1a1b180a}.spf__option--active:after{content:"";position:absolute;top:1.2rem;right:1.2rem;width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid var(--spf-text, #1a1b18);background:var(--spf-text, #1a1b18);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:70%;background-repeat:no-repeat;background-position:center}.spf__option-badge{display:inline-block;background:#2e7d32;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .8rem;border-radius:10rem;width:fit-content;margin-bottom:.3rem}.spf__option-label{font-size:1.3rem;font-weight:600;line-height:1.2}.spf__option-price{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.spf__price-main{font-size:1.8rem;font-weight:700}.spf__price-compare{font-size:1.3rem;opacity:.45;text-decoration:line-through}.spf__atc{width:100%;padding:1.6rem 2rem!important;font-size:1.5rem!important;font-weight:700!important;letter-spacing:.02em;cursor:pointer;transition:opacity .18s}.spf__atc:hover{opacity:.85}.spf__atc:disabled{opacity:.5;cursor:not-allowed}.spf__note{font-size:1.2rem;opacity:.55;margin:0;text-align:center;letter-spacing:.01em}@media screen and (max-width:749px){.spf__grid{grid-template-columns:1fr;gap:3rem}.spf__grid--reverse .spf__gallery,.spf__grid--reverse .spf__details{order:0}.spf__slide{aspect-ratio:1 / 1}.spf__options{grid-template-columns:1fr}.spf__title{font-size:clamp(2.2rem,6vw,3rem)}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/section-sale-product-feature.css.map */