*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif;color:#333;background-color:#fff;line-height:1.6;}img{max-width:100%;}a{color:inherit;text-decoration:none;}ul,ol{list-style:none;}button,input{font-family:inherit;}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 15px;}.hidden{display:none;}.cta-button{background:#0066cc;color:white;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;}.cta-button:active{background:#004c99;}.simple-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10000;display:none;align-items:center;justify-content:center;animation:simpleFadeIn 0.3s ease;}.simple-popup-overlay.show{display:flex;}.simple-popup-modal{background:white;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,0.2);animation:simpleSlideUp 0.3s ease;}.simple-popup-header{background:linear-gradient(135deg,#06b6d4 0%,#0ea5e9 100%);color:white;padding:20px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;}.simple-popup-header h2{margin:0;font-size:1.5rem;font-weight:600;}.simple-popup-close{background:rgba(255,255,255,0.2);border:none;color:white;font-size:1.5rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.simple-popup-close:hover{background:rgba(255,255,255,0.3);transform:rotate(90deg);}.simple-popup-body{padding:25px;}.simple-form-group{margin-bottom:20px;}.simple-form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:0.95rem;}.simple-form-group input,.simple-form-group textarea,.simple-form-group select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all 0.2s ease;background:#f9fafb;box-sizing:border-box;}.simple-form-group input:focus,.simple-form-group textarea:focus,.simple-form-group select:focus{outline:none;border-color:#06b6d4;background:white;box-shadow:0 0 0 3px rgba(6,182,212,0.1);}.simple-form-group textarea{resize:vertical;font-family:inherit;min-height:80px;}.simple-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px;}.simple-terms-group{display:flex;align-items:flex-start;gap:10px;margin:20px 0 25px;padding:15px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;}.simple-terms-group input[type="checkbox"]{width:auto;margin-top:3px;transform:scale(1.1);}.simple-terms-group label{font-size:0.9rem;line-height:1.5;color:#4b5563;margin:0;}.simple-terms-group a{color:#06b6d4;text-decoration:none;font-weight:500;}.simple-terms-group a:hover{text-decoration:underline;}.simple-btn-submit{background:linear-gradient(135deg,#06b6d4 0%,#0ea5e9 100%);color:white;border:none;padding:16px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;transition:all 0.3s ease;}.simple-btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(6,182,212,0.3);}.simple-btn-submit:active{transform:translateY(0);}.simple-btn-submit:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none;}.simple-loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:white;animation:simpleSpin 1s linear infinite;display:inline-block;}.simple-form-message{padding:12px 16px;border-radius:8px;margin-top:20px;display:none;animation:simpleFadeIn 0.3s ease;font-size:0.95rem;}.simple-form-message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0;}.simple-form-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;}@keyframes simpleFadeIn{from{opacity:0;}to{opacity:1;}}@keyframes simpleSlideUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes simpleSpin{to{transform:rotate(360deg);}}.home-brands-section{background-color:#fcfdfe;padding:5rem 0;border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);}.home-brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.75rem;}.home-brand-card{background:white;border:1px solid var(--color-gray-200);border-radius:14px;padding:1.5rem;text-decoration:none;color:inherit;transition:all 0.35s cubic-bezier(0.25,0.46,0.45,0.94);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,0.04);min-height:280px;height:100%;}.home-brand-card:hover{transform:translateY(-8px);border-color:var(--color-secondary);box-shadow:0 20px 40px rgba(6,182,212,0.15);}.home-brand-logo{width:100%;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;padding:1rem;border-radius:10px;position:relative;overflow:hidden;transition:all 0.3s ease;}.home-featured-header{text-align:center;margin-bottom:3.5rem;}.home-featured-header h2{font-size:2.25rem;color:var(--color-primary);margin-bottom:1rem;font-weight:700;position:relative;display:inline-block;}.home-featured-header h2:after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--color-secondary);border-radius:2px;}.home-featured-header p{font-size:1.1rem;color:var(--color-gray-600);max-width:700px;margin:2rem auto 0;line-height:1.6;}.home-cta-section{padding:5rem 0;background-color:var(--color-neutral);border-top:1px solid var(--color-gray-200);}.home-cta-container{max-width:800px;margin:0 auto;text-align:center;padding:0 1.5rem;}.home-cta-icon{width:80px;height:80px;background:white;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:2.5rem;color:var(--color-secondary);box-shadow:0 6px 20px rgba(6,182,212,0.15);border:1px solid rgba(6,182,212,0.2);}.home-cta-container h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;color:var(--color-primary);}.home-cta-container p{font-size:1.2rem;color:var(--color-gray-600);margin-bottom:2.5rem;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto;}.home-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}.home-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:1rem 2.5rem;border-radius:10px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;min-width:180px;}.home-cta-button.primary{background:var(--color-secondary);color:white;border:2px solid var(--color-secondary);}.home-cta-button.primary:hover{background:#0ea5e9;border-color:#0ea5e9;transform:translateY(-3px);box-shadow:0 10px 25px rgba(6,182,212,0.3);}.home-cta-button.secondary{background:white;color:var(--color-secondary);border:2px solid var(--color-secondary);}.home-cta-button.secondary:hover{background:#f0f9ff;transform:translateY(-3px);box-shadow:0 10px 25px rgba(6,182,212,0.15);}.home-brand-card:hover .home-brand-logo{transform:scale(1.02);}.home-brand-logo img{max-width:100%;max-height:70px;object-fit:contain;transition:transform 0.3s ease;}.home-brand-card:hover .home-brand-logo img{transform:scale(1.05);}.home-brand-name{font-size:1.35rem;color:var(--color-primary);font-weight:700;margin-bottom:1rem;text-align:center;width:100%;}.home-brand-categories{display:flex;flex-wrap:wrap;gap:0.5rem;width:100%;margin-top:auto;justify-content:center;}.home-category-tag{font-size:0.85rem;color:var(--color-gray-700);background-color:#f8fafc;padding:0.4rem 0.75rem;border-radius:20px;font-weight:500;display:inline-flex;align-items:center;gap:0.3rem;border:1px solid var(--color-gray-200);transition:all 0.3s ease;}.home-category-tag:hover{background-color:#f0f9ff;border-color:var(--color-secondary);color:var(--color-secondary);}.home-category-tag i{font-size:0.7rem;color:var(--color-secondary);}.home-view-all-brands{background:linear-gradient(135deg,#f8fafc 0%,#f0f9ff 100%);border:2px dashed #cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all 0.3s ease;min-height:280px;height:100%;}.home-view-all-brands:hover{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:var(--color-secondary);border-style:solid;transform:translateY(-8px);}.home-view-all-content{display:flex;flex-direction:column;align-items:center;}.home-view-all-count{font-size:3.2rem;font-weight:800;color:var(--color-secondary);line-height:1;margin-bottom:0.5rem;}.home-view-all-text{font-size:1.25rem;font-weight:700;color:var(--color-primary);margin-bottom:0.75rem;display:flex;align-items:center;gap:0.75rem;}.home-view-all-content p{font-size:0.95rem;color:var(--color-gray-600);margin:0;line-height:1.5;}.home-categories-section{background-color:var(--color-neutral);padding:5rem 0;}.home-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem;}.home-category-item{background:white;border-radius:16px;padding:1.15rem;text-decoration:none;color:inherit;box-shadow:0 6px 20px rgba(0,0,0,0.05);border:1px solid var(--color-gray-200);transition:all 0.35s cubic-bezier(0.25,0.46,0.45,0.94);display:flex;align-items:center;position:relative;overflow:hidden;height:100%;}.home-category-item:hover{transform:translateY(-6px);border-color:var(--color-secondary);box-shadow:0 20px 40px rgba(6,182,212,0.12);}.home-category-icon{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,rgba(6,182,212,0.1) 0%,rgba(14,165,233,0.1) 100%);display:flex;align-items:center;justify-content:center;margin-right:1.25rem;flex-shrink:0;transition:all 0.3s ease;}.home-category-item:hover .home-category-icon{background:linear-gradient(135deg,var(--color-secondary) 0%,#0ea5e9 100%);transform:scale(1.1);}.home-category-icon i{font-size:1.75rem;color:var(--color-secondary);transition:color 0.3s ease;}.home-category-item:hover .home-category-icon i{color:white;}.home-category-info{flex-grow:1;}.home-category-info h4{font-size:1.25rem;color:var(--color-primary);margin-bottom:0.8rem;font-weight:700;line-height:1.3;}.home-subcategories-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem;}.home-subcategory-tag{font-size:0.8rem;color:var(--color-gray-600);background-color:#f8fafc;padding:0.25rem 0.6rem;border-radius:12px;border:1px solid var(--color-gray-200);transition:all 0.3s ease;}.home-category-item:hover .home-subcategory-tag{background-color:#f0f9ff;border-color:var(--color-secondary);color:var(--color-secondary);}.home-category-count{font-size:1.1rem;font-weight:700;color:var(--color-secondary);background-color:rgba(6,182,212,0.1);padding:0.4rem 0.8rem;border-radius:8px;margin-left:1rem;flex-shrink:0;transition:all 0.3s ease;}.home-category-item:hover .home-category-count{background-color:rgba(6,182,212,0.2);transform:scale(1.05);}.home-view-all-categories{background:linear-gradient(135deg,#f8fafc 0%,#f0f9ff 100%);border:2px dashed #cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all 0.3s ease;height:100%;}.home-view-all-categories:hover{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:var(--color-secondary);border-style:solid;transform:translateY(-6px);}.home-section-header{text-align:center;margin-bottom:3.5rem;}.home-section-header h2{font-size:2.25rem;color:var(--color-primary);margin-bottom:1rem;font-weight:700;}.home-section-subtitle{font-size:1.1rem;color:var(--color-gray-600);max-width:700px;margin:0 auto;line-height:1.6;}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}.product-card{cursor:pointer;}:root{--color-primary:#0f172a;--color-secondary:#06b6d4;--color-accent:#f59e0b;--color-neutral:#f8fafc;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-600:#4b5563;--color-gray-800:#1f2937;--color-white:#ffffff;}.text-primary{color:var(--color-primary);}.text-secondary{color:var(--color-secondary);}.text-accent{color:var(--color-accent);}.text-white{color:var(--color-white);}.text-gray-600{color:var(--color-gray-600);}.bg-primary{background-color:var(--color-primary);}.bg-secondary{background-color:var(--color-secondary);}.bg-neutral{background-color:var(--color-neutral);}.bg-white{background-color:var(--color-white);}.bg-gray-100{background-color:var(--color-gray-100);}.bg-gray-800{background-color:var(--color-gray-800);}.font-bold{font-weight:700;}.font-semibold{font-weight:600;}.font-medium{font-weight:500;}.text-center{text-align:center;}.text-xl{font-size:1.25rem;}.text-2xl{font-size:1.5rem;}.text-3xl{font-size:1.875rem;}.text-sm{font-size:0.875rem;}.text-lg{font-size:1.125rem;}.hidden{display:none !important;}.flex{display:flex;}.grid{display:grid;}.block{display:block;}.top-bar{background-color:var(--color-primary);color:var(--color-white);padding:8px 0;font-size:0.875rem;}.top-bar .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:16px;}.top-bar-item{display:flex;align-items:center;gap:8px;}.top-bar a:hover{color:var(--color-secondary);transition:color 0.3s;}.main-header{background-color:var(--color-white);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100;}.header-container{display:flex;justify-content:space-between;align-items:center;padding:5px 0;}.logo{font-size:1.5rem;font-weight:700;color:var(--color-primary);height:60px;width:auto;}.logo span{color:var(--color-secondary);}.desktop-nav{display:none;align-items:center;gap:24px;}.nav-link{font-weight:500;transition:color 0.3s;}.nav-link:hover{color:var(--color-secondary);}.search-container{position:relative;display:flex;}.search-input{padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:4px 0 0 4px;width:270px;outline:none;}.search-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(6,182,212,0.1);}.search-btn{background-color:var(--color-primary);color:var(--color-white);border:none;padding:8px 16px;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color 0.3s;}.search-btn:hover{background-color:rgba(15,23,42,0.9);}.menu-toggle{display:block;background:none;border:none;font-size:1.5rem;color:var(--color-primary);cursor:pointer;}.mobile-nav{background-color:var(--color-white);border-top:1px solid var(--color-gray-200);padding:16px;}.mobile-nav nav{display:flex;flex-direction:column;gap:12px;}.mobile-search-container{display:flex;width:100%;}.mobile-search-input{flex:1;padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:4px 0 0 4px;outline:none;}.mobile-search-btn{background-color:var(--color-primary);color:var(--color-white);border:none;padding:8px 16px;border-radius:0 4px 4px 0;cursor:pointer;}.hero-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;}.hero-bg-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('/public/images/banner.webp');background-size:cover;background-position:center;background-repeat:no-repeat;}.hero-bg-container::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgb(6 182 212 / 48%),rgb(129 114 88 / 52%))}.hero-section{position:relative;padding:48px 0;color:var(--color-white);}.hero-content{display:flex;flex-direction:column;gap:32px;}.hero-text h2{font-size:1.875rem;margin-bottom:16px;}.hero-text p{font-size:1.5rem;margin-bottom:16px;}.hero-text a{color:var(--color-white);}.hero-text a:hover{text-decoration:underline;}.order-search-box{background-color:var(--color-white);border-radius:8px;padding:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1);color:var(--color-gray-800);}.order-search-box h3{color:var(--color-primary);margin-bottom:12px;}.order-search-box p{color:var(--color-gray-600);margin-bottom:16px;font-size:0.875rem;}.search-form{display:flex;margin-bottom:12px;}.search-form input{flex:1;padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:4px 0 0 4px;outline:none;}.search-form button{background-color:var(--color-secondary);color:var(--color-white);border:none;padding:8px 20px;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color 0.3s;}.search-form button:hover{background-color:rgba(6,182,212,0.9);}.features-section{background-color:var(--color-neutral);padding:48px 0;}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:center;margin-bottom:48px;}.feature-item h3{color:var(--color-primary);margin-bottom:8px;font-size:1.5rem;line-height:2rem;}.feature-item p{color:var(--color-gray-600);font-size:0.875rem;}.brands-categories{display:flex;flex-direction:column;gap:32px;}.brands-container,.categories-container{width:100%;}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}.section-header h3{color:var(--color-primary);font-size:1.125rem;}.section-header a{color:var(--color-secondary);}.brands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}.brand-item{background-color:var(--color-white);padding:16px;border-radius:4px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;height:80px;transition:box-shadow 0.3s;}.brand-item:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,0.1);}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}.category-item{background-color:var(--color-white);padding:16px;border-radius:4px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);display:flex;align-items:center;gap:12px;transition:all 0.3s;}.category-item:hover{background-color:rgba(6,182,212,0.05);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1);}.category-icon{color:var(--color-secondary);font-size:1.25rem;}.products-section{padding:48px 0;}.cta-container{text-align:center;margin-bottom:40px;}.cta-container h2{color:var(--color-primary);margin-bottom:16px;font-size:1.875rem;line-height:2.25rem;}.cta-button{background-color:var(--color-secondary);color:var(--color-white);border:none;padding:10px 24px;border-radius:4px;cursor:pointer;transition:background-color 0.3s;font-size:1.125rem;}.cta-button:hover{background-color:rgba(6,182,212,0.9);}.redesigned-cat-wrapper{max-width:1280px;margin:0 auto;padding:0 15px;}.redesigned-cat-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;margin:40px 0;}@media (min-width:640px){.redesigned-cat-grid{grid-template-columns:repeat(2,1fr);}}@media (min-width:1024px){.redesigned-cat-grid{grid-template-columns:repeat(3,1fr);}}@media (min-width:1280px){.redesigned-cat-grid{grid-template-columns:repeat(3,1fr);}}.redesigned-cat-card{background:#ffffff;border-radius:20px;padding:24px 20px;box-shadow:0 8px 20px rgba(0,0,0,0.04);border:1px solid #eef2f6;transition:all 0.25s ease;display:flex;flex-direction:column;height:100%;backdrop-filter:blur(2px);}.redesigned-cat-card:hover{transform:translateY(-6px);box-shadow:0 18px 30px rgba(6,182,212,0.08);border-color:#06b6d4;}.redesigned-card-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;border-bottom:1px dashed #e2e8f0;padding-bottom:16px;}.redesigned-card-icon{width:52px;height:52px;background:rgba(6,182,212,0.08);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#06b6d4;font-size:24px;transition:0.2s;flex-shrink:0;}.redesigned-cat-card:hover .redesigned-card-icon{background:#06b6d4;color:white;}.redesigned-card-header h3{font-size:1.35rem;font-weight:700;margin:0;line-height:1.3;}.redesigned-card-header h3 a{color:#0f172a;text-decoration:none;transition:color 0.15s;}.redesigned-card-header h3 a:hover{color:#06b6d4;}.redesigned-cat-desc{color:#475569;font-size:0.9rem;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.2em;}.redesigned-subcat-list{list-style:none;padding:0;margin:0;flex-grow:1;}.redesigned-subcat-list li{font-size:0.9rem;padding:6px 0 6px 20px;border-bottom:1px dotted #f1f5f9;transition:background 0.15s,transform 0.15s;position:relative;}.redesigned-subcat-list li::before{content:"▸";color:#06b6d4;font-size:1rem;position:absolute;left:4px;top:6px;opacity:0.7;transition:transform 0.15s;}.redesigned-subcat-list li:hover{background:#f8fafc;border-radius:8px;transform:translateX(4px);}.redesigned-subcat-list li:hover::before{transform:translateX(4px);opacity:1;}.redesigned-subcat-list li a{color:#1e293b;text-decoration:none;font-weight:500;display:inline-block;width:100%;transition:color 0.15s;}.redesigned-subcat-list li a:hover{color:#06b6d4;}.empty-item{margin-top:12px;}.empty-item a{display:inline-block;background:#06b6d4;color:white;padding:10px 18px;border-radius:30px;font-weight:600;font-size:0.9rem;text-decoration:none;transition:all 0.2s;border:1px solid transparent;}.empty-item a:hover{background:#0891b2;transform:translateY(-2px);box-shadow:0 8px 16px rgba(6,182,212,0.3);}.redesigned-section-header{text-align:center;margin:50px 0 30px;}.redesigned-section-header h2{font-size:2.2rem;font-weight:800;color:#0f172a;margin-bottom:12px;letter-spacing:-0.5px;}.redesigned-section-header p{color:#475569;font-size:1.1rem;max-width:720px;margin:0 auto;line-height:1.5;}.redesigned-cta-block{background:linear-gradient(145deg,#f1f9ff 0%,#ffffff 100%);border-radius:32px;padding:48px 32px;margin:60px 0 40px;border:1px solid #dff3fe;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.02);}.redesigned-cta-block h3{font-size:2rem;color:#0f172a;font-weight:700;margin-bottom:16px;}.redesigned-cta-block p{font-size:1.1rem;color:#334155;max-width:600px;margin:0 auto 28px;}.redesigned-cta-btn{background:#06b6d4;border:none;color:white;padding:16px 42px;border-radius:50px;font-weight:600;font-size:1.1rem;display:inline-flex;align-items:center;gap:12px;cursor:pointer;transition:all 0.3s;border:1px solid transparent;}.redesigned-cta-btn:hover{background:#0891b2;transform:translateY(-3px);box-shadow:0 18px 30px -8px rgba(6,182,212,0.4);}.redesigned-cta-btn i{font-size:1rem;}@media (max-width:767px){.redesigned-section-header h2{font-size:1.8rem;}.redesigned-cat-card{padding:20px 16px;}.redesigned-card-header h3{font-size:1.2rem;}.redesigned-cta-block{padding:32px 20px;}.redesigned-cta-block h3{font-size:1.6rem;}}.products-header{color:var(--color-primary);margin-bottom:24px;}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}.product-card{background-color:var(--color-white);border-radius:4px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);overflow:hidden;transition:box-shadow 0.3s;}.product-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,0.1);}.product-image{background-color:var(--color-gray-100);display:flex;align-items:center;justify-content:center;}.product-image i{font-size:2.5rem;color:var(--color-gray-600);}.product-info{padding:16px;}.product-brand{color:var(--color-gray-600);font-size:0.875rem;margin-bottom:4px;}.product-name{font-weight:500;margin-bottom:8px;font-size:0.875rem;}.product-price{color:var(--color-secondary);font-weight:700;}.main-footer{background-color:var(--color-primary);color:var(--color-white);padding:48px 0;}.footer-grid{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:32px;}.footer-column h4{font-size:1.125rem;margin-bottom:16px;}.footer-column ul li{margin-bottom:8px;}.footer-column a{transition:color 0.3s;}.footer-column a:hover{color:var(--color-secondary);}.social-icons{display:flex;gap:16px;margin-top:32px;}.social-icons a{font-size:1.25rem;}.footer-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;padding-top:32px;border-top:1px solid var(--color-gray-800);}.footer-feature{background-color:var(--color-gray-800);padding:16px;border-radius:4px;text-align:center;}.footer-feature i{color:var(--color-secondary);font-size:1.25rem;margin-bottom:8px;}.footer-feature h5{margin-bottom:4px;}.payment-methods,.delivery-methods{display:flex;justify-content:center;gap:4px;margin-top:8px;}.payment-methods span,.delivery-methods span{font-size:0.75rem;}.copyright{padding-top:32px;border-top:1px solid var(--color-gray-800);font-size:0.875rem;color:rgba(255,255,255,.5);}.copyright p{margin-bottom:8px;}.copyright-info{display:flex;flex-direction:column;justify-content:space-between;}@media (min-width:768px){.desktop-nav{display:flex;}.menu-toggle{display:none;}.hero-content{flex-direction:row;align-items:center;justify-content:space-between;}.hero-text{max-width:50%;}.order-search-box{width:384px;}.features-grid{grid-template-columns:repeat(5,1fr);gap:32px;}.brands-categories{flex-direction:row;}.brands-container,.categories-container{width:50%;}.brands-grid{grid-template-columns:repeat(5,1fr);}.products-grid{grid-template-columns:repeat(5,1fr);}.footer-grid{grid-template-columns:repeat(4,1fr);}.footer-features{grid-template-columns:repeat(5,1fr);}.copyright-info{flex-direction:row;align-items:center;}}@media (min-width:1024px){.container{padding:0 32px;}.hero-section{padding:64px 0;}.features-section,.products-section{padding:64px 0;}.main-footer{padding:64px 0;}}@media (min-width:768px) and (max-width:1024px){.brands-categories{flex-direction:column;gap:48px;}.brands-container,.categories-container{width:100%;}.brands-grid{grid-template-columns:repeat(4,1fr);}.categories-grid{grid-template-columns:repeat(3,1fr);}}@media (min-width:1025px) and (max-width:1280px){.brands-grid{grid-template-columns:repeat(5,1fr);}}@media (max-width:768px){.top-bar-left,.top-bar-right{flex-direction:column;gap:8px;}.hero-content{flex-direction:column;gap:20px;}}.alphabet-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;}.alphabet-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:white;border:1px solid var(--color-gray-300);border-radius:4px;color:var(--color-primary);font-weight:600;transition:all 0.3s;cursor:pointer;font-size:0.9rem;padding:0;margin:0;}.alphabet-btn:hover,.alphabet-btn.active{background-color:var(--color-secondary);color:white;border-color:var(--color-secondary);}@media (max-width:767px){.footer-column-toggle{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,0.1);}.footer-column-toggle .toggle-icon{font-size:0.9rem;transition:transform 0.3s ease;color:var(--color-secondary);}.footer-column-list{max-height:0;overflow:hidden;opacity:0;transition:all 0.3s ease;padding-left:10px;margin-top:0;}.footer-column-list.collapsed{max-height:0;opacity:0;margin-top:0;}.footer-column-list:not(.collapsed){max-height:300px;opacity:1;margin-top:12px;padding-left:10px;}.featured-brands{margin-top:40px;padding:0;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;}.featured-brands .container{padding:0 15px;width:100%;}.featured-brands h2{font-size:1.5rem;margin-bottom:20px;padding:0;text-align:center;}.featured-grid{grid-template-columns:1fr;gap:15px;width:100%;margin:0;padding:0;}.featured-card{padding:20px;margin:0;width:100%;max-width:none;box-shadow:0 4px 12px rgba(0,0,0,0.08);}.featured-logo{width:120px;height:60px;margin-bottom:15px;max-width:100%;}.featured-description{font-size:0.9rem;line-height:1.4;margin-bottom:15px;width:100%;word-wrap:break-word;overflow-wrap:break-word;}.featured-stats{flex-direction:column;gap:8px;align-items:center;margin-bottom:15px;width:100%;padding:0 5px;}.featured-stats span{font-size:0.75rem;white-space:nowrap;}body,html{overflow-x:hidden;width:100%;max-width:100%;}.container{width:100%;max-width:100%;padding:0 15px;box-sizing:border-box;}.alphabet-nav{padding:0 10px 20px 10px;margin-bottom:20px;}.alphabet-buttons{gap:4px;justify-content:flex-start;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;}.alphabet-buttons::-webkit-scrollbar{height:4px;}.alphabet-buttons::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:2px;}.alphabet-buttons::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:2px;}.alphabet-btn{width:32px;height:32px;font-size:0.8rem;flex-shrink:0;}.brand-card{padding:15px;min-height:280px;}.brand-logo{width:100px;height:50px;margin-bottom:12px;}.brand-name{font-size:1.1rem;margin-bottom:12px;}.brand-products{font-size:0.8rem;margin-bottom:12px;}.brand-stats{margin-bottom:16px;}.product-count,.warranty-badge{font-size:0.7rem;}}@media (min-width:768px) and (max-width:1024px){.featured-grid{grid-template-columns:repeat(2,1fr);gap:20px;}.featured-card{padding:25px;}.featured-brands{padding:0 15px;}.alphabet-buttons{justify-content:center;}.alphabet-btn{width:34px;height:34px;}}@media (min-width:1025px){.alphabet-buttons{justify-content:center;}.featured-grid{grid-template-columns:repeat(4,1fr);gap:25px;}.featured-card{padding:30px;}}.brand-text-logo,.featured-text-logo{font-weight:700;color:var(--color-primary);text-align:center;display:none;}.brands-hero{padding:40px 0;margin-bottom:40px;}.brands-hero-content{text-align:center;max-width:800px;margin:0 auto;}.brands-hero h1{color:var(--color-primary);margin-bottom:16px;font-size:2rem;}.brands-hero p{color:var(--color-gray-600);margin-bottom:24px;font-size:1.125rem;}.brand-search-box{max-width:600px;margin:0 auto 24px;}.brands-content{padding-bottom:60px;}.brands-filter{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;justify-content:center;}.filter-btn{padding:8px 16px;background-color:white;border:1px solid var(--color-gray-300);border-radius:20px;cursor:pointer;transition:all 0.3s;font-size:0.875rem;}.filter-btn:hover,.filter-btn.active{background-color:var(--color-secondary);color:white;border-color:var(--color-secondary);}.alphabet-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--color-gray-200);}.alphabet-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;}.alphabet-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:white;border:1px solid var(--color-gray-300);border-radius:4px;color:var(--color-primary);font-weight:600;transition:all 0.3s;cursor:pointer;font-size:0.9rem;padding:0;margin:0;}.alphabet-btn:hover,.alphabet-btn.active{background-color:var(--color-secondary);color:white;border-color:var(--color-secondary);}.brands-grid-container{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;}.brand-card{background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.08);padding:24px;transition:transform 0.3s,box-shadow 0.3s;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;height:100%;}.brand-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12);}.brand-logo{width:120px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0;}.brand-image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;}.brand-image{max-width:100%;max-height:100%;object-fit:contain;}.brand-text-logo{font-size:1.8rem;font-weight:700;color:var(--color-primary);display:none;}.brand-name{font-size:1.25rem;color:var(--color-primary);margin-bottom:8px;font-weight:600;flex-shrink:0;}.brand-products{color:var(--color-gray-600);font-size:0.875rem;margin-bottom:16px;}.brand-stats{display:flex;flex-grow:1;flex-direction:column;gap:6px;margin-bottom:16px;width:100%;justify-content:center;}.product-count,.warranty-badge{display:flex;align-items:center;gap:6px;font-size:0.75rem;color:var(--color-gray-600);}.product-count i,.warranty-badge i{color:var(--color-secondary);}.view-brand-btn{background-color:var(--color-secondary);color:white;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:0.875rem;transition:background-color 0.3s;}.view-brand-btn:hover{background-color:rgba(6,182,212,0.9);}.featured-brands{margin-top:60px;overflow:hidden;width:100%;box-sizing:border-box;}.featured-brands .container{width:100%;max-width:100%;padding:0 15px;box-sizing:border-box;}.featured-brands h2{text-align:center;color:var(--color-primary);margin-bottom:30px;font-size:1.75rem;width:100%;padding:0 10px;box-sizing:border-box;}.featured-grid{display:grid;grid-template-columns:1fr;gap:20px;width:100%;box-sizing:border-box;}.featured-card{background-color:white;border-radius:8px;padding:30px;box-shadow:0 6px 18px rgba(0,0,0,0.08);display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;box-sizing:border-box;max-width:100%;overflow:hidden;}.featured-logo{width:150px;height:80px;margin-bottom:20px;}.featured-image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;}.featured-image{max-width:100%;max-height:100%;object-fit:contain;}.featured-text-logo{font-size:2rem;font-weight:700;color:var(--color-primary);display:none;}.featured-description{color:var(--color-gray-600);margin-bottom:20px;font-size:0.9375rem;line-height:1.5;}.featured-stats{display:flex;justify-content:space-between;width:100%;margin-bottom:20px;padding:0 10px;}.featured-stats span{display:flex;align-items:center;gap:4px;font-size:0.8rem;color:var(--color-gray-600);}.search-input-wrapper{display:flex;width:100%;max-width:600px;margin:0 auto 12px;position:relative;}.brand-search-input{flex:1;padding:14px 20px;border:2px solid var(--color-gray-200);border-radius:8px 0 0 8px;font-size:1rem;outline:none;transition:border-color 0.3s;}.brand-search-input:focus{border-color:var(--color-secondary);}.brand-search-button{background-color:var(--color-secondary);color:white;border:none;border-radius:0 8px 8px 0;padding:0 24px;cursor:pointer;font-weight:600;transition:background-color 0.3s;white-space:nowrap;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px;}.brand-search-button:hover{background-color:rgba(6,182,212,0.9);}.search-hint{text-align:center;color:var(--color-gray-600);font-size:0.875rem;margin-bottom:24px;}.no-results-message{text-align:center;padding:30px;background-color:var(--color-gray-100);border-radius:8px;margin:20px 0;color:var(--color-gray-600);grid-column:1 / -1;}.no-results-message p{font-size:1.1rem;margin:0;}.no-results-message strong{color:var(--color-primary);}@media (min-width:640px){.brands-grid-container{grid-template-columns:repeat(2,1fr);}.featured-grid{grid-template-columns:repeat(2,1fr);}}@media (min-width:768px){.brands-grid-container{grid-template-columns:repeat(3,1fr);}.footer-column-toggle{cursor:default;border-bottom:none;}.footer-column-toggle .toggle-icon{display:none;}.footer-column-list{max-height:none !important;opacity:1 !important;}.featured-grid{grid-template-columns:repeat(3,1fr);}.brands-hero h1{font-size:2.5rem;}}@media (min-width:1024px){.brands-grid-container{grid-template-columns:repeat(4,1fr);}.featured-grid{grid-template-columns:repeat(4,1fr);}.brands-hero{padding:60px 0;}}@media (min-width:1280px){.brands-grid-container{grid-template-columns:repeat(5,1fr);}}@media (min-width:768px) and (max-width:1024px){.brands-grid-container{grid-template-columns:repeat(3,1fr);}.featured-grid{grid-template-columns:repeat(2,1fr);}.alphabet-nav{gap:6px;}.alphabet-link{width:32px;height:32px;font-size:0.875rem;}}@media (max-width:767px){.brands-hero{padding:30px 0;}.brands-hero h1{font-size:1.75rem;}.brands-hero p{font-size:1rem;}.brand-search-box{margin-bottom:20px;}.search-input-wrapper{flex-direction:column;gap:10px;}.brand-search-input{border-radius:8px;padding:12px 16px;}.brand-search-button{border-radius:8px;padding:12px 16px;width:100%;min-width:auto;}.search-btn-text{display:inline-block;}.brands-filter{gap:8px;}.filter-btn{padding:6px 12px;font-size:0.8125rem;}.alphabet-nav{gap:4px;}.alphabet-btn{width:28px;height:28px;font-size:0.75rem;}.featured-brands{margin-top:40px;padding:0;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;}.featured-brands .container{padding:0 15px;width:100%;}.featured-brands h2{font-size:1.5rem;margin-bottom:20px;padding:0;text-align:center;}.featured-grid{grid-template-columns:1fr;gap:15px;width:100%;margin:0;padding:0;}.featured-card{padding:20px;margin:0;width:100%;max-width:none;box-shadow:0 4px 12px rgba(0,0,0,0.08);}.featured-logo{width:120px;height:60px;margin-bottom:15px;max-width:100%;}.featured-description{font-size:0.9rem;line-height:1.4;margin-bottom:15px;width:100%;word-wrap:break-word;overflow-wrap:break-word;}.featured-stats{flex-direction:column;gap:8px;align-items:center;margin-bottom:15px;width:100%;padding:0 5px;}.featured-stats span{font-size:0.75rem;white-space:nowrap;}body,html{overflow-x:hidden;width:100%;max-width:100%;}.container{width:100%;max-width:100%;padding:0 15px;box-sizing:border-box;}}.pagination-container{margin-top:40px;text-align:center;}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap;}.page-btn,.page-number{padding:8px 16px;border:1px solid var(--color-gray-300);background-color:white;border-radius:4px;cursor:pointer;transition:all 0.3s;font-size:0.9rem;min-width:40px;margin-right:5px;}.page-btn:hover:not(:disabled),.page-number:hover:not(.active){border-color:var(--color-secondary);color:var(--color-secondary);}.page-btn:disabled{opacity:0.5;cursor:not-allowed;}.page-number.active{background-color:var(--color-secondary);color:white;border-color:var(--color-secondary);}.page-dots{padding:8px 4px;}.pagination-info{color:var(--color-gray-600);font-size:0.875rem;}.load-more-container{margin-top:40px;text-align:center;}.load-more-btn{background-color:var(--color-secondary);color:white;border:none;padding:12px 32px;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color 0.3s;display:inline-flex;align-items:center;gap:8px;}.load-more-btn:hover{background-color:rgba(6,182,212,0.9);}.loading-icon{animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.load-more-info{margin-top:12px;color:var(--color-gray-600);font-size:0.875rem;}.brands-filter{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;justify-content:center;}.filter-btn{padding:8px 16px;background-color:white;border:1px solid var(--color-gray-300);border-radius:20px;cursor:pointer;transition:all 0.3s;font-size:0.875rem;}.filter-btn:hover,.filter-btn.active{background-color:var(--color-secondary);color:white;border-color:var(--color-secondary);}@media (max-width:767px){.pagination{gap:5px;}.page-btn,.page-number{padding:6px 12px;font-size:0.8rem;min-width:35px;}.brands-filter{gap:8px;}.filter-btn{padding:6px 12px;font-size:0.8rem;}}.loading-message{text-align:center;padding:40px;color:var(--color-gray-600);grid-column:1 / -1;}.no-brands-message{padding:10px;text-align:center;color:#666;font-size:0.9rem;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;}.no-brands-message p{padding:20px;}.no-brands-message i{font-size:3rem;color:#999;margin-bottom:16px;}.clear-brand-filter{margin-left:12px;padding:6px 14px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;color:#6c757d;font-size:0.85rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:6px;box-shadow:0 1px 2px rgba(0,0,0,0.05);}.loading-brands{padding:10px;text-align:center;color:#666;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;}.clear-brand-filter:hover{background:#e0e0e0;color:#333;}.loading-message .fa-spinner{font-size:2rem;margin-bottom:16px;color:#06b6d4;}.brand-detail-page{overflow-x:hidden;}.breadcrumb{padding:15px 0;background:var(--color-gray-100);font-size:0.9rem;}.breadcrumb .container{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.breadcrumb a{color:var(--color-gray-600);transition:color 0.2s;}.breadcrumb a:hover{color:var(--color-secondary);}.breadcrumb .separator{color:var(--color-gray-400);}.breadcrumb .current{color:var(--color-primary);font-weight:500;}.brand-hero{padding:40px 0;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);margin-bottom:30px;}.brand-hero-content{display:flex;align-items:center;gap:40px;flex-wrap:wrap;}.brand-logo-container{flex-shrink:0;width:180px;height:120px;background:white;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(0,0,0,0.08);}.brand-logo-container img{max-width:100%;max-height:100%;object-fit:contain;}.brand-info{flex:1;min-width:300px;}.brand-title{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:15px;}.brand-title h1{font-size:2.2rem;color:var(--color-primary);margin:0;line-height:1.2;}.brand-origin{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.9);padding:6px 14px;border-radius:20px;font-size:0.85rem;color:var(--color-gray-700);border:1px solid var(--color-gray-300);}.brand-description{color:var(--color-gray-700);line-height:1.7;margin-bottom:20px;font-size:1.05rem;max-width:800px;}.brand-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px;max-width:800px;}.brand-stat-item{background:white;border-radius:10px;padding:20px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.05);border:1px solid var(--color-gray-200);transition:transform 0.2s,box-shadow 0.2s;}.brand-stat-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.1);}.stat-value{font-size:1.8rem;font-weight:700;color:var(--color-secondary);display:block;margin-bottom:8px;}.stat-label{font-size:0.9rem;color:var(--color-gray-600);}.products-section{padding:40px 0;}.products-main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px;}.products-title-container h2{font-size:1.8rem;color:var(--color-primary);margin:0 0 8px 0;}.products-subtitle{color:var(--color-gray-600);font-size:1rem;}.categories-tabs-container{display:flex;flex-direction:column;gap:15px;background:white;padding:20px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.05);border:1px solid var(--color-gray-200);margin-bottom:30px;}.mobile-search-top{width:100%;}.mobile-search-top .category-search-wrapper{display:flex;align-items:center;width:100%;position:relative;}.mobile-search-top .category-search-input{flex:1;padding:14px 55px 14px 50px;border:2px solid var(--color-gray-300);border-radius:30px;font-size:1rem;transition:all 0.2s;}.mobile-search-top .search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--color-gray-500);z-index:2;}.mobile-search-top .search-action-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--color-secondary);color:white;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}.mobile-search-top .search-action-btn:hover{background:rgba(6,182,212,0.9);transform:translateY(-50%) scale(1.05);}.categories-tabs-wrapper{width:100%;}.categories-tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}.tabs-title{font-weight:600;color:var(--color-primary);font-size:1.1rem;}.tabs-toggle{background:none;border:none;color:var(--color-gray-500);cursor:pointer;padding:5px;border-radius:5px;transition:all 0.2s;display:none;}.tabs-toggle:hover{color:var(--color-secondary);background:var(--color-gray-100);}.tabs-toggle i{transition:transform 0.3s;}.tabs-toggle.active i{transform:rotate(180deg);}.categories-tabs{display:flex;gap:10px;flex-wrap:wrap;transition:max-height 0.3s ease;overflow:hidden;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) var(--color-gray-100);}.category-tab{padding:10px 24px;background:white;border:2px solid var(--color-gray-300);border-radius:30px;font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.2s;color:var(--color-gray-700);white-space:nowrap;}.category-tab:hover{border-color:var(--color-secondary);color:var(--color-secondary);}.category-tab.active{background:var(--color-secondary);border-color:var(--color-secondary);color:white;}.category-search-wrapper{position:relative;min-width:250px;}.search-action-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--color-secondary);color:white;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;}.search-action-btn:hover{background:rgba(6,182,212,0.9);transform:translateY(-50%) scale(1.05);}.search-action-btn:active{transform:translateY(-50%) scale(0.95);}.category-search-input{width:100%;padding:12px 50px 12px 45px;border:2px solid var(--color-gray-300);border-radius:30px;font-size:0.95rem;transition:all 0.2s;}.category-search-input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(6,182,212,0.1);}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--color-gray-500);}.current-category-info{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--color-gray-200);}.category-name-display{font-size:1.2rem;color:var(--color-primary);font-weight:600;}.products-count{font-size:0.95rem;color:var(--color-gray-600);background:var(--color-gray-100);padding:8px 16px;border-radius:20px;white-space:nowrap;}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-bottom:40px;}.product-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,0.05);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);border:1px solid var(--color-gray-200);height:100%;display:flex;flex-direction:column;position:relative;}.product-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,0.1);border-color:var(--color-secondary);}.product-image-wrapper{height:250px;background:white;display:flex;align-items:center;justify-content:center;padding:25px;position:relative;overflow:hidden;border-bottom:1px solid var(--color-gray-200);}.product-image-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);z-index:1;}.product-image-wrapper img{max-width:85%;max-height:85%;object-fit:contain;transition:all 0.5s ease;position:relative;z-index:10;}.product-card:hover .product-image-wrapper{transform:scale(1.02);}.product-card:hover .product-image-wrapper img{transform:scale(1.1);}.product-image-wrapper::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 70%,rgba(255,255,255,0.1) 100%);z-index:5;pointer-events:none;}.product-badge{position:absolute;top:15px;left:15px;background:var(--color-secondary);color:white;font-size:0.75rem;padding:5px 12px;border-radius:4px;font-weight:700;z-index:20;box-shadow:0 3px 6px rgba(6,182,212,0.2);text-transform:uppercase;letter-spacing:0.5px;border:1px solid rgba(255,255,255,0.2);}.product-content{padding:22px;flex-grow:1;display:flex;flex-direction:column;background:white;}.product-code{font-family:'Courier New',monospace;color:var(--color-gray-600);font-size:0.8rem;margin-bottom:8px;font-weight:500;background:var(--color-gray-100);padding:4px 10px;border-radius:4px;display:inline-block;max-width:fit-content;letter-spacing:0.5px;}.product-title{font-size:1.1rem;font-weight:700;color:var(--color-primary);margin-bottom:10px;line-height:1.4;flex-grow:1;transition:color 0.3s ease;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;}.product-card:hover .product-title{color:var(--color-secondary);}.product-card:hover .view-product-btn{background:rgba(6,182,212,0.9);transform:translateY(-2px);}.product-specs{font-size:0.88rem;color:var(--color-gray-600);margin-bottom:18px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid var(--color-gray-200);gap:15px;}.product-price{font-size:1.35rem;font-weight:800;color:var(--color-secondary);white-space:nowrap;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;letter-spacing:-0.5px;}.product-date{display:flex;align-items:center;gap:8px;color:var(--color-gray-600);font-size:0.85rem;font-weight:500;}.product-date i{color:var(--color-secondary);font-size:0.9rem;}.product-date span{white-space:nowrap;}.add-to-cart{background:var(--color-secondary);color:white;border:none;border-radius:6px;padding:10px 18px;font-size:0.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all 0.2s;font-weight:500;}.add-to-cart:hover{background:rgba(6,182,212,0.9);transform:translateY(-2px);}.view-product-btn{background:var(--color-secondary);color:white;border:none;border-radius:8px;padding:10px 18px;font-size:0.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s ease;font-weight:600;text-decoration:none;width:100%;text-align:center;box-shadow:0 4px 8px rgba(6,182,212,0.15);position:relative;overflow:hidden;}.view-product-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.7s;}.view-product-btn::after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,0.5);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%);transform-origin:50% 50%;}.view-product-btn:hover{background:rgba(6,182,212,0.95);transform:translateY(-2px);box-shadow:0 6px 12px rgba(6,182,212,0.25);color:white;}.view-product-btn:hover::before{left:100%;}.view-product-btn:hover::after{animation:ripple 1s ease-out;}.view-product-btn:active{transform:translateY(0);box-shadow:0 3px 6px rgba(6,182,212,0.2);}@keyframes ripple{0%{transform:scale(0,0);opacity:0.5;}100%{transform:scale(40,40);opacity:0;}}.load-more-container{text-align:center;margin-top:40px;padding-top:30px;border-top:1px solid var(--color-gray-200);}.load-more-btn{display:inline-flex;align-items:center;gap:10px;background:white;border:2px solid var(--color-secondary);color:var(--color-secondary);padding:14px 35px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s;}.load-more-btn:hover{background:var(--color-secondary);color:white;gap:15px;transform:translateY(-3px);box-shadow:0 8px 20px rgba(6,182,212,0.2);}.load-more-btn .loading-icon{display:none;animation:spin 1s linear infinite;}.load-more-btn.loading .loading-icon{display:inline-block;}.load-more-btn.loading .btn-text{display:none;}.load-more-info{margin-top:12px;color:var(--color-gray-600);font-size:0.9rem;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.no-products{text-align:center;padding:60px 20px;grid-column:1 / -1;color:var(--color-gray-600);}.no-products i{font-size:3rem;color:var(--color-gray-400);margin-bottom:20px;}.no-products h3{font-size:1.3rem;color:var(--color-gray-700);margin-bottom:10px;}@media (max-width:1024px){.categories-tabs-container{padding:16px;}.current-category-info{flex-wrap:wrap;gap:8px;}.category-name-display{max-width:100%;word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.3;}.products-count{white-space:nowrap;flex-shrink:0;}.tabs-toggle{display:block;background:none;border:none;color:var(--color-gray-500);cursor:pointer;padding:5px;border-radius:5px;transition:all 0.2s;white-space:nowrap;font-size:0.85rem;flex-shrink:0;}.tabs-toggle:hover{color:var(--color-secondary);background:var(--color-gray-100);}.tabs-toggle i{transition:transform 0.3s;margin-left:5px;}.tabs-toggle.active i{transform:rotate(180deg);}.categories-tabs{max-height:45px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;-webkit-overflow-scrolling:touch;transition:max-height 0.3s ease;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) var(--color-gray-100);}.categories-tabs.expanded{max-height:200px;flex-wrap:wrap;overflow-y:auto;}.categories-tabs::-webkit-scrollbar{height:4px;}.categories-tabs::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:2px;}.categories-tabs::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:2px;}.category-tab{min-width:auto;white-space:nowrap;font-size:0.9rem;padding:10px 18px;margin-bottom:5px;}.categories-tabs-wrapper{position:relative;}.categories-tabs:not(.expanded)::after{content:'';position:absolute;right:0;top:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(248,250,252,0.9));pointer-events:none;}}@media (max-width:768px){.brand-hero{padding:20px 0 10px 0;margin-bottom:5px;}.categories-tabs-wrapper{display:flex;flex-direction:column;}.categories-tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;height:40px;}.categories-tabs{max-height:50px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;-webkit-overflow-scrolling:touch;transition:max-height 0.3s ease;align-items:flex-start;justify-content:flex-start;flex-direction:row;display:flex;width:100%;}.categories-tabs::before{content:'';display:block;min-width:0;flex-shrink:10000;}.categories-tabs.expanded{max-height:none;flex-wrap:wrap;overflow-y:visible;overflow-x:visible;}.categories-tabs.expanded::before{display:none;}.categories-tabs.scroll-to-start{scroll-behavior:auto;}.category-tab{min-width:auto;white-space:nowrap;font-size:0.85rem;padding:10px 16px;margin-bottom:0;flex-shrink:0;}.brand-hero-content{flex-direction:column;gap:25px;text-align:center;}.brand-logo-container{width:150px;height:100px;margin:0 auto;}.brand-title{justify-content:center;}.brand-title h1{font-size:1.8rem;}.brand-stats{grid-template-columns:repeat(2,1fr);gap:15px;}.product-content{padding:18px;}.product-footer{flex-direction:column;align-items:stretch;gap:15px;}.view-product-btn{width:100%;justify-content:center;padding:12px;}.product-date{text-align:center;justify-content:center;}.view-product-btn{order:1;}.stat-value{font-size:1.5rem;}.products-main-header{flex-direction:column;align-items:flex-start;}.categories-tabs-container{flex-direction:column;align-items:stretch;gap:15px;}.category-search-wrapper{min-width:100%;}.search-action-btn{right:8px;width:32px;height:32px;}.current-category-info{flex-direction:column;align-items:flex-start;gap:10px;}.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}.product-image-wrapper{height:200px;padding:20px;}}@media (max-width:480px){.brand-stats{grid-template-columns:1fr;}.product-image-wrapper{height:200px;padding:10px;}.view-product-btn{width:100%;padding:12px 20px;font-size:0.95rem;}.product-footer{gap:15px;}.categories-tabs{justify-content:center;max-height:55px;}.categories-tabs:not(.expanded){max-height:55px;}.category-tab{padding:8px 14px;font-size:0.8rem;}.category-name-display{font-size:1.1rem;}.product-footer{flex-direction:column;align-items:flex-start;gap:15px;}.add-to-cart{width:100%;justify-content:center;}}@media (min-width:769px){.current-category-info{flex-direction:row;justify-content:space-between;align-items:center;}}@media (min-width:769px) and (max-width:1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;}.product-image-wrapper{height:220px;padding:22px;}.product-footer{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;}.categories-tabs-wrapper{display:flex;flex-direction:column;}.categories-tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;height:40px;}.categories-tabs{max-height:50px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;-webkit-overflow-scrolling:touch;transition:max-height 0.3s ease;align-items:flex-start;justify-content:flex-start;}.categories-tabs::before{content:'';display:block;min-width:0;}.categories-tabs.expanded{max-height:none;flex-wrap:wrap;overflow-y:visible;overflow-x:visible;padding-bottom:0;}.categories-tabs.expanded::before{display:none;}.categories-tabs:not(.expanded)::-webkit-scrollbar{height:4px;}.categories-tabs:not(.expanded)::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:2px;}.categories-tabs:not(.expanded)::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:2px;}.categories-tabs:not(.expanded){position:relative;}.categories-tabs:not(.expanded)::after{content:'';position:absolute;right:0;top:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(248,250,252,0.9));pointer-events:none;z-index:1;}.category-tab{min-width:auto;white-space:nowrap;font-size:0.9rem;padding:10px 18px;margin-bottom:0;flex-shrink:0;}.view-product-btn{min-width:140px;}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.fade-in{animation:fadeIn 0.5s ease forwards;}.subcat-hero-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:white;padding:50px 0 40px;position:relative;overflow:hidden;}.subcat-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(6,182,212,0.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(245,158,11,0.1) 0%,transparent 50%);z-index:1;}.subcat-hero-content{position:relative;z-index:2;}.subcat-hero-content h1{font-size:2.2rem;margin-bottom:12px;font-weight:700;line-height:1.2;}.subcat-hero-content p{font-size:1.1rem;color:rgba(255,255,255,0.85);margin-bottom:20px;line-height:1.6;max-width:800px;}.subcat-hero-stats{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px;}.subcat-stat-item{display:flex;align-items:center;gap:10px;}.subcat-stat-icon{width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#06b6d4;font-size:1rem;}.subcat-stat-info h4{font-size:1.5rem;font-weight:700;margin:0;line-height:1;}.subcat-stat-info p{color:rgba(255,255,255,0.7);margin:4px 0 0;font-size:0.8rem;}.subcat-main-content{padding:50px 0 80px;background:#f8fafc;}.subcat-products-section{margin-bottom:60px;}.subcat-products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px;}.subcat-products-header h2{font-size:2rem;color:#0f172a;margin:0;font-weight:700;position:relative;display:inline-block;}.subcat-products-header h2:after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:#06b6d4;border-radius:2px;}.brand-search-wrapper{position:relative;min-width:280px;}.brand-search-input{width:100%;border:2px solid #e5e7eb;font-size:0.95rem;transition:all 0.2s;background:white;}.brand-search-input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px rgba(6,182,212,0.1);}.brand-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#9ca3af;}.brand-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#06b6d4;color:white;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;}.brand-search-btn:hover{background:#0ea5e9;transform:translateY(-50%) scale(1.05);}.subcat-products-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;}.subcat-product-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:all 0.3s ease;border:1px solid #e5e7eb;height:100%;display:flex;flex-direction:column;position:relative;}.subcat-product-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);border-color:#06b6d4;}.subcat-product-image{height:250px;background:white;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;border-bottom:1px solid #e5e7eb;}.subcat-product-image::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);z-index:1;}.subcat-product-image img{max-width:85%;max-height:85%;object-fit:contain;transition:all 0.5s ease;position:relative;z-index:10;}.subcat-product-card:hover .subcat-product-image{transform:scale(1.02);}.subcat-product-card:hover .subcat-product-image img{transform:scale(1.05);}.subcat-product-badge{position:absolute;top:12px;left:12px;background:#06b6d4;color:white;font-size:0.7rem;padding:4px 10px;border-radius:4px;font-weight:700;z-index:20;text-transform:uppercase;letter-spacing:0.5px;}.subcat-product-content{padding:18px;flex-grow:1;display:flex;flex-direction:column;background:white;}.subcat-product-code{font-family:'Courier New',monospace;color:#6b7280;font-size:0.8rem;margin-bottom:8px;font-weight:500;background:#f3f4f6;padding:4px 10px;border-radius:4px;display:inline-block;max-width:fit-content;letter-spacing:0.5px;}.subcat-product-title{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:15px;line-height:1.4;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;}.subcat-product-card:hover .subcat-product-title{color:#06b6d4;}.subcat-product-specs{font-size:0.88rem;color:#6b7280;margin-bottom:18px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.subcat-product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid #e5e7eb;gap:10px;}.subcat-product-date{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:0.8rem;font-weight:500;flex-shrink:0;}.subcat-product-date i{color:#06b6d4;font-size:0.85rem;}.subcat-product-date span{white-space:nowrap;}.subcat-product-action{background:#06b6d4;color:white;border:none;border-radius:6px;padding:8px 16px;font-size:0.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all 0.3s ease;font-weight:600;text-decoration:none;width:100%;text-align:center;box-shadow:0 2px 6px rgba(6,182,212,0.15);flex-shrink:0;}.subcat-product-action:hover{background:#0ea5e9;transform:translateY(-2px);box-shadow:0 4px 10px rgba(6,182,212,0.25);color:white;}.subcat-product-action::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.7s;}.subcat-product-action:hover::before{left:100%;}.product-brand-tag{display:inline-flex;align-items:center;gap:6px;background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563;font-size:0.75rem;padding:4px 10px;border-radius:6px;font-weight:500;margin-bottom:12px;max-width:fit-content;}.product-brand-tag i{color:#06b6d4;font-size:0.7rem;}.subcat-cta-section{text-align:center;margin-top:60px;padding:40px 30px;background:white;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.05);border:1px solid #e5e7eb;}.subcat-cta-section h2{font-size:1.8rem;color:#0f172a;margin-bottom:16px;font-weight:700;}.subcat-cta-section p{color:#6b7280;font-size:1.1rem;max-width:700px;margin:0 auto 30px;line-height:1.6;}.subcat-cta-button{background:#06b6d4;color:white;border:none;padding:14px 36px;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all 0.3s;}.subcat-cta-button:hover{background:#0ea5e9;transform:translateY(-3px);box-shadow:0 10px 25px rgba(6,182,212,0.3);}.subcat-breadcrumb{background:#f3fafc;padding:15px 0;font-size:0.9rem;}.subcat-breadcrumb .container{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.subcat-breadcrumb a{color:#6b7280;transition:color 0.2s;}.subcat-breadcrumb a:hover{color:#06b6d4;}.subcat-breadcrumb .separator{color:#9ca3af;}.subcat-breadcrumb .current{color:#0f172a;font-weight:500;}@media (min-width:640px){.subcat-products-grid{grid-template-columns:repeat(2,1fr);gap:20px;}.subcat-hero-stats{gap:30px;}}@media (min-width:768px){.subcat-hero-section{padding:60px 0 50px;}.subcat-hero-content h1{font-size:2.5rem;}.subcat-hero-content p{font-size:1.2rem;}.subcat-main-content{padding:60px 0 100px;}.subcat-products-header h2{font-size:2.2rem;}.subcat-products-grid{grid-template-columns:repeat(3,1fr);gap:22px;}.subcat-cta-section h2{font-size:2rem;}}@media (min-width:1024px){.subcat-products-grid{grid-template-columns:repeat(4,1fr);gap:24px;}.subcat-hero-content h1{font-size:2.8rem;}}@media (max-width:767px){.subcat-product-card{border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,0.04);}.subcat-product-image{height:200px;padding:10px;}.subcat-product-badge{top:8px;left:8px;font-size:0.65rem;padding:3px 8px;}.subcat-product-content{padding:15px;}.product-brand-tag{font-size:0.7rem;padding:3px 8px;margin-bottom:10px;}.subcat-product-title{font-size:0.95rem;margin-bottom:12px;min-height:2.6em;-webkit-line-clamp:2;}.subcat-product-footer{padding-top:12px;}.subcat-product-date{font-size:0.75rem;}.subcat-product-action{padding:6px 12px;font-size:0.8rem;min-width:70px;}}@media (max-width:480px){.subcat-hero-content h1{font-size:1.6rem;}.subcat-hero-stats{gap:10px;}.subcat-stat-item{flex:1 1 100%;}.subcat-products-grid{gap:15px;}}@media (min-width:768px) and (max-width:1024px){.subcat-products-grid{grid-template-columns:repeat(3,1fr);gap:24px;}.subcat-product-image{height:210px;padding:15px;}.subcat-product-content{padding:16px;}.subcat-product-title{font-size:0.95rem;min-height:2.6em;}.subcat-product-action{padding:7px 14px;font-size:0.8rem;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.subcat-fade-in{animation:fadeInUp 0.6s ease forwards;}.subcat-delay-1{animation-delay:0.1s;}.subcat-delay-2{animation-delay:0.2s;}.subcat-delay-3{animation-delay:0.3s;}.loading-message{text-align:center;padding:60px 20px;grid-column:1 / -1;color:#6b7280;}.loading-message i{font-size:2rem;color:#06b6d4;margin-bottom:15px;}.no-products{text-align:center;padding:60px 20px;grid-column:1 / -1;color:#6b7280;}.no-products i{font-size:3rem;color:#9ca3af;margin-bottom:20px;}.no-products h3{font-size:1.3rem;color:#6b7280;margin-bottom:10px;}.error-message{text-align:center;padding:60px 20px;grid-column:1 / -1;color:#ef4444;}.error-message i{font-size:3rem;color:#ef4444;margin-bottom:20px;}.error-message h3{font-size:1.3rem;color:#ef4444;margin-bottom:10px;}.load-more-btn{display:inline-flex;align-items:center;gap:10px;background:white;border:2px solid #06b6d4;color:#06b6d4;padding:14px 35px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s;}.load-more-btn:hover{background:#06b6d4;color:white;gap:15px;transform:translateY(-3px);box-shadow:0 8px 20px rgba(6,182,212,0.2);}.load-more-btn .loading-icon{display:none;animation:spin 1s linear infinite;}.load-more-btn.loading .loading-icon{display:inline-block;}.load-more-btn.loading .btn-text{display:none;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.load-more-info{margin-top:12px;color:#6b7280;font-size:0.9rem;}.brand-hint{margin-top:8px;font-size:0.85rem;color:#6b7280;text-align:center;}.brand-hint span{color:#06b6d4;font-weight:600;cursor:pointer;transition:color 0.2s;}.brand-hint span:hover{color:#0ea5e9;text-decoration:underline;}.brand-hint-container{margin-top:15px;margin-bottom:20px;padding:15px;background:linear-gradient(to right,#f8fafc,#f0f9ff);border-radius:12px;border:1px solid #e0f2fe;animation:fadeIn 0.5s ease;}.load-more-container{margin-top:30px;text-align:center;}.brand-hint-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;}.brand-hint-header i{color:#06b6d4;font-size:1rem;}.hint-title{font-weight:600;color:#0f172a;font-size:0.9rem;}.brand-hint-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}.hint-tag{display:inline-block;padding:6px 12px;background:white;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;font-size:0.85rem;cursor:pointer;transition:all 0.2s ease;font-weight:500;}.hint-tag:hover{background:#f0f9ff;border-color:#06b6d4;color:#06b6d4;transform:translateY(-1px);box-shadow:0 2px 4px rgba(6,182,212,0.1);}.hint-tag.active{background:#06b6d4;border-color:#06b6d4;color:white;font-weight:600;}.brand-hint-footer{color:#6b7280;font-size:0.8rem;padding-top:8px;border-top:1px solid #e5e7eb;}@media (max-width:768px){.brand-hint-container{padding:12px;}.brand-hint-tags{gap:6px;}.hint-tag{padding:5px 10px;font-size:0.8rem;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.cat-hero-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:white;padding:60px 0 40px;position:relative;overflow:hidden;}.cat-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(6,182,212,0.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(245,158,11,0.1) 0%,transparent 50%);z-index:1;}.cat-hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto;}.cat-hero-content h1{font-size:2.5rem;margin-bottom:16px;font-weight:700;line-height:1.2;}.cat-hero-content p{font-size:1.125rem;color:rgba(255,255,255,0.85);margin-bottom:24px;line-height:1.6;}.cat-main-content{padding:60px 0 80px;background:#f8fafc;}.cat-stats-bar{background:white;border-radius:12px;padding:24px;margin-bottom:40px;box-shadow:0 4px 12px rgba(0,0,0,0.05);border:1px solid #e5e7eb;}.cat-stats-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}.cat-stat-item{display:flex;align-items:center;gap:12px;}.cat-stat-icon{width:48px;height:48px;background:rgba(6,182,212,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#06b6d4;font-size:1.25rem;}.cat-stat-info h4{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0;line-height:1;}.cat-stat-info p{color:#6b7280;margin:4px 0 0;font-size:0.875rem;}.cat-section-header{text-align:center;margin-bottom:40px;}.cat-section-header h2{font-size:2rem;color:#0f172a;margin-bottom:12px;font-weight:700;}.cat-section-header p{color:#6b7280;font-size:1.125rem;max-width:700px;margin:0 auto;line-height:1.6;}.cat-categories-container{background:white;border-radius:16px;padding:40px;margin-bottom:60px;box-shadow:0 4px 12px rgba(0,0,0,0.05);border:1px solid #e5e7eb;}.cat-categories-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-top:30px;}.cat-category-item{background:#f8fafc;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all 0.3s;border:1px solid #e5e7eb;cursor:pointer;text-decoration:none;color:inherit;}.cat-category-item:hover{background:white;border-color:#06b6d4;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.08);}.cat-category-icon{width:50px;height:50px;background:rgba(6,182,212,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#06b6d4;font-size:1.25rem;flex-shrink:0;transition:all 0.3s;}.cat-category-item:hover .cat-category-icon{background:#06b6d4;color:white;transform:scale(1.1);}.cat-category-info h4{font-size:1.125rem;color:#0f172a;margin:0 0 4px;font-weight:600;}.cat-category-info p{color:#6b7280;font-size:0.875rem;margin:0;}.cat-category-count{color:#06b6d4;font-weight:600;font-size:0.875rem;margin-left:auto;flex-shrink:0;}.cat-subcategories-container{background:white;border-radius:16px;padding:40px;margin-bottom:60px;box-shadow:0 4px 12px rgba(0,0,0,0.05);border:1px solid #e5e7eb;}.cat-subgrid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-top:30px;}.cat-subcard{background:#f8fafc;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all 0.3s;border:1px solid #e5e7eb;cursor:pointer;text-decoration:none;color:inherit;}.cat-subcard:hover{background:white;border-color:#06b6d4;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.08);}.cat-subicon{width:50px;height:50px;background:rgba(6,182,212,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#06b6d4;font-size:1.25rem;flex-shrink:0;transition:all 0.3s;}.cat-subcard:hover .cat-subicon{background:#06b6d4;color:white;transform:scale(1.1);}.cat-subinfo h4{font-size:1.125rem;color:#0f172a;margin:0 0 4px;font-weight:600;}.cat-subinfo p{color:#6b7280;font-size:0.875rem;margin:0;}.cat-subcount{color:#06b6d4;font-weight:600;font-size:0.875rem;margin-left:auto;flex-shrink:0;}.cat-cta-section{text-align:center;margin-top:60px;padding:50px 30px;background:white;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.05);border:1px solid #e5e7eb;}.cat-cta-section h2{font-size:2rem;color:#0f172a;margin-bottom:16px;font-weight:700;}.cat-cta-section p{color:#6b7280;font-size:1.125rem;max-width:700px;margin:0 auto 30px;line-height:1.6;}.cat-cta-button{background:#06b6d4;color:white;border:none;padding:16px 40px;border-radius:10px;font-size:1.125rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all 0.3s;}.cat-cta-button:hover{background:#0ea5e9;transform:translateY(-3px);box-shadow:0 10px 25px rgba(6,182,212,0.3);}@media (min-width:640px){.cat-stats-container{grid-template-columns:repeat(4,1fr);}.cat-categories-grid{grid-template-columns:repeat(2,1fr);}.cat-subgrid{grid-template-columns:repeat(2,1fr);}}@media (min-width:768px){.cat-hero-section{padding:80px 0 60px;}.cat-hero-content h1{font-size:3rem;}.cat-hero-content p{font-size:1.25rem;}.cat-main-content{padding:80px 0 100px;}.cat-section-header h2{font-size:2.5rem;}.cat-categories-grid{grid-template-columns:repeat(3,1fr);}.cat-subgrid{grid-template-columns:repeat(3,1fr);}.cat-cta-section h2{font-size:2.5rem;}}@media (min-width:1024px){.cat-hero-content h1{font-size:3.5rem;}.cat-categories-grid{grid-template-columns:repeat(4,1fr);}.cat-subgrid{grid-template-columns:repeat(4,1fr);}}@media (max-width:767px){.cat-hero-section{padding:40px 0 30px;}.cat-hero-content h1{font-size:2rem;}.cat-hero-content p{font-size:1rem;}.cat-stats-bar{padding:16px;}.cat-stat-item{flex-direction:column;text-align:center;}.cat-section-header h2{font-size:1.75rem;}.cat-section-header p{font-size:1rem;}.cat-categories-container{padding:20px;}.cat-subcategories-container{padding:20px;}.cat-cta-section{padding:30px 20px;}.cat-cta-section h2{font-size:1.75rem;}}@media (max-width:480px){.cat-hero-content h1{font-size:1.75rem;}}@media (min-width:768px) and (max-width:1024px){.cat-hero-content h1{font-size:2.5rem;}.cat-categories-grid{grid-template-columns:repeat(2,1fr);}.cat-subgrid{grid-template-columns:repeat(2,1fr);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.cat-fade-in{animation:fadeInUp 0.6s ease forwards;}.news-page{overflow-x:hidden;}.news-breadcrumb{background:#f8fafc;padding:15px 0;font-size:0.9rem;}.news-breadcrumb .container{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.news-breadcrumb a{color:#4b5563;transition:color 0.2s;}.news-breadcrumb a:hover{color:#06b6d4;}.news-breadcrumb .separator{color:#9ca3af;}.news-breadcrumb .current{color:#0f172a;font-weight:500;}.news-hero{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:white;padding:60px 0 40px;position:relative;overflow:hidden;}.news-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(6,182,212,0.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(245,158,11,0.1) 0%,transparent 50%);z-index:1;}.news-hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto;}.news-hero h1{font-size:2.5rem;margin-bottom:16px;font-weight:700;line-height:1.2;}.news-hero p{font-size:1.125rem;color:rgba(255,255,255,0.85);margin-bottom:24px;line-height:1.6;}.news-main-content{padding:50px 0 80px;background:#f8fafc;}.all-news-section{margin-bottom:60px;}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px;}.section-header h2{font-size:2rem;color:#0f172a;margin:0;font-weight:700;position:relative;display:inline-block;}.section-header h2:after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:#06b6d4;border-radius:2px;}.all-news-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:30px;}.news-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:all 0.3s ease;border:1px solid #e5e7eb;height:100%;display:flex;flex-direction:column;}.news-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.08);border-color:#06b6d4;}.news-card-image{height:240px;position:relative;overflow:hidden;}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.news-card:hover .news-card-image img{transform:scale(1.05);}.news-card-content{padding:15px 25px;flex-grow:1;display:flex;flex-direction:column;}.news-card-date{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:0.85rem;margin-bottom:10px;font-weight:500;}.news-card-date i{color:#06b6d4;}.news-card-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:15px;line-height:1.3;transition:color 0.3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:3.25rem;}.news-card:hover .news-card-title{color:#06b6d4;}.news-card-excerpt{color:#6b7280;line-height:1.6;margin-bottom:20px;font-size:0.95rem;flex-grow:1;}.news-card-meta{display:flex;flex-direction:column;gap:15px;padding-top:15px;border-top:1px solid #e5e7eb;}.news-categories-container{display:flex;flex-wrap:wrap;gap:8px;}.news-category{display:inline-flex;align-items:center;gap:6px;background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563;font-size:0.8rem;padding:6px 12px;border-radius:6px;font-weight:500;white-space:nowrap;}.news-category i{color:#06b6d4;font-size:0.7rem;}.news-writer,.news-source{display:inline-flex;align-items:center;gap:6px;background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563;font-size:0.8rem;padding:6px 12px;border-radius:6px;font-weight:500;white-space:nowrap;}.news-writer i,.news-source i{color:#06b6d4;font-size:0.7rem;}.view-news-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#06b6d4;color:white;padding:10px 20px;border-radius:6px;font-weight:600;text-decoration:none;transition:all 0.3s;font-size:0.9rem;white-space:nowrap;text-align:center;}.view-news-btn:hover{background:#0ea5e9;transform:translateY(-2px);box-shadow:0 4px 12px rgba(6,182,212,0.3);color:white;}.view-news-btn i{font-size:0.85rem;}.news-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:50px;flex-wrap:wrap;}.page-btn,.page-number{padding:10px 18px;border:2px solid #e5e7eb;background:white;border-radius:8px;cursor:pointer;transition:all 0.3s;font-size:0.95rem;font-weight:500;min-width:45px;text-align:center;}.page-btn:hover:not(:disabled),.page-number:hover:not(.active){border-color:#06b6d4;color:#06b6d4;}.page-btn:disabled{opacity:0.5;cursor:not-allowed;}.page-number.active{background:#06b6d4;color:white;border-color:#06b6d4;}.page-dots{padding:10px 4px;color:#9ca3af;}.pagination-info{color:#6b7280;font-size:0.9rem;text-align:center;margin-top:15px;width:100%;}@media (min-width:640px){.all-news-grid{grid-template-columns:repeat(2,1fr);}}@media (min-width:768px){.news-hero{padding:80px 0 60px;}.news-hero h1{font-size:3rem;}.news-hero p{font-size:1.25rem;}.news-main-content{padding:60px 0 100px;}.section-header h2{font-size:2.2rem;}.all-news-grid{grid-template-columns:repeat(3,1fr);}.newsletter-container h2{font-size:2.5rem;}}@media (min-width:1024px){.all-news-grid{grid-template-columns:repeat(3,1fr);}.news-hero h1{font-size:3.5rem;}}@media (max-width:767px){.news-hero{padding:40px 0 30px;}.news-hero h1{font-size:2rem;}.news-hero p{font-size:1rem;}.newsletter-form{flex-direction:column;}.newsletter-button{width:100%;}.news-categories-container{gap:6px;}.news-category,.news-writer,.news-source{font-size:0.75rem;padding:4px 8px;}}@media (max-width:480px){.news-hero h1{font-size:1.75rem;}.news-categories-container{flex-direction:column;align-items:flex-start;}.news-category,.news-writer,.news-source{width:100%;justify-content:center;}}@media (min-width:768px) and (max-width:1024px){.all-news-grid{grid-template-columns:repeat(3,1fr);}.news-hero h1{font-size:2.5rem;}.news-card-content{padding:20px;}.news-card-title{font-size:1.1rem;min-height:2.8rem;}.news-categories-container{gap:6px;}.news-category,.news-writer,.news-source{font-size:0.75rem;padding:4px 10px;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.news-fade-in{animation:fadeInUp 0.6s ease forwards;}.news-delay-1{animation-delay:0.1s;}.news-detail-page{overflow-x:hidden;}.news-detail-breadcrumb{background:#f8fafc;padding:15px 0;font-size:0.9rem;}.news-detail-breadcrumb .container{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:1280px;margin:0 auto;padding:0 20px;}.news-detail-breadcrumb a{color:#4b5563;transition:color 0.2s;}.news-detail-breadcrumb a:hover{color:#06b6d4;}.news-detail-breadcrumb .separator{color:#9ca3af;}.news-detail-breadcrumb .current{color:#0f172a;font-weight:500;}.news-detail-main{padding:40px 0 60px;background:#f8fafc;}.news-detail-container{max-width:1200px;margin:0 auto;padding:0 20px;}.news-detail-header{background:white;border-radius:12px;padding:40px;margin-bottom:30px;box-shadow:0 4px 15px rgba(0,0,0,0.05);}.news-detail-title{font-size:2.25rem;font-weight:700;color:#0f172a;margin-bottom:25px;line-height:1.3;}.news-detail-meta{display:flex;flex-wrap:wrap;gap:20px;}.news-detail-meta-item{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:0.95rem;}.news-detail-meta-item i{color:#06b6d4;font-size:0.9rem;}.news-detail-content{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.05);margin-bottom:50px;}.article-content{padding:50px;font-size:1.125rem;line-height:1.7;color:#374151;}.article-content img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);}.article-content h2{font-size:1.75rem;font-weight:700;color:#0f172a;margin:20px 0;padding-bottom:10px;border-bottom:2px solid #06b6d4;}.article-content h2:first-child{margin-top:0;}.article-content h3{font-size:1.5rem;font-weight:600;color:#0f172a;margin:30px 0 15px;}.article-content p{margin-bottom:1.0em;}.article-content ul{margin:1.5em 0;padding-left:1.5em;}.article-content ul li{position:relative;padding-left:1.5em;margin-bottom:0.75em;}.article-content ul li:before{content:"•";color:#06b6d4;font-weight:bold;position:absolute;left:0;font-size:1.2em;}.article-content ol{margin:1.5em 0;padding-left:1.5em;counter-reset:item;}.article-content ol li{position:relative;padding-left:1.5em;margin-bottom:0.75em;counter-increment:item;}.article-content ol li:before{content:counter(item) ".";color:#06b6d4;font-weight:bold;position:absolute;left:0;}.article-content blockquote{background:linear-gradient(to right,#f0f9ff 0%,#e0f2fe 100%);border-left:4px solid #06b6d4;padding:25px 30px;margin:2em 0;font-style:italic;color:#0f172a;font-size:1.25rem;line-height:1.6;border-radius:0 8px 8px 0;}.article-content strong{font-weight:700;color:#0f172a;}.article-content em{font-style:italic;color:#4b5563;}.article-image{width:100%;max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);}.article-image-caption{text-align:center;font-size:0.95rem;color:#6b7280;margin-top:8px;margin-bottom:1.5em;font-style:italic;}.related-news-section{margin-bottom:60px;}.related-news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}.related-news-title{font-size:1.75rem;font-weight:700;color:#0f172a;position:relative;display:inline-block;}.related-news-title:after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:#06b6d4;border-radius:2px;}.view-all-link{color:#06b6d4;font-weight:600;display:flex;align-items:center;gap:8px;transition:gap 0.3s;}.view-all-link:hover{gap:12px;}.related-news-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:25px;}@media (min-width:640px){.related-news-grid{grid-template-columns:repeat(2,1fr);}}@media (min-width:1024px){.related-news-grid{grid-template-columns:repeat(3,1fr);}}.related-news-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:all 0.3s ease;border:1px solid #e5e7eb;height:100%;display:flex;flex-direction:column;}.related-news-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);border-color:#06b6d4;}.related-news-image{height:200px;overflow:hidden;}.related-news-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.related-news-card:hover .related-news-image img{transform:scale(1.05);}.related-news-content{padding:25px;flex-grow:1;display:flex;flex-direction:column;}.related-news-date{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:0.85rem;margin-bottom:12px;font-weight:500;}.related-news-date i{color:#06b6d4;}.related-news-card-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:15px;line-height:1.3;transition:color 0.3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:3.25rem;}.related-news-card:hover .related-news-card-title{color:#06b6d4;}.related-news-excerpt{color:#6b7280;line-height:1.6;margin-bottom:20px;font-size:0.95rem;flex-grow:1;}.related-news-meta{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #e5e7eb;}.related-news-categories{display:flex;flex-wrap:wrap;gap:8px;}.related-news-category{display:inline-flex;align-items:center;gap:6px;background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563;font-size:0.75rem;padding:4px 10px;border-radius:4px;font-weight:500;}.related-news-category i{color:#06b6d4;font-size:0.7rem;}.view-article-link{color:#06b6d4;font-weight:600;display:flex;align-items:center;gap:8px;transition:gap 0.3s;font-size:0.9rem;}.view-article-link:hover{gap:12px;}.back-to-news{text-align:center;margin-top:60px;}.back-to-news-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:white;border:2px solid #06b6d4;color:#06b6d4;padding:14px 35px;border-radius:30px;font-weight:600;text-decoration:none;transition:all 0.3s;font-size:1rem;}.back-to-news-btn:hover{background:#06b6d4;color:white;gap:15px;transform:translateY(-3px);box-shadow:0 8px 20px rgba(6,182,212,0.2);}@media (min-width:768px){.news-detail-main{padding:60px 0 80px;}.news-detail-title{font-size:2.5rem;}.article-content{padding:60px;}.news-detail-header{padding:50px;}}@media (max-width:767px){.news-detail-header{padding:30px;}.news-detail-title{font-size:1.75rem;}.news-detail-meta{flex-direction:column;gap:12px;}.article-content{padding:30px;}.article-content h2{font-size:1.5rem;}.article-content h3{font-size:1.25rem;}.article-content{font-size:1rem;}.related-news-header{flex-direction:column;align-items:flex-start;gap:15px;}.related-news-title{font-size:1.5rem;}}@media (max-width:480px){.news-detail-header{padding:25px;}.news-detail-title{font-size:1.5rem;}.article-content{padding:25px;}.news-detail-breadcrumb .container,.news-detail-container{padding:0 15px;}}.all-products-listing-page{background-color:#f8fafc;min-height:100vh;}.all-products-main-container{max-width:1280px;margin:0 auto;padding:10px 32px 50px;}.page-title-section{margin-bottom:20px;border-bottom:1px solid #e2e8f0;padding-bottom:10px;}.page-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:10px;}.all-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;}@media (max-width:1024px){.all-products-grid{grid-template-columns:repeat(2,1fr);gap:12px;}}@media (max-width:640px){.all-products-grid{grid-template-columns:1fr;gap:10px;}}.product-item{background:white;border-radius:8px;padding:20px 25px;border-left:4px solid #06b6d4;box-shadow:0 2px 8px rgba(0,0,0,0.03);transition:all 0.2s ease;}.product-item:hover{background-color:#f0f9ff;transform:translateY(-3px);box-shadow:0 5px 15px rgba(6,182,212,0.08);}.all-products-title{font-size:1.2rem;font-weight:600;color:#0f172a;line-height:1.4;margin:0;}.all-products-title a{color:inherit;text-decoration:none;display:block;transition:color 0.2s;}.all-products-title a:hover{color:#06b6d4;}@media (max-width:768px){.all-products-main-container{padding:20px 15px 40px;}.page-title{font-size:2.2rem;}.product-item{padding:16px 20px;}.product-title{font-size:1.1rem;}}@media (max-width:480px){.page-title{font-size:1.9rem;}.product-item{padding:14px 18px;}.page-btn,.page-number{padding:6px 12px;font-size:0.95rem;}}.product-detail-page{background-color:#f8fafc;}.product-breadcrumb{padding:18px 0;position:relative;overflow:hidden;}.product-breadcrumb::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#06b6d4 0%,#0ea5e9 50%,#3b82f6 100%);z-index:1;}.product-breadcrumb .container{position:relative;z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.breadcrumb-item{display:inline-flex;align-items:center;gap:8px;font-size:0.95rem;transition:all 0.3s ease;}.breadcrumb-item a{display:inline-flex;align-items:center;gap:6px;color:#4b5563;text-decoration:none;padding:8px 12px;border-radius:6px;background:white;border:1px solid #e5e7eb;transition:all 0.3s ease;font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,0.05);}.breadcrumb-item a:hover{color:#06b6d4;background:#f0f9ff;border-color:#06b6d4;transform:translateY(-1px);box-shadow:0 4px 12px rgba(6,182,212,0.15);}.breadcrumb-item a i{font-size:0.85rem;color:#9ca3af;}.breadcrumb-item a:hover i{color:#06b6d4;}.breadcrumb-separator{display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:0.9rem;width:24px;height:24px;}.breadcrumb-separator i{font-size:0.8rem;}.breadcrumb-current{display:inline-flex;align-items:center;gap:8px;color:#0f172a;font-weight:600;padding:8px 16px;border-radius:6px;background:linear-gradient(135deg,#06b6d4 0%,#0ea5e9 100%);color:white;box-shadow:0 2px 8px rgba(6,182,212,0.3);position:relative;overflow:hidden;}.breadcrumb-current::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s;}.breadcrumb-current:hover::before{left:100%;}.breadcrumb-current i{font-size:0.9rem;}@media (max-width:767px){.product-breadcrumb{padding:14px 0;}.product-breadcrumb .container{gap:6px;}.breadcrumb-item a{padding:6px 10px;font-size:0.9rem;}.breadcrumb-current{padding:6px 12px;font-size:0.9rem;}.breadcrumb-separator{width:20px;height:20px;}}@media (max-width:480px){.product-breadcrumb .container{gap:4px;}.breadcrumb-item a{padding:5px 8px;font-size:0.85rem;}.breadcrumb-current{padding:5px 10px;font-size:0.85rem;}.breadcrumb-item a span:last-child{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}}.product-detail-main{padding:30px 0;}.product-detail-container{max-width:1280px;margin:0 auto;padding:0 20px 20px 20px;}.product-content-wrapper{display:grid;grid-template-columns:1fr;gap:30px;}@media (min-width:992px){.product-content-wrapper{grid-template-columns:1.2fr 0.8fr;}}.product-left-column{display:flex;flex-direction:column;gap:25px;}.product-gallery{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.05);border:1px solid #e5e7eb;position:relative;}.main-product-image{width:100%;height:400px;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;}.main-product-image img{max-width:100%;max-height:100%;object-fit:contain;transition:opacity 0.3s ease;}.product-images-container{display:none;}.arrow-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(255,255,255,0.9);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0f172a;font-size:1.2rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:10;opacity:0.8;display:none;}.arrow-btn:hover{background:white;opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,0.2);}.arrow-btn:active{transform:translateY(-50%) scale(0.95);}.arrow-btn.left-arrow{left:20px;}.arrow-btn.right-arrow{right:20px;}.image-counter{position:absolute;bottom:15px;left:0;right:0;display:flex;justify-content:center;z-index:5;display:none;}.counter-badge{background:rgba(0,0,0,0.7);color:white;padding:6px 14px;border-radius:20px;font-size:0.9rem;font-weight:500;backdrop-filter:blur(5px);}@media (max-width:767px){.arrow-btn{width:40px;height:40px;font-size:1rem;}.arrow-btn.left-arrow{left:10px;}.arrow-btn.right-arrow{right:10px;}.counter-badge{font-size:0.8rem;padding:5px 12px;}}.product-parameters-mobile{display:none;background:white;border-radius:12px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,0.05);border:1px solid #e5e7eb;}.product-parameters-mobile h3{font-size:1.3rem;color:#0f172a;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding-right:10px;}.toggle-icon{transition:transform 0.3s ease;}.product-parameters-mobile.expanded .toggle-icon{transform:rotate(180deg);}.parameters-paragraphs{width:100%;}.parameters-paragraphs p{display:flex;margin:0;padding:12px 8px;border-bottom:1px solid #e5e7eb;align-items:center;min-height:44px;}.parameters-paragraphs p:last-child{border-bottom:none;}.parameters-paragraphs p strong{display:inline-block;min-width:40%;width:40%;font-weight:600;color:#0f172a;padding-right:8px;flex-shrink:0;font-size:0.95rem;}.parameters-paragraphs p:not(:has(strong)){padding-left:40%;}.parameters-paragraphs.collapsed p{display:none;}.parameters-paragraphs.collapsed p:nth-child(-n+3){display:flex;}.parameters-paragraphs.collapsed p:nth-child(3){border-bottom:none;}.product-parameters .parameters-paragraphs.collapsed p{display:flex;}@media (max-width:767px){.parameters-paragraphs p{padding:10px 8px;min-height:40px;}.parameters-paragraphs p strong{min-width:45%;width:45%;font-size:0.9rem;}.parameters-paragraphs p:not(:has(strong)){padding-left:45%;}.product-parameters-mobile .parameters-paragraphs.collapsed p{display:none;}.product-parameters-mobile .parameters-paragraphs.collapsed p:nth-child(-n+3){display:flex;}.product-parameters-mobile .parameters-paragraphs.collapsed p:nth-child(3){border-bottom:none;}}@media (min-width:768px){.parameters-paragraphs p{padding:12px 8px;min-height:44px;}.parameters-paragraphs p strong{min-width:40%;width:40%;font-size:0.95rem;}.parameters-paragraphs p:not(:has(strong)){padding-left:40%;}}.mobile-action-buttons{display:none;flex-direction:column;gap:12px;margin-top:20px;}.mobile-fixed-actions{display:none;position:fixed;bottom:0;left:0;right:0;background:white;padding:15px;box-shadow:0 -4px 20px rgba(0,0,0,0.1);z-index:1000;transform:translateY(100%);transition:transform 0.3s ease;border-top:1px solid #e5e7eb;}.mobile-fixed-actions.show{transform:translateY(0);}.mobile-fixed-actions .fixed-buttons-container{display:flex;flex-direction:column;gap:12px;max-width:500px;margin:0 auto;}.product-description-section{background:white;border-radius:12px;padding:25px;box-shadow:0 4px 15px rgba(0,0,0,0.05);border:1px solid #e5e7eb;}.product-description-section h2{font-size:1.5rem;color:#0f172a;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #06b6d4;}.product-description-content{line-height:1.7;color:#374151;}.product-description-content p{margin-bottom:1.2em;}.product-description-content h2,.product-description-content h3,.product-description-content h4{color:#0f172a;margin:1.5em 0 0.8em;font-weight:600;}.product-description-content h2{font-size:1.5rem;border-bottom:2px solid #06b6d4;padding-bottom:8px;}.product-description-content h2::before{content:"\f0f6";font-family:"Font Awesome 6 Free";font-weight:900;}.product-description-content h3{font-size:1.3rem;}.product-description-content h4{font-size:1.1rem;}.product-description-content img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);margin:1.5em auto;display:block;}.product-description-content ul,.product-description-content ol{margin:1.5em 0;padding-left:1.5em;}.product-description-content ul li,.product-description-content ol li{margin-bottom:0.8em;}.product-description-content table{width:100%;border-collapse:collapse;margin:1.5em 0;box-shadow:0 2px 8px rgba(0,0,0,0.05);border-radius:8px;overflow:hidden;}.product-description-content thead{background:#06b6d4;color:white;}.product-description-content th,.product-description-content td{padding:12px 15px;text-align:left;border:1px solid #e5e7eb;}.product-description-content tbody tr:nth-child(even){background:#f8fafc;}.product-right-column{display:flex;flex-direction:column;gap:25px;}.product-info-card{background:white;border-radius:12px;padding:25px;box-shadow:0 4px 15px rgba(0,0,0,0.05);border:1px solid #e5e7eb;}.product-header{margin-bottom:20px;}.product-brand-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(6,182,212,0.1);color:#06b6d4;font-weight:600;padding:6px 12px;border-radius:6px;font-size:0.9rem;margin-bottom:12px;}.product-title{font-size:1.8rem;font-weight:700;color:#0f172a;line-height:1.3;margin-bottom:8px;}.product-slogan{font-size:1.1rem;color:#4b5563;font-weight:500;margin-bottom:15px;}.product-sku{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:0.95rem;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb;}.product-category-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px;}.category-tag{display:inline-flex;align-items:center;gap:6px;background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563;font-size:0.85rem;padding:6px 12px;border-radius:6px;font-weight:500;}.category-tag i{color:#06b6d4;font-size:0.8rem;}.product-parameters{margin-top:20px;}.product-parameters h3{font-size:1.3rem;color:#0f172a;margin-bottom:15px;display:flex;align-items:center;gap:10px;}.product-actions{display:flex;flex-direction:column;gap:12px;margin-top:25px;}.btn-secondary,.btn-outline{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s;border:none;font-size:1rem;width:100%;}.btn-secondary{background:#0f172a;color:white;}.btn-secondary:hover{background:#1e293b;transform:translateY(-2px);}.btn-outline{background:white;color:#06b6d4;border:2px solid #06b6d4;}.btn-outline:hover{background:#f0f9ff;transform:translateY(-2px);}.product-resources{background:white;border-radius:12px;padding:25px;box-shadow:0 4px 15px rgba(0,0,0,0.05);border:1px solid #e5e7eb;}.product-resources h3{font-size:1.3rem;color:#0f172a;margin-bottom:20px;display:flex;align-items:center;gap:10px;}.resources-list{display:flex;flex-direction:column;gap:12px;}.resource-item{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:8px;background:#f8fafc;transition:all 0.2s;text-decoration:none;color:inherit;}.resource-item:hover{background:#f0f9ff;}.resource-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#d32f2f;}.resource-info{flex:1;}.resource-title{font-weight:600;color:#0f172a;margin-bottom:4px;word-break:break-word;}.resource-description{font-size:0.85rem;color:#6b7280;}.technical-support-section{margin-top:50px;padding:40px 20px;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;text-align:center;color:white;position:relative;overflow:hidden;}.technical-support-section::before{content:'';position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(6,182,212,0.15) 0%,transparent 70%);border-radius:50%;}.technical-support-section::after{content:'';position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:radial-gradient(circle,rgba(245,158,11,0.1) 0%,transparent 70%);border-radius:50%;}.technical-support-content{position:relative;z-index:2;max-width:800px;margin:0 auto;}.technical-support-content h2{font-size:1.8rem;margin-bottom:16px;font-weight:700;line-height:1.2;}.technical-support-content p{font-size:1.1rem;color:rgba(255,255,255,0.85);margin-bottom:30px;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto;}.support-features{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:35px;}.support-feature{background:rgba(255,255,255,0.1);padding:12px 20px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:0.95rem;backdrop-filter:blur(10px);}.support-feature i{color:#06b6d4;font-size:1.1rem;}.tech-support-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#06b6d4;color:white;border:none;padding:16px 35px;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s;position:relative;z-index:2;}.tech-support-btn:hover{background:#0ea5e9;transform:translateY(-3px);box-shadow:0 10px 25px rgba(6,182,212,0.3);}.mobile-product-info-card{display:none;background:white;border-radius:12px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,0.05);border:1px solid #e5e7eb;}@media (max-width:767px){.product-detail-main{padding:20px 0;padding-bottom:80px;}.product-detail-container{padding:0 15px;}.main-product-image{height:240px;padding:15px;}.mobile-product-info-card{display:block;}.product-parameters-mobile{display:block;}.mobile-action-buttons{display:flex;}.mobile-fixed-actions{display:block;}.product-right-column .product-parameters,.product-right-column .product-actions{display:none;}.product-right-column .product-info-card{display:none;}.product-right-column .product-resources{display:none;}.product-left-column .product-resources{display:block;margin-top:20px;}.product-left-column{display:flex;flex-direction:column;gap:20px;}.product-left-column > *{order:10;}.product-left-column > .product-gallery{order:1;}.product-left-column > .mobile-product-info-card{order:2;}.product-left-column > .product-parameters-mobile{order:3;}.product-left-column > .mobile-action-buttons{order:4;}.product-left-column > .product-description-section{order:5;}.product-left-column > .product-resources{order:6;}.product-title{font-size:1.5rem;}.product-info-card,.product-description-section,.product-resources{padding:20px;}.technical-support-section{margin-top:40px;padding:30px 15px;border-radius:12px;}.technical-support-content h2{font-size:1.5rem;}.technical-support-content p{font-size:1rem;}.support-features{gap:10px;}.support-feature{padding:10px 15px;font-size:0.9rem;}.tech-support-btn{padding:14px 25px;font-size:1rem;width:100%;}}@media (min-width:768px){.product-parameters-mobile,.mobile-action-buttons,.mobile-product-info-card,.mobile-fixed-actions,.product-left-column .product-resources{display:none !important;}.product-right-column .product-info-card,.product-right-column .product-parameters,.product-right-column .product-actions,.product-right-column .product-resources{display:block;}.product-right-column .product-actions{display:flex;}}@media (min-width:768px) and (max-width:1024px){.main-product-image{height:300px;}.product-title{font-size:1.6rem;}.technical-support-section{padding:35px 25px;}.technical-support-content h2{font-size:1.7rem;}}@media (max-width:480px){.main-product-image{height:240px;padding:12px;}.product-description-section,.product-info-card,.product-resources,.mobile-product-info-card{padding:16px;}.product-title{font-size:1.3rem;}.support-features{flex-direction:column;align-items:stretch;}.support-feature{justify-content:center;}}@media (max-width:1200px){.home-brands-grid,.home-categories-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;}}@media (max-width:1024px){.home-brands-grid,.home-categories-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;}.home-section-header{margin-bottom:3rem;}.home-section-header h2{font-size:2rem;}}@media (max-width:768px){.home-brands-section,.home-categories-section{padding:3.5rem 0;}.home-section-header{margin-bottom:2.5rem;}.home-section-header h2{font-size:1.75rem;}.home-section-subtitle{font-size:1rem;}.home-brands-grid,.home-categories-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;}.home-brand-card,.home-category-item{padding:1.25rem;}.home-category-icon{width:56px;height:56px;margin-right:1rem;}.home-category-icon i{font-size:1.5rem;}}@media (max-width:576px){.home-brands-grid,.home-categories-grid{grid-template-columns:1fr;}.home-category-item{flex-direction:column;text-align:center;}.home-category-icon{margin-right:0;margin-bottom:1rem;}.home-category-count{margin-left:0;margin-top:1rem;}}@media (max-width:768px){.simple-popup-modal{width:95%;max-width:95%;}.simple-popup-header{padding:16px;}.simple-popup-header h2{font-size:1.3rem;}.simple-popup-body{padding:20px;}.simple-form-row{grid-template-columns:1fr;gap:12px;}}@media (max-width:480px){.simple-popup-header{padding:14px;}.simple-popup-body{padding:16px;}.simple-form-group input,.simple-form-group textarea{padding:10px;}.simple-btn-submit{padding:14px 20px;font-size:0.95rem;}}