:root{--card-primary:#ff3e3e;--card-primary-hover:#ff1e1e;--card-secondary:#2ecc71;--card-dark:#1a1a1a;--card-light:#f8f8f8;--card-gray:#666;--card-border:#e0e0e0;--card-shadow:0 8px 30px rgba(0, 0, 0, .08);--card-shadow-hover:0 15px 40px rgba(0, 0, 0, .15);--card-transition:all .3s cubic-bezier(.4, 0, .2, 1);--card-radius:16px}.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none;display:block;transition:var(--card-transition)}.card-wrapper:hover{transform:translateY(-8px)}.card{text-decoration:none;text-align:var(--text-alignment);position:relative;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:var(--card-transition)}.card:hover{box-shadow:var(--card-shadow-hover)}.card:not(.ratio){display:flex;flex-direction:column;height:100%}.card.card--horizontal{--text-alignment:left;--image-padding:0rem;flex-direction:row;align-items:center;gap:1.2rem;padding:1rem}.card--horizontal.ratio:before{padding-bottom:0}.card--card.card--horizontal{padding:1.2rem}.card--card.card--horizontal.card--text{column-gap:0}.card__media{position:relative;overflow:hidden;background:var(--card-light);flex-shrink:0}.card--card .card__inner .card__media{border-radius:var(--card-radius) var(--card-radius) 0 0}.card .card__inner .card__media{overflow:hidden;z-index:1;border-radius:calc(var(--card-radius) - 2px)}.card__media .media img{height:100%;object-fit:cover;object-position:center center;width:100%;transition:transform .6s ease}.card-wrapper:hover .card__media .media img{transform:scale(1.08)}.card__badge{position:absolute;top:12px;left:12px;z-index:2;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;color:#fff;line-height:1;letter-spacing:.5px;box-shadow:0 4px 12px #00000026;animation:badgePulse 2s infinite}.card__badge.top{top:12px}.card__badge.right{left:auto;right:12px}.card__badge.sale{background:linear-gradient(135deg,var(--card-primary),#ff6b6b)}.card__badge.new{background:linear-gradient(135deg,var(--card-secondary),#5ff56f)}.card__badge.bestseller{background:linear-gradient(135deg,#f80,#fa0)}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.card__wishlist{position:absolute;top:12px;right:12px;z-index:2;background:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:var(--card-transition);opacity:0}.card:hover .card__wishlist{opacity:1}.card__wishlist:hover{background:var(--card-primary);color:#fff;transform:scale(1.1)}.card__content{display:flex;flex-direction:column;padding:1.5rem;width:100%;flex-grow:1}.card--horizontal .card__content{padding:0}.card__information{padding:0;width:100%}.card__heading{margin:0 0 10px;font-size:15px;font-weight:600;line-height:1.4;color:var(--card-dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:42px}.card__heading a{color:inherit;text-decoration:none;transition:color .2s ease;position:relative;display:inline-block}.card__heading a:hover{color:var(--card-primary)}.card__heading a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--card-primary);transition:width .3s ease}.card__heading a:hover:after{width:100%}.price{margin:12px 0}.price__container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.price__regular{font-size:18px;font-weight:700;color:var(--card-primary)}.price__sale{display:flex;align-items:center;gap:8px}.price-item--regular{font-size:14px;color:var(--card-gray);text-decoration:line-through}.price-item--sale{font-size:18px;font-weight:700;color:var(--card-primary)}.price__discount{font-size:12px;font-weight:600;color:var(--card-primary);background:#ffeaea;padding:2px 8px;border-radius:4px}.card-information>.rating{margin:8px 0 12px;display:flex;align-items:center;gap:6px}.rating .rating__stars{color:#ffce00;letter-spacing:-1px}.rating .rating__count{font-size:12px;color:var(--card-gray)}.card__cta{margin-top:auto;padding-top:1rem;border-top:1px solid var(--card-border)}.card__quick-add{width:100%;padding:12px;background:linear-gradient(135deg,var(--card-primary),var(--card-primary-hover));color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:var(--card-transition);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #ff3e3e4d;position:relative;overflow:hidden}.card__quick-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff3e3e66;background:linear-gradient(135deg,var(--card-primary-hover),#ff0000)}.card__quick-add:active{transform:translateY(0)}.card__quick-view-overlay{position:absolute;bottom:0;left:0;right:0;background:#000000d9;color:#fff;padding:12px;text-align:center;transform:translateY(100%);transition:var(--card-transition);z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card:hover .card__quick-view-overlay{transform:translateY(0)}.card__quick-view-btn{background:#fff0;border:2px solid #fff;color:#fff;padding:8px 20px;border-radius:25px;cursor:pointer;font-weight:600;font-size:14px;transition:var(--card-transition);width:100%}.card__quick-view-btn:hover{background:#fff;color:var(--card-dark)}.card__variants{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap}.card__variant{width:28px;height:28px;border-radius:8px;border:2px solid #fff;cursor:pointer;background-size:cover;background-position:center;transition:var(--card-transition);box-shadow:0 2px 4px #0000001a}.card__variant.active{border-color:var(--card-primary);box-shadow:0 0 0 2px var(--card-primary);transform:scale(1.05)}.card__stock{font-size:12px;margin:8px 0;display:flex;align-items:center;gap:6px}.card__stock.in-stock{color:var(--card-secondary)}.card__stock.low-stock{color:#f80}.card__stock.out-of-stock{color:#f44}.card__stock:before{content:"\2022";font-weight:700}.card__countdown{background:#ff3e3ef2;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;text-align:center;margin:12px 0;animation:pulseRed 2s infinite}@keyframes pulseRed{0%,to{opacity:1}50%{opacity:.8}}.card__countdown-timer{display:flex;justify-content:center;gap:8px;margin-top:4px;font-family:monospace}.card__free-shipping{display:inline-block;background:linear-gradient(135deg,var(--card-secondary),#5ff56f);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;margin:8px 0}@media screen and (max-width:989px){.card{border-radius:14px}.card__heading{font-size:14px;height:38px}.price__regular,.price-item--sale{font-size:16px}.card__badge{font-size:11px;padding:5px 10px}.card__content{padding:1.2rem}.card--horizontal{gap:1rem;padding:.8rem}}@media screen and (max-width:749px){.card{border-radius:12px}.card__heading{font-size:13px;height:36px}.price__regular,.price-item--sale{font-size:15px}.card__badge{top:8px;left:8px;font-size:10px;padding:4px 8px}.card__content{padding:1rem}.card__quick-add{padding:10px;font-size:13px}.card__wishlist{width:36px;height:36px;opacity:1}.card--horizontal{flex-direction:column;gap:.8rem;padding:.8rem}.card--horizontal .card__media{width:100%}}@media screen and (max-width:480px){.card__heading{font-size:12px;height:34px}.price__regular,.price-item--sale{font-size:14px}.card__quick-add{padding:8px;font-size:12px}.card__variants{gap:4px}.card__variant{width:24px;height:24px}}@media (prefers-color-scheme:dark){.card{background:#2d2d2d;box-shadow:0 8px 30px #0000004d}.card__heading{color:#fff}.card__media{background:#333}.card__cta{border-top-color:#444}.card__wishlist{background:#444;color:#fff}}@media (prefers-reduced-motion:reduce){.card-wrapper,.card,.card__media .media img,.card__badge,.card__quick-add,.card__quick-view-overlay{transition:none!important;animation:none!important;transform:none!important}}@media (prefers-contrast:high){.card,.card__badge{border:2px solid #000}}@media print{.card{box-shadow:none;border:1px solid #ccc}.card__quick-add,.card__wishlist,.card__quick-view-overlay{display:none}}.card-wrapper{animation:cardFadeIn .6s ease forwards;opacity:0}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid__item:nth-child(1) .card-wrapper{animation-delay:.1s}.grid__item:nth-child(2) .card-wrapper{animation-delay:.2s}.grid__item:nth-child(3) .card-wrapper{animation-delay:.3s}.grid__item:nth-child(4) .card-wrapper{animation-delay:.4s}.card__quick-add,.card__variant,.card__wishlist{min-height:44px;touch-action:manipulation}.card__heading a:focus-visible,.card__quick-add:focus-visible,.card__variant:focus-visible{outline:3px solid var(--card-primary);outline-offset:2px;border-radius:4px}.card--loading .card__media,.card--loading .card__heading,.card--loading .price{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.card--loading .card__heading{height:20px;width:80%}.card--loading .price{height:24px;width:60%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.card--sold-out{opacity:.7;position:relative}.card--sold-out:after{content:"\c9PUIS\c9";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;font-size:16px;z-index:10;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-card.css.map */
