*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--bg-light);color:var(--text);line-height:1.6;overflow-x:hidden}.hero-slider{position:relative;width:100%;height:85vh;overflow:hidden;margin:0 auto}.slides{display:flex;width:100%;height:100%;position:relative}.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out}.slide.active{opacity:1;animation:fadeIn 1s ease-in-out}.slide img{width:100%;height:100%;object-fit:cover;object-position:center center}.slide-content{position:absolute;bottom:20%;left:10%;color:#fff;max-width:500px;background-color:#0009;padding:2rem;border-radius:10px;transform:translateY(20px);opacity:0;transition:all .5s ease .3s}.slide.active .slide-content{transform:translateY(0);opacity:1}.slide-content h2{font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.slide-content p{font-size:1.2rem;margin-bottom:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.btn{display:inline-block;background-color:var(--accent);color:#fff;padding:8px 20px;border-radius:30px;text-decoration:none;font-weight:600;transition:var(--transition);font-size:18px;border:none;cursor:pointer;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none}.btn:hover{background-color:#c0392b;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.slider-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:10}.slider-controls button{background-color:#ffffffb3;border:none;width:45px;height:45px;border-radius:50%;color:var(--dark);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.slider-controls button:hover{background-color:#fff;transform:scale(1.1)}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.slider-dot{width:12px;height:12px;border-radius:50%;background-color:#ffffff80;border:none;cursor:pointer;transition:var(--transition)}.slider-dot.active{background-color:#fff;transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.full-page-section{min-height:100vh;width:100%;position:relative;overflow:hidden}@media (max-width: 768px){.hero-slider{height:70vh}.slide-content{left:5%;right:5%;max-width:none;padding:1.5rem;bottom:15%}.slide-content h2{font-size:2rem}.slide-content p{font-size:1rem}}@media (max-width: 576px){.hero-slider{height:60vh}.slider-controls button{width:40px;height:40px}.slide-content{padding:1rem;bottom:10%}.slide-content h2{font-size:1.5rem}}.about-container{max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex;align-items:center;gap:3rem;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}.about-content{flex:1}.about-content h2{font-size:2.5rem;color:var(--primary);margin-bottom:1.5rem;position:relative}.about-content h2:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background-color:var(--accent)}.about-text p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8;color:var(--text);opacity:0;transform:translate(-20px);animation:fadeInLeft .8s ease forwards;animation-delay:.3s}@keyframes fadeInLeft{to{opacity:1;transform:translate(0)}}.about-text p:nth-child(2){animation-delay:.5s}.about-text p:nth-child(3){animation-delay:.7s}.about-image{flex:1;border-radius:10px;overflow:hidden;box-shadow:var(--card-shadow);opacity:0;transform:translate(20px);animation:fadeInRight .8s ease forwards;animation-delay:.3s}@keyframes fadeInRight{to{opacity:1;transform:translate(0)}}.about-img{width:100%;height:auto;display:block;transition:var(--transition);opacity:0;transform:scale(.95);transition:opacity .6s ease,transform .6s ease}.about-img.loaded{opacity:1;transform:scale(1)}.about-image:hover .about-img{transform:scale(1.05)}@media (max-width: 992px){.about-container{flex-direction:column;padding:3rem 2rem}.about-content,.about-image{flex:none;width:100%}.about-image{margin-top:2rem;order:-1}}@media (max-width: 768px){.about-container{padding:3rem 1.5rem}.about-content h2{font-size:2rem}.about-text p{font-size:1rem}}@media (max-width: 576px){.about-container{padding:2rem 1rem}.about-content h2{font-size:1.8rem}.about-content h2:after{width:60px;height:3px}}:root{--primary: #2c3e50;--secondary: #7f8c8d;--accent: #e74c3c;--light: #ecf0f1;--dark: #2c3e50;--text: #333333;--text-light: #7f8c8d;--bg-light: #ffffff;--card-shadow: 0 4px 8px rgba(0, 0, 0, .1);--transition: all .3s ease;--success-bg: #d4edda;--success-text: #155724;--success-border: #c3e6cb;--error-bg: #f8d7da;--error-text: #721c24;--error-border: #f5c6cb}.contact-container{max-width:1200px;margin:0 auto;padding:4rem 2rem;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.contact-container h2{font-size:2.5rem;color:var(--primary);margin-bottom:2rem;text-align:center;position:relative}.contact-container h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--accent)}.contact-content{display:flex;gap:3rem;margin-top:2rem}.contact-info,.contact-form{flex:1;background-color:var(--light);padding:2rem;border-radius:10px;box-shadow:var(--card-shadow);opacity:0}.contact-info{animation:fadeInLeft .8s ease forwards;animation-delay:.3s}.contact-form{animation:fadeInRight .8s ease forwards;animation-delay:.5s}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.contact-info h3,.contact-form h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary)}.contact-info p{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.contact-info p:hover{color:var(--primary)}.contact-info i{color:var(--accent);width:20px;text-align:center}.social-links{display:flex;gap:1rem;margin-top:2rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:var(--transition);background-color:var(--bg-light)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2c3e5033}.btn{display:inline-block;background-color:var(--accent);color:#fff;padding:.8rem 1.5rem;border-radius:30px;text-decoration:none;font-weight:600;border:none;cursor:pointer;transition:var(--transition);width:100%}.btn:hover{background-color:#c0392b;transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.btn:disabled{background-color:var(--secondary);cursor:not-allowed;transform:none;box-shadow:none}.btn:disabled:hover{background-color:var(--secondary)}.alert{padding:1rem;margin-bottom:1.5rem;border-radius:5px;font-weight:500;text-align:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.alert-error{background-color:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.full-page-section{min-height:100vh;width:100%;position:relative;overflow:hidden;scroll-snap-align:start}@media (max-width: 992px){.contact-content{flex-direction:column}.contact-info,.contact-form{width:100%}.contact-container{padding:3rem 2rem}}@media (max-width: 768px){.contact-container{padding:3rem 1.5rem}.contact-container h2{font-size:2rem}.contact-info h3,.contact-form h3{font-size:1.3rem}.alert{padding:.8rem;font-size:.9rem}}@media (max-width: 576px){.contact-container{padding:2rem 1rem}.contact-container h2{font-size:1.8rem}.contact-container h2:after{width:60px;height:3px}.contact-info,.contact-form{padding:1.5rem}.social-links{justify-content:center}.alert{padding:.7rem;font-size:.85rem}}:root{--primary: #2c3e50;--primary-light: #3d566e;--secondary: #7f8c8d;--accent: #e74c3c;--light: #ecf0f1;--dark: #2c3e50;--text: #333333;--text-light: #7f8c8d;--bg-light: #ffffff;--bg-hover: #f8f9fa;--card-shadow: 0 4px 8px rgba(0, 0, 0, .1);--transition: all .3s ease}header{background-color:var(--bg-light);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000;padding:0 2rem}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;height:80px;position:relative}.logo-container{display:flex;align-items:center;z-index:1001}.logo{height:80px;width:auto;transition:var(--transition)}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;list-style:none;gap:1.5rem;margin-left:2rem;align-items:center;height:100%}.nav-links a{text-decoration:none;color:var(--text);font-weight:600;padding:.5rem 0;position:relative;transition:var(--transition);font-size:1.1rem;display:flex;align-items:center;white-space:nowrap;gap:.5rem}.nav-links a.active,.nav-links a:hover{color:var(--primary)}.nav-links a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--primary)}.dropdown{position:relative;height:100%;display:flex;align-items:center}.dropdown>a{display:flex;align-items:center;gap:.3rem;height:100%}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--bg-light);box-shadow:0 8px 16px #0000001a;border-radius:8px;min-width:220px;z-index:100;padding:.5rem 0;transform:translateY(10px);opacity:0;transition:all .3s ease}.dropdown-menu.show{display:block;opacity:1;transform:translateY(0)}.dropdown-menu li{padding:.3rem 0}.dropdown-menu li:hover{background-color:var(--bg-hover)}.dropdown-menu a{display:flex;align-items:center;gap:.8rem;padding:.6rem 1.5rem;color:var(--text);font-weight:500;font-size:1rem;white-space:nowrap}.dropdown-menu a:hover{color:var(--primary)}.dropdown-menu i{width:20px;text-align:center;color:var(--secondary)}.search-box-container{display:flex;align-items:center}.search-box{display:flex;height:38px;width:220px;position:relative}.search-box input{flex:1;border:1px solid #ddd;border-radius:25px 0 0 25px;padding:0 15px;outline:none;font-size:.85rem;background-color:#f5f5f5;transition:var(--transition)}.search-box button{width:38px;height:38px;background:var(--secondary);color:#fff;border:none;border-radius:0 25px 25px 0;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.search-box button:hover{background:var(--primary)}.search-box button i{font-size:.9rem}.mobile-controls{display:flex;align-items:center;gap:1rem}.hamburger{background:none;border:none;font-size:1.5rem;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;z-index:1001;transition:var(--transition)}.hamburger:hover{color:var(--primary)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-light);z-index:1000;transform:translate(-100%);transition:transform .3s ease;padding-top:100px;overflow-y:auto;display:flex;flex-direction:column}.mobile-menu.open{transform:translate(0)}.mobile-menu .nav-links{flex-direction:column;align-items:stretch;gap:0;padding:0 1.5rem 2rem}.mobile-menu .nav-links>li{border-bottom:1px solid rgba(0,0,0,.05)}.mobile-menu .nav-links a{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:1.1rem;transition:var(--transition)}.mobile-menu .nav-links a i{width:24px;text-align:center;color:var(--secondary)}.mobile-menu .nav-links a:hover{background-color:var(--bg-hover);color:var(--primary)}.mobile-menu .nav-links a:hover i{color:var(--primary)}.mobile-menu .search-box{display:flex;width:calc(100% - 3rem);margin:0 auto 1.5rem;height:45px}.mobile-menu .search-box input{font-size:1rem;padding:0 20px}.mobile-menu .search-box button{width:45px;height:45px}.dropdown-mobile{position:relative}.dropdown-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:1.1rem;color:var(--text);cursor:pointer;transition:var(--transition)}.dropdown-mobile-header.open{color:var(--primary);background-color:var(--bg-hover)}.dropdown-mobile-header span{display:flex;align-items:center;gap:1rem}.dropdown-mobile-header i{transition:transform .3s ease;color:var(--text-light);font-size:.9rem}.dropdown-mobile-header:hover{background-color:var(--bg-hover)}.dropdown-menu-mobile{background-color:#00000005;overflow:hidden;max-height:0;transition:max-height .4s ease;padding-left:2.5rem}.dropdown-menu-mobile.show{max-height:500px}.dropdown-menu-mobile li{border-bottom:none}.dropdown-menu-mobile a{display:flex;align-items:center;gap:1rem;padding:.8rem 1.5rem;font-size:1rem;color:var(--text-light);transition:var(--transition)}.dropdown-menu-mobile a i{font-size:.9rem;width:24px;text-align:center}.dropdown-menu-mobile a:hover{color:var(--primary);background-color:transparent}@media (max-width: 992px){.navbar{padding:0 1rem}.logo{height:60px}}@media (max-width: 768px){header{padding:0}.navbar{height:70px;padding:0 1rem}.nav-links:not(.mobile-menu .nav-links),.search-box-container:not(.mobile-search-container){display:none}.mobile-controls{display:flex}}@media (min-width: 769px){.mobile-controls,.mobile-menu{display:none}}.phone-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;position:relative}.phone-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.card-image{position:relative;height:250px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.phone-card:hover .card-image img{transform:scale(1.05)}.card-content{padding:1.5rem}.card-content h3{font-size:1.4rem;margin-bottom:.5rem;color:var(--primary)}.card-subtitle{color:var(--text-light);font-size:.9rem;margin-bottom:1rem;line-height:1.4}.card-price{font-size:1.8rem;font-weight:700;color:var(--accent);margin:1rem 0}.card-btn{width:100%;text-align:center;padding:.8rem;font-size:1rem;background-color:var(--primary);border:none;transition:var(--transition);color:#fff;text-decoration:none;display:block;border-radius:5px}.card-btn:hover{background-color:var(--accent);transform:none;box-shadow:0 5px 15px #e74c3c66}.card-badge{position:absolute;top:15px;right:15px;background-color:var(--accent);color:#fff;padding:.5rem 1.2rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;z-index:1}.card-badge-premium{background-color:#27ae60}.card-badge-hot{background-color:#e67e22}@media (max-width: 768px){.card-image{height:200px}.card-content h3{font-size:1.2rem}.card-price{font-size:1.5rem}}.phones-page{padding:2rem 0;background-color:#f9f9f9;min-height:100vh}.phones-hero{background:linear-gradient(135deg,#2c3e50,#4ca1af);color:#fff;padding:5rem 2rem;text-align:center;margin-bottom:2rem}.phones-hero .hero-content h1{font-size:3rem;margin-bottom:1rem;animation:fadeInDown 1s ease}.phones-hero .hero-content p{font-size:1.5rem;opacity:.9;animation:fadeInUp 1s ease .3s both}.phones-filter{background-color:#fff;padding:1.5rem;box-shadow:0 2px 15px #0000001a;margin-bottom:2rem;border-radius:8px;max-width:1200px;margin:0 auto 2rem}.phones-grid{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.phones-hero .hero-content h1{font-size:2.2rem}.phones-hero .hero-content p{font-size:1.2rem}.filter-container{flex-direction:column;align-items:stretch;gap:1rem}.filter-group{flex-direction:column;align-items:flex-start}.filter-group select{width:100%}.grid-container{grid-template-columns:1fr}.search-results-info{margin:1rem;padding:1rem}.search-results-info h2{font-size:1.2rem}}@media (max-width: 480px){.phones-hero{padding:3rem 1rem}.phones-hero .hero-content h1{font-size:1.8rem}.phones-hero .hero-content p{font-size:1rem}.search-results-info h2{font-size:1.1rem}}.phone-modal{position:relative;max-width:1200px;margin:2rem auto;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 30px #0000004d}.phone-modal .modal-body{display:flex;flex-direction:column}.modal-image-container{position:relative;height:350px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center;padding:2rem}.modal-badge{position:absolute;top:20px;right:20px;background-color:var(--accent);color:#fff;padding:.5rem 1.2rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase}.modal-badge.card-badge-premium{background-color:#27ae60}.modal-badge.card-badge-hot{background-color:#e67e22}.modal-features{margin:2rem 0}.modal-features h3{font-size:1.3rem;color:var(--primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.modal-features ul{list-style:none;columns:2;column-gap:2rem}.modal-features li{position:relative;padding:.5rem 0 .5rem 1.5rem;break-inside:avoid}.modal-features li:before{content:"✓";color:var(--accent);position:absolute;left:0;font-weight:700}@media (max-width: 768px){.phone-modal{margin:0;border-radius:0}.modal-image-container{height:250px}.modal-features ul{columns:1}.modal-specs{grid-template-columns:1fr}.modal-details{padding:1.5rem}.modal-details h2{font-size:1.5rem}.modal-price{font-size:1.8rem}}.charger-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:100%}.charger-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.card-image{position:relative;height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ed)}.card-image img{max-height:80%;max-width:80%;object-fit:contain;transition:transform .5s ease}.charger-card:hover .card-image img{transform:scale(1.05)}.connector-badge{position:absolute;top:12px;left:12px;background-color:#3498db;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;z-index:1}.card-specs{margin:.3rem 0;min-height:20px}.fast-charging{color:#27ae60;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:.3rem;margin:.2rem 0}.fast-charging i{font-size:.8rem}.card-price{font-size:1.4rem;font-weight:700;color:#e74c3c;margin:.5rem 0 .8rem}.card-btn{width:100%;text-align:center;padding:.7rem;font-size:.9rem;background-color:#2c3e50;border:none;transition:all .3s ease;color:#fff;text-decoration:none;display:block;border-radius:5px;margin-top:auto}@media (max-width: 768px){.card-image{height:150px}.card-content{padding:1rem}.card-content h3{font-size:1rem}.card-price{font-size:1.3rem}.card-btn{padding:.6rem;font-size:.85rem}}@media (max-width: 480px){.card-image{height:130px}.connector-badge{font-size:.7rem;padding:.2rem .6rem}.card-subtitle{font-size:.75rem}.fast-charging{font-size:.8rem}}:root{--primary: #2c3e50;--secondary: #7f8c8d;--accent: #e74c3c;--light: #ecf0f1;--dark: #2c3e50;--text: #333333;--text-light: #7f8c8d;--bg-light: #ffffff;--card-shadow: 0 4px 8px rgba(0, 0, 0, .1);--transition: all .3s ease}.chargers-page{padding:2rem 0;background-color:#f9f9f9;min-height:100vh}.chargers-hero{background:linear-gradient(135deg,#2c3e50,#4ca1af);color:#fff;padding:5rem 2rem;text-align:center;margin-bottom:2rem}.chargers-hero .hero-content h1{font-size:3rem;margin-bottom:1rem;animation:fadeInDown 1s ease}.chargers-hero .hero-content p{font-size:1.5rem;opacity:.9;animation:fadeInUp 1s ease .3s both}.clear-search-btn:hover{background:#c0392b;transform:translateY(-2px)}.chargers-filter{background-color:#fff;padding:1.5rem;box-shadow:0 2px 15px #0000001a;margin-bottom:2rem;border-radius:8px;max-width:1200px;margin:0 auto 2rem}.chargers-grid{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.chargers-hero .hero-content h1{font-size:2.2rem}.chargers-hero .hero-content p{font-size:1.2rem}.filter-container{flex-direction:column;align-items:stretch;gap:1rem}.filter-group{flex-direction:column;align-items:flex-start}.filter-group select{width:100%}.grid-container{grid-template-columns:1fr}.search-results-info{margin:1rem;padding:1rem}.search-results-info h2{font-size:1.2rem}}@media (max-width: 480px){.chargers-hero{padding:3rem 1rem}.chargers-hero .hero-content h1{font-size:1.8rem}.chargers-hero .hero-content p{font-size:1rem}.search-results-info h2{font-size:1.1rem}}.charger-modal{position:relative;max-width:1000px;margin:2rem auto;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 30px #0000004d}.charger-modal .modal-body{display:flex;flex-direction:column}.modal-image-container{position:relative;height:300px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center;padding:2rem}.connector-badge-large{position:absolute;top:20px;left:20px;background-color:#3498db;color:#fff;padding:.5rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;text-transform:uppercase;z-index:1}.modal-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin:2rem 0;padding:1.5rem;background-color:#f9f9f9;border-radius:8px}.modal-contact-btn{display:block;width:100%;max-width:300px;margin:0 auto;padding:1rem;font-size:1.1rem;background-color:var(--primary);color:#fff;text-align:center;text-decoration:none;border-radius:5px;transition:var(--transition)}.modal-contact-btn:hover{background-color:var(--accent)}@media (max-width: 768px){.charger-modal{margin:0;border-radius:0}.modal-image-container{height:250px}.modal-specs{grid-template-columns:1fr}.modal-details{padding:1.5rem}.modal-details h2{font-size:1.5rem}.modal-price{font-size:1.8rem}}@media (max-width: 480px){.modal-image-container{height:200px}.modal-details h2{font-size:1.3rem}.modal-subtitle{font-size:1rem}}.headphone-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:100%}.headphone-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.card-image{position:relative;height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ed);padding:1rem}.card-image img{max-height:90%;max-width:90%;object-fit:contain;transition:transform .4s ease}.headphone-card:hover .card-image img{transform:scale(1.05)}.connectivity-badge{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;z-index:1}.connectivity-badge.inalámbrico{background-color:#3498db}.connectivity-badge.con_cable{background-color:#7f8c8d}.type-badge{position:absolute;top:12px;left:12px;background-color:#2c3e50;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;z-index:1}.card-content h3{font-size:1.2rem;margin:.5rem 0 .3rem;color:#2c3e50;line-height:1.3}.card-subtitle{color:#7f8c8d;font-size:.85rem;margin-bottom:.8rem;line-height:1.4;flex-grow:1}.feature-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:15px;font-size:.75rem;font-weight:500}.feature-tag i{font-size:.7rem}.feature-tag.noise-cancellation{background-color:#e3f2fd;color:#1976d2}.feature-tag.microphone{background-color:#e8f5e9;color:#388e3c}.feature-tag.battery{background-color:#fff8e1;color:#ffa000}.card-price{font-size:1.5rem;font-weight:700;color:#e74c3c;margin:.8rem 0}@media (max-width: 768px){.card-image{height:180px}.card-content{padding:1rem}.card-content h3{font-size:1.1rem}.card-price{font-size:1.4rem}.card-btn{padding:.6rem;font-size:.85rem}}@media (max-width: 480px){.card-image{height:160px}.type-badge,.connectivity-badge{font-size:.7rem;padding:.2rem .6rem}.card-subtitle{font-size:.8rem}.feature-tag{font-size:.7rem}}:root{--primary: #2c3e50;--secondary: #7f8c8d;--accent: #3498db;--light: #ecf0f1;--dark: #2c3e50;--text: #333333;--text-light: #7f8c8d;--bg-light: #ffffff;--card-shadow: 0 4px 8px rgba(0, 0, 0, .1);--transition: all .3s ease}.headphones-page{padding:2rem 0;background-color:#f9f9f9;min-height:100vh}.headphones-hero{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;padding:5rem 2rem;text-align:center;margin-bottom:2rem}.headphones-hero .hero-content h1{font-size:3rem;margin-bottom:1rem;animation:fadeInDown 1s ease}.headphones-hero .hero-content p{font-size:1.5rem;opacity:.9;animation:fadeInUp 1s ease .3s both}.search-results-info{text-align:center;margin:2rem auto;padding:1rem;max-width:1200px;background-color:#fff;border-radius:8px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;align-items:center;gap:1rem}.search-results-info h2{color:var(--primary);margin-bottom:0;font-size:1.5rem;font-weight:600}.clear-search-btn{background:var(--accent);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:25px;cursor:pointer;transition:var(--transition);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.clear-search-btn:hover{background:#2980b9;transform:translateY(-2px)}.clear-search-btn i{font-size:.8rem}.headphones-filter{background-color:#fff;padding:1.5rem;box-shadow:0 2px 15px #0000001a;margin-bottom:2rem;border-radius:8px;max-width:1200px;margin:0 auto 2rem}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-weight:600;color:var(--primary)}.filter-group select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:5px;background-color:#fff;cursor:pointer;transition:var(--transition);min-width:150px}.filter-group select:hover{border-color:var(--primary)}.filter-group select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.headphones-grid{max-width:1200px;margin:0 auto;padding:0 1rem}.no-results{grid-column:1 / -1;text-align:center;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:var(--card-shadow)}.no-results p{font-size:1.1rem;color:var(--text-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.headphones-hero .hero-content h1{font-size:2.2rem}.headphones-hero .hero-content p{font-size:1.2rem}.filter-container{flex-direction:column;align-items:stretch;gap:1rem}.filter-group{flex-direction:column;align-items:flex-start}.filter-group select{width:100%}.grid-container{grid-template-columns:1fr}.search-results-info{margin:1rem;padding:1rem}.search-results-info h2{font-size:1.2rem}}@media (max-width: 480px){.headphones-hero{padding:3rem 1rem}.headphones-hero .hero-content h1{font-size:1.8rem}.headphones-hero .hero-content p{font-size:1rem}.search-results-info h2{font-size:1.1rem}}.headphone-modal{position:relative;max-width:1200px;margin:2rem auto;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 30px #0000004d}.headphone-modal .modal-body{display:flex;flex-direction:column}.connectivity-badge-large{position:absolute;top:20px;left:20px;background-color:#3498db;color:#fff;padding:.5rem 1.2rem;border-radius:25px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.connectivity-badge-large.inalámbrico{background-color:#3498db}.connectivity-badge-large.fiable{background-color:#7f8c8d}.type-badge-large{display:inline-block;background-color:#f1f1f1;color:#2c3e50;padding:.5rem 1rem;border-radius:25px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.modal-details h2{font-size:2rem;color:var(--primary);margin-bottom:.5rem}.modal-subtitle{color:var(--text-light);font-size:1.1rem;margin-bottom:1.5rem}.modal-price{font-size:2.2rem;font-weight:700;color:var(--accent);margin:1.5rem 0}.tab-btn{padding:.8rem 1.5rem;background:none;border:none;cursor:pointer;font-size:.95rem;color:var(--text-light);position:relative;display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.tab-btn.active{color:var(--primary);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:var(--accent)}.tab-btn:hover:not(.active){color:var(--primary)}.features-list li i{color:var(--accent);position:absolute;left:0}.specs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:1rem 0}.specs-group h4{font-size:1.1rem;color:var(--primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.specs-group p{font-size:.95rem;line-height:1.5}.modal-contact{text-align:center;margin:2rem 0;padding:1.5rem;background-color:var(--light);border-radius:8px}.modal-contact h3{color:var(--primary);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-contact-btn{display:block;width:100%;max-width:300px;margin:0 auto;padding:1rem;font-size:1.1rem;background-color:var(--primary);color:#fff;text-align:center;text-decoration:none;border-radius:5px;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-contact-btn:hover{background-color:var(--accent);transform:translateY(-2px);box-shadow:0 5px 15px #3498db4d}.spinner{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--accent);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.error-container,.not-found{text-align:center;padding:2rem;color:var(--accent);font-size:1.2rem}@media (min-width: 992px){.headphone-modal .modal-body{flex-direction:row}.modal-image-container{flex:1;height:auto;min-height:500px;border-right:1px solid #eee}.modal-details{flex:1;padding:3rem}}@media (max-width: 768px){.headphone-modal{margin:0;border-radius:0}.modal-image-container{height:250px}.features-list{columns:1}.modal-details{padding:1.5rem}.modal-details h2{font-size:1.5rem}.modal-price{font-size:1.8rem}.specs-grid{grid-template-columns:1fr}}.accessory-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:100%}.accessory-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.card-image{position:relative;height:220px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ed);padding:.5rem}.card-image img{max-height:95%;max-width:95%;object-fit:contain;transition:transform .4s ease;transform:scale(1.05)}.accessory-card:hover .card-image img{transform:scale(1.12)}.category-badge{position:absolute;top:12px;left:12px;background-color:#2c3e50;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.4rem;z-index:1}.category-badge i{font-size:.8rem}.card-content{padding:1.2rem;display:flex;flex-direction:column;flex-grow:1}.card-content h3{font-size:1.1rem;margin:.5rem 0 .3rem;color:#2c3e50;line-height:1.3}.card-subtitle{color:#7f8c8d;font-size:.8rem;margin-bottom:.8rem;line-height:1.4;flex-grow:1}.card-features{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.feature-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:15px;font-size:.7rem;font-weight:500;background-color:#e8f5e9;color:#388e3c}.feature-tag i{font-size:.65rem;color:#2e7d32}.card-price{font-size:1.4rem;font-weight:700;color:#e74c3c;margin:.8rem 0}.card-btn{width:100%;text-align:center;padding:.7rem;font-size:.9rem;background-color:#2c3e50;border:none;transition:all .3s ease;color:#fff;text-decoration:none;display:block;border-radius:6px;margin-top:auto}.card-btn:hover{background-color:#e74c3c;transform:none;box-shadow:0 3px 10px #e74c3c4d}@media (max-width: 768px){.card-image{height:200px}.card-content{padding:1rem}.card-content h3{font-size:1rem}.card-price{font-size:1.3rem}.card-btn{padding:.6rem;font-size:.85rem}}@media (max-width: 480px){.card-image{height:180px}.category-badge{font-size:.7rem;padding:.3rem .6rem}.card-subtitle{font-size:.75rem}.feature-tag{font-size:.65rem}}.accessories-page{padding:2rem 0;background-color:#f9f9f9;min-height:100vh}.accessories-hero{background:linear-gradient(135deg,#2c3e50,#4ca1af);color:#fff;padding:5rem 2rem;text-align:center;margin-bottom:2rem}.accessories-hero .hero-content h1{font-size:3rem;margin-bottom:1rem}.accessories-hero .hero-content p{font-size:1.5rem;opacity:.9}.accessories-filter{background-color:#fff;padding:1.5rem;box-shadow:0 2px 15px #0000001a;margin-bottom:2rem;border-radius:8px;max-width:1200px;margin:0 auto 2rem}.filter-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}.accessories-grid{max-width:1200px;margin:0 auto;padding:0 1rem}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:1rem 0}@media (max-width: 768px){.accessories-hero .hero-content h1{font-size:2.2rem}.accessories-hero .hero-content p{font-size:1.2rem}.filter-container{flex-direction:column;gap:1rem}.grid-container{grid-template-columns:1fr}}.accessory-modal{position:relative;max-width:1200px;margin:2rem auto;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 30px #0000004d}.modal-content{padding:0}.accessory-modal .modal-body{display:flex;flex-direction:column}.modal-image-container{position:relative;height:350px;background:linear-gradient(135deg,#f5f7fa,#e6e9f0);display:flex;align-items:center;justify-content:center;padding:2rem}.modal-image-container img{max-height:100%;max-width:100%;object-fit:contain}.category-badge-large{position:absolute;top:20px;left:20px;background-color:#000000b3;color:#fff;padding:.5rem 1.2rem;border-radius:25px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.modal-details{padding:2rem}.modal-details h2{font-size:2rem;color:#2c3e50;margin-bottom:.5rem}.modal-subtitle{color:#7f8c8d;font-size:1.1rem;margin-bottom:1.5rem}.modal-price{font-size:2.2rem;font-weight:700;color:#e74c3c;margin:1.5rem 0}.tabs{display:flex;border-bottom:1px solid #eee;margin:1.5rem 0}.tab-btn{padding:.8rem 1.5rem;background:none;border:none;cursor:pointer;font-size:.95rem;color:#7f8c8d;position:relative;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.tab-btn.active{color:#2c3e50;font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:#3498db}.tab-btn:hover:not(.active){color:#2c3e50}.tab-content{min-height:200px}.features-list{list-style:none;columns:2;column-gap:2rem}.features-list li{position:relative;padding:.5rem 0 .5rem 1.8rem;break-inside:avoid}.features-list li i{color:#3498db;position:absolute;left:0}.description-content p{line-height:1.6;color:#555}.modal-contact{text-align:center;margin:2rem 0;padding:1.5rem;background-color:#f8f9fa;border-radius:8px}.modal-contact h3{color:#2c3e50;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-contact p{font-size:1.2rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-contact-btn{display:block;width:100%;max-width:300px;margin:0 auto;padding:1rem;font-size:1.1rem;background-color:#2c3e50;color:#fff;text-align:center;text-decoration:none;border-radius:5px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-contact-btn:hover{background-color:#3498db;transform:translateY(-2px);box-shadow:0 5px 15px #3498db4d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.spinner{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3498db;animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.error-container,.not-found{text-align:center;padding:2rem;color:#e74c3c;font-size:1.2rem}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 992px){.accessory-modal .modal-body{flex-direction:row}.modal-image-container{flex:1;height:auto;min-height:500px;border-right:1px solid #eee}.modal-details{flex:1;padding:3rem}}@media (max-width: 768px){.accessory-modal{margin:0;border-radius:0}.modal-image-container{height:250px}.features-list{columns:1}.modal-details{padding:1.5rem}.modal-details h2{font-size:1.5rem}.modal-price{font-size:1.8rem}}@media (max-width: 480px){.modal-image-container{height:200px}.modal-details h2{font-size:1.3rem}.modal-subtitle{font-size:1rem}.tab-btn{padding:.8rem;font-size:.85rem}.modal-contact-btn{padding:.8rem;font-size:1rem}}.footer{background-color:var(--dark);color:#fff;padding:3rem 0 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-wrap:wrap;gap:2rem}.footer-logo{flex:1;min-width:250px}.footer-logo img{height:100px;margin-bottom:1rem}.footer-logo p{opacity:.8;line-height:1.6}.footer-links{flex:1;min-width:150px}.footer-links h3,.footer-contact h3{font-size:1.3rem;margin-bottom:1.5rem;position:relative}.footer-links h3:after,.footer-contact h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background-color:var(--accent)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{color:#fff;text-decoration:none;opacity:.8;transition:var(--transition)}.footer-links a:hover{opacity:1;color:var(--accent);padding-left:5px}.footer-contact{flex:1;min-width:250px}.footer-contact p{margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem;opacity:.8}.footer-contact i{color:var(--accent);width:20px}.social-links{display:flex;gap:1rem;margin-top:1.5rem}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--primary);color:#fff;border-radius:50%;transition:var(--transition)}.social-links a:hover{background-color:var(--accent);transform:translateY(-3px)}.footer-bottom{text-align:center;padding:1.5rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);opacity:.7;font-size:.9rem}@media (max-width: 992px){.footer-container{flex-direction:column}}@media (max-width: 576px){.footer-logo,.footer-links,.footer-contact{min-width:100%}.footer-logo img{height:80px}}.main-content{min-height:calc(100vh - 120px)}.full-page-section{min-height:100vh;padding:2rem 0;box-sizing:border-box;position:relative}@media (max-width: 768px){.full-page-section{min-height:auto;padding:1.5rem 0}}