.snc-card{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #DFE4E8;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0b12200f;transition:box-shadow .24s ease,transform .24s ease,border-color .24s ease}.snc-card:hover{transform:translateY(-3px);border-color:#c9d2d9;box-shadow:0 8px 20px #0b122014}.snc-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.snc-card__media{position:relative;aspect-ratio:1 / 1;background:#eceff2;overflow:hidden}.snc-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:6%;mix-blend-mode:multiply;transition:opacity .3s ease,transform .5s cubic-bezier(.16,1,.3,1)}.snc-card__image--hover{opacity:0}.snc-card:hover .snc-card__image--primary{transform:scale(1.045)}.snc-card:hover .snc-card__image--hover{opacity:1;transform:scale(1.045)}.snc-card.has-scrub:hover .snc-card__image--hover{opacity:0}.snc-card.has-scrub:hover .snc-card__image--primary{transform:none}.snc-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#c9d2d9;font-size:72px;font-weight:700}.snc-card__badges{position:absolute;top:12px;left:12px;z-index:2}.snc-card__badge{display:inline-block;padding:5px 9px;font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border-radius:5px}.snc-card__badge--new{background:#0b1220;color:#fff}.snc-card__badge--sale{background:#c8102e;color:#fff}.snc-card__badge--out{background:#5a6b78;color:#fff}.snc-card__fav{position:absolute;top:10px;right:10px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:#5a6b78;cursor:pointer;box-shadow:0 1px 6px #0b12201f;opacity:0;transition:opacity .18s ease,color .16s ease,transform .16s ease}.snc-card:hover .snc-card__fav,.snc-card:focus-within .snc-card__fav,.snc-card__fav.is-faved{opacity:1}.snc-card__fav:hover,.snc-card__fav.is-faved{color:#c8102e}.snc-card__fav.is-faved svg{fill:currentcolor}.snc-card__fav.is-popped{transform:scale(1.2)}.snc-card__dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:5px;z-index:2;opacity:0;transition:opacity .18s ease}.snc-card:hover .snc-card__dots,.snc-card:focus-within .snc-card__dots{opacity:1}.snc-card__dots span{width:6px;height:6px;border-radius:50%;background:#c9d2d9;transition:background-color .14s ease}.snc-card__dots span.is-on{background:#0b1220}.snc-card__shop{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:flex;flex-direction:column;gap:6px;padding:10px;background:#fff;border-radius:10px;box-shadow:0 6px 24px #0b122029;transform:translateY(calc(100% + 16px));transition:transform .24s cubic-bezier(.16,1,.3,1)}.snc-card:hover .snc-card__shop,.snc-card:focus-within .snc-card__shop{transform:translateY(0)}.snc-card__shop-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5a6b78}.snc-card__sizes{display:flex;flex-wrap:wrap;gap:5px}.snc-card__size{min-width:34px;height:30px;padding:0 8px;border:1px solid #E4E7EA;border-radius:6px;background:#fff;color:#0b1220;font:600 12px Figtree,system-ui,sans-serif;cursor:pointer;transition:background-color .14s ease,color .14s ease,border-color .14s ease}.snc-card__size:hover:not(:disabled){background:#0b1220;border-color:#0b1220;color:#fff}.snc-card__size:disabled{color:#5a6b78;border-color:#e4e7ea;text-decoration:line-through;cursor:default}.snc-card__size.is-error{background:#faedef;border-color:#c8102e;color:#c8102e}.snc-card__size.is-busy{background:#00aeef;border-color:#00aeef;color:#0b1220}.snc-card__addbtn{display:block;width:100%;padding:11px;border:0;border-radius:7px;background:#0b1220;color:#fff;font:600 12px/1 Figtree,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .16s ease}.snc-card__addbtn:hover{background:#00aeef;color:#0b1220}.snc-card__variant{width:100%;padding:9px 10px;border:1px solid #E4E7EA;border-radius:7px;background:#fff;color:#0b1220;font:600 12px Figtree,system-ui,sans-serif;cursor:pointer}.snc-card__variant:focus{outline:2px solid #00597D;outline-offset:1px}.snc-card__info{display:flex;flex-direction:column;gap:3px;padding:14px 16px 16px;flex:1}.snc-card__vendor{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#0b1220}.snc-card__name{font-weight:500;font-size:15px;color:#0b1220;margin:0;line-height:1.35}.snc-card__name-link{position:relative;z-index:2;color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.snc-card__name-link:hover{color:#00597d}.snc-card__type{font-size:13px;color:#5a6b78}.snc-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:10px}.snc-card__price{font-weight:600;font-size:16px;color:#0b1220}.snc-card__price--sale{color:#c8102e}.snc-card__compare{color:#5a6b78;text-decoration:line-through;font-size:13px}.snc-card__b2b-hint{margin-left:auto;font-size:10px;color:#00597d;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;background:#00aeef1a;border-radius:3px}.snc-card__shop-toggle,.snc-card__shop-close{display:none}@media(hover:none){.snc-card__fav{opacity:1}.snc-card__dots{display:none}.snc-card:hover .snc-card__shop,.snc-card:focus-within .snc-card__shop{transform:translateY(calc(100% + 16px))}.snc-card.is-shop-open .snc-card__shop{transform:translateY(0)}.snc-card__shop{max-height:calc(100% - 20px);overflow-y:auto}.snc-card__shop-toggle{position:absolute;right:10px;bottom:10px;z-index:3;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#0b1220;color:#fff;cursor:pointer;box-shadow:0 2px 8px #0b122038}.snc-card.is-shop-open .snc-card__shop-toggle{visibility:hidden}.snc-card__shop-close{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#5a6b78;cursor:pointer}}@media(prefers-reduced-motion:reduce){.snc-card,.snc-card__image,.snc-card__shop,.snc-card__fav,.snc-card__dots{transition:none}.snc-card:hover,.snc-card:hover .snc-card__image--primary,.snc-card:hover .snc-card__image--hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/sannico-cards.css.map */