.home-hero{background:#f7f9fc;padding:60px 0}.hero-content{padding:30px 0}.hero-badge{color:#0d6efd;background:#e9f2ff;border-radius:30px;margin-bottom:18px;padding:7px 15px;font-size:14px;font-weight:600;display:inline-block}.hero-content h1{color:#222;margin-bottom:20px;font-size:52px;font-weight:700;line-height:1.1}.hero-content h1 span{color:#0d6efd;display:block}.hero-content p{color:#6c757d;max-width:500px;margin-bottom:28px;font-size:17px;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:12px;display:flex}.hero-image{border-radius:18px;overflow:hidden}.hero-image img{object-fit:cover;width:100%;height:420px}.features-section{background:#fff;border-bottom:1px solid #eee;padding:28px 0}.feature-box{align-items:center;gap:14px;padding:15px 5px;display:flex}.feature-icon{color:#0d6efd;background:#eef5ff;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:18px;display:flex}.feature-box h6{margin:0 0 4px;font-size:15px;font-weight:600}.feature-box p{color:#777;margin:0;font-size:13px}.section-heading-custom{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.section-subtitle{color:#0d6efd;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.section-heading-custom h2{color:#222;margin-bottom:7px;font-size:30px;font-weight:700}.section-heading-custom p{color:#777;margin:0}.modern-product-card{background:#fff;border:1px solid #eee;border-radius:12px;height:100%;transition:all .25s;overflow:hidden}.modern-product-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.product-image{background:#f7f7f7;height:250px;display:block;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.modern-product-card:hover .product-image img{transform:scale(1.05)}.product-info{padding:17px}.product-title{color:#222;min-height:44px;font-size:15px;font-weight:600;line-height:1.5;text-decoration:none;display:block}.product-title:hover{color:#0d6efd}.product-bottom{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.product-price{color:#0d6efd;font-size:18px;font-weight:700}.product-arrow{color:#0d6efd;background:#f0f5ff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:all .2s;display:flex}.product-arrow:hover{color:#fff;background:#0d6efd}.promo-section{padding:20px 0 60px}.promo-banner{background:#111827;border-radius:18px;align-items:center;min-height:300px;display:flex;overflow:hidden}.promo-content{color:#fff;width:55%;padding:45px}.promo-content>span{color:#9ec5fe;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:13px;font-weight:600;display:inline-block}.promo-content h2{margin-bottom:15px;font-size:34px;font-weight:700}.promo-content p{color:#cbd5e1;margin-bottom:22px}.promo-image{width:45%;height:300px}.promo-image img{object-fit:cover;width:100%;height:100%}.empty-products{text-align:center;border:1px dashed #ddd;border-radius:10px;padding:60px 20px}.empty-products p{color:#777;margin:0}.newsletter-section{padding:20px 0 70px}.newsletter-box{background:#f4f7fb;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;padding:40px;display:flex}.newsletter-box>div{max-width:550px}.newsletter-box span{color:#0d6efd;text-transform:uppercase;font-size:13px;font-weight:600}.newsletter-box h2{margin:7px 0;font-size:28px;font-weight:700}.newsletter-box p{color:#777;margin:0}.newsletter-form{min-width:390px;display:flex}.newsletter-form input{border:1px solid #ddd;border-right:0;border-radius:6px 0 0 6px;outline:none;width:100%;padding:12px 15px}.newsletter-form button{white-space:nowrap;border-radius:0 6px 6px 0}@media (max-width:991px){.hero-content h1{font-size:42px}.hero-image{margin-top:30px}.hero-image img{height:350px}.feature-box{margin-bottom:10px}.promo-content{padding:30px}.promo-content h2{font-size:28px}.newsletter-box{flex-direction:column;align-items:flex-start}.newsletter-form{width:100%;min-width:0}}@media (max-width:767px){.home-hero{padding:35px 0}.hero-content h1{font-size:36px}.hero-content p{font-size:15px}.hero-image img{height:280px}.section-heading-custom{flex-direction:column;align-items:flex-start}.section-heading-custom h2{font-size:25px}.promo-banner{display:block}.promo-content{width:100%}.promo-image{width:100%;height:220px}.newsletter-box{padding:25px}.newsletter-box h2{font-size:23px}}@media (max-width:575px){.hero-content h1{font-size:32px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.product-image{height:220px}.newsletter-form{display:block}.newsletter-form input{border-right:1px solid #ddd;border-radius:6px;margin-bottom:10px}.newsletter-form button{border-radius:6px;width:100%}}.accessories-section{background:#faf9f7;padding:90px 0}.accessories-heading{justify-content:space-between;align-items:flex-end;margin-bottom:35px;display:flex}.section-label{color:#999;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.accessories-heading h2{color:#171717;margin:0;font-size:36px;font-weight:700}.accessories-heading p{color:#777;margin:8px 0 0}.accessories-link{color:#171717;border-bottom:1px solid #171717;padding-bottom:5px;font-size:14px;font-weight:600;text-decoration:none}.accessories-link i{margin-left:8px;transition:transform .3s}.accessories-link:hover i{transform:translate(5px)}.accessories-grid{grid-template-rows:250px 250px;grid-template-columns:1.35fr 1fr 1fr;gap:18px;display:grid}.accessory-card{background:#ddd;text-decoration:none;display:block;position:relative;overflow:hidden}.accessory-large{grid-row:span 2}.accessory-card img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.accessory-card:hover img{transform:scale(1.07)}.accessory-card:after{content:"";background:linear-gradient(#0000 40%,#000000a6);position:absolute;inset:0}.accessory-overlay{z-index:2;color:#fff;position:absolute;bottom:25px;left:25px}.accessory-overlay span{letter-spacing:2px;opacity:.7;margin-bottom:8px;font-size:11px;display:block}.accessory-overlay h3{margin:0;font-size:25px;font-weight:600}.accessory-overlay p{opacity:.8;margin:5px 0 0;font-size:13px}.classic-section{background:#fff;padding:100px 0}.classic-wrapper{background:#f3f0eb;grid-template-columns:1fr 1fr;min-height:600px;display:grid}.classic-image{overflow:hidden}.classic-image img{object-fit:cover;width:100%;height:100%;min-height:600px}.classic-content{flex-direction:column;justify-content:center;padding:70px;display:flex}.classic-content h2{color:#171717;margin:10px 0 25px;font-size:50px;font-weight:700;line-height:1.1}.classic-content h2 em{font-family:Georgia,serif;font-weight:400}.classic-content>p{color:#666;max-width:450px;font-size:15px;line-height:1.8}.classic-features{border-top:1px solid #d8d4ce;border-bottom:1px solid #d8d4ce;gap:35px;margin:35px 0;padding:25px 0;display:flex}.classic-features div{flex-direction:column;gap:7px;display:flex}.classic-features strong{color:#999;font-size:12px}.classic-features span{color:#333;font-size:13px;font-weight:600}.classic-btn{color:#fff;background:#171717;align-items:center;gap:12px;width:fit-content;padding:14px 25px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.classic-btn:hover{color:#fff;background:#333}.classic-btn i{transition:transform .3s}.classic-btn:hover i{transform:translate(5px)}@media (max-width:991px){.accessories-grid{grid-template-rows:300px 220px 220px;grid-template-columns:1fr 1fr}.accessory-large{grid-area:span 1/span 2}.classic-wrapper{grid-template-columns:1fr}.classic-image img{min-height:450px}.classic-content{padding:50px}}@media (max-width:767px){.accessories-section,.classic-section{padding:60px 0}.accessories-heading{display:block}.accessories-link{margin-top:20px;display:inline-block}.accessories-grid{grid-template-rows:repeat(4,260px);grid-template-columns:1fr;display:grid}.accessory-large{grid-column:span 1}.classic-content{padding:35px 25px}.classic-content h2{font-size:38px}.classic-image img{min-height:350px}.classic-features{flex-direction:column;gap:18px}}
