.phero{display:grid;grid-template-columns:58% 1fr;height:calc(100svh - var(--md-header-height));overflow:hidden;background-color:#fff}.phero__gallery{position:relative;overflow:hidden;background:#f8f9fb;cursor:grab;-webkit-user-select:none;user-select:none}.phero__gallery:active{cursor:grabbing}.phero__track{display:flex;height:100%;transition:transform .45s var(--md-ease)}.phero__slide{display:flex;flex:0 0 100%;align-items:center;justify-content:center;height:100%;overflow:hidden}.phero__slide img{width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.phero__slide--padded img{object-fit:contain;padding:32px 24px}.phero__arrow{position:absolute;top:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border:1px solid #e5e5e5;border-radius:50%;color:#000;cursor:pointer;transform:translateY(-50%);transition:background-color .2s ease,transform .2s ease}.phero__arrow:hover{background:#f4f4f4;transform:translateY(-50%) scale(1.08)}.phero__arrow svg{width:16px;height:16px;stroke:#000!important;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.phero__arrow--prev{left:16px}.phero__arrow--next{right:16px}.phero__thumbs{position:absolute;bottom:20px;left:50%;z-index:4;display:flex;align-items:center;gap:6px;transform:translate(-50%)}.phero__thumb{flex-shrink:0;width:48px;height:48px;overflow:hidden;border:2px solid rgba(0,0,0,.1);border-radius:8px;background:transparent;cursor:pointer;padding:0;transition:border-color .2s ease,transform .15s ease}.phero__thumb img{width:100%;height:100%;object-fit:contain;padding:4px;opacity:.6;transition:opacity .2s ease}.phero__thumb.is-active{border-color:#0006}.phero__thumb.is-active img,.phero__thumb:hover img{opacity:1}.phero__side{display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden;padding:0 52px;background-color:#fff}.phero__title{font-size:clamp(2.6rem,4vw,4.8rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--md-ink)}.phero__subtitle{margin-bottom:10px;font-size:clamp(1.8rem,2.5vw,4.8rem);font-style:italic;font-weight:300;letter-spacing:-.02em;color:var(--md-muted)}.phero__features{display:flex;flex-direction:column;gap:4px}.phero__features li{display:flex;align-items:center;gap:8px;font-size:.83rem;line-height:1.5;color:var(--md-muted)}.phero__features li svg{flex-shrink:0;width:11px;height:11px;stroke:var(--md-violet);fill:none;stroke-width:2.5}.phero__colors{margin:8px 0 30px}.phero__colors-head{display:flex;align-items:baseline;gap:6px;margin-bottom:12px;font-size:.9rem}.phero__colors-head span{color:var(--md-muted)}.phero__colors-head strong{color:var(--md-ink)}.phero__swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.phero__swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px 12px;border:2px solid var(--md-line);border-radius:12px;background:var(--md-surface);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.phero__swatch:hover{border-color:var(--md-muted)}.phero__swatch.is-active{border-color:var(--md-violet);background:#675cff0d;box-shadow:0 2px 10px #675cff1a}.phero__swatch-dot{flex-shrink:0;width:32px;height:32px;border:1px solid rgba(0,0,0,.1);border-radius:50%}.phero__swatch-name{font-size:.9rem;font-weight:500;line-height:1;color:var(--md-ink-soft)}.phero__price{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.phero__price-main{font-size:1.8rem;font-weight:700;letter-spacing:-.01em;color:var(--md-ink)}.phero__price-orig{font-size:1rem;color:var(--md-muted)}.phero__color-required{margin:0 0 10px;font-size:.8rem;font-weight:500;color:var(--md-coral)}.phero__actions{display:flex;gap:12px;width:100%}.phero__btn{flex:1;font-size:.85rem}.phero__trust{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.phero__trust span{font-size:.7rem;font-weight:500;color:var(--md-muted)}@media(max-width:900px){.phero{grid-template-columns:1fr;height:auto;max-height:none}.phero__gallery{height:60vh}.phero__side{height:auto;overflow:visible;padding:48px 24px}.phero__thumb{width:36px;height:36px;border-width:1px;border-radius:4px}.phero__arrow{width:36px;height:36px}.phero__trust{gap:0;justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/product-hero.css.map */