:root{--card-color: #0F0F0E52;--card-text-color: #FFFFFF;--card-button-color: #FC399A}.card-wrapper{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;width:calc(20% - 20px);min-width:250px;min-height:400px;overflow:clip}.card-wrapper:has(.disabled){filter:grayscale(100%)}.card-wrapper.expired{filter:grayscale(100%) saturate(0%);opacity:.7;pointer-events:none}.card-wrapper.expired .card-button-container{display:none}.card-wrapper.expired .card-item-open{position:relative}.card-wrapper.expired .card-item-open:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:5px;z-index:1;pointer-events:none}.card-wrapper.expired .card-name,.card-wrapper.expired .card-price,.card-wrapper.expired .card-compare-price{filter:blur(1px);opacity:.6}.card-wrapper.expired .card-image{filter:blur(1.5px);opacity:.5}.card-wrapper.expired .card-button-container{background-color:#666!important;cursor:not-allowed!important;filter:none;position:relative;z-index:2}.card-wrapper.expired .card-button-container:hover{background-color:#666!important}.card-wrapper.expired .card-item-open:after{content:"EXPIRADO";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);background:#ff0000e6;color:#fff;padding:8px 20px;font-weight:700;font-size:14px;border-radius:5px;z-index:3;pointer-events:none;box-shadow:0 2px 10px #0000004d}.card-button-container.disabled{pointer-events:none}.card-item-open{background-color:var(--card-color);border-radius:5px;padding:20px;box-shadow:0 8px 16px #00000040;color:var(--card-text-color);display:flex;flex-direction:column;position:relative;width:100%;height:100%}.card-placeholder{display:flex;align-items:center;justify-content:center;height:100%;opacity:.5}.card-placeholder-content{text-align:center;color:var(--card-text-color);font-size:14px}.card-information{display:flex;flex-direction:column;justify-content:space-between;height:100%}.card-image{background-color:var(--card-text-color);border-radius:5px;margin-bottom:20px;padding:15px;display:flex;justify-content:center;align-items:center}.card-image img{max-width:100%;height:auto;object-fit:contain}.card-name{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--card-text-color);overflow:hidden;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical}.card-pricing{display:flex;flex-direction:column;gap:4px;margin:0 0 16px}.card-compare-price{color:#ccc;text-decoration:line-through;font-size:14px;margin:0}.card-price{font-weight:700;font-size:16px;margin:0;color:var(--card-text-color)}.card-button-container{background-color:var(--card-button-color);color:var(--card-text-color);padding:10px;border-radius:5px;justify-content:center;display:flex;gap:3px}.card-button-container svg{width:1.5rem;height:1.5rem}.card-item-close{background-color:var(--card-color);border-radius:5px;padding:20px;box-shadow:0 8px 16px #00000040;color:var(--card-text-color);display:flex;flex-direction:column;position:relative;width:100%;height:100%}.card-background-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20rem}.card-background-svg img{width:100%;height:auto}.card-day{font-size:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:bolder}.icon-clock,.icon-lock{width:1.5rem;height:1.5rem}.card-status{position:absolute;top:95%;left:50%;transform:translate(-50%,-50%)}.card-timer{text-align:center;background-color:#6b359a;width:100%;position:absolute;top:5%;left:50%;transform:translate(-50%,-50%);padding:10px;height:40px;border-radius:6px;display:flex;align-items:center;gap:2px;justify-content:center}.countdown-display{font-size:16px;font-weight:400}@media (max-width: 767px){.card-wrapper{width:20%;min-width:160px;min-height:270px}.cards-grid{gap:10px}.card-timer{top:7%}.card-background-svg{width:16rem}.card-day{font-size:50px}.card-wrapper.expired .card-item-open:after{font-size:12px;padding:6px 15px;transform:translate(-50%,-50%) rotate(-15deg)}.card-wrapper.expired .card-item-open:before{backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/black-friday-card.css.map */