:root{--primary:#2d3436;--secondary:#636e72;--accent:#b2bec3;--steel:#dfe6e9;--metallic-gradient:linear-gradient(135deg, #f5f6fa 0%, #dcdde1 100%);--dark-metallic:linear-gradient(135deg, #2d3436 0%, #1e272e 100%);--white:#fff;--black:#000;--surface:#f9f9fb;--border:#e2e8f0;--text-main:#2d3436;--text-muted:#636e72;--shadow:0 10px 30px #0000000d;--shadow-hover:0 20px 40px #0000001a;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--white);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--black);font-weight:700}a{color:inherit;text-decoration:none;transition:all .3s}ul{list-style:none}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none;transition:all .3s}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.section{padding:5rem 0}.btn{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;justify-content:center;align-items:center;padding:.8rem 2rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--dark-metallic);color:var(--white)}.btn-primary:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:var(--white)}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#ffffffb3}header{z-index:1000;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{letter-spacing:-.02em;font-size:1.8rem;font-weight:700;font-family:var(--font-heading)}.logo span{color:var(--secondary)}.nav-links{gap:2.5rem;display:flex}.nav-links a{color:var(--text-main);opacity:.7;font-weight:500}.nav-links a:hover,.nav-links a.active{opacity:1}.nav-actions{align-items:center;gap:1.5rem;display:flex}.icon-btn{cursor:pointer;opacity:.7;transition:opacity .3s}.icon-btn:hover{opacity:1}.cart-btn{align-items:center;display:flex;position:relative}.cart-count{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-10px}.hero{background:var(--metallic-gradient);align-items:center;height:calc(100vh - 80px);display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:600px}.hero h1{margin-bottom:1.5rem;font-size:4rem;line-height:1.1}.hero p{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.2rem}.hero-image{object-fit:contain;filter:drop-shadow(20px 20px 40px #0000001a);width:55%;height:80%;animation:1.5s ease-out forwards fadeInRight;position:absolute;top:50%;right:-5%;transform:translateY(-50%)}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px,-50%)}to{opacity:1;transform:translateY(-50%)}}.badge{text-transform:uppercase;letter-spacing:.1em;background:#0000000d;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;display:inline-block}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem;display:grid}.product-card{background:var(--white);border:1px solid var(--border);border-radius:8px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-10px)}.product-card .img-container{background:var(--surface);height:320px;display:block;position:relative;overflow:hidden}.product-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.product-card:hover img{transform:scale(1.1)}.product-info{padding:1.5rem}.product-info .category{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem}.rating{align-items:center;gap:4px;margin-bottom:1rem;display:flex}.rating span{color:var(--text-muted);margin-left:5px;font-size:.8rem}.product-price{color:var(--primary);font-size:1.4rem;font-weight:700}.quick-add{transition:all .3s;position:absolute;bottom:-50px;right:20px}.product-card:hover .quick-add{bottom:20px}.btn-add{background:var(--white);border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex;box-shadow:0 5px 15px #0000001a}.btn-add:hover{background:var(--primary);color:#fff}footer{background:var(--primary);color:var(--white);padding:5rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem;display:grid}.footer-col h4{color:var(--white);margin-bottom:1.5rem;font-size:1.1rem}.footer-col p{opacity:.6;margin-bottom:1.5rem}.footer-col ul li{margin-bottom:.8rem}.footer-col ul li a{opacity:.6;font-size:.95rem}.footer-col ul li a:hover{opacity:1;padding-left:5px}.social-links{opacity:.7;gap:1.5rem;display:flex}.social-links svg{cursor:pointer;transition:transform .3s}.social-links svg:hover{opacity:1;transform:translateY(-3px)}.footer-bottom{opacity:.5;border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:2rem;font-size:.9rem;display:flex}.why-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;display:grid}.why-icon{color:var(--secondary);justify-content:center;margin-bottom:1.5rem;display:flex}.newsletter-section{background:var(--surface)}.newsletter-card{background:var(--white);text-align:center;box-shadow:var(--shadow);border-radius:12px;max-width:900px;margin:0 auto;padding:5rem 3rem}.newsletter-card h2{margin-bottom:1rem;font-size:2.5rem}.newsletter-card p{color:var(--text-muted);max-width:500px;margin:0 auto 2.5rem}.newsletter-form{gap:1rem;max-width:600px;margin:0 auto;display:flex}.newsletter-form input{border:1px solid var(--border);border-radius:4px;flex:1;padding:1rem 1.5rem;font-size:1rem}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:3rem;display:flex}.section-header .title{margin-bottom:.5rem;font-size:2.5rem}.view-all{border-bottom:2px solid var(--primary);padding-bottom:4px;font-weight:600}.view-all:hover{color:var(--secondary);border-color:var(--secondary)}.testimony-section{background:var(--dark-metallic);color:#fff}.testimony-section h2{color:#fff}.testimony-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.testimony-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:3rem}.testimony-card p{opacity:.9;margin-bottom:1.5rem;font-size:1.1rem;font-style:italic}.author{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700}.products-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3rem;display:flex}.search-filter{flex-wrap:wrap;gap:1rem;display:flex}.search-box,.filter-box{background:var(--surface);border:1px solid var(--border);border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.search-box input,.filter-box select{font-family:var(--font-body);background:0 0;border:none;outline:none}.products-info-bar{opacity:.6;margin-bottom:2rem;font-size:.9rem}.back-link{opacity:.6;align-items:center;gap:.5rem;margin-bottom:2rem;font-weight:600;display:flex}.product-layout{grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:6rem;display:grid}.main-img{background:var(--surface);border-radius:8px;height:500px;margin-bottom:1rem;overflow:hidden}.main-img img{object-fit:cover;width:100%;height:100%}.thumb-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.thumb-grid img,.thumb-placeholder{cursor:pointer;object-fit:cover;border-radius:4px;height:80px}.thumb-grid img.active{border:2px solid var(--primary)}.price-tag{margin-bottom:2rem;font-size:2rem;font-weight:700}.benefit-list{margin-bottom:2.5rem}.benefit-item{align-items:center;gap:.8rem;margin-bottom:.8rem;font-weight:500;display:flex}.action-btns{gap:1rem;margin-bottom:3rem;display:flex}.btn-large{flex:1;padding:1.2rem 2.5rem}.trust-badges{border-top:1px solid var(--border);gap:2rem;padding-top:2rem;display:flex}.badge-item{opacity:.7;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.about-hero{text-align:center;max-width:800px;margin:0 auto 5rem}.about-hero h1{margin-bottom:1.5rem;font-size:3.5rem}.about-hero p{color:var(--text-muted);font-size:1.3rem}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.stats-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}.stat-num{color:var(--primary);font-size:2rem;font-weight:700}.stat-label{text-transform:uppercase;letter-spacing:.1em;opacity:.6;font-size:.8rem;font-weight:600}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:2rem}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:6rem;display:grid}.info-items{flex-direction:column;gap:2rem;display:flex}.info-item{gap:1.5rem;display:flex}.contact-form{background:var(--surface);border-radius:12px;padding:3rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);background:var(--white);width:100%;font-family:var(--font-body);border-radius:4px;padding:.8rem 1rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:3rem;display:grid}.blog-card{border:1px solid var(--border);border-radius:8px;transition:transform .3s;overflow:hidden}.blog-content{padding:2rem}.read-more{border-bottom:2px solid var(--primary);padding-bottom:4px;font-weight:700}@media (width<=1024px){.hero h1{font-size:3rem}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.nav-links{display:none}.logo{font-size:1.5rem}.hero-content{text-align:center;margin:0 auto}.hero-image{display:none}.footer-grid{grid-template-columns:1fr;gap:2rem}.newsletter-form{flex-direction:column}.product-layout{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:4rem}.about-grid{grid-template-columns:1fr}}
