/* ============================================================
   UKIO ELEVATORS PVT LTD - PREMIUM CORPORATE STYLESHEET
   Color Palette: Silver + White + Dark Charcoal
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
:root {
  --charcoal:#1e1e1e;--charcoal-mid:#2c2c2c;--charcoal-light:#3d3d3d;
  --silver:#a0a0a0;--silver-mid:#c4c4c4;--silver-light:#dcdcdc;--silver-pale:#f4f4f4;
  --white:#ffffff;--accent-gold:#b8a870;--text-dark:#1e1e1e;--text-mid:#4a4a4a;
  --text-light:#888888;--border:#e0e0e0;
  --shadow-sm:0 2px 12px rgba(0,0,0,0.07);--shadow-md:0 6px 30px rgba(0,0,0,0.10);--shadow-lg:0 16px 60px rgba(0,0,0,0.14);
  --radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;
  --transition:all 0.35s cubic-bezier(0.4,0,0.2,1);
  --font-primary:'Poppins',sans-serif;--font-heading:'Montserrat',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}
body{font-family:var(--font-primary);color:var(--text-dark);background:var(--white);line-height:1.7;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:var(--transition)}
ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25}
.section-pad{padding:100px 0}.section-pad-sm{padding:70px 0}
.bg-charcoal{background:var(--charcoal)}.bg-silver-pale{background:var(--silver-pale)}.bg-white{background:var(--white)}
.text-silver{color:var(--silver-mid)}.text-charcoal{color:var(--charcoal)}.text-white{color:var(--white)!important}.text-center{text-align:center}
.section-label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--silver);margin-bottom:14px;position:relative;padding-left:40px}
.section-label::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:2px;background:var(--silver-mid)}
.section-title{font-size:clamp(1.9rem,3.5vw,3rem);font-weight:800;color:var(--charcoal);margin-bottom:16px}
.section-title span{color:var(--silver)}
.section-subtitle{font-size:1.05rem;color:var(--text-mid);max-width:640px;margin:0 auto 50px;font-weight:400}
.section-subtitle.left{margin-left:0}
.divider{width:60px;height:4px;background:linear-gradient(90deg,var(--charcoal),var(--silver-mid));border-radius:2px;margin:18px auto 28px}
.divider.left{margin-left:0}
/* BUTTONS */
.btn-primary-uk{display:inline-flex;align-items:center;gap:10px;background:var(--charcoal);color:var(--white);padding:14px 34px;border-radius:var(--radius-xl);font-size:.93rem;font-weight:600;letter-spacing:.5px;border:2px solid var(--charcoal);transition:var(--transition);cursor:pointer}
.btn-primary-uk:hover{background:var(--charcoal-light);border-color:var(--charcoal-light);transform:translateY(-2px);box-shadow:0 10px 28px rgba(30,30,30,.22);color:var(--white)}
.btn-outline-uk{display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--white);padding:14px 34px;border-radius:var(--radius-xl);font-size:.93rem;font-weight:600;letter-spacing:.5px;border:2px solid rgba(255,255,255,.7);transition:var(--transition);cursor:pointer}
.btn-outline-uk:hover{background:var(--white);color:var(--charcoal);transform:translateY(-2px)}
.btn-whatsapp{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:var(--white);padding:14px 34px;border-radius:var(--radius-xl);font-size:.93rem;font-weight:600;border:2px solid #25D366;transition:var(--transition);cursor:pointer}
.btn-whatsapp:hover{background:#1ebe5b;border-color:#1ebe5b;transform:translateY(-2px);box-shadow:0 10px 28px rgba(37,211,102,.28);color:var(--white)}
.btn-call{display:inline-flex;align-items:center;gap:10px;background:var(--charcoal);color:var(--white);padding:14px 34px;border-radius:var(--radius-xl);font-size:.93rem;font-weight:600;border:2px solid var(--charcoal);transition:var(--transition);cursor:pointer}
.btn-call:hover{background:#333;transform:translateY(-2px);box-shadow:0 10px 28px rgba(30,30,30,.22);color:var(--white)}
.btn-silver{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--silver-mid),var(--silver));color:var(--white);padding:12px 28px;border-radius:var(--radius-xl);font-size:.88rem;font-weight:600;border:none;transition:var(--transition);cursor:pointer}
.btn-silver:hover{background:linear-gradient(135deg,var(--silver),var(--charcoal-light));transform:translateY(-2px);box-shadow:0 8px 22px rgba(164,164,164,.3);color:var(--white)}
/* NAVBAR */
#mainNavbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:var(--transition);padding:20px 0}
#mainNavbar.scrolled{background:rgba(255,255,255,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 2px 30px rgba(0,0,0,.08);padding:12px 0}
#mainNavbar .navbar-brand{display:flex;align-items:center;gap:12px}
.navbar-logo-text{display:flex;flex-direction:column;line-height:1}
.navbar-logo-text .brand-name{font-family:var(--font-heading);font-size:1.4rem;font-weight:900;letter-spacing:3px;color:var(--white);transition:var(--transition);text-transform:uppercase}
.navbar-logo-text .brand-tagline{font-size:.55rem;letter-spacing:2px;color:var(--silver-mid);text-transform:uppercase;font-weight:500;transition:var(--transition)}
#mainNavbar.scrolled .brand-name{color:var(--charcoal)}
#mainNavbar.scrolled .brand-tagline{color:var(--silver)}
.logo-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--silver-mid),var(--charcoal-light));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--white);font-weight:900;font-family:var(--font-heading);letter-spacing:1px;transition:var(--transition)}
#mainNavbar .nav-link{font-size:.88rem;font-weight:600;letter-spacing:.5px;color:rgba(255,255,255,.88)!important;padding:6px 16px!important;border-radius:var(--radius-sm);transition:var(--transition);position:relative}
#mainNavbar .nav-link::after{content:'';position:absolute;bottom:-2px;left:50%;right:50%;height:2px;background:var(--silver-mid);transition:var(--transition)}
#mainNavbar .nav-link:hover::after,#mainNavbar .nav-link.active::after{left:16px;right:16px}
#mainNavbar.scrolled .nav-link{color:var(--charcoal)!important}
#mainNavbar.scrolled .nav-link:hover{color:var(--silver)!important}
#mainNavbar .nav-link:hover{color:var(--white)!important}
.navbar-toggler{border:2px solid rgba(255,255,255,.5)!important;padding:6px 10px!important;border-radius:var(--radius-sm)!important}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}
#mainNavbar.scrolled .navbar-toggler{border-color:var(--charcoal)!important}
#mainNavbar.scrolled .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2830,30,30,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}
/* HERO */
#hero{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#1e1e1e 0%,#2c2c2c 40%,#3d3d3d 70%,#1e1e1e 100%);overflow:hidden}
.hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(192,192,192,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(192,192,192,.06) 0%,transparent 40%),linear-gradient(45deg,transparent 30%,rgba(255,255,255,.02) 50%,transparent 70%)}
.hero-content{position:relative;z-index:2}
.hero-label{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--silver-mid);margin-bottom:22px;padding:6px 18px;border:1px solid rgba(192,192,192,.25);border-radius:var(--radius-xl);background:rgba(255,255,255,.04);backdrop-filter:blur(4px)}
.hero-title{font-size:clamp(2.4rem,5vw,4.4rem);font-weight:900;color:var(--white);line-height:1.12;margin-bottom:24px;letter-spacing:-.5px}
.hero-title .highlight{background:linear-gradient(135deg,var(--silver-mid),var(--silver-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-subtitle{font-size:1.1rem;color:rgba(255,255,255,.72);margin-bottom:40px;max-width:520px;font-weight:300;line-height:1.8}
.hero-buttons{display:flex;flex-wrap:wrap;gap:16px}
.hero-stats{display:flex;gap:40px;margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}
.hero-stat-number{font-size:2rem;font-weight:900;color:var(--white);font-family:var(--font-heading);line-height:1;display:block}
.hero-stat-label{font-size:.75rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px}
.hero-right-visual{position:relative}
.hero-elevator-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:40px;text-align:center;position:relative;overflow:hidden}
.elevator-lines{display:flex;flex-direction:column;gap:16px;margin:20px 0}
.elevator-line{height:2px;background:rgba(192,192,192,.15);border-radius:2px;position:relative;overflow:hidden}
.elevator-line::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(192,192,192,.5),transparent);animation:scanLine 3s ease-in-out infinite}
.elevator-line:nth-child(2)::after{animation-delay:.5s}
.elevator-line:nth-child(3)::after{animation-delay:1s}
.elevator-line:nth-child(4)::after{animation-delay:1.5s}
@keyframes scanLine{0%{left:-100%}100%{left:100%}}
.hero-scroll-hint{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.4);font-size:.72rem;letter-spacing:2px;text-transform:uppercase}
.scroll-mouse{width:22px;height:36px;border:2px solid rgba(255,255,255,.25);border-radius:12px;position:relative}
.scroll-mouse::after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:3px;height:8px;background:rgba(255,255,255,.4);border-radius:2px;animation:scrollDown 2s ease-in-out infinite}
@keyframes scrollDown{0%{top:6px;opacity:1}80%{top:18px;opacity:0}100%{top:6px;opacity:0}}
/* ABOUT SECTION */
.about-badge{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:var(--charcoal);letter-spacing:1px;background:var(--silver-pale);padding:6px 14px;border-radius:var(--radius-xl);margin-bottom:32px}
.about-feature-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--silver-light);border-radius:var(--radius-xl);font-size:.83rem;font-weight:600;color:var(--charcoal);margin:5px 5px 0 0;transition:var(--transition)}
.about-feature-pill:hover{background:var(--charcoal);color:var(--white);border-color:var(--charcoal)}
.about-feature-pill i{color:var(--silver);font-size:.8rem}
.about-img-card{background:linear-gradient(135deg,#2c2c2c 0%,#1e1e1e 100%);border-radius:var(--radius-lg);overflow:hidden;height:420px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:var(--shadow-lg)}
.about-badge-float{position:absolute;background:var(--white);border-radius:var(--radius-md);padding:16px 20px;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:12px;min-width:160px}
.about-badge-float.bottom-left{bottom:30px;left:-20px}
.about-badge-float.top-right{top:30px;right:-20px}
.float-icon{width:44px;height:44px;background:var(--charcoal);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--silver-mid);font-size:1.1rem;flex-shrink:0}
.float-text .fval{font-size:1.4rem;font-weight:800;color:var(--charcoal);line-height:1;font-family:var(--font-heading)}
.float-text .flabel{font-size:.72rem;color:var(--text-light);text-transform:uppercase;letter-spacing:1px;margin-top:2px}
/* VISION MISSION */
.vision-mission-section{background:var(--charcoal)}
.vm-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:50px 40px;height:100%;transition:var(--transition);position:relative;overflow:hidden}
.vm-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--silver),var(--silver-light));transform:scaleX(0);transition:var(--transition)}
.vm-card:hover{background:rgba(255,255,255,.07);transform:translateY(-4px)}
.vm-card:hover::before{transform:scaleX(1)}
.vm-icon{width:64px;height:64px;background:linear-gradient(135deg,rgba(192,192,192,.15),rgba(192,192,192,.05));border:1px solid rgba(192,192,192,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--silver-mid);margin-bottom:28px}
.vm-title{font-size:1.4rem;font-weight:800;color:var(--white);margin-bottom:18px}
.vm-text{color:rgba(255,255,255,.65);line-height:1.85;font-size:.96rem}
/* WHY CHOOSE */
.why-choose-section{background:var(--silver-pale)}
.why-card{background:var(--white);border-radius:var(--radius-lg);padding:40px 32px;text-align:center;transition:var(--transition);border:1px solid var(--border);height:100%;position:relative;overflow:hidden}
.why-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--charcoal),var(--silver-mid));transform:scaleX(0);transition:var(--transition)}
.why-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.why-card:hover::after{transform:scaleX(1)}
.why-icon-wrap{width:72px;height:72px;background:var(--silver-pale);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;border:2px solid var(--silver-light);font-size:1.6rem;color:var(--charcoal);transition:var(--transition)}
.why-card:hover .why-icon-wrap{background:var(--charcoal);border-color:var(--charcoal);color:var(--silver-mid)}
.why-card h5{font-size:1.05rem;font-weight:700;color:var(--charcoal);margin-bottom:12px}
.why-card p{font-size:.88rem;color:var(--text-mid);line-height:1.75}
/* PRODUCT CARDS */
.product-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);height:100%;position:relative}
.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.product-card-img{height:220px;background:linear-gradient(135deg,#2c2c2c 0%,#1e1e1e 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.product-card-img::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(192,192,192,.1) 0%,transparent 60%)}
.product-model-label{position:absolute;bottom:16px;left:16px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);color:var(--silver-light);font-size:.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:5px 12px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.15)}
.product-icon-large{font-size:4rem;color:rgba(192,192,192,.2);position:relative;z-index:1}
.product-card-body{padding:28px}
.product-badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--silver);background:var(--silver-pale);padding:4px 12px;border-radius:var(--radius-xl);margin-bottom:12px}
.product-card-body h5{font-size:1.15rem;font-weight:800;color:var(--charcoal);margin-bottom:10px}
.product-card-body p{font-size:.87rem;color:var(--text-mid);margin-bottom:20px;line-height:1.7}
.product-specs-mini{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.spec-pill{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:600;color:var(--charcoal);background:var(--silver-pale);padding:4px 10px;border-radius:var(--radius-xl)}
.spec-pill i{font-size:.7rem;color:var(--silver)}
/* SMART SECTION */
.smart-section{background:var(--charcoal);position:relative;overflow:hidden}
.smart-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 50%,rgba(192,192,192,.05) 0%,transparent 40%),radial-gradient(circle at 90% 30%,rgba(192,192,192,.04) 0%,transparent 40%)}
.smart-feature-item{display:flex;gap:20px;margin-bottom:30px;padding:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);transition:var(--transition)}
.smart-feature-item:hover{background:rgba(255,255,255,.08);transform:translateX(6px)}
.smart-feat-icon{width:52px;height:52px;flex-shrink:0;background:linear-gradient(135deg,rgba(192,192,192,.15),rgba(192,192,192,.05));border:1px solid rgba(192,192,192,.2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--silver-mid)}
.smart-feat-text h6{color:var(--white);font-size:1rem;font-weight:700;margin-bottom:6px}
.smart-feat-text p{color:rgba(255,255,255,.55);font-size:.87rem;line-height:1.65;margin:0}
.smart-visual{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:50px 40px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;text-align:center;position:relative;overflow:hidden;min-height:400px}
.smart-circle{width:200px;height:200px;border:2px solid rgba(192,192,192,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:rotateSlow 20s linear infinite}
@keyframes rotateSlow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.smart-inner-circle{width:130px;height:130px;background:linear-gradient(135deg,rgba(192,192,192,.1),rgba(192,192,192,.02));border:1px solid rgba(192,192,192,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:rotateSlow 20s linear infinite reverse;font-size:2.5rem;color:rgba(192,192,192,.3)}
.smart-circle-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--silver-mid)}
.smart-circle-dot:nth-child(1){top:-5px;left:50%;transform:translateX(-50%)}
.smart-circle-dot:nth-child(2){bottom:-5px;left:50%;transform:translateX(-50%)}
.smart-circle-dot:nth-child(3){left:-5px;top:50%;transform:translateY(-50%)}
.smart-circle-dot:nth-child(4){right:-5px;top:50%;transform:translateY(-50%)}
/* HOME LIFT, INDUSTRIES, GALLERY, TESTIMONIALS, FAQ */
.home-lift-section{background:var(--silver-pale)}
.home-lift-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);height:100%}
.home-lift-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.home-lift-img{height:260px;background:linear-gradient(135deg,#2c2c2c,#1e1e1e);display:flex;align-items:center;justify-content:center;font-size:4.5rem;color:rgba(192,192,192,.18);position:relative}
.home-lift-tag{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:var(--silver-light);font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.15)}
.home-lift-body{padding:30px}
.home-lift-body h4{font-size:1.2rem;font-weight:800;color:var(--charcoal);margin-bottom:12px}
.home-lift-body p{font-size:.9rem;color:var(--text-mid);line-height:1.75;margin-bottom:20px}
.lift-feature-row{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--charcoal);font-weight:500;margin-bottom:8px}
.lift-feature-row i{color:var(--silver);font-size:.8rem;width:16px}
.tech-section{background:var(--white)}
.tech-stat-card{text-align:center;padding:40px 24px;border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);background:var(--white)}
.tech-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--silver-mid)}
.tech-stat-number{font-size:3rem;font-weight:900;color:var(--charcoal);font-family:var(--font-heading);display:block;line-height:1;margin-bottom:8px}
.tech-stat-number span{color:var(--silver)}
.tech-stat-label{font-size:.82rem;color:var(--text-mid);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}
.cert-section{background:var(--silver-pale)}
.cert-card{background:var(--white);border-radius:var(--radius-lg);padding:40px 30px;text-align:center;border:1px solid var(--border);transition:var(--transition);height:100%}
.cert-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.cert-icon{width:70px;height:70px;background:var(--charcoal);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--silver-mid)}
.cert-card h6{font-size:.95rem;font-weight:700;color:var(--charcoal);margin-bottom:10px}
.cert-card p{font-size:.84rem;color:var(--text-mid);margin:0}
.install-section{background:var(--charcoal)}
.install-step{display:flex;gap:26px;margin-bottom:10px;position:relative}
.install-step:not(:last-child)::after{content:'';position:absolute;left:25px;top:60px;bottom:-10px;width:1px;background:rgba(192,192,192,.15)}
.step-number{width:52px;height:52px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--silver-mid),var(--silver));display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900;color:var(--charcoal);font-family:var(--font-heading);position:relative;z-index:1}
.step-content h6{color:var(--white);font-size:1rem;font-weight:700;margin-bottom:6px;padding-top:10px}
.step-content p{color:rgba(255,255,255,.55);font-size:.87rem;line-height:1.65;margin:0}
.industries-section{background:var(--silver-pale)}
.industry-card{background:var(--white);border-radius:var(--radius-lg);padding:36px 24px;text-align:center;border:1px solid var(--border);transition:var(--transition);height:100%;position:relative;overflow:hidden}
.industry-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);background:var(--charcoal)}
.industry-card:hover h5,.industry-card:hover p{color:var(--white)}
.industry-icon{width:64px;height:64px;margin:0 auto 20px;background:var(--silver-pale);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--charcoal);border:1px solid var(--border);transition:var(--transition)}
.industry-card:hover .industry-icon{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);color:var(--silver-mid)}
.industry-card h5{font-size:1rem;font-weight:700;color:var(--charcoal);margin-bottom:8px}
.industry-card p{font-size:.84rem;color:var(--text-mid);margin:0}
/* GALLERY GRID PREVIEW */
.gallery-preview-section{background:var(--white)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gallery-item{background:linear-gradient(135deg,#2c2c2c,#1e1e1e);border-radius:var(--radius-md);overflow:hidden;position:relative;cursor:pointer}
.gallery-item:first-child{grid-column:span 2;grid-row:span 2}
.gallery-item-inner{width:100%;height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:rgba(192,192,192,.15);position:relative;transition:var(--transition)}
.gallery-item:first-child .gallery-item-inner{min-height:420px;font-size:4rem}
.gallery-overlay{position:absolute;inset:0;background:rgba(30,30,30,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}
.gallery-overlay i{color:var(--white);font-size:1.5rem}
.gallery-item:hover .gallery-overlay{opacity:1}
.gallery-item:hover .gallery-item-inner{transform:scale(1.05)}
/* TESTIMONIALS */
.testimonials-section{background:var(--charcoal)}
.testimonial-slider{overflow:hidden}
.testimonial-track{display:flex;gap:28px;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.testimonial-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:40px;min-width:calc(33.333% - 19px);flex-shrink:0}
.testimonial-stars{color:#b8a870;margin-bottom:20px;letter-spacing:2px}
.testimonial-text{font-size:.97rem;color:rgba(255,255,255,.72);line-height:1.85;margin-bottom:28px;font-style:italic}
.testimonial-author{display:flex;align-items:center;gap:16px}
.author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--silver-mid),var(--silver));display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:var(--charcoal);font-family:var(--font-heading);flex-shrink:0}
.author-name{color:var(--white);font-size:.96rem;font-weight:700}
.author-role{color:rgba(255,255,255,.45);font-size:.8rem;margin-top:2px}
.testimonial-controls{display:flex;gap:12px;justify-content:center;margin-top:40px}
.testimonial-btn{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}
.testimonial-btn:hover{background:var(--silver-mid);border-color:var(--silver-mid);color:var(--charcoal)}
.testimonial-dots{display:flex;gap:8px;justify-content:center;margin-top:24px}
.t-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);cursor:pointer;transition:var(--transition)}
.t-dot.active{background:var(--silver-mid);width:24px;border-radius:4px}
/* FAQ */
.faq-section{background:var(--silver-pale)}
.faq-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden;transition:var(--transition)}
.faq-item.active{border-color:var(--charcoal);box-shadow:var(--shadow-sm)}
.faq-header{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:16px}
.faq-question{font-size:1rem;font-weight:700;color:var(--charcoal);line-height:1.4}
.faq-toggle{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--silver-pale);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--charcoal);transition:var(--transition)}
.faq-item.active .faq-toggle{background:var(--charcoal);border-color:var(--charcoal);color:var(--white);transform:rotate(45deg)}
.faq-answer{padding:0 28px;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease}
.faq-answer p{padding-bottom:22px;font-size:.93rem;color:var(--text-mid);line-height:1.8;margin:0}
.faq-item.active .faq-answer{max-height:300px;padding-top:4px}
/* CTA */
.cta-section{background:linear-gradient(135deg,var(--charcoal) 0%,var(--charcoal-mid) 50%,var(--charcoal-light) 100%);position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(192,192,192,.07) 0%,transparent 60%)}
.cta-section .section-title{color:var(--white)}
/* CONTACT QUICK */
.contact-quick-section{background:var(--white)}
.contact-info-card{background:var(--silver-pale);border-radius:var(--radius-lg);padding:40px;height:100%}
.contact-item{display:flex;gap:18px;margin-bottom:28px;align-items:flex-start}
.contact-icon{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--charcoal);color:var(--silver-mid);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.contact-details label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-light);margin-bottom:4px}
.contact-details p{font-size:.95rem;font-weight:600;color:var(--charcoal);margin:0;line-height:1.5}
.map-container{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);height:340px}
.map-container iframe{width:100%;height:100%;border:none}
/* FOOTER */
footer.main-footer{background:linear-gradient(180deg,#161616 0%,#111111 100%);color:rgba(255,255,255,.75);padding:80px 0 0}
.footer-brand .brand-name{font-size:1.6rem;font-weight:900;color:var(--white);letter-spacing:3px}
.footer-brand .brand-tagline{font-size:.65rem;color:var(--silver);letter-spacing:2.5px;text-transform:uppercase;margin-top:2px}
.footer-brand p{font-size:.88rem;color:rgba(255,255,255,.5);line-height:1.8;margin-top:18px;max-width:280px}
.footer-social{display:flex;gap:12px;margin-top:24px}
.social-icon-btn{width:38px;height:38px;border-radius:var(--radius-sm);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);font-size:.9rem;transition:var(--transition)}
.social-icon-btn:hover{background:var(--silver-mid);border-color:var(--silver-mid);color:var(--charcoal)}
.footer-heading{font-size:.78rem;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--white);margin-bottom:22px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-links a{font-size:.87rem;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:8px;transition:var(--transition)}
.footer-links a::before{content:'→';font-size:.75rem;color:var(--silver);transition:var(--transition)}
.footer-links a:hover{color:var(--silver-mid);padding-left:4px}
.footer-contact-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;font-size:.87rem;color:rgba(255,255,255,.55)}
.footer-contact-item i{color:var(--silver);margin-top:3px;flex-shrink:0}
.footer-bottom{margin-top:60px;padding:22px 0;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-bottom p{font-size:.82rem;color:rgba(255,255,255,.4);margin:0}
.footer-bottom a{color:rgba(255,255,255,.55);font-size:.82rem;transition:var(--transition)}
.footer-bottom a:hover{color:var(--silver-mid)}
/* BACK TO TOP */
#backToTop{position:fixed;bottom:30px;right:30px;z-index:999;width:48px;height:48px;border-radius:50%;background:var(--charcoal);border:2px solid rgba(255,255,255,.1);color:var(--white);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);opacity:0;pointer-events:none;box-shadow:0 6px 24px rgba(0,0,0,.25)}
#backToTop.visible{opacity:1;pointer-events:all}
#backToTop:hover{background:var(--charcoal-light);transform:translateY(-3px)}
/* PAGE HERO (INNER PAGES) */
.page-hero{background-color:var(--charcoal);background-size:cover;background-position:center;padding:160px 0 80px;position:relative;overflow:hidden;text-align:center}
.page-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,10,.72) 0%,rgba(0,0,0,.58) 100%);z-index:0}
.page-hero h1{color:var(--white);font-size:clamp(2rem,4vw,3.2rem);font-weight:900;margin-bottom:16px;position:relative;z-index:1}
.page-hero p{color:rgba(255,255,255,.65);font-size:1.05rem;max-width:560px;margin:0 auto;position:relative;z-index:1}
.breadcrumb-area{margin-top:24px;position:relative;z-index:1}
.breadcrumb-area .breadcrumb{background:none;justify-content:center;padding:0;margin:0}
.breadcrumb-item{font-size:.83rem;color:rgba(255,255,255,.5)}
.breadcrumb-item a{color:rgba(255,255,255,.7)}
.breadcrumb-item.active{color:var(--silver-mid)}
.breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.3)}
/* ABOUT PAGE */
.story-section .story-content{font-size:1.05rem;color:var(--text-mid);line-height:1.9}
.story-section .story-content p{margin-bottom:20px}
.story-highlight{background:var(--silver-pale);border-left:4px solid var(--charcoal);padding:24px 28px;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:28px 0;font-size:1.05rem;font-weight:500;font-style:italic;color:var(--charcoal);line-height:1.7}
.strength-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;height:100%;transition:var(--transition);text-align:center}
.strength-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.strength-icon{width:64px;height:64px;margin:0 auto 20px;background:var(--charcoal);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--silver-mid)}
.strength-card h5{font-size:1.05rem;font-weight:700;color:var(--charcoal);margin-bottom:12px}
.strength-card p{font-size:.87rem;color:var(--text-mid);line-height:1.75;margin:0}
.leader-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px;display:flex;gap:40px;align-items:flex-start}
.leader-avatar{width:90px;height:90px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--charcoal-mid),var(--charcoal-light));display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--silver-mid);border:3px solid var(--silver-light)}
.leader-info h4{font-size:1.4rem;font-weight:800;color:var(--charcoal);margin-bottom:6px}
.leader-info .leader-title{font-size:.82rem;font-weight:600;color:var(--silver);text-transform:uppercase;letter-spacing:2px}
.leader-quote{background:var(--silver-pale);border-radius:var(--radius-md);padding:28px;margin-top:20px;font-size:.97rem;color:var(--text-mid);line-height:1.85;font-style:italic;border-left:3px solid var(--silver-mid)}
/* PRODUCTS PAGE */
.product-detail-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition);height:100%}
.product-detail-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.product-detail-img{height:260px;background:linear-gradient(135deg,var(--charcoal) 0%,var(--charcoal-mid) 100%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-detail-img::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(192,192,192,.12) 0%,transparent 60%)}
.product-model-badge{position:absolute;top:20px;left:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);color:var(--silver-light);font-size:.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:6px 14px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.15)}
.product-tech-badge{position:absolute;top:20px;right:20px;background:var(--white);color:var(--charcoal);font-size:.68rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 10px;border-radius:var(--radius-xl)}
.product-detail-icon{font-size:4.5rem;color:rgba(192,192,192,.18);position:relative;z-index:1}
.product-detail-body{padding:36px}
.product-detail-body h3{font-size:1.5rem;font-weight:900;color:var(--charcoal);margin-bottom:6px}
.product-subtitle{font-size:.82rem;color:var(--silver);text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:16px}
.product-detail-body p{font-size:.94rem;color:var(--text-mid);line-height:1.8;margin-bottom:28px}
.product-features-list{margin-bottom:28px}
.product-features-list li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--text-dark);font-weight:500;padding:8px 0;border-bottom:1px solid var(--border)}
.product-features-list li:last-child{border-bottom:none}
.product-features-list i{color:var(--silver);font-size:.8rem;flex-shrink:0}
.spec-table{width:100%;border-collapse:collapse;margin-top:12px}
.spec-table th{background:var(--charcoal);color:var(--white);padding:12px 16px;font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-align:left}
.spec-table td{padding:12px 16px;font-size:.88rem;color:var(--text-dark);border-bottom:1px solid var(--border)}
.spec-table tr:nth-child(even) td{background:var(--silver-pale)}
.spec-table td:first-child{font-weight:600;color:var(--charcoal)}
.spec-section-title{font-size:.78rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--charcoal);margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--silver-light)}
/* GALLERY PAGE */
.gallery-filter-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}
.filter-btn{padding:9px 22px;border-radius:var(--radius-xl);font-size:.83rem;font-weight:700;border:2px solid var(--border);background:var(--white);color:var(--charcoal);cursor:pointer;transition:var(--transition);letter-spacing:.5px}
.filter-btn.active,.filter-btn:hover{background:var(--charcoal);border-color:var(--charcoal);color:var(--white);transform:translateY(-2px)}
.gallery-masonry{columns:4;column-gap:16px}
.gallery-masonry-item{break-inside:avoid;margin-bottom:16px;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,var(--charcoal),var(--charcoal-mid));position:relative;cursor:pointer;transition:var(--transition)}
.gallery-masonry-item:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}
.gallery-masonry-item-inner{display:flex;align-items:center;justify-content:center;color:rgba(192,192,192,.15);font-size:2.5rem;position:relative}
.gallery-masonry-item:nth-child(3n) .gallery-masonry-item-inner{height:340px}
.gallery-masonry-item:nth-child(3n+1) .gallery-masonry-item-inner{height:260px}
.gallery-masonry-item:nth-child(3n+2) .gallery-masonry-item-inner{height:300px}
.gallery-item-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(30,30,30,.85) 0%,transparent 100%);padding:20px 16px 16px;transform:translateY(100%);transition:var(--transition)}
.gallery-masonry-item:hover .gallery-item-caption{transform:translateY(0)}
.gallery-item-caption h6{color:var(--white);font-size:.88rem;font-weight:700;margin:0}
.gallery-item-caption span{color:var(--silver-mid);font-size:.75rem}
/* CONTACT PAGE */
.contact-cta-section{background:var(--silver-pale)}
.contact-action-card{background:var(--white);border-radius:var(--radius-xl);padding:60px 50px;text-align:center;border:1px solid var(--border);box-shadow:var(--shadow-md);height:100%;transition:var(--transition)}
.contact-action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.contact-action-icon{width:90px;height:90px;margin:0 auto 28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem}
.contact-action-icon.call{background:linear-gradient(135deg,var(--charcoal),var(--charcoal-light));color:var(--silver-mid)}
.contact-action-icon.whatsapp{background:linear-gradient(135deg,#25D366,#1ebe5b);color:var(--white)}
.contact-action-card h4{font-size:1.3rem;font-weight:800;color:var(--charcoal);margin-bottom:10px}
.contact-action-card p{font-size:.93rem;color:var(--text-mid);margin-bottom:24px}
.contact-number-large{font-size:1.5rem;font-weight:900;color:var(--charcoal);font-family:var(--font-heading);margin-bottom:24px;display:block;letter-spacing:1px}
.detail-info-card{background:var(--silver-pale);border-radius:var(--radius-lg);padding:36px;height:100%}
.detail-info-card h4{font-size:1.2rem;font-weight:800;color:var(--charcoal);margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid var(--silver-light)}
.detail-item{display:flex;gap:16px;margin-bottom:22px;align-items:flex-start}
.detail-item-icon{width:44px;height:44px;flex-shrink:0;background:var(--charcoal);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--silver-mid)}
.detail-item-text label{display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--text-light);margin-bottom:5px}
.detail-item-text p{font-size:.94rem;font-weight:600;color:var(--charcoal);margin:0;line-height:1.6}
.detail-item-text a{color:var(--charcoal)}
.detail-item-text a:hover{color:var(--silver)}
.working-hours-table{width:100%}
.working-hours-table td{padding:8px 0;font-size:.89rem;border-bottom:1px solid var(--border)}
.working-hours-table td:first-child{color:var(--text-mid)}
.working-hours-table td:last-child{font-weight:700;color:var(--charcoal);text-align:right}
.working-hours-table tr:last-child td{border-bottom:none}
.map-section{background:var(--silver-pale)}
.map-wrapper{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);height:480px}
.map-wrapper iframe{width:100%;height:100%;border:none}
.social-big-btn{display:flex;align-items:center;justify-content:center;gap:14px;padding:20px 40px;border-radius:var(--radius-xl);font-size:1.05rem;font-weight:700;border:2px solid var(--border);color:var(--charcoal);background:var(--white);transition:var(--transition);cursor:pointer}
.social-big-btn i{font-size:1.3rem}
.social-big-btn.linkedin:hover{background:#0077B5;border-color:#0077B5;color:var(--white);transform:translateY(-3px)}
.social-big-btn.instagram:hover{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:transparent;color:var(--white);transform:translateY(-3px)}
/* ANIMATIONS */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.float-animate{animation:float 4s ease-in-out infinite}
@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
/* RESPONSIVE — LEGACY COMPACT (overridden by detailed blocks below) */
@media(max-width:1199px){.gallery-masonry{columns:3}.gallery-grid{grid-template-columns:repeat(3,1fr)}.testimonial-card{min-width:calc(50% - 14px)}}
@media(max-width:991px){.hero-title{font-size:clamp(2rem,6vw,3.2rem)}.leader-card{flex-direction:column}.gallery-masonry{columns:2}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item:first-child{grid-column:span 2}.testimonial-card{min-width:100%}}
@media(max-width:767px){.about-badge-float{display:none}}
@media(max-width:575px){.gallery-grid{grid-template-columns:1fr}.gallery-item:first-child{grid-column:span 1}}

/* ============================================================
   ADDITIONAL PAGE STYLES — About, Products, Gallery, Contact
   ============================================================ */

/* BG UTILITY */
.bg-silver-pale { background: var(--silver-pale) !important; }

/* STORY SECTION */
.story-content p { font-size: .97rem; color: var(--text-mid); line-height: 1.9; margin-bottom: 18px; }
.story-highlight {
  background: var(--charcoal);
  border-left: 4px solid var(--silver-mid);
  padding: 20px 24px;
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  color: var(--white);
  font-size: .97rem;
  font-style: italic;
  line-height: 1.8;
  margin: 24px 0;
}

/* STRENGTH CARD (About / Products) */
.strength-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 36px 28px;
  text-align: center;
  height: 100%;
  transition: var(--transition);
}
.strength-card:hover { box-shadow: 0 12px 40px rgba(0,0,0,.09); transform: translateY(-4px); }
.strength-icon {
  width: 60px; height: 60px;
  background: var(--charcoal);
  border-radius: var(--radius-md);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 20px;
  font-size: 1.3rem;
  color: var(--silver-mid);
}
.strength-card h5 { font-weight: 800; color: var(--charcoal); font-size: 1.05rem; margin-bottom: 10px; font-family: var(--font-heading); }
.strength-card p { font-size: .88rem; color: var(--text-mid); line-height: 1.75; margin: 0; }

