*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#bf360c;--primary-light:#ff8a65;--black:#000;--white:#fff;--gray-light:#f5f5f5;--gray-medium:#bdbdbd;--gray-dark:#424242;--transition:all .3s ease;--shadow-sm:0 2px 8px rgba(191,54,12,.1);--shadow-md:0 4px 16px rgba(191,54,12,.15);--shadow-lg:0 8px 32px rgba(191,54,12,.2)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--black);background-color:var(--white);overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}button{border:none;background:none;cursor:pointer;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:60px 0}.header{position:fixed;top:0;left:0;width:100%;background:var(--white);box-shadow:var(--shadow-sm);z-index:1000;transition:var(--transition)}.header.scrolled{box-shadow:var(--shadow-md)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.logo{display:flex;flex-direction:column;align-items:center;gap:10px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:18px;border-radius:8px}.logo-text{font-size:20px;font-weight:700;color:var(--black)}.logo-accent{color:var(--primary-color)}.nav{display:none}.nav-list{display:flex;gap:30px}.nav-list a{color:var(--gray-dark);font-weight:500;transition:var(--transition);position:relative}.nav-list a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color);transition:var(--transition)}.nav-list a:hover,.nav-list a.active{color:var(--primary-color)}.nav-list a:hover::after,.nav-list a.active::after{width:100%}.header-actions{display:flex;align-items:center;gap:15px}.cart-btn{position:relative;color:var(--black);padding:8px;border-radius:8px;transition:var(--transition)}.cart-btn:hover{background:var(--gray-light)}.cart-count{position:absolute;top:0;right:0;background:var(--primary-color);color:var(--white);width:18px;height:18px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:bold}.menu-toggle{display:flex;flex-direction:column;gap:4px;padding:8px}.menu-toggle span{width:25px;height:3px;background:var(--black);border-radius:2px;transition:var(--transition)}.menu-toggle.active span:nth-child(1) {transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2) {opacity:0}.menu-toggle.active span:nth-child(3) {transform:rotate(-45deg) translate(7px,-6px)}.nav.active{display:block;position:absolute;top:100%;left:0;width:100%;background:var(--white);box-shadow:var(--shadow-md);animation:slideDown .3s ease}@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.nav.active .nav-list{flex-direction:column;padding:20px;gap:0}.nav.active .nav-list li{border-bottom:1px solid var(--gray-light)}.nav.active .nav-list a{display:block;padding:15px 0}.hero{padding:120px 0 80px;position:relative;overflow:hidden;min-height:600px;display:flex;align-items:center}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-shape{position:absolute;border-radius:50%;opacity:.1}.shape-1{width:300px;height:300px;background:var(--primary-color);top:-100px;right:-50px;animation:float 6s ease-in-out infinite}.shape-2{width:200px;height:200px;background:var(--primary-light);bottom:-50px;left:-50px;animation:float 8s ease-in-out infinite reverse}.shape-3{width:150px;height:150px;background:var(--primary-color);top:50%;left:50%;animation:float 10s ease-in-out infinite}@keyframes float {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-20px) rotate(180deg);
    }
}.hero-content{display:grid;gap:40px}.hero-title{font-size:32px;line-height:1.2;font-weight:800;margin-bottom:20px;color:var(--black)}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:16px;color:var(--gray-dark);margin-bottom:30px;line-height:1.8}.hero-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:40px}.btn{padding:12px 28px;border-radius:8px;font-weight:600;font-size:14px;transition:var(--transition);display:inline-block;text-align:center}.btn-primary{background:var(--primary-color);color:var(--white);box-shadow:0 4px 12px rgba(191,54,12,.3)}.btn-primary:hover{background:#9e2c0a;transform:translateY(-2px);box-shadow:0 6px 16px rgba(191,54,12,.4)}.btn-secondary{background:var(--white);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--white)}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:var(--white)}.btn-block{width:100%}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-item{text-align:center}.stat-number{display:block;font-size:24px;font-weight:800;color:var(--primary-color);margin-bottom:5px}.stat-label{font-size:12px;color:var(--gray-dark);text-transform:uppercase;letter-spacing:1px}.hero-image{display:none}.hero-card{position:relative;width:100%;height:400px;background:linear-gradient(135deg,var(--primary-light),var(--primary-color));background-image:url(https://images.unsplash.com/photo-1445205170230-053b83016050?w=600&h=400&fit=crop);border-radius:20px;box-shadow:var(--shadow-lg)}.floating-element{position:absolute;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:12px}.element-1{width:100px;height:100px;top:30px;right:30px;animation:float 5s ease-in-out infinite}.element-2{width:80px;height:80px;bottom:50px;left:30px;animation:float 7s ease-in-out infinite reverse}.element-3{width:60px;height:60px;top:50%;left:50%;animation:float 6s ease-in-out infinite}.section-header{text-align:center;margin-bottom:50px}.section-title{font-size:28px;font-weight:800;color:var(--black);margin-bottom:10px}.section-subtitle{font-size:16px;color:var(--gray-dark)}.section-footer{text-align:center;margin-top:40px}.products-grid{display:grid;gap:25px;margin-bottom:40px}.product-card{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.product-image{width:100%;height:200px;background:var(--gray-light);position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.product-card:hover .product-image img{transform:scale(1.05)}.product-badge{position:absolute;top:10px;left:10px;background:var(--primary-color);color:var(--white);padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.product-info{padding:20px}.product-category{font-size:12px;color:var(--primary-light);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:8px}.product-name{font-size:16px;font-weight:700;color:var(--black);margin-bottom:10px;line-height:1.4}.product-rating{display:flex;align-items:center;gap:5px;margin-bottom:12px}.star{color:#ffc107;font-size:14px}.rating-count{font-size:12px;color:var(--gray-dark);margin-left:5px}.product-price{display:flex;align-items:center;gap:10px;margin-bottom:15px}.current-price{font-size:20px;font-weight:800;color:var(--primary-color)}.old-price{font-size:14px;color:var(--gray-medium);text-decoration:line-through}.add-to-cart{width:100%;padding:10px;background:var(--primary-color);color:var(--white);border-radius:8px;font-weight:600;transition:var(--transition)}.add-to-cart:hover{background:#9e2c0a;transform:translateY(-2px)}.categories-grid{display:grid;gap:20px}.category-card{background:var(--white);border-radius:12px;padding:30px;text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);border:2px solid transparent}.category-card:hover{border-color:var(--primary-light);transform:translateY(-5px);box-shadow:var(--shadow-md)}.category-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,var(--primary-light),var(--primary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white)}.category-title{font-size:18px;font-weight:700;color:var(--black);margin-bottom:8px}.category-count{font-size:14px;color:var(--gray-dark);margin-bottom:15px}.category-link{display:inline-block;color:var(--primary-color);font-weight:600;transition:var(--transition)}.category-link:hover{color:var(--primary-light)}.features-grid{display:grid;gap:25px}.feature-card{background:var(--gray-light);padding:30px;border-radius:12px;transition:var(--transition)}.feature-card:hover{background:var(--white);box-shadow:var(--shadow-md);transform:translateY(-5px)}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white);margin-bottom:20px}.feature-title{font-size:18px;font-weight:700;color:var(--black);margin-bottom:10px}.feature-description{font-size:14px;color:var(--gray-dark);line-height:1.6}.reviews-grid{display:grid;gap:25px}.review-card{background:var(--white);padding:30px;border-radius:12px;box-shadow:var(--shadow-sm);border-left:4px solid var(--primary-light);transition:var(--transition)}.review-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.review-rating{margin-bottom:15px}.review-text{font-size:15px;color:var(--gray-dark);line-height:1.8;margin-bottom:20px;font-style:italic}.review-author{display:flex;align-items:center;gap:15px}.author-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.author-name{font-size:16px;font-weight:700;color:var(--black);margin-bottom:2px}.author-role{font-size:13px;color:var(--gray-dark)}.newsletter{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--white)}.newsletter-content{text-align:center}.newsletter-title{font-size:26px;font-weight:800;margin-bottom:15px}.newsletter-description{font-size:15px;margin-bottom:30px;opacity:.9}.newsletter-form{max-width:500px;margin:0 auto 15px;display:flex;gap:10px}.newsletter-input{flex:1;padding:14px 20px;border:none;border-radius:8px;font-size:14px}.newsletter-input:focus{outline:2px solid var(--white)}.newsletter-form .btn-primary{background:var(--black);white-space:nowrap}.newsletter-form .btn-primary:hover{background:var(--gray-dark)}.newsletter-note{font-size:13px;opacity:.8}.footer{background:var(--black);color:var(--white);padding:60px 0 20px}.footer-content{display:grid;gap:40px;margin-bottom:40px}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:15px}.footer-logo .logo-text{color:var(--white)}.footer-description{font-size:14px;color:var(--gray-medium);margin-bottom:20px;line-height:1.6}.social-links{display:flex;gap:10px}.social-link{width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.social-link:hover{background:var(--primary-color);transform:translateY(-3px)}.footer-title{font-size:16px;font-weight:700;margin-bottom:20px;color:var(--white)}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--gray-medium);font-size:14px;transition:var(--transition)}.footer-links a:hover{color:var(--primary-light);padding-left:5px}.footer-contact li{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px;color:var(--gray-medium);font-size:14px}.footer-contact svg{flex-shrink:0;margin-top:2px}.footer-bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:var(--gray-medium);font-size:14px}.footer-legal{display:flex;justify-content:center;gap:20px;margin-top:15px}.footer-legal a{color:var(--gray-medium);font-size:13px;transition:var(--transition)}.footer-legal a:hover{color:var(--primary-light)}.cart-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}.cart-modal.active{display:flex}.cart-modal-content{background:var(--white);border-radius:12px;max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column}.cart-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--gray-light)}.cart-modal-header h3{font-size:20px;font-weight:700}.cart-close{font-size:28px;color:var(--gray-dark);transition:var(--transition)}.cart-close:hover{color:var(--primary-color)}.cart-modal-body{flex:1;overflow-y:auto;padding:20px}.empty-cart{text-align:center;color:var(--gray-dark);padding:40px 20px}.cart-item{display:flex;gap:15px;padding:15px;background:var(--gray-light);border-radius:8px;margin-bottom:15px}.cart-item-image{width:80px;height:80px;background:var(--white);border-radius:8px;overflow:hidden}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-info{flex:1}.cart-item-name{font-weight:600;margin-bottom:5px}.cart-item-price{color:var(--primary-color);font-weight:700;margin-bottom:10px}.cart-item-quantity{display:flex;align-items:center;gap:10px}.qty-btn{width:25px;height:25px;background:var(--white);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;transition:var(--transition)}.qty-btn:hover{background:var(--primary-color);color:var(--white)}.cart-item-remove{color:var(--primary-color);font-size:12px;margin-left:auto}.cart-modal-footer{padding:20px;border-top:1px solid var(--gray-light)}.cart-total{display:flex;justify-content:space-between;margin-bottom:20px;font-size:18px;font-weight:700}.cart-total-price{color:var(--primary-color)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease , transform .6s ease}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}@media (min-width:768px){.section{padding:80px 0}.menu-toggle{display:none}.nav{display:block!important}.nav-list{flex-direction:row!important;padding:0!important}.nav-list li{border:none!important}.hero{padding:140px 0 100px}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px}.hero-title{font-size:42px}.hero-description{font-size:18px}.hero-image{display:block}.section-title{font-size:36px}.section-subtitle{font-size:18px}.products-grid{grid-template-columns:repeat(2,1fr);gap:30px}.categories-grid{grid-template-columns:repeat(2,1fr);gap:25px}.features-grid{grid-template-columns:repeat(2,1fr);gap:30px}.reviews-grid{grid-template-columns:repeat(2,1fr)}.newsletter-form{max-width:600px}.newsletter-title{font-size:32px}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.hero-title{font-size:52px}.products-grid{grid-template-columns:repeat(3,1fr)}.categories-grid{grid-template-columns:repeat(4,1fr)}.features-grid{grid-template-columns:repeat(3,1fr)}.reviews-grid{grid-template-columns:repeat(3,1fr)}.footer-content{grid-template-columns:2fr 1fr 1fr 1.5fr}}@media (min-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}.page-header{padding:140px 0 60px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--white);text-align:center}.page-title{font-size:36px;font-weight:800;margin-bottom:10px}.page-subtitle{font-size:16px;opacity:.9}.products-section{padding:60px 0}.products-layout{display:grid;gap:30px}.filters-sidebar{background:var(--white);border-radius:12px;padding:25px;box-shadow:var(--shadow-sm);height:fit-content;position:sticky;top:100px;display:none}.filters-sidebar.active{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1500;overflow-y:auto;border-radius:0;animation:slideInLeft .3s ease}@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--gray-light)}.filter-header h3{font-size:20px;font-weight:700}.filter-reset{color:var(--primary-color);font-size:14px;font-weight:600;transition:var(--transition)}.filter-reset:hover{color:var(--primary-light)}.filter-group{margin-bottom:25px}.filter-title{font-size:16px;font-weight:700;margin-bottom:15px;color:var(--black)}.filter-search{width:100%;padding:12px 15px;border:2px solid var(--gray-light);border-radius:8px;font-size:14px;transition:var(--transition)}.filter-search:focus{outline:none;border-color:var(--primary-light)}.filter-options{display:flex;flex-direction:column;gap:12px}.filter-option{display:flex;align-items:center;gap:10px;cursor:pointer;transition:var(--transition)}.filter-option:hover{color:var(--primary-color)}.filter-option input[type="checkbox"],.filter-option input[type="radio"]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.filter-option span{font-size:14px}.price-inputs{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:15px}.price-input{width:100%;padding:10px;font-size:14px;box-sizing:border-box;flex:1;border:1px solid var(--gray-light);border-radius:8px}.price-input:focus{outline:none;border-color:var(--primary-light)}.filter-select{width:100%;padding:12px 15px;border:2px solid var(--gray-light);border-radius:8px;font-size:14px;background:var(--white);cursor:pointer;transition:var(--transition)}.filter-select:focus{outline:none;border-color:var(--primary-light)}.products-main{flex:1}.products-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 20px;background:var(--white);border-radius:8px;box-shadow:var(--shadow-sm)}.products-count{font-size:14px;font-weight:600;color:var(--gray-dark)}.filter-toggle-mobile{display:flex;align-items:center;gap:8px;padding:10px 15px;background:var(--primary-color);color:var(--white);border-radius:8px;font-weight:600;font-size:14px;transition:var(--transition)}.filter-toggle-mobile:hover{background:#9e2c0a}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px}.page-btn{width:40px;height:40px;border:2px solid var(--gray-light);border-radius:8px;background:var(--white);font-weight:600;transition:var(--transition)}.page-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.page-btn.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.page-btn:disabled{opacity:.5;cursor:not-allowed}@media (min-width:768px){.page-title{font-size:42px}.page-subtitle{font-size:18px}.filters-sidebar{display:block}.filters-sidebar.active{position:sticky;width:auto;height:fit-content;animation:none}.filter-toggle-mobile{display:none}.products-layout{grid-template-columns:280px 1fr}}@media (min-width:1024px){.products-layout{grid-template-columns:320px 1fr}}