[data-assortment] .grid.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.assortment__count{margin-bottom:24px}@media(max-width:1100px){[data-assortment] .grid.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){[data-assortment] .grid.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.need__title svg{width:18px;height:18px;flex:0 0 auto}.need__placeholder{width:100%;height:100%;background:var(--sand-2);fill:var(--line-strong)}.hero-outer{max-width:1440px;margin:0 auto;padding:24px 40px 0}.hero[data-slider]{display:block;position:relative;overflow:hidden;min-height:0;border-radius:20px;border-bottom:0}.hero[data-slider] .hero__slides-track{display:grid}.hero[data-slider] .hero__slide-panel{grid-area:1 / 1;display:grid;grid-template-columns:1fr 1fr;min-height:clamp(520px,calc(100vh - 156px),700px);min-height:clamp(520px,calc(100svh - 156px),700px);opacity:0;visibility:hidden;pointer-events:none}.hero[data-slider] .hero__slide-panel.is-leaving{opacity:1;visibility:visible;z-index:1}.hero[data-slider] .hero__slide-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2;transition:opacity 1s var(--ease)}.hero[data-slider] .hero__slide-panel:is(.is-active,.is-leaving) .hero__media img{animation:heroKen var(--hero-hold, 8s) linear both}.hero[data-slider] .hero__slide-panel:is(.is-active,.is-leaving) .hero__text>*{animation:heroUp .9s var(--ease) both}.hero[data-slider] .hero__slide-panel:is(.is-active,.is-leaving) .hero__text>:nth-child(2){animation-delay:.12s}.hero[data-slider] .hero__slide-panel:is(.is-active,.is-leaving) .hero__text>:nth-child(3){animation-delay:.24s}.hero[data-slider] .hero__slide-panel:is(.is-active,.is-leaving) .hero__text>:nth-child(4){animation-delay:.36s}.hero[data-slider] .hero__slide-panel:is(.is-active,.is-leaving) .hero__tag{animation:heroUp .9s var(--ease) .3s both}.hero[data-slider] .hero__slide-panel.is-leaving .hero__media img,.hero[data-slider] .hero__slide-panel.is-leaving .hero__text,.hero[data-slider] .hero__slide-panel.is-leaving .hero__text>*,.hero[data-slider] .hero__slide-panel.is-leaving .hero__tag{animation-play-state:paused}@keyframes heroKen{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes heroUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.hero[data-slider] .hero__slide-panel .hero__text{padding:clamp(40px,5vw,64px) clamp(32px,4.5vw,64px) 140px clamp(32px,5.5vw,80px);gap:clamp(18px,2vw,28px)}.hero[data-slider] .hero__slide-panel .display{font-size:clamp(38px,4.2vw,60px)}.hero[data-slider] .hero__slide-panel .hero__lead{font-size:clamp(15px,1.25vw,18px)}.hero[data-slider] .hero__media{min-height:0}.hero[data-slider] .hero__media picture,.hero[data-slider] .hero__media>img,.hero[data-slider] .hero__media-ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero[data-slider] .hero__media img{object-fit:cover}.hero[data-slider] .hero__media--contain img{object-fit:contain}.hero[data-slider] .hero__media-ph{background:var(--sand-2);fill:var(--line-strong)}.hero[data-slider] .hero__tag{z-index:1;background:#17150fd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:0;color:#fff}.hero[data-slider] .hero__tag-name{display:inline-flex;align-items:center;gap:12px;min-width:0;color:#fff}.hero[data-slider] .hero__tag-name b{font-weight:400;color:#ffffff9e}.hero[data-slider] .hero__tag .btn{height:36px;padding:0 16px;font-size:13px;border-radius:var(--r-sm);flex:0 0 auto;background:#fff;color:var(--ink)}.hero[data-slider] .hero__tag .btn:hover{background:var(--sand)}.hero[data-slider] .hero__tag--cta{display:none}.hero[data-slider]>.hero__nav{position:absolute;left:clamp(32px,5.5vw,80px);bottom:56px;width:calc(50% - clamp(32px,5.5vw,80px) - clamp(32px,4.5vw,64px));max-width:none;z-index:3;margin-top:0}.hero[data-slider] .hero__slides{width:100%;gap:clamp(16px,2vw,28px)}.hero[data-slider] .hero__slide{flex:1 1 0;min-width:0;transition:color .2s}.hero__slide-hit{display:flex;flex-direction:column;gap:10px;width:100%;text-align:left;color:inherit;min-height:44px;cursor:pointer}.hero__slide-hit>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero[data-slider] .hero__bar{transition:background .2s}.hero[data-slider] .hero__slide:hover,.hero[data-slider] .hero__slide:focus-within{color:var(--ink)}.hero[data-slider] .hero__slide:not(.is-active):hover .hero__bar,.hero[data-slider] .hero__slide:not(.is-active):focus-within .hero__bar{background:var(--accent)}@media(max-width:1023px){.hero-outer{padding:16px 20px 24px}.hero[data-slider] .hero__slide-panel{position:relative;grid-template-columns:1fr;width:100%;min-height:440px;aspect-ratio:4 / 5;max-height:min(640px,calc(100svh - 180px));background:var(--sand-2)}.hero[data-slider] .hero__media{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;order:0}.hero[data-slider] .hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#17150fd1,#17150f6b 42%,#17150f00 70%);pointer-events:none}.hero[data-slider] .hero__tag{display:none}.hero[data-slider] .hero__slide-panel .hero__text{position:absolute;inset:auto 0 0 0;z-index:2;padding:24px 24px 60px;gap:12px;background:none;color:#fff;justify-content:flex-end}.hero[data-slider] .hero__slide-panel .eyebrow{color:var(--accent-soft)}.hero[data-slider] .hero__slide-panel .display{font-size:clamp(26px,7.4vw,34px);line-height:1.08;max-width:none;color:#fff}.hero[data-slider] .hero__slide-panel .hero__lead{font-size:15px;line-height:1.5;color:#ffffffdb;max-width:36ch}.hero[data-slider] .hero__cta{gap:10px;margin-top:6px}.hero[data-slider] .hero__cta .btn{flex:0 1 auto;height:48px;padding:0 24px;background:#fff;color:var(--ink);border-radius:var(--pill);box-shadow:none}.hero[data-slider] .hero__cta .btn--ghost{display:none}.hero[data-slider]>.hero__nav{position:absolute;left:24px;bottom:24px;width:auto;z-index:3;margin:0;padding:0;max-width:none;gap:0}.hero[data-slider] .hero__slides{gap:8px}.hero[data-slider] .hero__slides{width:auto}.hero[data-slider] .hero__slide{position:relative;flex:0 0 auto;width:8px;min-width:0;gap:0;transition:width .3s var(--ease)}.hero[data-slider] .hero__slide.is-active{width:28px}.hero[data-slider] .hero__slide-hit{position:absolute;left:-8px;right:-8px;top:-16px;height:40px;min-height:0;opacity:0}.hero[data-slider] .hero__bar{height:8px;border-radius:4px;background:#ffffff73}.hero[data-slider] .hero__bar i{background:#fff;border-radius:4px}}@media(prefers-reduced-motion:reduce){.hero[data-slider] .hero__slide-panel.is-active{transition:none}.hero[data-slider] .hero__media img,.hero[data-slider] .hero__text,.hero[data-slider] .hero__text>*,.hero[data-slider] .hero__tag{animation:none!important}}.story__list svg{width:16px;height:16px;flex:0 0 auto}.story__placeholder{background:var(--sand-2);fill:var(--line-strong)}.cart-page{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;align-items:start;padding-top:8px}.cart-page .ship{border-radius:var(--r-md);padding-left:20px;padding-right:20px;margin-bottom:8px}.cart-page__items{display:flex;flex-direction:column}.cart-page__items .line:first-child{padding-top:0}.cart-page__sum{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--line);border-radius:var(--r-lg);position:sticky;top:96px}.cart-page__sum .code{padding-top:0}@media(max-width:767px){.cart-page{grid-template-columns:1fr;gap:28px}.cart-page__sum{position:static;padding:20px}}.coll-filter{position:relative}.coll-filter>summary{list-style:none;cursor:pointer}.coll-filter>summary::-webkit-details-marker{display:none}.coll-filter[open]>summary{box-shadow:inset 0 0 0 1px var(--ink)}.coll-filter__panel{position:absolute;right:0;top:calc(100% + 12px);z-index:25;width:320px;max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-2);padding:18px 20px}.coll-filter__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px}@media(max-width:767px){.coll-filter__panel{position:static;width:auto;box-shadow:none;margin-top:12px}}.usp__item .usp__icon svg{width:26px;height:26px}@media(max-width:767px){.usp__item .usp__icon svg{width:22px;height:22px}}
/*# sourceMappingURL=/cdn/shop/t/21/compiled_assets/styles.css.map */