/* SMART FEATURE ITEMS (About Safety) */
.smart-feature-item { display: flex; gap: 16px; align-items: flex-start; padding: 20px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); border-radius: var(--radius-md); }
.smart-feat-icon { width: 44px; height: 44px; background: rgba(255,255,255,.08); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--silver-mid); font-size: 1rem; }
.smart-feat-text h6 { font-weight: 700; color: var(--white); font-size: .92rem; margin-bottom: 4px; }
.smart-feat-text p { font-size: .83rem; color: rgba(255,255,255,.5); line-height: 1.6; margin: 0; }

/* LEADER CARD */
.leader-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: 48px;
  display: flex;
  gap: 40px;
  align-items: flex-start;
  box-shadow: 0 8px 32px rgba(0,0,0,.06);
}
.leader-avatar {
  width: 100px; height: 100px;
  background: var(--charcoal);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  font-size: 2.5rem;
  color: var(--silver-mid);
}
.leader-info h4 { font-weight: 900; color: var(--charcoal); font-size: 1.3rem; margin-bottom: 4px; font-family: var(--font-heading); }
.leader-title { font-size: .82rem; color: var(--text-light); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 20px; }
.leader-quote { font-size: .97rem; color: var(--text-mid); line-height: 1.9; font-style: italic; border-left: 3px solid var(--silver-light); padding-left: 20px; }
@media (max-width: 767px) {
  .leader-card { flex-direction: column; padding: 28px; gap: 24px; }
}

