.black-november-banner{position:relative;width:100%;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#000,#1a1a1a)}.black-november-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:200px;background:linear-gradient(to bottom,#000000 0%,rgba(0,0,0,.8) 30%,transparent 100%);z-index:2;pointer-events:none}.black-november-banner__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.black-november-banner__image{width:100%;height:100%;object-fit:cover}.black-november-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000,#1a1a1a);z-index:2}.black-november-banner__content{position:relative;z-index:3;text-align:center;padding:60px 20px}.black-november-banner__wrapper{max-width:900px;margin:0 auto}.black-november-banner__label{display:inline-block;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.black-november-banner__label-text{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,gold,orange);color:#000;font-size:14px;font-weight:900;letter-spacing:3px;text-transform:uppercase;border-radius:30px;box-shadow:0 4px 20px #ffd70066}.black-november-banner__heading{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;color:#fff;line-height:1.1;margin:0 0 30px;text-transform:uppercase;letter-spacing:-2px;text-shadow:0 4px 30px rgba(255,215,0,.3);animation:slideInDown 1s ease-out}.black-november-banner__discount{display:flex;align-items:center;justify-content:center;gap:15px;margin:30px 0;animation:zoomIn 1s ease-out .3s both}.black-november-banner__discount-text{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px}.black-november-banner__discount-percentage{font-size:clamp(4rem,12vw,8rem);font-weight:900;color:gold;line-height:1;text-shadow:0 0 30px rgba(255,215,0,.6);animation:glow 2s ease-in-out infinite}.black-november-banner__discount-off{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px}.black-november-banner__subheading{font-size:clamp(1rem,2vw,1.3rem);color:#ccc;margin:20px 0 40px;line-height:1.6;animation:fadeIn 1s ease-out .6s both}.black-november-banner__button-wrapper{margin:40px 0;animation:fadeIn 1s ease-out .9s both}.black-november-banner__button{display:inline-block;padding:20px 60px;background:linear-gradient(135deg,gold,orange);color:#000;font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:2px;text-decoration:none;border-radius:50px;box-shadow:0 8px 30px #ffd70066;transition:all .3s ease;position:relative;overflow:hidden}.black-november-banner__button: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 ease}.black-november-banner__button:hover:before{left:100%}.black-november-banner__button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px #ffd70099}.black-november-banner__countdown{margin-top:40px;animation:fadeIn 1s ease-out 1.2s both}.countdown-timer{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.countdown-item{display:flex;flex-direction:column;align-items:center;padding:15px 20px;background:#ffffff0d;border:2px solid #FFD700;border-radius:12px;min-width:80px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.countdown-value{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:gold;line-height:1;text-shadow:0 0 20px rgba(255,215,0,.5)}.countdown-label{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-top:8px}.countdown-separator{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:gold;padding:0 5px}.countdown-ended{font-size:2rem;font-weight:900;color:#f44;text-transform:uppercase}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{text-shadow:0 0 30px rgba(255,215,0,.6),0 0 60px rgba(255,215,0,.4)}50%{text-shadow:0 0 40px rgba(255,215,0,.8),0 0 80px rgba(255,215,0,.6)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 749px){.black-november-banner{min-height:500px}.black-november-banner__content{padding:40px 15px}.black-november-banner__discount{flex-direction:column;gap:10px}.countdown-item{min-width:70px;padding:12px 15px}.black-november-banner__button{padding:16px 40px;font-size:16px}}@media screen and (max-width: 480px){.countdown-timer{gap:5px}.countdown-item{min-width:60px;padding:10px 12px}.countdown-separator{display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/black-november-banner.css.map */