.hck-pair{display:block;width:100%;max-width:var(--pair-max-width, 480px);max-height:360px;overflow-y:auto;min-width:0;padding:16px 0;border-block:1px solid rgba(var(--color-foreground),.18)}.hck-pair__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hck-pair__header h3{font-size:18px;line-height:1.4;min-width:0;overflow-wrap:anywhere}.hck-pair__controls{display:flex;flex-shrink:0}.hck-pair__controls[hidden],.hck-pair__motion[hidden]{display:none}.hck-pair__controls button{width:44px;height:44px;display:grid;place-items:center}.hck-pair__controls button:hover:not(:disabled),.hck-pair__add:hover:not(:disabled){background:rgba(var(--color-foreground),.06)}.hck-pair svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}[dir=rtl] .hck-pair__controls svg{transform:rotate(180deg)}.hck-pair__track{display:flex;gap:12px;max-height:248px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.4) transparent;scroll-snap-type:x proximity;scroll-padding-inline:2px;padding:3px 2px 8px}.hck-pair__item{flex:0 0 calc((100% - 24px) / 3);min-width:0;scroll-snap-align:start}.hck-pair__link{display:block;min-width:0}.hck-pair__image{aspect-ratio:1;width:100%;max-height:148px;overflow:hidden;background:rgb(var(--color-background))}.hck-pair__image img,.hck-pair__image svg{display:block;width:100%;height:100%;object-fit:contain}.hck-pair__title{overflow:hidden;white-space:nowrap;margin-top:8px;font-size:14px;line-height:22px}.hck-pair__title span{display:inline-block}.hck-pair__footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:44px;gap:2px}.hck-pair__price{min-width:0;flex:1 1 80px;font-size:13px;line-height:20px;font-variant-numeric:tabular-nums}.hck-pair__form,.hck-pair__footer>.hck-pair__add{margin-inline-start:auto}.hck-pair__price .m-price{display:block}.hck-pair__price .m-price__regular,.hck-pair__price .m-price__sale{flex-wrap:wrap}.hck-pair__add{display:grid;place-items:center;width:44px;height:44px;border-radius:5px;color:rgb(var(--color-button));background:transparent;touch-action:manipulation}.hck-pair__add svg{transition:transform .25s ease-out}.hck-pair__add:hover svg{transform:rotate(90deg)}.hck-pair__add:active svg{transform:scale(.85)}.hck-pair__add[aria-busy=true] svg{opacity:.4}.hck-pair__add:disabled,.hck-pair__controls button:disabled{opacity:.45;cursor:not-allowed}.hck-pair a:focus-visible,.hck-pair button:focus-visible,.hck-pair__track:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:2px}.hck-pair__status{font-size:14px;line-height:22px;margin-top:8px;overflow-wrap:anywhere}.hck-pair__status:empty{display:none}.hck-pair__meta{display:flex;align-items:center;gap:8px}.hck-pair__motion{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;margin-inline-start:auto;border-radius:5px;color:rgb(var(--color-button))}.hck-pair__motion:hover{background:rgba(var(--color-foreground),.06)}[data-hck-pair-gallery] .nav-swiper-container{overflow:hidden}[data-hck-pair-gallery] .nav-swiper-container .swiper-slide{width:70px;flex-shrink:0}[data-hck-pair-gallery] .nav-swiper-container .swiper-slide:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:-2px}@media(min-width:1024px){[data-hck-pair-gallery] .m-product-media--slider__thumbnails{position:relative;align-self:stretch;width:90px;min-height:0;flex-shrink:0}[data-hck-pair-gallery] .nav-swiper-container{position:absolute;inset-block:0;inset-inline-start:0;height:100%;max-height:none}}@media(max-width:767px){.hck-pair{padding-block:12px}.hck-pair__header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}.hck-pair__header h3{grid-column:2;grid-row:1;text-align:center}.hck-pair__controls:not([hidden]){display:contents}.hck-pair__controls [data-pair-prev]{grid-column:1;grid-row:1}.hck-pair__controls [data-pair-next]{grid-column:3;grid-row:1}}@media(prefers-reduced-motion:reduce){.hck-pair__add svg{transition:none}.hck-pair__add:hover svg,.hck-pair__add:active svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/140/assets/hck-product-pairing.css.map */