.snk-comp{display:block;margin-top:18px}.snk-comp:not([data-recommend]):not(:has(.snk-comp__row)){display:none}.snk-comp__label{display:block;margin-bottom:10px}.snk-comp__row{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:0 12px;padding:12px 0;border-top:1px solid var(--snk-line)}.snk-comp__row:last-child{border-bottom:1px solid var(--snk-line)}.snk-comp__thumb{display:flex;align-items:center;justify-content:center;width:64px;height:64px;overflow:hidden;background:var(--snk-soft)}.snk-comp__thumb img{width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}.snk-comp__text{min-width:0}.snk-comp__title{display:block;overflow:hidden;color:var(--snk-ink);margin-bottom:4px;font:600 13px/1.25 var(--snk-font-body);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.snk-comp__price{color:var(--snk-mid);font:400 12px/1.3 var(--snk-font-body)}.snk-comp__price s{color:var(--snk-mid)}.snk-comp__price em{color:var(--snk-ink);font-weight:700;font-style:normal}.snk-comp__row .snk-card__add:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.snk-comp__row .snk-card__add{position:relative;justify-content:center;gap:0;width:36px;height:36px;min-height:36px;padding:0;border:1px solid var(--snk-ink);background:transparent;color:var(--snk-ink);clip-path:none}.snk-comp__row .snk-card__add:hover{background:var(--snk-soft);color:var(--snk-ink);transform:none}.snk-comp__row .snk-card__add[aria-expanded=true],.snk-comp__row .snk-card__add.is-added{background:var(--snk-ink);color:var(--snk-white)}.snk-comp__row .snk-card__add[aria-expanded=true] .snk-card__add-plus{transform:none}.snk-comp__row .snk-card__add-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.snk-comp__row .snk-card__add-icon,.snk-comp__row .snk-card__add-icon .snk-icon{width:18px;height:18px}.snk-comp__row .snk-qa,.snk-comp__row .snk-comp__message{grid-column:1 / -1}.snk-comp__row.is-open .snk-qa{grid-template-rows:1fr;margin-top:10px}.snk-comp__row.is-open .snk-qa__size{animation:snk-qa-in .26s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 25ms)}.snk-comp__message{margin:10px 0 0;font:500 11.5px/1.4 var(--snk-font-body)}.snk-comp__message:empty{display:none}.snk-comp__rows{display:flex;gap:9px;margin:0 calc(-1 * var(--snk-section-px));padding:0 var(--snk-section-px) 4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding:0 var(--snk-section-px);scroll-snap-type:x mandatory;scrollbar-width:none}.snk-comp__rows::-webkit-scrollbar{display:none}.snk-comp__row,.snk-comp__row:last-child{flex:0 0 min(317px,calc(100% - 58px));grid-template-columns:112px minmax(0,1fr) 24px;grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr);align-items:start;gap:0 10px;row-gap:0;min-height:112px;padding:0;border:1px solid var(--snk-line);background:var(--snk-white);scroll-snap-align:start}.snk-comp__thumb{grid-column:1;grid-row:1 / -1;width:112px;height:112px;border-right:1px solid var(--snk-line)}.snk-comp__text{display:contents}.snk-comp__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;grid-column:2;grid-row:2;margin:0;overflow:hidden;font:400 13px/1.5 var(--snk-font-body);text-transform:uppercase;white-space:normal}.snk-comp__price{grid-column:2;grid-row:3;margin-top:8px;color:var(--snk-ink);font:400 13px/1.2 var(--snk-font-body)}.snk-comp__price em{font-weight:400}.snk-comp__action{display:flex;grid-column:3;grid-row:1 / -1;align-self:stretch}.snk-comp__row .snk-card__add,.snk-comp__row .snk-card__add:hover,.snk-comp__row .snk-card__add[aria-expanded=true]{width:100%;min-width:0;height:100%;min-height:0;border:0;background:var(--snk-ink);color:var(--snk-lime)}.snk-comp__row .snk-card__add.is-added{background:var(--snk-ink);color:var(--snk-lime)}.snk-comp__row .snk-card__add[aria-expanded=true] .snk-card__add-plus{transform:rotate(45deg)}.snk-comp__row .snk-card__add-icon,.snk-comp__row .snk-card__add-icon .snk-icon{width:14px;height:14px}.snk-comp__row:not(.is-open) .snk-qa{display:none}.snk-comp__row .snk-qa,.snk-comp__row .snk-comp__message{grid-row:5;padding:0 10px}@media screen and (min-width:990px){.snk-comp__rows{margin:0;padding:0 0 4px;scroll-padding:0}}.snk-comp__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.snk-comp__head .snk-comp__label{margin:0}.snk-comp__arrows{display:flex;gap:2px;margin-right:-10px}.snk-comp__arrows[hidden]{display:none}.snk-comp__arrow{display:grid;width:36px;height:36px;padding:0;place-items:center;border:0;background:none;color:var(--snk-ink);cursor:pointer}.snk-comp__arrow .snk-icon{width:18px;height:18px}.snk-comp__arrow--prev .snk-icon{transform:rotate(180deg)}.snk-comp__arrow:disabled{opacity:.25;cursor:default}.snk-comp__arrow:focus-visible{outline:2px solid var(--snk-ink);outline-offset:-2px}.snk-comp__row{position:relative}.snk-comp__action{position:absolute;top:0;right:0;bottom:0;width:24px}.snk-comp__row .snk-card__add,.snk-comp__row .snk-card__add:hover,.snk-comp__row .snk-card__add[aria-expanded=true]{position:static;inset:auto;transform:none}.snk-comp__row .snk-card__add,.snk-comp__row .snk-card__add:hover,.snk-comp__row .snk-card__add[aria-expanded=true],.snk-comp__row .snk-card__add.is-added{clip-path:polygon(8px 0,100% 0,100% 100%,0 100%)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/snk-complements.css.map */