/* PRODUCT DETAIL IMAGE BOX */
.product-detail-img {
  background: linear-gradient(135deg, var(--charcoal), var(--charcoal-mid));
  border-radius: var(--radius-xl);
  height: 100%;
  min-height: 380px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 48px;
}
.product-detail-img.alt { background: linear-gradient(135deg, var(--charcoal-mid), var(--charcoal-light)); }
.product-detail-img i { color: rgba(192,192,192,.15); }
.product-detail-badge {
  position: absolute;
  top: 24px; left: 24px;
  background: var(--silver-mid);
  color: var(--charcoal);
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 6px 14px;
  border-radius: var(--radius-xl);
  font-family: var(--font-heading);
}
.product-model-label {
  position: absolute;
  bottom: 28px;
  font-size: 2rem;
  font-weight: 900;
  color: rgba(255,255,255,.1);
  font-family: var(--font-heading);
  letter-spacing: 4px;
  text-transform: uppercase;
}

/* PRODUCT DETAIL BODY */
.product-detail-body { padding: 8px 0; }
.prod-description { font-size: .97rem; color: var(--text-mid); line-height: 1.9; margin-bottom: 24px; }
.product-features-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 28px; }
.prod-feature-item { display: flex; align-items: center; gap: 12px; font-size: .9rem; color: var(--text-mid); line-height: 1.5; }
.prod-feature-item i { color: #25D366; font-size: .9rem; flex-shrink: 0; }

/* SPEC TABLE */
.spec-table { width: 100%; border-collapse: collapse; border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--border); font-size: .88rem; }
.spec-table thead { background: var(--charcoal); }
.spec-table thead th { padding: 12px 16px; color: var(--silver-mid); font-weight: 700; font-family: var(--font-heading); letter-spacing: .8px; font-size: .8rem; text-transform: uppercase; }
.spec-table tbody tr:nth-child(even) { background: var(--silver-pale); }
.spec-table tbody td { padding: 11px 16px; color: var(--charcoal); border-bottom: 1px solid var(--border); line-height: 1.5; }
.spec-table tbody td:first-child { font-weight: 600; color: var(--charcoal-mid); }
.spec-table tbody tr:last-child td { border-bottom: none; }

