.product-discount-cards{margin:1.6rem 0;width:100%;position:relative}.discount-cards-container{display:flex;gap:1rem;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-top:10px;margin:-10px 0}.discount-cards-container::-webkit-scrollbar{display:none}.discount-card{position:relative;background:#fff;border:1px solid rgba(var(--color-foreground),.1);border-radius:1.2rem;padding:1.2rem;min-width:200px;max-width:200px;flex-shrink:0;overflow:visible;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 20px #00000014;margin:10px 0}.discount-cards-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid rgba(var(--color-foreground),.2);color:rgb(var(--color-foreground));cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;opacity:0;pointer-events:none;visibility:hidden}.discount-cards-scroll-btn.visible{visibility:visible}.product-discount-cards:hover .discount-cards-scroll-btn.visible{opacity:1;pointer-events:all}.discount-cards-scroll-btn:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background));box-shadow:0 4px 12px #00000026;transform:translateY(-50%) scale(1.1)}.discount-cards-scroll-btn:active{transform:translateY(-50%) scale(.95)}.discount-cards-scroll-btn--prev{left:0}.discount-cards-scroll-btn--next{right:0}.discount-cards-scroll-btn svg{width:20px;height:20px}.discount-cards-scroll-btn.disabled{opacity:0;visibility:hidden;cursor:not-allowed;pointer-events:none}.discount-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s;z-index:0;pointer-events:none}.discount-card:hover:before{left:100%}.discount-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.discount-card__shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:0;overflow:visible}.discount-card:hover .discount-card__shine{opacity:1;animation:shine 1.5s ease-in-out}@keyframes shine{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.discount-card__content{display:flex;flex-direction:column;gap:.5rem}.discount-card__title{font-size:1.2rem;font-weight:600;color:rgb(var(--color-foreground));margin:0;line-height:1.3;transition:color .3s}.discount-card__subtitle{font-size:1.2rem;color:rgba(var(--color-foreground),.7);margin:0;line-height:1.4}.discount-card__code-wrapper{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem .875rem .75rem .75rem;background:rgba(var(--color-foreground),.05);border-radius:8px;border:1px solid rgba(var(--color-foreground),.1);transition:all .3s;overflow:hidden;position:relative}.discount-card__code{font-family:Courier New,monospace;font-size:1.2rem;font-weight:600;color:rgb(var(--color-foreground));letter-spacing:.5px;flex:1;-webkit-user-select:all;user-select:all}.discount-card__copy-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:linear-gradient(var(--gradient-direction, 135deg),var(--icon-gradient-color-1, #2c3e50) 0%,var(--icon-gradient-color-2, #34495e) 50%,var(--icon-gradient-color-3, #7f8c8d) 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:32px;min-height:32px;flex-shrink:0;z-index:1;opacity:var(--gradient-opacity, 1)}.discount-card__copy-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s,height .4s}.discount-card__copy-btn:hover:before{width:200%;height:200%}.discount-card__copy-btn:hover{background:linear-gradient(var(--gradient-direction, 135deg),var(--icon-gradient-color-2, #34495e) 0%,var(--icon-gradient-color-3, #7f8c8d) 50%,var(--icon-gradient-color-1, #2c3e50) 100%);transform:scale(1.05);box-shadow:0 4px 12px #2c3e504d;transform-origin:center}.discount-card__copy-btn:active{transform:scale(.98)}.discount-card__copy-btn.copied{background:linear-gradient(var(--gradient-direction, 135deg),var(--icon-gradient-color-3, #7f8c8d) 0%,var(--icon-gradient-color-1, #2c3e50) 50%,var(--icon-gradient-color-2, #34495e) 100%);animation:pulse .4s ease-out}.discount-card__copy-btn.copied .copy-icon{display:none}.discount-card__copy-btn.copied .check-icon{display:block}.discount-card__copy-btn .copy-icon,.discount-card__copy-btn .check-icon{width:16px;height:16px;flex-shrink:0;transition:transform .3s}.discount-card__copy-btn .check-icon{display:none}.discount-card__copy-btn.copied .check-icon{animation:checkmark .4s ease-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@media screen and (max-width:749px){.discount-cards-container{gap:.75rem;padding:0rem}.discount-card{padding:1rem;min-width:180px;max-width:180px}.discount-cards-scroll-btn{width:32px;height:32px}.discount-cards-scroll-btn svg{width:16px;height:16px}.discount-card__title,.discount-card__subtitle,.discount-card__code{font-size:1.2rem}.discount-card__copy-btn{padding:.375rem;min-width:28px;min-height:28px}.discount-card__copy-btn .copy-icon,.discount-card__copy-btn .check-icon{width:14px;height:14px}}@media screen and (min-width:750px)and (max-width:989px){.discount-card{min-width:200px;max-width:200px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.discount-card{animation:slideInUp .5s ease-out backwards}.discount-card:nth-child(1){animation-delay:.1s}.discount-card:nth-child(2){animation-delay:.2s}.discount-card:nth-child(3){animation-delay:.3s}.discount-card:nth-child(4){animation-delay:.4s}.discount-card:nth-child(n+5){animation-delay:.5s}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-product-discount-cards.css.map */