.banner-carousel{contain:content;width:90vw;height:20vh;min-height:300px;max-height:370px;font-family:var(--font-family-sans);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);margin:var(--space-8)auto;background:var(--color-bg-card);position:relative;top:110px;overflow:hidden}.carousel-container{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.slides-wrapper{transition:transform var(--transition-slow)cubic-bezier(.4,0,.2,1);width:100%;height:100%;display:flex}.slide{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:0 0 100%;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.slide-overlay{z-index:var(--z-base);background:linear-gradient(135deg,#0009 0%,#0003 100%);position:absolute;inset:0}.slide-content{z-index:var(--z-sticky);text-align:center;color:var(--color-text-inverse);max-width:800px;padding:var(--space-8);animation:slideUp var(--transition-slow)ease-out .3s both;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:0 var(--space-8);background:#0006;border:1px solid #ffffff1a;position:relative}.slide-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);text-shadow:2px 2px 8px #00000080;letter-spacing:.5px}.slide-description{font-size:var(--text-xl);margin-bottom:var(--space-4);font-weight:var(--font-normal);line-height:var(--line-height-relaxed);text-shadow:1px 1px 4px #00000080;color:#fffffff2;max-width:600px}.slide-button{padding:var(--space-4)var(--space-6);font-size:var(--text-lg);font-weight:var(--font-semibold);border-radius:var(--radius-full);color:var(--color-text-inverse);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px;background-color:var(--color-primary);border:2px solid #0000;min-width:180px}.slide-button:hover{box-shadow:var(--shadow-lg);background-color:var(--color-primary-hover);transform:translateY(-3px)}.slide-button:active{transform:translateY(-1px)}.slide-content:has(.slide-title):not(:has(.slide-description)):not(:has(.slide-button)){padding:var(--space-4)var(--space-6)}.slide-content:has(.slide-description):not(:has(.slide-title)):not(:has(.slide-button)){padding:var(--space-4)var(--space-6)}.slide-content:has(.slide-button):not(:has(.slide-title)):not(:has(.slide-description)){padding:var(--space-4);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none}.nav-button{border-radius:var(--radius-full);cursor:pointer;width:50px;height:50px;z-index:var(--z-fixed);transition:all var(--transition-base);opacity:.7;background-color:#00000080;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-button:hover{opacity:1;background-color:#000c;transform:translateY(-50%)scale(1.1)}.nav-button:focus-visible{outline:2px solid var(--color-text-inverse);outline-offset:2px}.prev-button{left:var(--space-4)}.next-button{right:var(--space-4)}.indicators{bottom:var(--space-4);justify-content:center;gap:var(--space-2);z-index:var(--z-fixed);display:flex;position:absolute;left:0;right:0}.indicator{border-radius:var(--radius-full);border:2px solid var(--color-text-inverse);cursor:pointer;width:12px;height:12px;transition:all var(--transition-base);background-color:#0000;padding:0}.indicator:hover{background-color:#ffffff80;transform:scale(1.2)}.indicator.active{background-color:#ffffff9d;transform:scale(1.2)}.indicator:focus-visible{outline:2px solid var(--color-text-inverse);outline-offset:2px}.carousel-controls{top:var(--space-4);right:var(--space-4);align-items:center;gap:var(--space-4);z-index:var(--z-fixed);display:flex;position:absolute}.control-button{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-inverse);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-base);background-color:#0009;border:none;justify-content:center;align-items:center;display:flex}.control-button:hover{background-color:#000000e6;transform:scale(1.1)}.control-button:focus-visible{outline:2px solid var(--color-text-inverse);outline-offset:2px}.slide-counter{color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);background-color:#0009}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.banner-carousel{width:95vw;height:25vh;min-height:170px;max-height:270px;margin:var(--space-4)auto;top:110px}.slide-title{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.slide-description{font-size:var(--text-lg);margin-bottom:var(--space-4)}.slide-content{margin:0 var(--space-4);padding:var(--space-4);border-radius:var(--radius-md)}.slide-button{padding:var(--space-2)var(--space-4);font-size:var(--text-base);min-width:150px}.nav-button{width:40px;height:40px}.prev-button{left:var(--space-4)}.next-button{right:var(--space-4)}.indicators{bottom:var(--space-4);gap:var(--space-1)}.indicator{width:10px;height:10px}.carousel-controls{top:var(--space-4);right:var(--space-4)}}@media (max-width:860px){.banner-carousel{top:110px}}@media (max-width:768px){.banner-carousel{border-radius:var(--radius-lg);width:95vw;height:20vh;min-height:150px;max-height:200px;margin:var(--space-4)auto;top:110px}.slide-title{font-size:var(--text-xl);margin-bottom:var(--space-1)}.slide-description{font-size:var(--text-base);margin-bottom:var(--space-2)}.slide-content{margin:0 var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm)}.slide-button{padding:var(--space-1)var(--space-4);font-size:var(--text-sm);min-width:120px}.nav-button{width:36px;height:36px}.prev-button{left:var(--space-2)}.next-button{right:var(--space-2)}.control-button{width:32px;height:32px;font-size:var(--text-base)}.slide-counter{font-size:var(--text-xs);padding:calc(var(--space-1)*.75)var(--space-1)}}@media (max-width:576px){.banner-carousel{border-radius:var(--radius-md);width:95vw;height:15vh;min-height:100px;max-height:170px;margin:var(--space-2)auto;top:100px}.slide-title{font-size:var(--text-lg);margin-bottom:var(--space-1)}.slide-description{font-size:var(--text-sm);margin-bottom:var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.slide-content{margin:0 var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);max-width:90%}.slide-button{padding:calc(var(--space-1)*.75)var(--space-2);font-size:var(--text-xs);min-width:100px}.nav-button{width:30px;height:30px}.nav-button svg{width:18px;height:18px}.prev-button{left:var(--space-1)}.next-button{right:var(--space-1)}.indicators{bottom:var(--space-2)}.indicator{border-width:1px;width:8px;height:8px}.carousel-controls{top:var(--space-2);right:var(--space-2);gap:var(--space-1)}.control-button{width:28px;height:28px;font-size:var(--text-sm)}.slide-counter{font-size:var(--text-xs);padding:calc(var(--space-1)*.5)var(--space-1)}}@media (max-width:400px){.banner-carousel{width:95vw;height:15vh;min-height:100px;max-height:170px}.slide-title{font-size:var(--text-base)}.slide-description{font-size:var(--text-xs);-webkit-line-clamp:2}.slide-content{margin:0 var(--space-1);padding:var(--space-1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.slide-button{padding:calc(var(--space-1)*.5)var(--space-1);font-size:var(--text-xs);min-width:80px}.nav-button{opacity:.5;width:26px;height:26px}.nav-button:hover{opacity:.8}.indicators{bottom:var(--space-1)}.carousel-controls{top:var(--space-1);right:var(--space-1)}}@media (max-height:500px) and (orientation:landscape){.banner-carousel{height:70vh;min-height:300px}.slide-content{padding:var(--space-2)}.slide-title{font-size:var(--text-xl)}.slide-description{font-size:var(--text-sm);-webkit-line-clamp:1}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.slide-overlay{background:linear-gradient(135deg,#000000b3 0%,#0000004d 100%)}.slide-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media (prefers-reduced-motion:reduce){.slides-wrapper,.slide-button,.nav-button,.indicator,.control-button{transition:none}.slide-button:hover,.nav-button:hover,.indicator:hover,.control-button:hover{transform:none}@keyframes slideUp{0%{opacity:0}to{opacity:1}}}
.enhanced-horizontal-ad{cursor:pointer;border-radius:16px;margin:1rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out slideIn;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000001a}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.enhanced-horizontal-ad:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000026}.ad-progress-bar{z-index:10;background:#fff3;height:3px;position:absolute;top:0;left:0;right:0}.ad-progress-fill{border-radius:2px;height:100%;transition:width .1s linear}.ad-container{z-index:2;align-items:center;gap:2rem;padding:1.5rem 2rem;display:flex;position:relative}.ad-visual{flex-shrink:0;position:relative}.ad-icon{filter:drop-shadow(0 4px 8px #0003);font-size:3.5rem;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ad-discount-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;color:#fff;background:#000c;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.ad-content{flex:1}.ad-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.ad-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.5px;text-transform:uppercase;background:#ffffff4d;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:700}.ad-title{letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:800}.ad-description{opacity:.9;margin:.5rem 0 1rem;font-size:.95rem;line-height:1.4}.ad-cta-button{cursor:pointer;background:#fff;border:none;border-radius:40px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #0000001a}.ad-cta-button:hover{transform:translate(5px);box-shadow:0 4px 12px #00000026}.button-icon{width:18px;height:18px;transition:transform .3s}.ad-cta-button:hover .button-icon{transform:translate(3px)}.ad-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;flex-shrink:0;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.stat-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stat-value{font-size:1rem;font-weight:800}.stat-label{opacity:.8;font-size:.7rem}.stat-divider{background:#ffffff4d;width:1px;height:30px}.ad-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:5;opacity:0;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:opacity .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.enhanced-horizontal-ad:hover .ad-nav{opacity:1}.ad-nav:hover{background:#ffffff4d;transform:translateY(-50%)scale(1.1)}.ad-nav-prev{left:10px}.ad-nav-next{right:10px}.ad-dots{z-index:5;gap:8px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.ad-dot{cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.ad-dot.active{border-radius:4px;width:24px}.ad-close-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:10;background:#0003;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;transition:all .3s;display:flex;position:absolute;top:12px;right:12px}.ad-close-button:hover{background:#0006;transform:scale(1.1)}@media (max-width:1024px){.ad-stats{display:none}.ad-container{gap:1.5rem}}@media (max-width:768px){.ad-container{text-align:center;flex-direction:column;padding:1.5rem}.ad-visual{margin-bottom:.5rem}.ad-icon{font-size:2.5rem}.ad-header{justify-content:center}.ad-title{font-size:1.25rem}.ad-description{font-size:.9rem}.ad-nav{width:30px;height:30px;font-size:20px}.ad-nav-prev{left:5px}.ad-nav-next{right:5px}}@media (max-width:480px){.ad-container{padding:1rem}.ad-title{font-size:1.1rem}.ad-cta-button{padding:.6rem 1.2rem;font-size:.85rem}.ad-badge{padding:3px 8px;font-size:.65rem}}@media (prefers-reduced-motion:reduce){.enhanced-horizontal-ad,.ad-icon,.ad-cta-button,.ad-nav{transition:none;animation:none}.ad-icon{animation:none}}