/* GALLERY FILTER BAR */
.gallery-filter-bar { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 40px; }
.filter-btn {
  padding: 10px 24px;
  background: var(--white);
  border: 1.5px solid var(--border);
  border-radius: var(--radius-xl);
  font-size: .83rem;
  font-weight: 700;
  color: var(--text-mid);
  cursor: pointer;
  transition: var(--transition);
  font-family: var(--font-heading);
  letter-spacing: .8px;
  text-transform: uppercase;
}
.filter-btn:hover, .filter-btn.active {
  background: var(--charcoal);
  border-color: var(--charcoal);
  color: var(--white);
}

/* GALLERY MASONRY */
.gallery-masonry {
  columns: 4;
  column-gap: 16px;
}
@media (max-width: 1199px) { .gallery-masonry { columns: 3; } }
@media (max-width: 767px) { .gallery-masonry { columns: 2; } }
@media (max-width: 480px) { .gallery-masonry { columns: 1; } }

.gallery-item {
  break-inside: avoid;
  margin-bottom: 16px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.gallery-item--tall .gallery-item-inner { min-height: 320px; }
.gallery-item--wide { break-inside: avoid; }
.gallery-item-inner {
  min-height: 200px;
  background: linear-gradient(135deg, var(--charcoal), var(--charcoal-mid));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: var(--transition);
}
.gallery-item-inner i { color: rgba(192,192,192,.15); transition: var(--transition); }
.gallery-item:hover .gallery-item-inner i { color: rgba(192,192,192,.08); transform: scale(1.1); }
.gallery-item-caption { display: none; }

.gallery-item::after {
  content: '\f065';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #fff;
  background: rgba(0,0,0,.35);
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none;
}
.gallery-item:hover::after { opacity: 1; }
.gallery-item:hover .gallery-item-caption { transform: translateY(0); }
.gallery-item-caption h6 { color: var(--white); font-weight: 700; font-size: .88rem; margin-bottom: 4px; }
.gallery-item-caption span { color: rgba(255,255,255,.6); font-size: .78rem; }

/* CONTACT ACTION CARDS */
.contact-action-card {
  background: var(--white);
  border: 1.5px solid var(--border);
  border-radius: var(--radius-xl);
  padding: 48px 40px;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: var(--transition);
  box-shadow: 0 4px 20px rgba(0,0,0,.05);
}
.contact-action-card:hover { box-shadow: 0 16px 48px rgba(0,0,0,.12); transform: translateY(-4px); }
.contact-action-card.call { border-top: 4px solid var(--charcoal); }
.contact-action-card.whatsapp { border-top: 4px solid #25D366; }
.contact-action-icon { width: 72px; height: 72px; background: var(--charcoal); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: var(--silver-mid); margin-bottom: 20px; }
.contact-action-icon.whatsapp-icon { background: #25D366; color: var(--white); }
.contact-action-card h4 { font-weight: 900; color: var(--charcoal); font-size: 1.3rem; margin-bottom: 12px; font-family: var(--font-heading); }
.contact-action-card p { font-size: .92rem; color: var(--text-mid); line-height: 1.8; margin-bottom: 20px; }
.contact-action-number { font-size: 1.1rem; font-weight: 800; color: var(--charcoal); font-family: var(--font-heading); letter-spacing: 1px; margin-bottom: 24px; }
.contact-action-card .btn-call, .contact-action-card .btn-whatsapp { display: flex; }

/* DETAIL INFO CARDS */
.detail-info-card { display: flex; gap: 16px; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid var(--border); }
.detail-info-card:last-of-type { border-bottom: none; }
.detail-info-icon { width: 44px; height: 44px; background: var(--charcoal); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--silver-mid); }
.detail-info-body h6 { font-weight: 700; color: var(--charcoal); margin-bottom: 4px; font-size: .9rem; font-family: var(--font-heading); text-transform: uppercase; letter-spacing: 1px; }
.detail-info-body p { font-size: .9rem; color: var(--text-mid); line-height: 1.7; margin: 0; }

/* WORKING HOURS TABLE */
.working-hours-table { width: 100%; border-collapse: collapse; }
.working-hours-table td { padding: 11px 0; border-bottom: 1px solid var(--border); font-size: .88rem; }
.working-hours-table td:first-child { color: var(--text-mid); }
.working-hours-table td:last-child { text-align: right; }
.working-hours-table tr:last-child td { border-bottom: none; }
.hours-badge { padding: 4px 12px; border-radius: var(--radius-xl); font-size: .78rem; font-weight: 700; font-family: var(--font-heading); letter-spacing: .8px; text-transform: uppercase; }
.hours-badge.open { background: rgba(37,211,102,.12); color: #1a9e4a; }
.hours-badge.closed { background: rgba(255,80,80,.1); color: #d63030; }
.hours-badge.emergency { background: rgba(30,30,30,.08); color: var(--charcoal); }

/* ============================================================
   MOBILE STICKY BOTTOM NAV
   ============================================================ */
.mobile-sticky-nav {
  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 1100;
  background: var(--white);
  border-top: 1px solid var(--border);
  box-shadow: 0 -4px 24px rgba(0,0,0,.10);
  height: 62px;
  align-items: stretch;
  justify-content: space-around;
  padding: 0;
}
.mob-nav-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: var(--text-light);
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 6px 4px;
  transition: var(--transition);
  position: relative;
}
.mob-nav-item i { font-size: 1.22rem; transition: var(--transition); line-height: 1; }
.mob-nav-item span { font-family: var(--font-primary); font-size: .58rem; font-weight: 600; letter-spacing: .4px; margin-top: 1px; }
.mob-nav-item::before { content: ''; position: absolute; top: 0; left: 20%; right: 20%; height: 2px; background: var(--charcoal); border-radius: 0 0 3px 3px; transform: scaleX(0); transition: transform .25s ease; }
.mob-nav-item.active, .mob-nav-item:hover { color: var(--charcoal); }
.mob-nav-item.active i, .mob-nav-item:hover i { color: var(--charcoal); transform: translateY(-2px); }
.mob-nav-item.active::before { transform: scaleX(1); }

/* ============================================================
   RESPONSIVE — TABLET  ≤ 991px
   ============================================================ */
@media (max-width: 991px) {
  /* Sticky bottom nav */
  .mobile-sticky-nav { display: flex; }
  body { padding-bottom: 62px; overflow-x: hidden; }
  #backToTop { bottom: 76px; }

  /* Navbar collapse panel */
  .navbar-collapse {
    background: rgba(255,255,255,.98);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: 16px 20px;
    border-radius: var(--radius-md);
    margin-top: 10px;
    box-shadow: var(--shadow-md);
  }
  #mainNavbar .navbar-collapse .nav-link { color: var(--charcoal) !important; padding: 10px 14px !important; border-radius: var(--radius-sm); }
  #mainNavbar .navbar-collapse .nav-link:hover, #mainNavbar .navbar-collapse .nav-link.active { background: var(--silver-pale); color: var(--charcoal) !important; }
  #mainNavbar .navbar-collapse .nav-link::after { display: none; }

  /* Section padding */
  .section-pad { padding: 64px 0; }
  .section-pad-sm { padding: 50px 0; }

  /* About section — stack, center */
  .about-home-section .section-label,
  .about-home-section .section-title,
  .about-home-section .section-subtitle,
  .about-home-section .about-badge,
  .about-home-section p { text-align: center; }
  .about-home-section .divider.left { margin: 18px auto 28px; }
  .about-home-section .section-subtitle.left { margin: 0 auto 28px; }
  .about-home-section .section-label { padding-left: 0; }
  .about-home-section .section-label::before { display: none; }
  .about-home-section .mt-4 { text-align: center; }
  .about-badge-float { display: none; }

  /* Smart section — stack, center */
  .smart-section .col-lg-6:first-child .section-label,
  .smart-section .col-lg-6:first-child .section-title { text-align: center; }
  .smart-section .col-lg-6:first-child .section-label { padding-left: 0; }
  .smart-section .col-lg-6:first-child .section-label::before { display: none; }
  .smart-section .col-lg-6:first-child .divider.left { margin: 18px auto 28px; }

  /* FAQ — left column center */
  .faq-section .col-lg-5 { text-align: center; margin-bottom: 36px; }
  .faq-section .col-lg-5 .section-label { padding-left: 0; }
  .faq-section .col-lg-5 .section-label::before { display: none; }
  .faq-section .col-lg-5 .divider.left { margin: 18px auto 28px; }
  .faq-section .col-lg-5 .btn-primary-uk { display: inline-flex; }

  /* Products page: nav scroll on tablet */
  section[style*="sticky"] > .container > div { gap: 8px; }

  /* Leader card stack */
  .leader-card { flex-direction: column; padding: 32px; gap: 24px; }

  /* Spec table scrollable */
  .spec-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }

  /* Gallery masonry 2-col */
  .gallery-masonry { columns: 2; }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-item:first-child { grid-column: span 2; }

  /* Testimonials — 1 card */
  .testimonial-card { min-width: 100%; }

  /* Footer columns */
  footer.main-footer { padding: 60px 0 0; }
  .footer-brand p { max-width: 100%; }
  .footer-bottom { flex-direction: column; align-items: center; text-align: center; }
}

/* ============================================================
   RESPONSIVE — MOBILE  ≤ 767px
   ============================================================ */
@media (max-width: 767px) {
  body { overflow-x: hidden; }
  .section-pad { padding: 56px 0; }

  /* --- ALL section-labels in .text-center blocks → center --- */
  .text-center .section-label { padding-left: 0; display: block; text-align: center; }
  .text-center .section-label::before { display: none; }

  /* --- HERO --- */
  #hero { min-height: 100svh; }
  #hero .hero-content { text-align: center; }
  .hero-title { font-size: clamp(1.9rem, 7vw, 2.8rem); }
  .hero-label { display: inline-block; }
  .hero-subtitle { max-width: 100%; margin: 0 auto 32px; font-size: .97rem; }
  .hero-buttons { flex-direction: column; align-items: stretch; max-width: 300px; margin: 0 auto; gap: 12px; }
  .hero-buttons a, .hero-buttons button { width: 100%; justify-content: center; text-align: center; }
  .hero-stats { flex-wrap: wrap; justify-content: center; gap: 12px 16px; padding-top: 28px; margin-top: 36px; }
  .hero-stat-item { flex: 0 0 calc(50% - 8px); text-align: center; }
  .hero-stat-number { font-size: 1.6rem; }
  .hero-stat-label { font-size: .7rem; }

  /* --- ABOUT --- */
  .about-img-card { height: 280px; }

  /* --- WHY CHOOSE --- */
  .why-card { padding: 26px 20px; text-align: center; }
  .why-icon-wrap { margin-left: auto; margin-right: auto; }

  /* --- VM CARDS --- */
  .vm-card { padding: 28px 20px; }

  /* --- PRODUCT CARDS --- */
  .product-card-body { padding: 20px 16px; }
  .product-card-img { height: 180px; }
  .product-specs-mini { gap: 6px; }
  .spec-pill { font-size: .72rem; }

  /* --- SMART LIGHT --- */
  .smart-feature-item { gap: 14px; padding: 18px 16px; }
  .smart-visual { padding: 36px 24px; min-height: auto; }
  .smart-circle { width: 160px; height: 160px; }
  .smart-inner-circle { width: 104px; height: 104px; font-size: 2rem; }

  /* --- HOME LIFTS --- */
  .home-lift-img { height: 220px; }
  .home-lift-body { padding: 22px 18px; }
  .home-lift-body h4 { font-size: 1.1rem; }

  /* --- TECH STATS --- */
  .tech-stat-card { padding: 26px 14px; }
  .tech-stat-number { font-size: 2.2rem; }

  /* --- CERTIFICATIONS --- */
  .cert-card { padding: 26px 18px; }

  /* --- INSTALL STEPS --- */
  .install-step { gap: 16px; }
  .install-step:not(:last-child)::after { display: none; }

  /* --- INDUSTRIES --- */
  .industry-card { padding: 22px 10px; }
  .industry-card h5 { font-size: .9rem; }
  .industry-card p { font-size: .8rem; }
  .industry-icon { width: 52px; height: 52px; font-size: 1.3rem; }

  /* --- GALLERY PREVIEW --- */
  .gallery-grid { grid-template-columns: 1fr 1fr !important; gap: 10px; }
  .gallery-item:first-child { grid-column: span 2; grid-row: span 1; }
  .gallery-item:first-child .gallery-item-inner { min-height: 180px; }
  .gallery-item-inner { min-height: 140px; }

  /* --- TESTIMONIALS --- */
  .testimonial-card { padding: 26px 18px; }
  .testimonial-text { font-size: .9rem; }
  .testimonial-controls { gap: 8px; }

  /* --- FAQ --- */
  .faq-header { padding: 16px 16px; gap: 10px; }
  .faq-question { font-size: .88rem; }
  .faq-answer { padding: 0 16px; }
  .faq-item.active .faq-answer { padding-top: 4px; }

  /* --- CTA SECTION --- */
  .cta-section .d-flex.flex-wrap { flex-direction: column; align-items: stretch; max-width: 300px; margin: 0 auto; gap: 12px; }
  .cta-section .btn-call, .cta-section .btn-whatsapp { width: 100%; justify-content: center; }

  /* --- CONTACT QUICK --- */
  .contact-info-card { padding: 26px 18px; }
  .contact-info-card .d-flex.gap-3 { justify-content: center; flex-wrap: wrap; }
  .contact-info-card .btn-call, .contact-info-card .btn-whatsapp { flex: 1; justify-content: center; min-width: 140px; }
  .map-container { height: 260px; }

  /* --- FOOTER --- */
  footer.main-footer { padding: 50px 0 0; text-align: center; }
  .footer-brand { display: flex; flex-direction: column; align-items: center; }
  .footer-brand p { max-width: 100%; }
  .footer-social { justify-content: center; }
  .footer-links a { justify-content: center; }
  .footer-links a::before { display: none; }
  .footer-contact-item { justify-content: center; }
  .footer-bottom { flex-direction: column; align-items: center; text-align: center; gap: 8px; }
  .footer-bottom .d-flex { justify-content: center; flex-wrap: wrap; }
}

/* ============================================================
   RESPONSIVE — SMALL PHONES  ≤ 575px
   ============================================================ */
@media (max-width: 575px) {
  body { overflow-x: hidden; }
  .section-pad { padding: 48px 0; }

  /* Section labels everywhere → centered, no left-line */
  .section-label { padding-left: 0 !important; display: block; text-align: center; margin: 0 auto 14px; }
  .section-label::before { display: none !important; }
  .divider.left { margin: 16px auto 24px !important; }
  .section-subtitle.left { margin-left: auto !important; margin-right: auto !important; }
  .section-title { font-size: 1.65rem !important; }

  /* Hero */
  .hero-title { font-size: 1.85rem; letter-spacing: 0; }
  .hero-subtitle { font-size: .9rem; }
  .hero-stat-item { flex: 0 0 100%; }
  .hero-stat-number { font-size: 1.5rem; }
  .hero-scroll-hint { display: none; }

  /* About */
  .about-img-card { height: 220px; }
  .about-feature-pill { font-size: .76rem; padding: 7px 12px; }
  .about-home-section .mt-4 { text-align: center; }

  /* VM */
  .vm-card { padding: 22px 16px; }
  .vm-title { font-size: 1.1rem; }
  .vm-icon { width: 52px; height: 52px; font-size: 1.3rem; margin-bottom: 18px; }

  /* Why */
  .why-card { padding: 22px 16px; }
  .why-icon-wrap { width: 58px; height: 58px; font-size: 1.3rem; }

  /* Product cards */
  .product-card-body { padding: 16px 14px; }
  .product-card-img { height: 160px; }
  .btn-silver { padding: 9px 18px; font-size: .82rem; }

  /* Smart section */
  .smart-feature-item { flex-direction: row; align-items: flex-start; gap: 12px; padding: 14px 12px; }
  .smart-feat-icon { width: 40px; height: 40px; font-size: .95rem; flex-shrink: 0; }
  .smart-feat-text h6 { font-size: .88rem; }
  .smart-feat-text p { font-size: .8rem; }
  .smart-visual { padding: 28px 16px; }
  .smart-circle { width: 130px; height: 130px; }
  .smart-inner-circle { width: 85px; height: 85px; font-size: 1.6rem; }

  /* Home lifts */
  .home-lift-img { height: 190px; }
  .home-lift-body { padding: 18px 14px; }
  .home-lift-body h4 { font-size: 1rem; }
  .home-lift-body p { font-size: .84rem; }
  .lift-feature-row { font-size: .8rem; }

  /* Tech stats */
  .tech-stat-card { padding: 20px 12px; }
  .tech-stat-number { font-size: 1.85rem; }
  .tech-stat-label { font-size: .75rem; }

  /* Install steps */
  .install-step { gap: 14px; align-items: flex-start; }
  .step-number { width: 42px; height: 42px; font-size: .95rem; flex-shrink: 0; }
  .step-content { padding-top: 6px; }
  .step-content h6 { font-size: .9rem; }
  .step-content p { font-size: .82rem; }

  /* Industry */
  .industry-card { padding: 18px 8px; }
  .industry-card h5 { font-size: .84rem; }
  .industry-card p { font-size: .75rem; }
  .industry-icon { width: 46px; height: 46px; font-size: 1.1rem; margin-bottom: 14px; }

  /* Gallery */
  .gallery-grid { grid-template-columns: 1fr !important; gap: 10px; }
  .gallery-item:first-child { grid-column: span 1 !important; grid-row: span 1 !important; }
  .gallery-item-inner, .gallery-item:first-child .gallery-item-inner { min-height: 170px; }
  .gallery-masonry { columns: 1; }

  /* Cert cards */
  .cert-card { padding: 22px 14px; }
  .cert-icon { width: 56px; height: 56px; font-size: 1.3rem; margin-bottom: 14px; }
  .cert-card h6 { font-size: .88rem; }
  .cert-card p { font-size: .8rem; }

  /* Testimonials */
  .testimonial-card { padding: 20px 14px; }
  .testimonial-text { font-size: .85rem; }
  .author-name { font-size: .88rem; }
  .author-role { font-size: .75rem; }

  /* FAQ */
  .faq-header { padding: 14px 14px; }
  .faq-question { font-size: .83rem; }
  .faq-answer p { font-size: .85rem; padding-bottom: 16px; }

  /* CTA */
  .cta-section .btn-call, .cta-section .btn-whatsapp { font-size: .88rem; padding: 13px 18px; }

  /* Contact */
  .contact-info-card { padding: 20px 14px; }
  .contact-item { gap: 14px; }
  .contact-icon { width: 40px; height: 40px; font-size: .95rem; }
  .contact-details p { font-size: .88rem; }
  .map-container { height: 230px; }

  /* Footer */
  footer.main-footer { padding: 44px 0 0; }
  .footer-brand .brand-name { font-size: 1.3rem; }
  .footer-heading { font-size: .72rem; margin-bottom: 16px; }
  .footer-links a { font-size: .82rem; }
  .footer-contact-item { font-size: .82rem; }
  .footer-bottom { margin-top: 36px; }

  /* Buttons global */
  .btn-primary-uk, .btn-outline-uk, .btn-call, .btn-whatsapp { padding: 12px 22px; font-size: .85rem; }

  /* Products page sticky nav scroll */
  #productNavBar {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    padding-bottom: 4px;
  }
  #productNavBar::-webkit-scrollbar { display: none; }

  /* Contact action cards: reduce padding */
  .contact-action-card { padding: 32px 20px; }
  .contact-action-icon { width: 60px; height: 60px; font-size: 1.4rem; }

  /* Gallery masonry: 1 col */
  .gallery-masonry { columns: 1; }

  /* Map wrapper */
  .map-wrapper { height: 280px; }

  /* Page hero inner pages */
  .page-hero { padding: 120px 0 56px; }
  .page-hero h1 { font-size: clamp(1.7rem, 6vw, 2.4rem); }

  /* Spec table scroll */
  .spec-table { font-size: .8rem; }
  .spec-table th, .spec-table td { padding: 9px 10px; }
  .product-detail-body { padding: 20px 14px; }
}