.hero-banner-section{position:relative;background:linear-gradient(135deg,#f8f9fa,#ffffff);overflow:hidden;max-height:470px}.hero-banner-section.mobile-view{padding:0;background:none;max-height:600px}.mobile-bg-container{z-index:1}.current-bg-image,.mobile-bg-container,.next-bg-image{position:absolute;top:0;left:0;width:100%;height:100%}.mobile-bg-image{object-fit:cover;object-position:center}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}.hero-banner-section.mobile-view .container{position:relative;z-index:2}.hero-banner-section.mobile-view .hero-content-container{padding:3rem 1rem;background:rgba(255,255,255,.8);margin:1rem;box-shadow:0 10px 30px rgba(0,0,0,.1)}.hero-banner-section.mobile-view .feature-item,.hero-banner-section.mobile-view .product-description,.hero-banner-section.mobile-view .product-meta,.hero-banner-section.mobile-view .product-title{color:#333!important}.hero-banner-section.mobile-view .category-badge span{background:rgba(102,126,234,.9)}.hero-banner-section.mobile-view .btn{background:rgba(102,126,234,.9);border-color:rgba(102,126,234,.9)}.hero-banner-section.mobile-view .btn-outline-secondary{background:transparent;border-color:rgba(102,126,234,.9);color:rgba(102,126,234,.9)}.hero-banner-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;max-height:450px}.hero-image-container{position:relative;height:100%;max-height:450px;overflow:hidden}.image-wrapper{position:relative;width:100%;height:100%}.current-image,.next-image{position:absolute;top:0;left:0;width:100%;height:100%}.image-inner{position:relative;width:100%;height:100%}.product-image{object-fit:cover;object-position:center;border-radius:0!important}.discount-badge{position:absolute;top:20px;right:20px;background:#ff4757;color:white;padding:8px 15px;border-radius:25px;font-weight:600;font-size:.9rem;z-index:10;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.9);border:none;color:#333;font-size:1.2rem;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.1)}.nav-arrow:hover{background:#333;color:white;transform:translateY(-50%) scale(1.1)}.prev-arrow{left:20px}.next-arrow{right:20px}.hero-content-container{position:relative;padding-left:2rem}.content-wrapper{position:relative;height:100%;height:350px}.content-wrapper,.current-content,.next-content{display:flex;flex-direction:column;justify-content:center}.current-content,.next-content{position:absolute;top:0;left:0;width:100%;height:100%}.category-badge{margin-bottom:1.5rem}.category-badge span{display:inline-block;background:#667eea;color:white;padding:6px 15px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.product-title{font-size:3rem;font-weight:600;line-height:1.2;margin-bottom:1rem;color:#333}.product-title a{color:inherit;text-decoration:none;transition:color .3s ease}.product-title a:hover{color:#fabe32}.dealer-code{font-size:2.8rem;font-weight:600;line-height:1.2;color:#333}.product-meta{display:flex;gap:1rem;margin-bottom:.5rem;color:#666;font-size:.95rem}.product-description{margin-bottom:2rem;line-height:1.6;color:#555}.product-description p{margin:0;color:#555}.price-section{margin-bottom:2rem}.original-price{font-size:18px;color:#999!important;margin-bottom:.5rem}.original-price del{color:#999!important;font-weight:500}.discount-price,.regular-price{font-size:16px;font-weight:600;color:#333;display:flex;align-items:baseline}.price-amount{font-size:22px}.currency{font-size:20px;margin-left:5px}.currency,.discount-price .price-amount{color:#383838}.cta-buttons{display:flex;gap:1rem;margin-bottom:2rem}.btn{padding:12px 30px;border-radius:25px;font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.btn-primary{background:#667eea;color:white;border-color:#667eea}.btn-primary:hover{background:#5a67d8;border-color:#5a67d8;transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.btn-outline-secondary{background:transparent;color:#667eea;border-color:#667eea}.btn-outline-secondary:hover{background:#667eea;color:white;transform:translateY(-2px)}.features-list{display:flex;flex-direction:column;gap:.8rem}.feature-item{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.95rem}.feature-item i{color:#28a745}.dots-indicator{display:flex;gap:10px;margin-top:2rem;justify-content:center}.dot{width:12px;height:12px;border-radius:50%;border:none;background:#ddd;cursor:pointer;transition:all .3s ease;padding:0}.dot.active{background:#667eea;transform:scale(1.3)}.dot:hover:not(.active){background:#aaa}.direct-fade-out{animation:directFadeOut .8s ease forwards}.direct-fade-in{animation:directFadeIn .8s ease forwards}@keyframes directFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}@keyframes directFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.bg-fade-out{animation:bgFadeOut .8s ease forwards}.bg-fade-in{animation:bgFadeIn .8s ease forwards}@keyframes bgFadeOut{0%{opacity:1}to{opacity:0}}@keyframes bgFadeIn{0%{opacity:0}to{opacity:1}}.slide-up-out{animation:slideUpOut .8s ease forwards}.slide-down-out{animation:slideDownOut .8s ease forwards}.slide-up-in{animation:slideUpIn .8s ease forwards}.slide-down-in{animation:slideDownIn .8s ease forwards}@keyframes slideUpOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}@keyframes slideDownOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes slideUpIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.hero-banner-empty{max-height:500px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:20px}.placeholder-image{width:100%;height:400px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:15px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1200px){.hero-banner-wrapper{gap:2rem}.product-title{font-size:2.2rem}.discount-price,.regular-price{font-size:2rem}.price-amount{font-size:2.5rem}}@media (max-width:992px){.hero-banner-wrapper{grid-template-columns:1fr;gap:0}.hero-image-container{display:none}.hero-content-container{padding-left:0;max-height:500px;display:flex;flex-direction:column;justify-content:center}.content-wrapper{min-height:auto}.product-title{font-size:2rem}}@media (max-width:768px){.hero-banner-section.mobile-view{max-height:500px}.hero-banner-section.mobile-view .hero-content-container{padding:2rem 1rem;margin:0}.product-title{font-size:1.8rem}.dealer-code{font-size:1.4rem}.discount-price,.regular-price{font-size:1.8rem}.price-amount{font-size:2rem}.cta-buttons{flex-direction:column}.btn{width:100%}.nav-arrow{width:40px;height:40px;font-size:1rem}}@media (max-width:480px){.hero-banner-section.mobile-view{max-height:400px}.dealer-code,.product-title{font-size:22px}.discount-price,.regular-price{font-size:1.6rem}.price-amount{font-size:1.8rem}.product-meta{flex-direction:column;gap:.5rem}}.model-code,.product-meta .category{color:#6d6c6c;font-size:17px;font-weight:500}