:root{
  --orange:#f97316;
  --orange-dark:#ea580c;
  --dark:#111827;
  --text:#1f2937;
  --muted:#6b7280;
  --light:#f8fafc;
  --white:#ffffff;
  --border:#e5e7eb;
  --card:#ffffff;
  --shadow:0 20px 60px rgba(17,24,39,.12);
  --radius:24px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--light);color:var(--text);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit}button{cursor:pointer;border:none}
body.dark{--light:#0f172a;--white:#111827;--card:#1f2937;--text:#f9fafb;--muted:#cbd5e1;--border:#334155;--shadow:0 20px 60px rgba(0,0,0,.35)}
.loader{position:fixed;inset:0;background:var(--white);z-index:9999;display:grid;place-items:center;transition:.4s}.loader.hide{opacity:0;visibility:hidden}.loader-box{width:70px;height:70px;border-radius:22px;background:linear-gradient(135deg,var(--orange),#fbbf24);display:grid;place-items:center;color:white;font-size:30px;animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scale(1.08) rotate(8deg)}}
.navbar{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:14px 5%;gap:18px}.dark .navbar{background:rgba(15,23,42,.9)}
.logo{display:flex;align-items:center;gap:12px}.logo span{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--orange),#facc15);display:grid;place-items:center;color:white;font-size:22px}.logo strong{display:block;font-weight:900;line-height:1.1}.logo small{font-size:11px;color:var(--muted)}
.nav-menu{display:flex;align-items:center;gap:20px;font-weight:700;font-size:14px}.nav-menu a:hover{color:var(--orange)}.nav-actions{display:flex;align-items:center;gap:10px}.theme-toggle,.cart-btn,.menu-toggle{width:44px;height:44px;border-radius:14px;background:var(--card);color:var(--text);box-shadow:0 8px 22px rgba(0,0,0,.08);position:relative}.cart-btn span{position:absolute;right:-5px;top:-5px;background:var(--orange);color:white;border-radius:999px;font-size:11px;padding:2px 6px}.wa-btn{background:#22c55e;color:white;padding:12px 16px;border-radius:14px;font-weight:800}.menu-toggle{display:none}
.hero{min-height:90vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:80px 5%;background:radial-gradient(circle at 80% 20%,rgba(249,115,22,.24),transparent 32%),linear-gradient(135deg,#fff7ed,var(--light))}.dark .hero{background:radial-gradient(circle at 80% 20%,rgba(249,115,22,.18),transparent 32%),linear-gradient(135deg,#111827,#0f172a)}
.eyebrow,.section-head span,.about-content span{display:inline-flex;align-items:center;gap:8px;background:rgba(249,115,22,.12);color:var(--orange);font-weight:900;padding:8px 14px;border-radius:999px;margin-bottom:16px}.hero h1{font-size:clamp(42px,7vw,82px);line-height:1.02;font-weight:900;letter-spacing:-3px}.hero p{max-width:720px;color:var(--muted);font-size:18px;margin:24px 0}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:14px 22px;font-weight:900;transition:.25s}.btn.primary{background:var(--orange);color:white}.btn.primary:hover{background:var(--orange-dark);transform:translateY(-3px)}.btn.secondary{background:var(--card);box-shadow:var(--shadow)}.btn.full{width:100%}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-badges span,.area-list span{background:var(--card);border:1px solid var(--border);padding:10px 14px;border-radius:999px;font-weight:800;box-shadow:0 10px 25px rgba(0,0,0,.06)}
.hero-card{background:linear-gradient(145deg,var(--dark),#374151);border-radius:32px;padding:30px;box-shadow:var(--shadow);color:white;min-height:430px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:auto -60px -80px auto;width:260px;height:260px;background:var(--orange);border-radius:50%;filter:blur(20px);opacity:.55}.discount-card{position:relative;z-index:1;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:26px;backdrop-filter:blur(18px)}.discount-card h3{font-size:28px}.discount-card strong{display:block;margin-top:18px;color:#fed7aa;font-size:32px}.tool-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tool-grid span{background:white;color:var(--dark);border-radius:18px;padding:18px;font-weight:900;display:flex;gap:10px;align-items:center}
.section{padding:85px 5%}.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.section-head h2,.about-content h2,.estimate-card h2{font-size:clamp(30px,4vw,52px);line-height:1.05;font-weight:900;letter-spacing:-1.5px}.section-head p{color:var(--muted);margin-top:14px}.category-grid,.product-grid,.service-grid,.testimonial-grid,.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.category-card,.product-card,.service-card,.testimonial-card,.advantage-card,.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:0 15px 35px rgba(0,0,0,.06);transition:.25s}.category-card:hover,.product-card:hover,.service-card:hover,.advantage-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.category-card i,.service-card i,.advantage-card i{font-size:30px;color:var(--orange);margin-bottom:16px}.category-card h3,.service-card h3{font-size:18px}
.product-section{background:linear-gradient(180deg,var(--white),var(--light))}.shop-tools{display:grid;grid-template-columns:1fr 220px 220px;gap:14px;margin-bottom:28px}.search-box{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:0 16px;display:flex;align-items:center;gap:10px}.search-box input,.shop-tools select,.estimate-form input,.estimate-form select,.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:16px;padding:14px;outline:none}.search-box input{border:none;background:transparent}.product-card{padding:16px;overflow:hidden}.product-img{height:190px;border-radius:20px;background:linear-gradient(135deg,#f3f4f6,#fed7aa);display:grid;place-items:center;font-size:58px;color:var(--orange);margin-bottom:16px}.product-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:8px}.product-card h3{min-height:52px}.rating{color:#f59e0b;margin:8px 0}.price{font-size:22px;font-weight:900;color:var(--orange)}.unit{font-size:13px;color:var(--muted)}.product-actions{display:grid;grid-template-columns:1fr 44px;gap:10px;margin-top:14px}.product-actions button,.product-actions a{height:44px;border-radius:14px;display:grid;place-items:center;font-weight:900}.add-cart{background:var(--dark);color:white}.wa-order{background:#22c55e;color:white}
.promo-slider{position:relative;overflow:hidden;border-radius:32px;background:var(--dark);color:white;box-shadow:var(--shadow)}.promo-track{display:flex;transition:.45s}.promo-slide{min-width:100%;padding:52px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:radial-gradient(circle at right,rgba(249,115,22,.45),transparent 35%)}.promo-slide h3{font-size:42px}.promo-slide p{color:#e5e7eb;margin:12px 0}.promo-badge{font-size:54px;font-weight:900;color:#fed7aa}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;background:white;color:var(--dark)}.slider-btn.prev{left:16px}.slider-btn.next{right:16px}
.estimator{background:linear-gradient(135deg,#fff7ed,var(--light))}.estimate-card{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:24px;background:var(--card);border:1px solid var(--border);border-radius:32px;padding:34px;box-shadow:var(--shadow)}.estimate-form{display:grid;gap:12px}.estimate-form label{font-weight:800}.estimate-result{background:var(--light);border:1px dashed var(--orange);border-radius:22px;padding:20px}.estimate-result ul{padding-left:20px}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:start}.about-content p{margin-top:14px;color:var(--muted)}.advantage-grid{grid-template-columns:repeat(2,1fr)}.area-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.testimonial-card img{width:58px;height:58px;border-radius:50%;object-fit:cover;margin-bottom:10px}.testimonial-card .role{color:var(--muted);font-size:13px;font-weight:700}.testimonial-card p{margin-top:10px;color:var(--muted)}.faq-list{max-width:900px;margin:auto;display:grid;gap:14px}.faq-question{width:100%;background:transparent;color:var(--text);display:flex;justify-content:space-between;align-items:center;text-align:left;font-weight:900;font-size:17px}.faq-answer{display:none;color:var(--muted);margin-top:14px}.faq-item.active .faq-answer{display:block}.contact{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:var(--white)}.contact-info,.contact-form{background:var(--card);border:1px solid var(--border);border-radius:32px;padding:30px;box-shadow:0 15px 35px rgba(0,0,0,.06)}.contact-info p{margin:12px 0;color:var(--muted)}.contact-info i{color:var(--orange);margin-right:8px}.contact-info iframe{width:100%;height:260px;border:0;border-radius:22px;margin-top:18px}.contact-form{display:grid;gap:14px}.footer{background:#0b1220;color:white;padding:60px 5% 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer a,.footer p{display:block;color:#cbd5e1;margin:9px 0}.footer-logo{margin-bottom:14px}.socials{display:flex;gap:10px}.socials a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:20px;color:#94a3b8}
.cart-sidebar{position:fixed;right:-430px;top:0;width:400px;max-width:92vw;height:100vh;background:var(--card);z-index:1200;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:.3s}.cart-sidebar.active{right:0}.cart-header,.cart-footer{padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.cart-footer{border-top:1px solid var(--border);border-bottom:none;display:grid;gap:14px}.cart-items{flex:1;overflow:auto;padding:16px}.cart-item{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.cart-icon{width:50px;height:50px;border-radius:14px;background:#fff7ed;display:grid;place-items:center;color:var(--orange)}.qty{display:flex;gap:8px;align-items:center;margin-top:6px}.qty button{width:24px;height:24px;border-radius:8px;background:var(--light);color:var(--text)}.remove{background:transparent;color:#ef4444}.cart-total{display:flex;justify-content:space-between}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1100;display:none}.overlay.active{display:block}.floating-wa,.back-top{position:fixed;right:24px;border-radius:50%;display:grid;place-items:center;z-index:800;color:white;box-shadow:var(--shadow)}.floating-wa{bottom:24px;width:58px;height:58px;background:#22c55e;font-size:28px}.back-top{bottom:94px;width:46px;height:46px;background:var(--orange);opacity:0;visibility:hidden;transition:.25s}.back-top.show{opacity:1;visibility:visible}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(80px);background:var(--dark);color:white;padding:14px 20px;border-radius:999px;z-index:1400;transition:.3s;font-weight:800}.toast.show{transform:translateX(-50%) translateY(0)}.reveal{opacity:0;transform:translateY(28px);transition:.7s}.reveal.show{opacity:1;transform:translateY(0)}
@media(max-width:1080px){.nav-menu{position:fixed;top:76px;left:5%;right:5%;background:var(--card);border:1px solid var(--border);border-radius:24px;padding:20px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:flex-start}.nav-menu.active{display:flex}.menu-toggle{display:block}.wa-btn{display:none}.hero,.about,.contact,.estimate-card{grid-template-columns:1fr}.category-grid,.product-grid,.service-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}.shop-tools{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.navbar{padding:12px 4%}.logo strong{font-size:14px}.hero{padding:60px 4%;min-height:auto}.hero-card{min-height:360px}.hero-buttons .btn{width:100%}.category-grid,.product-grid,.service-grid,.testimonial-grid,.advantage-grid{grid-template-columns:1fr}.promo-slide{grid-template-columns:1fr;padding:42px 26px}.promo-slide h3{font-size:30px}.promo-badge{font-size:38px}.section{padding:60px 4%}.footer-grid{grid-template-columns:1fr}.cart-sidebar{width:100%}}