/* ============================================
   SAAV HOME TEMPLATE — styles
   Scoped under .saav-home
   ============================================ */

.saav-home *, .saav-home *::before, .saav-home *::after { box-sizing: border-box; }
.saav-home { font-family: 'Poppins', system-ui, sans-serif; color: #4a5763; font-weight: 300; line-height: 1.7; }
.saav-home img { max-width: 100%; height: auto; display: block; }
.saav-home a { text-decoration: none; }

.sh-wrap { max-width: 1350px; margin: 0 auto; padding: 0 32px; }
.sh-center { text-align: center; }

/* Buttons */
.sh-btn-blue { display:inline-block; background:#164a7a; color:#fff !important; padding:15px 32px; border-radius:4px; font-size:13px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; transition:background .2s; }
.sh-btn-blue:hover { background:#0f3a63; }
.sh-btn-outline { display:inline-block; border:1px solid rgba(255,255,255,.5); color:#fff !important; padding:15px 32px; border-radius:4px; font-size:13px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; transition:background .2s; }
.sh-btn-outline:hover { background:rgba(255,255,255,.12); }
.sh-btn-outline-dark { display:inline-block; border:1px solid #d3d8dd; color:#16202c !important; padding:15px 32px; border-radius:4px; font-size:13px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; }
.sh-btn-outline-dark:hover { background:#f2f5f8; }
.sh-btn-white { display:inline-block; background:#fff; color:#164a7a !important; padding:13px 28px; border-radius:4px; font-size:13px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; }

/* Section titles */
.sh-eyebrow { font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color:#1a5c96; font-weight:600; margin-bottom:12px; }
.sh-stitle {
    font-size: 50px;
    color: #000;
}
.sh-stitle-sm { font-size:40px; }

/* ---------- HERO ---------- */
.sh-hero { background-size:cover; background-position:center; color:#fff; padding:100px 0 90px; position:relative; }
.sh-hero h1 { font-size:80px; color:#fff; text-align:center;  margin:0 auto 20px; }
.sh-hero-sub { text-align:center; font-size:17px; color:rgba(255,255,255,.9); max-width:640px; margin:0 auto 30px; }
.sh-hero-btns { display:flex; gap:14px; justify-content:center; margin-bottom:0; flex-wrap:wrap; }
.sh-hero-feats { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin:50px auto -90px; box-shadow:0 20px 50px rgba(0,0,0,.25); position:relative; z-index:2; }
.sh-feat { padding:34px 32px; text-align:left; min-height:150px; transition: 0.2s ease-in;}
.sh-feat:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,.15); }
.sh-feat-0 { background:#fff; color:#4a5763; }
.sh-feat-1 { background:#1e5183; color:#fff; }
.sh-feat-2 { background:#16406b; color:#fff; }
.sh-feat h3 {  text-transform:uppercase; font-size: 26px;}
.sh-feat-0 h3 { color:#16202c; }
.sh-feat p { font-size:13.5px; line-height:1.7; }
.sh-feat-0 p { color:#6a7683; }
.sh-feat-1 p, .sh-feat-2 p { color:rgba(255,255,255,.85); }

/* Hero video background */
.sh-hero-hasvideo { position:relative; overflow:hidden; background:#0d2137 !important; }
.sh-hero-video { position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; transform:translate(-50%,-50%); object-fit:cover; z-index:0; }
.sh-hero-overlay { position:absolute; inset:0; background:rgba(13,33,55,0.55); z-index:1; }
.sh-hero-inner { position:relative; z-index:2; }
.pt-0{padding-top:0 !important;}
/* ---------- INTRO ---------- */
.sh-intro {
    padding: 80px 0 0;
    background: #fff;
}
.sh-intro-text { font-size:15px; color:#6a7683; max-width:640px; margin:0 auto; line-height:1.75; }

/* ---------- BRAND SECTIONS ---------- */
.sh-brand { padding:60px 0; background:#fff; }
.sh-brand-alt { background:#f4f6f9; }
.sh-brand-logo {  margin:0 auto 20px;max-height: 300px; }
.sh-brand-text { font-size:15px; color:#6a7683; max-width:660px; margin:0 auto; line-height:1.75; }

/* Slider */
.sh-slider { position:relative; margin:40px 0 20px; }
.sh-slider-track { display:flex; gap:20px; overflow-x:auto; scroll-behavior:smooth; padding:6px 2px 16px; -ms-overflow-style:none; scrollbar-width:none; }
.sh-slider-track::-webkit-scrollbar { display:none; }
.sh-slide { flex:0 0 auto; width:320px; background:#fff; border:1px solid #e6ecf2; border-radius:12px; padding:12px; text-align:center; }
.sh-slide-img {  display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
.sh-slide-img img { width:auto; height: 250px; margin:0 auto;transition: transform 0.3s ease; }
.sh-slide-img:hover img {
    transform: scale(1.02);
}
.sh-slide-name { font-size:18px; font-weight:500; color:#16202c; margin-bottom:4px; }
.sh-slide-spec { font-size:12px;}
.sh-slider-nav { position:absolute; top:40%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; border:none; background:#164a7a; color:#fff; font-size:22px; cursor:pointer; z-index:3; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(0,0,0,.15); }
.sh-slider-nav:hover { background:#0f3a63; }
.sh-prev { left:-14px; }
.sh-next { right:-14px; }
.sh-brand-btn { margin-top:16px; }

/* ---------- SPLIT: Spares + Industries ---------- */
.sh-split { padding:70px 0; background:#fff; }
.sh-split-grid { display:grid; grid-template-columns:1fr 1fr; gap:56px; }
.sh-spares-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:22px; }
.sh-spare {text-align: center;border: 1px solid #ddd;border-radius: 10px;padding: 10px;}
.sh-spare-img { display:flex; align-items:center; justify-content:center; margin-bottom:8px; }
.sh-spare-img img { max-height:110px; width:auto; }
.sh-spare-name { font-size:16px;  }
.sh-ind-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.sh-ind-img { height:120px; border-radius:8px; background-size:cover; background-position:center; background-color:#e8eef4; margin-bottom:8px; }
.sh-ind-name {
    font-size: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6a7683;
}.sh-ind {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
}

/* ---------- E-WASTE ---------- */
.sh-ewaste { background:#164a7a; color:#fff; padding:56px 0; }
.sh-ewaste-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.sh-ewaste-icon img { max-width:380px; margin:0 auto; }
.sh-ewaste-body h2 { font-size:50px; font-weight:500; color:#fff; margin-bottom:14px; }
.sh-ewaste-body p { font-size:14.5px; color:rgba(255,255,255,.85); line-height:1.75; margin-bottom:22px; max-width:620px; }

/* ---------- CONTACT ---------- */
.sh-contact { padding:70px 0; background:#fff; }
.sh-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; margin-top:20px; align-items:start; }
.sh-contact-office { font-size:20px; color:#164a7a; margin-bottom:12px; }
.sh-contact-addr { font-size:14px; color:#5a6875; line-height:1.7; margin-bottom:14px; }
.sh-contact-line { font-size:14px; color:#5a6875; margin-bottom:6px; }
.sh-contact-cta { display:flex; gap:12px; margin-top:22px; flex-wrap:wrap; }
.sh-contact-map { min-height:200px; }

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 991px) {
.sh-ewaste-body p{
	max-width: 100%;
}
.sh-hero h1{font-size: 60px;}
.sh-ewaste-grid { grid-template-columns:1fr; text-align:center; }
.sh-split-grid { grid-template-columns:1fr; gap:40px; }
}

@media (max-width: 960px) {
	.sh-hero h1 { font-size:55px; }
	.sh-hero-feats { grid-template-columns:1fr;}
	.sh-ewaste-icon img { margin:0 auto 20px; }
	.sh-contact-grid { grid-template-columns:1fr; }
}
@media (max-width: 600px) {
	.sh-wrap { padding:0 16px; }
	.sh-hero { padding:70px 0 50px; }
	.sh-hero h1 { font-size:40px; }
	.sh-stitle { font-size:28px; }
	.sh-spares-grid, .sh-ind-grid { grid-template-columns:repeat(2,1fr); }
	.sh-hero-btns { flex-direction:column; align-items:center; }
	.sh-prev { left:0; }
	.sh-next { right:0; }
}
@media (max-width: 400px) {
	.sh-hero-sub {
    font-size: 15px;
}
.sh-btn-blue ,  .sh-btn-outline, .sh-btn-outline-dark, .sh-btn-white {
    width: 100%;
    text-align: center;
}
}