.cl-card{position:relative;display:flex;flex-direction:column;background:#f5f5f5;overflow:hidden;border-radius:16px;transition:background .2s ease}.cl-card:hover{background:#efefef}.cl-card__badge{position:absolute;top:12px;left:12px;z-index:2;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#333;background:#e8e5de;padding:5px 10px}.cl-card__media-wrap{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#f5f5f5}.cl-card__media-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.cl-card__media-track::-webkit-scrollbar{display:none}.cl-card__media-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:block;touch-action:pan-x pan-y;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.cl-card__media-slide img{pointer-events:none;-webkit-user-drag:none}.cl-card__img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease;display:block}.cl-card__media-wrap--multi:hover .cl-card__media-slide:first-child .cl-card__img{transform:scale(1.03)}.cl-card__placeholder{width:100%;height:100%;background:#eee}.cl-card__dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:5px;pointer-events:none;z-index:1}.cl-card__dot{width:5px;height:5px;border-radius:50%;background:#00000040;transition:background .2s ease,transform .2s ease}.cl-card__dot.is-active{background:#000000d9;transform:scale(1.15)}.cl-card__content{display:flex;flex-direction:column;gap:8px;padding:20px 20px 28px;flex-grow:1}.cl-card__price-row{margin-bottom:6px}.cl-card__title{font-family:Bebas Neue,sans-serif;font-size:22px;font-weight:400;letter-spacing:.03em;line-height:1.15;text-transform:uppercase;margin:0}.cl-card__title a{color:#111;text-decoration:none}.cl-card__desc{font-family:Inter,sans-serif;font-size:14px;line-height:1.55;color:#666;margin:0}.cl-card__stock{display:flex;align-items:center;gap:6px;margin-top:2px}.cl-card__stock-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cl-card__stock-text{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.cl-card__stock--green .cl-card__stock-dot{background:#22c55e}.cl-card__stock--green .cl-card__stock-text{color:#22c55e}.cl-card__stock--red .cl-card__stock-dot{background:#ef4444}.cl-card__stock--red .cl-card__stock-text{color:#ef4444}.cl-card__price-row{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;margin-top:6px}.cl-card__price{font-family:Inter,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.01em;color:#111}.cl-card__compare{font-family:Inter,sans-serif;font-size:14px;color:#999;text-decoration:line-through}.cl-card__save{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.04em;color:#fff;background:#60676c;padding:4px 8px;border-radius:3px;text-transform:uppercase}.cl-card__btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:fit-content;font-family:Inter,sans-serif;font-size:15px;font-weight:500;line-height:1;text-decoration:none;text-transform:none;color:#000;background:#f3e600;padding:16px 36px 14px;border:none;border-radius:60px;margin-top:auto;cursor:pointer;transition:background .2s ease}.cl-card__btn:hover{background:#ddd100}.cl-card__atc-form{margin:auto 0 0;padding:0}.cl-card__atc-form .cl-card__btn{margin-top:0}@media screen and (max-width:749px){.cl-card{border-radius:10px}.cl-card__title{font-size:14px;letter-spacing:.02em}.cl-card__desc{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cl-card__stock-text{font-size:9px}.cl-card__stock-dot{width:6px;height:6px}.cl-card__price-row{gap:4px}.cl-card__price{font-size:14px}.cl-card__compare{font-size:10px}.cl-card__save{font-size:7px;padding:2px 4px;letter-spacing:.02em}.cl-card__content{padding:10px 10px 14px;gap:6px}.cl-card__badge{font-size:8px;padding:3px 6px;top:8px;left:8px}.cl-card__btn{font-size:12px;padding:12px 26px 10px}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/cl-card-styles.css.map */