*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#06184c;background:#fff}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-top:4px solid #222;border-bottom:1px solid #e7ebf5;position:sticky;top:0;background:#fff;z-index:50}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#071b73}.brand span:last-child{display:grid}.brand small{font-size:8px;letter-spacing:2px;margin-top:4px;color:#68738d}.logoMark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#09b8e8,#1748bd);color:#fff;border:3px solid #fff;outline:2px solid #0b8bd5;font-weight:900}.topbar nav{display:flex;align-items:center;gap:8px;background:#f4f6fb;border-radius:28px;padding:5px}.topbar nav a{text-decoration:none;color:#07153f;font-size:12px;padding:10px 13px;border-radius:20px}.topbar nav .quote{background:#0b43e6;color:#fff;font-weight:800;padding:13px 20px}.hero{min-height:590px;display:grid;grid-template-columns:43% 57%;overflow:hidden}.heroCopy{padding:70px 5% 40px 7%;background:linear-gradient(120deg,#fff 75%,#f4f7ff)}.eyebrow{color:#0b43e6;font-size:11px;font-weight:900;letter-spacing:2.4px}.hero h1{font-size:61px;line-height:.88;margin:18px 0 24px;letter-spacing:-3px}.hero h1 em{font-style:normal;color:#0b43e6}.heroCopy>p:not(.eyebrow){max-width:520px;color:#66718a;line-height:1.7}.actions{display:flex;gap:10px;margin:26px 0}.actions a{padding:15px 22px;border-radius:9px;text-decoration:none;font-weight:800;font-size:13px}.primary{background:#0b43e6;color:white}.secondary{border:1px solid #cfd6e7;color:#06184c}.mini{display:flex;gap:42px;border-top:1px solid #dce2ee;padding-top:23px;margin-top:30px;font-size:10px}.heroVisual{position:relative;background:radial-gradient(circle at 55% 45%,#12359b,#071b73 55%,#04153f);clip-path:polygon(17% 0,100% 0,100% 100%,0 100%);overflow:hidden}.bigWord{position:absolute;right:7%;top:18%;font-size:66px;line-height:.78;font-weight:900;color:rgba(255,255,255,.08)}.mainMachine{position:absolute;width:67%;left:24%;top:26%;filter:drop-shadow(0 30px 24px rgba(0,0,0,.35));animation:float 5s ease-in-out infinite}.product{position:absolute;filter:drop-shadow(0 16px 14px rgba(0,0,0,.28))}.tshirt{width:24%;right:4%;bottom:3%;transform:rotate(5deg)}.rollup{height:43%;left:12%;bottom:-6%;transform:rotate(-5deg);opacity:.96}.heroCard{position:absolute;right:19%;bottom:12%;width:190px;background:white;padding:14px 18px;border-radius:13px;display:grid;box-shadow:0 15px 40px #00113e66}.heroCard small{font-size:7px;color:#0b43e6;letter-spacing:1px}.heroCard strong{font-size:36px}.heroCard span{font-size:8px;color:#4e5870}.tag{position:absolute;background:#fff;padding:10px 15px;border-radius:18px;font-size:9px;font-weight:900}.t1{left:18%;top:17%}.t2{right:6%;top:42%}.t3{left:10%;top:55%}@keyframes float{50%{transform:translateY(-12px)}}.trusted{height:80px;border-bottom:1px solid #e4e8f0;display:grid;grid-template-columns:210px 1fr;align-items:center;padding-left:4%;overflow:hidden}.trusted>div:first-child{display:grid;font-size:8px;line-height:1.7}.trusted small{color:#0b43e6;font-weight:900}.marquee{overflow:hidden}.track{display:flex;width:max-content;gap:12px;animation:scroll 28s linear infinite}.track span{min-width:125px;padding:14px 18px;border:1px solid #e1e6f0;border-radius:10px;text-align:center;font-size:10px;font-weight:900;color:#64708a;background:#fff}@keyframes scroll{to{transform:translateX(-50%)}}.services{padding:80px 7%}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.sectionHead h2,.cta h2{font-size:48px;line-height:1;margin:10px 0}.sectionHead p{max-width:500px;color:#707b92;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{border:1px solid #e0e5ef;border-radius:22px;padding:20px;min-height:360px;transition:.25s}.cards article:hover{transform:translateY(-7px);box-shadow:0 22px 50px #071b7315}.pic{height:210px;background:linear-gradient(145deg,#f7f9fd,#edf3ff);border-radius:15px;display:grid;place-items:center;overflow:hidden;margin-bottom:18px}.pic img{max-width:92%;max-height:94%;object-fit:contain}.cards small{color:#0b43e6;font-weight:900}.cards h3{font-size:22px;margin:12px 0 8px}.cards p{color:#717c91;font-size:14px;line-height:1.5}.cta{margin:20px 7% 80px;background:#071b73;color:white;border-radius:30px;padding:55px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.cta a{background:#f4c414;color:#07153f;text-decoration:none;font-weight:900;padding:18px 24px;border-radius:12px}.cta .eyebrow{color:#f4c414}footer{padding:28px 7%;background:#04153f;color:#fff;display:flex;justify-content:space-between;font-size:11px}.wa{position:fixed;right:22px;bottom:22px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#18c86b;color:#fff;text-decoration:none;font-weight:900;z-index:60}@media(max-width:900px){.topbar nav a:not(.quote){display:none}.hero{grid-template-columns:1fr}.heroCopy{padding:50px 7%}.hero h1{font-size:50px}.heroVisual{min-height:500px;clip-path:none}.trusted{grid-template-columns:1fr;height:auto;padding:20px}.trusted>div:first-child{margin-bottom:12px}.cards{grid-template-columns:1fr}.sectionHead,.cta{display:block}.sectionHead h2,.cta h2{font-size:38px}.cta a{display:inline-block;margin-top:15px}footer{gap:15px;flex-wrap:wrap}}
.brandLogo{width:42px;height:42px;object-fit:contain;display:block}
.heroPhotoLayout{grid-template-columns:43% 57%}
.heroExact{clip-path:polygon(17% 0,100% 0,100% 100%,0 100%);background:linear-gradient(145deg,#071b73,#0b43e6);display:flex;align-items:center;justify-content:center}
.heroExactImage{position:absolute;width:84%;max-height:82%;object-fit:contain;left:11%;top:9%;filter:drop-shadow(0 28px 30px rgba(0,0,0,.25))}
.heroExactLogo{position:absolute;width:115px;height:115px;object-fit:contain;right:5%;top:5%;filter:drop-shadow(0 12px 20px rgba(0,0,0,.18))}
.heroOverlay{position:absolute;left:23%;bottom:6%;background:rgba(4,21,63,.88);backdrop-filter:blur(7px);padding:12px 18px;border-radius:12px;color:#fff;display:grid;gap:5px}
.heroOverlay small{font-size:7px;letter-spacing:1.5px;color:#f4c414}.heroOverlay strong{font-size:11px;letter-spacing:1px}
@media(max-width:900px){.heroPhotoLayout{grid-template-columns:1fr}.heroExact{clip-path:none}.heroExactImage{width:92%;left:4%}.heroExactLogo{width:82px;height:82px}}


/* =========================
   V12 ABOUT US PAGE
   ========================= */
.about-page{background:#fff}
.about-hero{padding:74px 7% 90px;overflow:hidden}
.about-kicker{color:#0b43e6;font-size:11px;font-weight:900;letter-spacing:2.5px;margin:0 0 10px}
.about-title h1{
  margin:0 0 38px;
  font-size:clamp(72px,8vw,150px);
  line-height:.82;
  letter-spacing:-6px;
  color:#314aa8;
  font-weight:900;
}
.about-layout{
  display:grid;
  grid-template-columns:39% 61%;
  align-items:end;
  max-width:1500px;
  margin:auto;
}
.about-visual{
  min-height:510px;
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:40px 15px 0;
  z-index:2;
}
.about-pink-shape{
  position:absolute;
  right:-20px;
  top:85px;
  width:72%;
  height:62%;
  background:#ef1496;
  border-radius:38px 0 38px 0;
  z-index:-1;
}
.about-visual img{
  width:105%;
  max-height:430px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 22px 25px rgba(0,0,0,.15));
}
.about-copy-card{
  background:#344ba7;
  color:#fff;
  padding:46px 58px 42px 78px;
  border-radius:0 62px 0 62px;
  min-height:540px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:0 25px 60px rgba(49,74,168,.16);
}
.about-copy-card p{
  margin:0 0 19px;
  font-size:16px;
  line-height:1.45;
  max-width:760px;
}
.about-copy-card p:last-child{margin-bottom:0}
.about-copy-card strong{font-weight:900}
.about-values{
  padding:0 7% 85px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.about-values>div{
  border:1px solid #e1e6f1;
  border-radius:22px;
  padding:30px;
  background:#fff;
}
.about-values span{
  color:#0b43e6;
  font-size:11px;
  font-weight:900;
}
.about-values h3{
  margin:35px 0 10px;
  font-size:23px;
  color:#071b73;
}
.about-values p{
  margin:0;
  color:#707b91;
  line-height:1.6;
  font-size:14px;
}
.about-cta{
  margin:0 7% 85px;
  background:#071b73;
  border-radius:28px;
  padding:55px 6%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#fff;
}
.about-cta small{
  color:#f4c414;
  font-size:10px;
  font-weight:900;
  letter-spacing:2px;
}
.about-cta h2{
  font-size:46px;
  line-height:1;
  margin:12px 0 0;
  letter-spacing:-2px;
}
.about-cta a{
  background:#f4c414;
  color:#071b73;
  text-decoration:none;
  font-weight:900;
  padding:17px 24px;
  border-radius:12px;
}

@media(max-width:900px){
  .about-hero{padding:50px 20px 65px}
  .about-title h1{
    font-size:clamp(58px,18vw,95px);
    letter-spacing:-4px;
    margin-bottom:28px;
  }
  .about-layout{grid-template-columns:1fr}
  .about-visual{
    min-height:360px;
    padding:10px 0 0;
  }
  .about-pink-shape{
    width:75%;
    height:58%;
    right:0;
    top:65px;
  }
  .about-visual img{
    width:100%;
    max-height:340px;
  }
  .about-copy-card{
    margin-top:-10px;
    min-height:0;
    border-radius:30px;
    padding:34px 25px;
  }
  .about-copy-card p{
    font-size:15px;
    line-height:1.55;
  }
  .about-values{
    padding:0 20px 60px;
    grid-template-columns:1fr;
  }
  .about-cta{
    margin:0 20px 60px;
    padding:38px 25px;
    display:block;
  }
  .about-cta h2{font-size:38px}
  .about-cta a{display:inline-block;margin-top:20px}
}


/* V13 — MOBILE HEADER:
   Hide desktop navigation panel on phone.
   Keep only Get a Quote visible. */
@media (max-width: 767px){
  header nav,
  .nav-links,
  .navbar-links,
  .desktop-nav,
  .menu-links,
  .kp-nav-links{
    display:none !important;
  }

  header .nav-wrap,
  header .navbar,
  header .nav-inner,
  header .header-inner{
    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
  }

  header .quote-btn,
  header .btn-quote,
  header .get-quote,
  header a[href*="contact"].quote,
  header a[href*="quote"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}


/* V14 FINAL MOBILE HEADER FIX
   Keep nav container alive so Get a Quote can remain visible. */
@media (max-width:767px){
  header.topbar{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:14px 16px !important;
  }

  header.topbar nav{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  header.topbar nav > a:not(.quote){
    display:none !important;
  }

  header.topbar nav > a.quote{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
    min-width:118px !important;
    height:46px !important;
    padding:0 18px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:#0B43E6 !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:900 !important;
    text-decoration:none !important;
  }

  header.topbar .brand{
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  header.topbar .brandLogo{
    flex:0 0 auto !important;
  }

  header.topbar .brand span{
    min-width:0 !important;
  }

  header.topbar .brand span b{
    white-space:nowrap !important;
  }

  header.topbar .brand span small{
    white-space:nowrap !important;
    font-size:8px !important;
    letter-spacing:1.4px !important;
  }
}

@media (max-width:390px){
  header.topbar{
    padding:12px 10px !important;
  }
  header.topbar nav > a.quote{
    min-width:100px !important;
    height:42px !important;
    padding:0 13px !important;
    font-size:12px !important;
  }
  header.topbar .brand span b{
    font-size:14px !important;
  }
}


/* ==========================
   V15 MOBILE HAMBURGER MENU
   Desktop appearance unchanged
   ========================== */
.kp-mobile-menu-btn,
.kp-mobile-drawer,
.kp-mobile-overlay{display:none}

@media(max-width:767px){
  /* Header: brand left, hamburger right */
  header.topbar{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:84px !important;
    padding:12px 18px !important;
    z-index:1000 !important;
  }

  /* Hide the desktop nav including its Get a Quote on phone */
  header.topbar > nav{
    display:none !important;
  }

  .kp-mobile-menu-btn{
    display:flex !important;
    width:46px !important;
    height:46px !important;
    padding:0 !important;
    flex:0 0 46px !important;
    border:0 !important;
    border-radius:13px !important;
    background:#0B43E6 !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    cursor:pointer !important;
    box-shadow:0 8px 22px rgba(11,67,230,.20) !important;
  }
  .kp-mobile-menu-btn span{
    display:block !important;
    width:21px !important;
    height:2.5px !important;
    border-radius:4px !important;
    background:#fff !important;
  }

  .kp-mobile-overlay{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    background:rgba(4,21,63,.48) !important;
    opacity:0 !important;
    visibility:hidden !important;
    transition:.25s ease !important;
    z-index:1998 !important;
  }
  .kp-mobile-overlay.is-open{
    opacity:1 !important;
    visibility:visible !important;
  }

  .kp-mobile-drawer{
    display:block !important;
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    width:min(86vw,350px) !important;
    height:100dvh !important;
    background:#fff !important;
    z-index:1999 !important;
    transform:translateX(105%) !important;
    transition:transform .28s ease !important;
    padding:0 22px 28px !important;
    box-shadow:-20px 0 55px rgba(4,21,63,.22) !important;
    overflow-y:auto !important;
  }
  .kp-mobile-drawer.is-open{
    transform:translateX(0) !important;
  }

  .kp-mobile-drawer-head{
    min-height:86px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-bottom:1px solid #e8ecf5 !important;
  }
  .kp-mobile-drawer-head strong{
    color:#071B73 !important;
    font-size:20px !important;
    font-weight:900 !important;
  }
  .kp-mobile-close{
    width:42px !important;
    height:42px !important;
    border:0 !important;
    border-radius:50% !important;
    background:#f2f5fb !important;
    color:#071B73 !important;
    font-size:31px !important;
    line-height:1 !important;
  }

  .kp-mobile-links{
    display:flex !important;
    flex-direction:column !important;
    padding:18px 0 0 !important;
    background:transparent !important;
  }
  .kp-mobile-links a{
    display:flex !important;
    align-items:center !important;
    min-height:55px !important;
    padding:0 5px !important;
    color:#071B73 !important;
    font-size:17px !important;
    font-weight:800 !important;
    text-decoration:none !important;
    border-bottom:1px solid #edf0f6 !important;
  }
  .kp-mobile-links .kp-mobile-quote{
    justify-content:center !important;
    min-height:52px !important;
    margin-top:22px !important;
    padding:0 20px !important;
    border:0 !important;
    border-radius:14px !important;
    background:#0B43E6 !important;
    color:#fff !important;
    font-weight:900 !important;
  }
  body.kp-menu-open{
    overflow:hidden !important;
  }
}


/* V16 HARD FIX — overrides old V13/V14 mobile nav hiding rules */
@media (max-width:767px){
  /* Only desktop nav is hidden */
  header.topbar > nav:not(.kp-mobile-links){
    display:none !important;
  }

  /* Hamburger must always be visible on phone */
  header.topbar .kp-mobile-menu-btn{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:2100 !important;
  }

  /* Drawer and its menu MUST remain available */
  header.topbar .kp-mobile-drawer{
    display:block !important;
    visibility:visible !important;
  }

  header.topbar .kp-mobile-drawer .kp-mobile-links,
  header.topbar aside.kp-mobile-drawer nav.kp-mobile-links{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    flex-direction:column !important;
  }

  header.topbar .kp-mobile-drawer .kp-mobile-links a{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  header.topbar .kp-mobile-overlay{
    display:block !important;
  }
}

/* V17 — About Us Vision & Mission */
.vision-mission-section{padding:60px 20px 80px;background:#fff}
.vm-wrap{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.vm-card{background:#3449a8;color:#fff;border-radius:0 28px 0 28px;padding:32px 34px;display:flex;gap:16px;min-height:220px;box-shadow:0 12px 30px rgba(4,21,63,.10)}
.vm-card h2{margin:0 0 12px;color:#62d6ed;font-size:28px;font-weight:900;letter-spacing:.2px}
.vm-card p{margin:0;font-size:17px;line-height:1.45;color:#fff}
.vm-icon{font-size:32px;line-height:1;color:#fff;font-weight:900}
@media(max-width:767px){
 .vision-mission-section{padding:32px 18px 50px}
 .vm-wrap{grid-template-columns:1fr;gap:20px}
 .vm-card{padding:24px 22px;min-height:auto;border-radius:0 24px 0 24px}
 .vm-card h2{font-size:23px}
 .vm-card p{font-size:15px;line-height:1.5}
 .vm-icon{font-size:26px}
}

/* V18 CONTACT PAGE */
.contact-showcase{padding:42px 18px 70px;background:#f5f7fa}
.contact-art{max-width:1180px;height:650px;margin:auto;background:#fff;border:1px solid #d9dee8;position:relative;overflow:hidden;box-shadow:0 18px 45px rgba(7,27,115,.08)}
.contact-art:after{content:"";position:absolute;right:-45px;top:-55px;width:190px;height:190px;background:linear-gradient(135deg,#08a9e6,#0b43e6);transform:rotate(25deg)}
.contact-copy{position:absolute;left:55px;top:55px}.contact-copy>span{font-weight:900;letter-spacing:3px;color:#0b43e6}
.contact-copy h1{font-size:54px;line-height:.95;margin:10px 0;color:#071b73}.contact-copy h1 b{color:#0b43e6}.contact-copy p{color:#7b8495;font-weight:700;letter-spacing:2px}
.contact-logo-orb{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:235px;height:235px;border:3px dotted #c7ccd4;border-radius:50%;display:grid;place-items:center}
.kp-monogram{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0b43e6,#071b73);color:#fff;font:italic 900 76px Georgia;border:9px solid #fff;box-shadow:0 0 0 3px #0b43e6}
.contact-info{position:absolute;left:42%;right:6%;bottom:75px}.contact-info h2{font-size:27px;color:#111;margin-bottom:20px}.contact-row{border-top:2px solid #bbb;padding-top:18px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px;color:#111}
.contact-row div{font-size:15px;line-height:1.45}
@media(max-width:767px){
.contact-showcase{padding:14px 10px 35px}.contact-art{height:720px}
.contact-copy{left:24px;top:30px}.contact-copy h1{font-size:40px}.contact-copy p{font-size:12px}
.contact-logo-orb{top:42%;width:190px;height:190px}.kp-monogram{width:145px;height:145px;font-size:58px}
.contact-info{left:22px;right:22px;bottom:42px}.contact-info h2{font-size:22px}.contact-row{grid-template-columns:1fr;gap:12px}
}


/* ==================================================
   V19 CONTACT PAGE — rebuilt to match supplied layout
   ================================================== */
.contact-v19{
  background:#f3f5f8;
  padding:34px 18px 64px;
}
.contact-v19-card{
  width:min(1120px,100%);
  min-height:700px;
  margin:0 auto;
  background:#fff;
  border:1px solid #cfd4dc;
  position:relative;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(7,27,115,.08);
}
.contact-v19-corner{
  position:absolute;
  right:-40px;
  top:-36px;
  width:190px;
  height:190px;
  background:
    linear-gradient(145deg,transparent 0 28%,#00b7e8 29% 50%,transparent 51%),
    linear-gradient(35deg,#0b43e6 0 42%,#00d7e8 43% 67%,#0879dd 68%);
  clip-path:polygon(28% 0,100% 0,100% 100%,55% 72%,25% 55%);
}
.contact-v19-softcopy{
  position:absolute;
  left:48px;
  top:55px;
  display:grid;
  gap:8px;
  color:#071b73;
  opacity:.05;
  filter:blur(1px);
}
.contact-v19-softcopy strong{font-size:54px;line-height:.9}
.contact-v19-softcopy span{font-size:16px;font-weight:800;letter-spacing:2px}
.contact-v19-logo-wrap{
  position:absolute;
  left:50%;
  top:43%;
  transform:translate(-50%,-50%);
}
.contact-v19-dots{
  width:250px;
  height:250px;
  border:3px dotted #b8bec9;
  border-radius:50%;
  display:grid;
  place-items:center;
}
.contact-v19-logo{
  width:190px;
  height:190px;
  border-radius:50%;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#fff;
}
.contact-v19-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.contact-v19-art{
  position:absolute;
  left:-8px;
  bottom:-6px;
  width:46%;
  height:280px;
}
.contact-v19-art .sheet{
  position:absolute;
  width:250px;
  height:150px;
  left:24px;
  bottom:24px;
  border-radius:12px;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
  transform:skewY(-8deg) rotate(-9deg);
}
.sheet-a{background:linear-gradient(135deg,#04153f 0 32%,#12bde9 33% 50%,#ee2284 51% 68%,#f4c414 69%)}
.sheet-b{background:linear-gradient(135deg,#0b43e6,#071b73);left:84px!important;bottom:52px!important;transform:skewY(-8deg) rotate(-4deg)!important}
.sheet-c{background:linear-gradient(135deg,#fff,#eef2f8);left:134px!important;bottom:78px!important;transform:skewY(-8deg) rotate(2deg)!important}
.contact-v19-art .paint{
  position:absolute;
  border-radius:60% 40% 70% 30%;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.12));
}
.paint-a{width:180px;height:65px;background:#08b6e8;left:0;bottom:175px;transform:rotate(-18deg)}
.paint-b{width:170px;height:58px;background:#ef2a87;left:100px;bottom:195px;transform:rotate(10deg)}
.paint-c{width:150px;height:52px;background:#f4c414;left:210px;bottom:170px;transform:rotate(-10deg)}
.contact-v19-info{
  position:absolute;
  right:7%;
  bottom:72px;
  width:54%;
}
.contact-v19-info h1{
  margin:0 0 18px;
  color:#111;
  font-size:27px;
  font-weight:800;
  letter-spacing:.2px;
}
.contact-v19-info .bubble{font-size:18px;margin-right:10px}
.contact-v19-line{
  height:2px;
  background:#b7bcc4;
  width:100%;
  margin-bottom:18px;
}
.contact-v19-details{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr;
  gap:20px;
  align-items:start;
}
.contact-v19-details a,
.contact-v19-details div{
  display:flex;
  gap:9px;
  align-items:flex-start;
  color:#111;
  text-decoration:none;
  font-size:14px;
  line-height:1.25;
}
.contact-v19-details b{font-size:24px;line-height:1}
.contact-v19-details span{font-weight:700}

@media(max-width:767px){
  .contact-v19{padding:14px 10px 40px}
  .contact-v19-card{min-height:730px}
  .contact-v19-corner{width:130px;height:135px;right:-28px;top:-28px}
  .contact-v19-softcopy{left:22px;top:30px}
  .contact-v19-softcopy strong{font-size:34px}
  .contact-v19-logo-wrap{top:36%}
  .contact-v19-dots{width:205px;height:205px}
  .contact-v19-logo{width:155px;height:155px}
  .contact-v19-art{width:100%;height:190px;bottom:0;opacity:.24}
  .contact-v19-info{left:22px;right:22px;bottom:118px;width:auto}
  .contact-v19-info h1{font-size:23px}
  .contact-v19-details{grid-template-columns:1fr;gap:13px}
  .contact-v19-details a,.contact-v19-details div{font-size:15px}
}

/* V20 SERVICES ORDER */
.services-v20{background:#fff}
.services-v20-head{padding:70px 7% 30px;max-width:1550px;margin:auto}
.services-v20-head>p{margin:0 0 10px;color:#0b43e6;font-size:11px;font-weight:900;letter-spacing:2.4px}
.services-v20-head h1{margin:0;color:#344aa8;font-size:clamp(74px,8vw,145px);line-height:.78;font-weight:950;letter-spacing:-6px}
.services-v20-head>span{display:block;margin-top:28px;color:#68738a;font-size:16px}
.services-v20-grid{max-width:1550px;margin:auto;padding:34px 7% 90px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-v20-card{padding:18px 18px 20px;border:1px solid #e1e6f0;border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(7,27,115,.045)}
.service-v20-photo{height:205px;border-radius:18px;background:linear-gradient(145deg,#f6f8fd,#eaf1ff);display:grid;place-items:center;overflow:hidden}
.service-v20-photo img{width:92%;height:92%;object-fit:contain}
.service-v20-spares{background:linear-gradient(145deg,#071b73,#0b43e6)}
.service-v20-icon{width:115px;height:115px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b43e6;font-size:58px}
.service-v20-card h2{margin:20px 4px 10px;color:#071b73;font-size:25px}
.service-v20-card>p{min-height:92px;margin:0 4px 20px;color:#69748a;font-size:14px;line-height:1.55}
.service-v20-order{border-top:1px solid #e8ecf4;padding-top:16px;display:grid;grid-template-columns:98px 1fr;gap:10px}
.service-v20-order label,.services-v20-form label{display:grid;gap:6px;color:#071b73;font-size:10px;font-weight:900}
.service-v20-order input,.services-v20-form input,.services-v20-form select{width:100%;height:44px;border:1px solid #ccd5e6;border-radius:10px;background:#fff;padding:0 12px;color:#071b73;font-size:14px}
.service-v20-order button{align-self:end;height:44px;border:0;border-radius:10px;background:#0b43e6;color:#fff;font-size:12px;font-weight:900;cursor:pointer}
.services-v20-custom{margin:0 7% 85px;padding:45px 5%;border-radius:28px;background:#071b73;color:#fff;display:grid;grid-template-columns:1fr 1.25fr;gap:50px;align-items:center}
.services-v20-custom small{color:#f4c414;font-weight:900;letter-spacing:2px;font-size:10px}
.services-v20-custom h2{margin:10px 0;font-size:42px;line-height:1}
.services-v20-custom p{margin:0;color:#bfc8df;line-height:1.6}
.services-v20-form{display:grid;grid-template-columns:1.35fr .65fr 1fr;gap:12px;align-items:end}
.services-v20-form label{color:#fff}
.services-v20-form button{height:44px;border:0;border-radius:10px;background:#f4c414;color:#071b73;font-size:12px;font-weight:900;cursor:pointer}
@media(max-width:1100px){.services-v20-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){
 .services-v20-head{padding:45px 20px 20px}
 .services-v20-head h1{font-size:clamp(62px,21vw,92px);letter-spacing:-4px}
 .services-v20-grid{padding:25px 18px 60px;grid-template-columns:1fr}
 .service-v20-photo{height:230px}.service-v20-card>p{min-height:0}
 .services-v20-custom{margin:0 18px 60px;padding:32px 22px;grid-template-columns:1fr;gap:28px}
 .services-v20-custom h2{font-size:35px}.services-v20-form{grid-template-columns:1fr}
}

/* V21 EXPANDED SERVICES */
.services-v21{background:#fff;min-height:100vh}
.sv21-head{max-width:1450px;margin:auto;padding:70px 6% 35px}
.sv21-head p{font-size:10px;font-weight:900;letter-spacing:2.3px;color:#0b43e6}
.sv21-head h1{margin:12px 0 25px;color:#344aa8;font-size:clamp(72px,8vw,138px);line-height:.76;letter-spacing:-6px;font-weight:950}
.sv21-head span{color:#6f788b}
.sv21-grid{max-width:1450px;margin:auto;padding:20px 6% 100px;display:grid;gap:14px}
.sv21-card{border:1px solid #e1e6f0;border-radius:22px;overflow:hidden;background:#fff}
.sv21-main{width:100%;border:0;background:#fff;display:grid;grid-template-columns:145px 1fr 55px;gap:24px;align-items:center;text-align:left;padding:14px;cursor:pointer}
.sv21-art{height:105px;border-radius:15px;background:linear-gradient(145deg,#0b43e6,#07a6df);display:grid;place-items:center;color:#fff;font-weight:950;font-size:20px}
.sv21-dark{background:linear-gradient(145deg,#071b73,#0b43e6)}
.sv21-sign{background:linear-gradient(145deg,#04153f,#0b43e6)}
.sv21-main small{color:#0b43e6;font-weight:900}
.sv21-main h2{margin:5px 0;color:#071b73;font-size:30px}
.sv21-main p{margin:0;color:#747d8f}
.sv21-main>b{font-size:32px;color:#0b43e6;text-align:center;transition:.25s}
.sv21-card.open .sv21-main>b{transform:rotate(45deg)}
.sv21-sub{display:none;padding:0 18px 18px 183px;grid-template-columns:repeat(2,1fr);gap:9px}
.sv21-card.open .sv21-sub{display:grid}
.sv21-sub button{border:1px solid #e2e7f0;border-radius:13px;background:#f8faff;text-align:left;padding:15px 17px;color:#071b73;font-weight:900;cursor:pointer}
.sv21-sub button span{display:block;margin-top:5px;color:#7b8497;font-size:11px;font-weight:500}
.sv21-sub button:hover{border-color:#0b43e6;background:#eef4ff}
.sv21-order{position:fixed;z-index:10020;right:-430px;top:0;width:min(420px,92vw);height:100vh;background:#fff;padding:80px 34px 35px;box-shadow:-20px 0 50px rgba(0,0,0,.15);transition:.3s}
.sv21-order.show{right:0}
.sv21-order small{color:#0b43e6;font-weight:900;letter-spacing:2px}
.sv21-order h2{font-size:42px;color:#071b73;margin:12px 0 5px}
.sv21-order p{font-size:18px;color:#68738a;margin-bottom:35px}
.sv21-order label{display:grid;gap:8px;color:#071b73;font-weight:900;font-size:12px}
.sv21-order input{height:52px;border:1px solid #ccd5e6;border-radius:11px;padding:0 14px;font-size:18px;margin-bottom:14px}
#sv21WhatsApp{width:100%;height:54px;border:0;border-radius:11px;background:#0b43e6;color:#fff;font-weight:900;cursor:pointer}
.sv21-close{position:absolute;right:25px;top:25px;border:0;background:#f0f3f8;width:42px;height:42px;border-radius:50%;font-size:25px;cursor:pointer}
.sv21-shade{display:none;position:fixed;z-index:10010;inset:0;background:rgba(4,21,63,.48)}
.sv21-shade.show{display:block}
@media(max-width:700px){
 .sv21-head{padding:45px 20px 25px}
 .sv21-head h1{font-size:clamp(62px,22vw,90px);letter-spacing:-4px}
 .sv21-grid{padding:10px 16px 70px}
 .sv21-main{grid-template-columns:82px 1fr 35px;gap:12px;padding:10px}
 .sv21-art{height:82px;font-size:13px}
 .sv21-main h2{font-size:21px}
 .sv21-main p{font-size:12px}
 .sv21-sub{padding:0 10px 12px;grid-template-columns:1fr}
 .sv21-sub button{padding:14px}
}

/* V22: EACH SUB-SERVICE HAS ITS OWN QUANTITY + ORDER */
.sv21-sub button[data-item]{cursor:default}
.sub-order-ui{margin-top:14px;padding-top:12px;border-top:1px solid #dfe6f1;display:grid;grid-template-columns:105px 1fr;gap:10px;align-items:end}
.sub-order-ui label{display:grid;gap:5px;color:#071b73;font-size:10px;font-weight:900}
.sub-order-ui input{width:100%;height:40px;border:1px solid #cbd5e6;border-radius:9px;padding:0 10px;background:#fff;color:#071b73;font-size:14px}
.sub-order-btn{height:40px;border-radius:9px;background:#0b43e6;color:#fff!important;display:flex!important;align-items:center;justify-content:center;margin:0!important;font-size:11px!important;font-weight:900!important;cursor:pointer}
@media(max-width:700px){
 .sub-order-ui{grid-template-columns:95px 1fr}
}


/* V23 CATEGORY REAL IMAGES */
.sv21-art.sv21-photo{
  position:relative;
  background:linear-gradient(145deg,#f7f9fd,#eef3ff) !important;
  overflow:hidden;
  padding:7px;
}
.sv21-art.sv21-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 8px 10px rgba(4,21,63,.15));
}
.sv21-card:hover .sv21-art.sv21-photo img{
  transform:scale(1.04);
  transition:transform .25s ease;
}
@media(max-width:700px){
 .sv21-art.sv21-photo{padding:5px}
 .sv21-art.sv21-photo img{object-fit:contain}
}

/* V24 PREMIUM SPARE PARTS PAGE */
.sp24{background:#f7f9fd;color:#071b73}
.sp24-hero{display:grid;grid-template-columns:1.25fr 1fr;background:linear-gradient(135deg,#071b73,#032052);color:#fff;min-height:300px;padding:28px 3% 0;overflow:hidden}
.sp24-copy small{font-size:12px;color:#cfd8ef}.sp24-copy h1{font-size:50px;margin:12px 0 5px}.sp24-copy h1 span{color:#f4c414}.sp24-copy>p{line-height:1.55;margin:0 0 25px}
.sp24-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sp24-badges>div{display:flex;gap:10px;align-items:center}.sp24-badges b{font-size:28px;color:#f4c414}.sp24-badges span{display:grid}.sp24-badges strong{font-size:11px}.sp24-badges small{font-size:10px;color:#fff}
.sp24-visual{position:relative;display:flex;align-items:center;justify-content:center}.sp24-visual>img{max-width:70%;max-height:240px;object-fit:contain;filter:drop-shadow(0 20px 25px rgba(0,0,0,.35))}
.sp24-brand{position:absolute;right:4%;bottom:12%;background:#fff;color:#071b73;border-radius:12px;padding:12px;display:grid;place-items:center}.sp24-brand img{width:70px;height:70px;object-fit:contain}.sp24-brand strong{font-size:14px}.sp24-brand small{font-size:7px}
.sp24-tabs{display:grid;grid-template-columns:repeat(7,1fr);background:#fff;margin:16px 3%;border:1px solid #e1e6ef;border-radius:13px;overflow:hidden}.sp24-tabs button{height:52px;border:0;border-right:1px solid #e5e9f1;background:#fff;color:#071b73;font-weight:900;font-size:11px}.sp24-tabs button.active{background:#0b43e6;color:#fff}
.sp24-grid{padding:0 3% 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sp24-card{background:#fff;border:1px solid #e1e6ef;border-radius:14px;overflow:hidden;display:grid;grid-template-rows:190px auto 62px;box-shadow:0 8px 22px rgba(7,27,115,.05)}
.sp24-img{background:#fff;display:grid;place-items:center;padding:14px}.sp24-img img{width:100%;height:100%;object-fit:contain}.ph,.cap,.cable{font-weight:900;color:#0b43e6;font-size:28px;text-align:center}
.sp24-body{padding:15px 18px}.sp24-body h3{font-size:16px;line-height:1.2;margin:0 0 8px}.sp24-body p{font-size:12px;line-height:1.5;color:#526079;min-height:55px}.sp24-body small{display:block;color:#17984b;font-size:9px;font-weight:900;margin:10px 0}.sp24-body>b{font-size:14px;color:#071b73}
.sp24-order{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:10px 14px;background:#fbfcff}.sp24-order label{font-size:9px;font-weight:900;display:grid;grid-template-columns:35px 1fr;align-items:center}.sp24-order input{height:38px;border:1px solid #d4dbe8;border-radius:8px;padding:0 10px}.sp24-order button{border:0;border-radius:8px;background:#f4c414;color:#071b73;font-weight:900}
.sp24-features{margin:0 3% 10px;background:#fff;border:1px solid #e1e6ef;border-radius:10px;display:grid;grid-template-columns:repeat(4,1fr);padding:14px}.sp24-features>div{display:flex;gap:12px;align-items:center;padding:0 16px;border-right:1px solid #e7ebf2}.sp24-features b{font-size:26px;color:#0b43e6}.sp24-features span{display:grid}.sp24-features strong{font-size:10px}.sp24-features small{font-size:10px;color:#58647c}
.sp24-bottom{margin:0 3% 40px;background:linear-gradient(90deg,#071b73,#0b43e6);color:#fff;border-radius:9px;padding:15px 20px;display:grid;grid-template-columns:1fr 220px 180px;gap:12px;align-items:center}.sp24-bottom div{display:grid}.sp24-bottom strong{font-size:15px}.sp24-bottom span{font-size:11px}.sp24-bottom a{height:42px;border-radius:8px;background:#f4c414;color:#071b73;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;font-size:11px}.sp24-bottom a.phone{background:#fff}
@media(max-width:1000px){.sp24-grid{grid-template-columns:repeat(2,1fr)}.sp24-tabs{grid-template-columns:repeat(4,1fr)}.sp24-hero{grid-template-columns:1fr}.sp24-visual{display:none}.sp24-badges{grid-template-columns:repeat(2,1fr);padding-bottom:24px}}
@media(max-width:650px){.sp24-grid{grid-template-columns:1fr}.sp24-tabs{grid-template-columns:1fr 1fr}.sp24-hero{padding:25px 18px}.sp24-copy h1{font-size:42px}.sp24-badges{grid-template-columns:1fr 1fr}.sp24-card{grid-template-rows:210px auto 62px}.sp24-features{grid-template-columns:1fr;gap:16px}.sp24-features>div{border-right:0}.sp24-bottom{grid-template-columns:1fr}.sp24-bottom a{width:100%}}

/* ========================================================
   V25 SPARE PARTS — DESKTOP 4 CARDS / MOBILE 1 CARD
   ======================================================== */
.sp25{background:#f7f9fd;color:#071b73}
.sp25-hero{background:linear-gradient(120deg,#071b73,#032052);color:#fff;padding:28px 3% 24px}
.sp25-hero small{color:#cfd8ef;font-size:12px}
.sp25-hero h1{font-size:52px;margin:10px 0 6px}.sp25-hero h1 span{color:#f4c414}
.sp25-hero p{line-height:1.55;margin:0 0 22px}
.sp25-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:850px}
.sp25-badges b{display:grid;font-size:12px;color:#fff}.sp25-badges b::first-letter{color:#f4c414}.sp25-badges small{font-weight:400;color:#dce4f4;margin-top:4px}
.sp25-tabs{margin:14px 3%;display:grid;grid-template-columns:repeat(7,1fr);background:#fff;border:1px solid #e1e6ef;border-radius:12px;overflow:hidden}
.sp25-tabs button{height:50px;border:0;border-right:1px solid #e6eaf2;background:#fff;color:#071b73;font-weight:900;font-size:11px;cursor:pointer}
.sp25-tabs button.active{background:#0b43e6;color:#fff}
.sp25-grid{padding:0 3% 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sp25-card{display:grid;grid-template-rows:230px 1fr 64px;background:#fff;border:1px solid #e0e6ef;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(7,27,115,.055)}
.sp25-img{background:#fff;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}
.sp25-img img{width:100%;height:100%;object-fit:contain;display:block}
.sp25-body{padding:14px 17px}
.sp25-body h3{margin:0 0 7px;font-size:16px;line-height:1.22;color:#071b73}
.sp25-body p{margin:0;color:#5c6880;font-size:12px;line-height:1.48;min-height:54px}
.sp25-availability{color:#17984b;font-size:9px;font-weight:900;margin:11px 0 8px}
.sp25-price{font-size:14px;font-weight:900;color:#071b73}
.sp25-order{display:grid;grid-template-columns:105px 1fr;gap:10px;align-items:center;padding:10px 14px;background:#fbfcff;border-top:1px solid #edf0f6}
.sp25-order label{display:grid;grid-template-columns:32px 1fr;align-items:center;font-size:9px;font-weight:900}
.sp25-order input{height:38px;width:100%;border:1px solid #cfd7e5;border-radius:8px;padding:0 9px}
.sp25-order button{height:40px;border:0;border-radius:8px;background:#f4c414;color:#071b73;font-weight:900;cursor:pointer}
.sp25-features{margin:0 3% 10px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e1e6ef;border-radius:10px;padding:14px}
.sp25-features>div{display:flex;gap:12px;align-items:center;padding:0 14px;border-right:1px solid #e7ebf2}
.sp25-features b{font-size:26px;color:#0b43e6}.sp25-features span{display:grid}.sp25-features strong{font-size:10px}.sp25-features small{font-size:10px;color:#657087}
.sp25-help{margin:0 3% 40px;background:linear-gradient(90deg,#071b73,#0b43e6);color:#fff;border-radius:10px;padding:16px 20px;display:grid;grid-template-columns:1fr 220px;align-items:center;gap:15px}
.sp25-help div{display:grid}.sp25-help strong{font-size:15px}.sp25-help span{font-size:11px}
.sp25-help a{height:42px;border-radius:8px;background:#f4c414;color:#071b73;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:11px}
@media(max-width:1100px){
 .sp25-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sp25-tabs{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:800px){
 .sp25-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sp25-badges{grid-template-columns:repeat(2,1fr)}
 .sp25-features{grid-template-columns:repeat(2,1fr);gap:15px}
 .sp25-features>div{border-right:0}
}
@media(max-width:600px){
 .sp25-hero{padding:24px 18px 22px}.sp25-hero h1{font-size:43px}
 .sp25-tabs{margin:10px 12px;grid-template-columns:1fr 1fr}
 .sp25-tabs button{font-size:10px}
 .sp25-grid{padding:0 12px 20px;grid-template-columns:1fr;gap:16px}
 .sp25-card{grid-template-rows:280px auto 72px}
 .sp25-img{padding:14px}
 .sp25-body{padding:16px 18px}
 .sp25-body h3{font-size:18px}
 .sp25-body p{font-size:14px;min-height:0}
 .sp25-availability{font-size:10px}
 .sp25-price{font-size:16px}
 .sp25-order{grid-template-columns:110px 1fr;padding:12px 16px}
 .sp25-order input{height:42px}.sp25-order button{height:44px}
 .sp25-features{margin:0 12px 10px;grid-template-columns:1fr}
 .sp25-help{margin:0 12px 30px;grid-template-columns:1fr}
}

/* =======================================================
   V26 CLEAN SPARE PARTS REDESIGN
   ======================================================= */
.sp26{background:#f8faff;color:#071b73}
.sp26-hero{
 display:grid;grid-template-columns:43% 57%;min-height:285px;
 background:linear-gradient(100deg,#071b73,#03255d);color:#fff;overflow:hidden
}
.sp26-hero-copy{padding:28px 0 20px 3.2%;position:relative;z-index:2}
.sp26-hero-copy>small{font-size:12px;color:#d5def2}
.sp26-hero-copy h1{font-size:54px;line-height:.92;margin:10px 0 8px;font-weight:950}
.sp26-hero-copy h1 span{color:#f4c414}
.sp26-hero-copy>p{font-size:14px;line-height:1.55;margin:0 0 24px}
.sp26-hero-machine{position:relative;overflow:hidden}
.sp26-hero-machine:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03255d 0,transparent 23%);z-index:1}
.sp26-hero-machine img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.sp26-hero-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:780px}
.sp26-hero-badges>div{display:flex;gap:9px;align-items:center}
.sp26-hero-badges>div>b{font-size:27px;color:#f4c414}
.sp26-hero-badges span{display:grid}.sp26-hero-badges strong{font-size:11px}.sp26-hero-badges small{font-size:9px;color:#fff;margin-top:3px}

.sp26-tabs{
 margin:15px 3%;display:grid;grid-template-columns:repeat(7,1fr);
 background:#fff;border:1px solid #e2e7ef;border-radius:12px;overflow:hidden;
 box-shadow:0 5px 16px rgba(7,27,115,.04)
}
.sp26-tabs button{
 height:52px;border:0;border-right:1px solid #e8ecf3;background:#fff;color:#071b73;
 font-weight:900;font-size:11px;cursor:pointer
}
.sp26-tabs button b{font-size:18px;margin-right:7px}
.sp26-tabs button.active{background:#0b43e6;color:#fff}

.sp26-grid{padding:0 3% 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.sp26-card{
 display:grid;grid-template-rows:230px 1fr 64px;background:#fff;border:1px solid #e0e5ee;
 border-radius:14px;overflow:hidden;box-shadow:0 7px 20px rgba(7,27,115,.045)
}
.sp26-img{background:#fff;padding:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sp26-img img{display:block;width:100%;height:100%;object-fit:contain}
.sp26-content{padding:13px 17px}
.sp26-content h3{font-size:15px;line-height:1.22;margin:0 0 7px;color:#071b73}
.sp26-content p{font-size:11.5px;line-height:1.48;margin:0;color:#59657b;min-height:52px}
.sp26-stock{margin-top:10px;color:#16924a;font-size:9px;font-weight:900}
.sp26-price{margin-top:8px;color:#071b73;font-size:14px;font-weight:950}
.sp26-order{display:grid;grid-template-columns:108px 1fr;gap:10px;align-items:center;padding:10px 13px;background:#fbfcff;border-top:1px solid #edf1f6}
.sp26-order label{display:grid;grid-template-columns:30px 1fr;align-items:center;font-size:9px;font-weight:900}
.sp26-order input{height:38px;width:100%;border:1px solid #cfd7e4;border-radius:8px;padding:0 8px}
.sp26-order button{height:40px;border:0;border-radius:8px;background:#f4c414;color:#071b73;font-weight:950;cursor:pointer}

.sp26-support{display:grid;grid-template-columns:1fr 330px;gap:14px;margin:0 3% 10px}
.sp26-feature-row{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e1e6ee;border-radius:10px;padding:12px}
.sp26-feature-row>div{display:flex;gap:12px;align-items:center;padding:0 13px;border-right:1px solid #e7ebf2}
.sp26-feature-row>div:last-child{border-right:0}
.sp26-feature-row b{font-size:27px;color:#0b43e6}
.sp26-feature-row span{display:grid}.sp26-feature-row strong{font-size:10px}.sp26-feature-row small{font-size:9px;color:#5f6a80;margin-top:3px}
.sp26-help{background:#071b73;color:#fff;border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px}
.sp26-help .wa{width:48px;height:48px;border-radius:50%;background:#20b65c;display:grid;place-items:center;font-weight:950}
.sp26-help>div:last-child{display:grid}.sp26-help strong{font-size:13px}.sp26-help small{font-size:10px}.sp26-help b{color:#f4c414;font-size:18px;margin-top:2px}

.sp26-bottom{
 margin:0 3% 40px;padding:12px 16px;background:linear-gradient(90deg,#071b73,#0b43e6);
 color:#fff;border-radius:10px;display:grid;grid-template-columns:58px 1fr 220px 185px;gap:12px;align-items:center
}
.sp26-cart{width:46px;height:46px;background:#f4c414;border-radius:8px;display:grid;place-items:center;font-size:23px}
.sp26-bottom-copy{display:grid}.sp26-bottom-copy strong{font-size:15px}.sp26-bottom-copy span{font-size:10px}
.sp26-bottom a{height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:11px;font-weight:950}
.sp26-bottom .chat{background:#f4c414;color:#071b73}.sp26-bottom .call{background:#fff;color:#071b73}

@media(max-width:1100px){
 .sp26-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sp26-tabs{grid-template-columns:repeat(4,1fr)}
 .sp26-support{grid-template-columns:1fr}
 .sp26-help{justify-content:center}
}
@media(max-width:820px){
 .sp26-hero{grid-template-columns:1fr}.sp26-hero-machine{display:none}
 .sp26-hero-copy{padding:25px 22px}
 .sp26-hero-badges{grid-template-columns:repeat(2,1fr)}
 .sp26-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sp26-feature-row{grid-template-columns:repeat(2,1fr);gap:14px}.sp26-feature-row>div{border-right:0}
 .sp26-bottom{grid-template-columns:55px 1fr}.sp26-bottom a{grid-column:span 1}
}
@media(max-width:600px){
 .sp26-hero-copy h1{font-size:43px}
 .sp26-tabs{margin:10px 12px;grid-template-columns:1fr 1fr}
 .sp26-grid{padding:0 12px 20px;grid-template-columns:1fr}
 .sp26-card{grid-template-rows:285px auto 72px}
 .sp26-content{padding:16px 18px}.sp26-content h3{font-size:18px}.sp26-content p{font-size:14px;min-height:0}
 .sp26-stock{font-size:10px}.sp26-price{font-size:16px}
 .sp26-order{grid-template-columns:110px 1fr;padding:12px 16px}
 .sp26-order input{height:42px}.sp26-order button{height:44px}
 .sp26-feature-row{grid-template-columns:1fr}
 .sp26-support{margin:0 12px 10px}
 .sp26-bottom{margin:0 12px 30px;grid-template-columns:52px 1fr}
 .sp26-bottom .chat,.sp26-bottom .call{grid-column:1 / -1}
}


/* ==========================================================
   V27 SMART SPARE PARTS — CLEAN IMAGES + CREATIVE LAYOUT
   ========================================================== */
.sp26{
  --navy:#071b73;
  --blue:#0b43e6;
  --cyan:#08aeea;
  --yellow:#f4c414;
  --ink:#07153f;
  background:linear-gradient(#f8fbff,#f4f7fc);
}
.sp26-hero{
  min-height:390px!important;
  grid-template-columns:48% 52%!important;
  background:
    radial-gradient(circle at 70% 20%,rgba(19,113,255,.32),transparent 30%),
    linear-gradient(115deg,#04153f 0%,#071b73 58%,#0b43e6 100%)!important;
  position:relative;
}
.sp26-hero:after{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:42px 42px;pointer-events:none;
}
.sp26-hero-copy{padding:48px 5% 34px 7%!important}
.sp26-hero-copy h1{font-size:clamp(58px,5.6vw,92px)!important;letter-spacing:-4px}
.sp26-hero-copy>p{font-size:16px!important;max-width:560px}
.sp26-hero-badges{margin-top:32px!important;gap:22px!important}
.sp26-hero-badges>div{
  padding:12px 12px;border:1px solid rgba(255,255,255,.12);
  border-radius:14px;background:rgba(255,255,255,.055);backdrop-filter:blur(5px)
}
.sp27-hero-collage{position:relative;min-height:390px;z-index:2}
.sp27-orbit{
  position:absolute;background:#fff;border-radius:22px;padding:9px;
  box-shadow:0 30px 65px rgba(0,0,0,.28);
  animation:sp27float 5s ease-in-out infinite
}
.sp27-orbit img{display:block;width:100%;height:100%;object-fit:contain;border-radius:15px}
.sp27-orbit.one{width:255px;height:190px;left:10%;top:10%;transform:rotate(-6deg)}
.sp27-orbit.two{width:235px;height:175px;right:7%;top:18%;transform:rotate(7deg);animation-delay:.8s}
.sp27-orbit.three{width:230px;height:165px;left:18%;bottom:7%;transform:rotate(4deg);animation-delay:1.6s}
.sp27-orbit.four{width:210px;height:155px;right:13%;bottom:5%;transform:rotate(-5deg);animation-delay:2.4s}
.sp27-hero-mark{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:150px;height:150px;border-radius:50%;
  background:linear-gradient(145deg,#08aeea,#0b43e6 55%,#071b73);
  border:8px solid rgba(255,255,255,.95);box-shadow:0 20px 40px rgba(0,0,0,.3);
  display:grid;place-items:center;text-align:center;color:#fff;z-index:4
}
.sp27-hero-mark strong{font-size:48px;line-height:.8}
.sp27-hero-mark span{font-size:7px;letter-spacing:1.4px;padding:0 12px}
@keyframes sp27float{50%{margin-top:-10px}}

.sp26-tabs{
  margin:22px auto!important;max-width:1480px;width:94%;
  border-radius:16px!important;box-shadow:0 10px 28px rgba(7,27,115,.07)!important
}
.sp26-tabs button{height:58px!important;font-size:11px!important}
.sp26-tabs button:hover{background:#eef4ff}
.sp26-tabs button.active{background:linear-gradient(135deg,#0b43e6,#0735c2)!important}

.sp27-catalog-head{
  width:94%;max-width:1480px;margin:34px auto 20px;
  display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px
}
.sp27-catalog-head small{color:#0b43e6;font-size:10px;font-weight:900;letter-spacing:2.1px}
.sp27-catalog-head h2{font-size:44px;letter-spacing:-2px;margin:8px 0 0;color:#071b73}
.sp27-catalog-head p{margin:0;color:#6b768b;line-height:1.65;max-width:620px}

.sp26-grid{
  width:94%;max-width:1480px;margin:0 auto;padding:0 0 35px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important
}
.sp26-card{
  grid-template-rows:250px auto 76px!important;
  border-radius:20px!important;border:1px solid #e0e6f1!important;
  box-shadow:0 14px 35px rgba(7,27,115,.055)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
  overflow:hidden!important
}
.sp26-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(7,27,115,.11)!important}
.sp26-img{
  padding:12px!important;background:linear-gradient(145deg,#f9fbff,#f1f5fb)!important;
  border-bottom:1px solid #eef1f6
}
.sp26-img img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  border-radius:14px!important
}
.sp26-content{padding:18px 19px!important}
.sp26-content h3{font-size:18px!important;min-height:44px}
.sp26-content p{font-size:13px!important;min-height:58px!important}
.sp26-stock{font-size:10px!important}
.sp26-price{font-size:17px!important;margin-top:9px!important}
.sp26-order{padding:13px 16px!important;grid-template-columns:110px 1fr!important}
.sp26-order input{height:44px!important}
.sp26-order button{
  height:46px!important;border-radius:10px!important;
  background:linear-gradient(135deg,#f4c414,#ffb800)!important;
  box-shadow:0 7px 15px rgba(244,196,20,.25);transition:.2s
}
.sp26-order button:hover{transform:translateY(-2px);filter:brightness(.98)}

.sp26-support{width:94%;max-width:1480px;margin:0 auto 14px!important}
.sp26-feature-row{border-radius:16px!important;padding:18px!important}
.sp26-help{border-radius:16px!important}
.sp26-bottom{width:94%;max-width:1480px;margin:0 auto 50px!important;border-radius:14px!important}

@media(max-width:1100px){
 .sp26-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .sp26-hero{grid-template-columns:1fr!important}
 .sp27-hero-collage{min-height:330px}
 .sp26-hero-copy{padding-bottom:20px!important}
}
@media(max-width:820px){
 .sp26-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sp27-catalog-head{grid-template-columns:1fr;gap:12px}
 .sp27-orbit.one{left:3%}.sp27-orbit.two{right:2%}.sp27-orbit.three{left:8%}.sp27-orbit.four{right:6%}
}
@media(max-width:600px){
 .sp26-hero{min-height:0!important}
 .sp26-hero-copy{padding:30px 18px 24px!important}
 .sp26-hero-copy h1{font-size:48px!important;letter-spacing:-2px}
 .sp26-hero-badges{grid-template-columns:1fr 1fr!important;gap:10px!important}
 .sp26-hero-badges>div{padding:10px}
 .sp27-hero-collage{min-height:275px}
 .sp27-orbit.one{width:145px;height:110px;left:2%;top:10%}
 .sp27-orbit.two{width:135px;height:105px;right:2%;top:18%}
 .sp27-orbit.three{width:135px;height:100px;left:8%;bottom:4%}
 .sp27-orbit.four{width:125px;height:95px;right:7%;bottom:3%}
 .sp27-hero-mark{width:105px;height:105px;border-width:6px}
 .sp27-hero-mark strong{font-size:34px}.sp27-hero-mark span{font-size:5.5px}
 .sp26-tabs{grid-template-columns:1fr 1fr!important;width:calc(100% - 24px)}
 .sp27-catalog-head{width:calc(100% - 28px);margin-top:26px}
 .sp27-catalog-head h2{font-size:34px}
 .sp26-grid{
   width:calc(100% - 24px);grid-template-columns:1fr!important;gap:18px!important
 }
 .sp26-card{grid-template-rows:285px auto 78px!important}
 .sp26-content h3{font-size:20px!important;min-height:0}
 .sp26-content p{font-size:14px!important;min-height:0!important}
 .sp26-support,.sp26-bottom{width:calc(100% - 24px)}
}

/* ==========================================================
   V28 FINAL SPARE PARTS — FULL PRODUCT IMAGES / NO CROP BARS
   ========================================================== */
.sp26-hero{grid-template-columns:43% 57%!important;min-height:340px!important;overflow:hidden}
.sp28-hero-visual{position:relative;z-index:2;min-height:340px;background:#071b73;overflow:hidden}
.sp28-hero-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;display:block}
.sp26-grid{gap:18px!important}
.sp26-card{background:#fff!important;grid-template-rows:270px auto 76px!important}
.sp26-img{padding:10px!important;background:#fff!important}
.sp26-img img{object-fit:contain!important;object-position:center!important;border-radius:12px!important;background:#fff}
.sp26-content h3{color:#071b73!important;font-weight:900!important}
.sp26-order button{font-size:13px!important;letter-spacing:.2px}
@media(max-width:1100px){.sp26-hero{grid-template-columns:1fr!important}.sp28-hero-visual{min-height:280px}}
@media(max-width:600px){.sp28-hero-visual{min-height:190px}.sp26-card{grid-template-rows:250px auto 78px!important}.sp26-img{padding:8px!important}}

/* V29 SPARE PARTS — STRICT FULL PRODUCT IMAGE MODE */
.sp26-grid{max-width:1680px;margin:0 auto!important;padding:0 28px 32px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
.sp26-card{border:1px solid #e3e9f4!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 28px rgba(4,21,63,.06)!important;grid-template-rows:310px auto 82px!important;min-width:0!important}
.sp26-img{height:310px!important;min-height:310px!important;padding:22px!important;background:#fff!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
.sp26-img img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;transform:none!important;scale:1!important;clip-path:none!important;margin:auto!important;border:0!important;border-radius:0!important;background:#fff!important}
.sp26-content{padding:20px 20px 12px!important}.sp26-content h3{font-size:20px!important;line-height:1.18!important;margin:0 0 9px!important}.sp26-content p{font-size:14px!important;line-height:1.55!important;min-height:44px!important}.sp26-order{padding:12px 20px 18px!important;gap:12px!important}.sp26-order button{min-height:48px!important;font-weight:900!important;border-radius:10px!important}
@media(max-width:1150px){.sp26-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sp26-card{grid-template-rows:290px auto 82px!important}.sp26-img{height:290px!important;min-height:290px!important}}
@media(max-width:850px){.sp26-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 16px 28px!important}.sp26-card{grid-template-rows:270px auto 82px!important}.sp26-img{height:270px!important;min-height:270px!important}}
@media(max-width:600px){.sp26-grid{grid-template-columns:1fr!important;padding:0 12px 24px!important;gap:16px!important}.sp26-card{grid-template-rows:300px auto 82px!important}.sp26-img{height:300px!important;min-height:300px!important;padding:18px!important}.sp26-content h3{font-size:19px!important}}


/* =========================================================
   V30 — SPARE PARTS EXACT REFERENCE REBUILD
   Product images are NEVER cropped.
   ========================================================= */
.sp26{
  background:#f7f9fd !important;
  color:#071b73 !important;
}
.sp26-hero{
  min-height:315px !important;
  grid-template-columns:43% 57% !important;
  padding:0 !important;
  background:#071b73 !important;
  overflow:hidden !important;
}
.sp26-hero-copy{
  padding:36px 5% 30px 6% !important;
  background:
    linear-gradient(90deg,#071b73 0%,#071f80 100%) !important;
}
.sp26-hero-copy h1{
  font-size:clamp(48px,4.2vw,72px) !important;
  line-height:.9 !important;
  letter-spacing:-2px !important;
}
.sp26-hero-copy h1 span{color:#f4c414 !important}
.sp26-hero-copy>p{
  font-size:14px !important;
  line-height:1.5 !important;
}
.sp26-hero-badges{
  grid-template-columns:repeat(4,1fr) !important;
  gap:10px !important;
  margin-top:24px !important;
}
.sp26-hero-badges>div{
  display:flex !important;
  gap:8px !important;
  align-items:center !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}
.sp26-hero-badges b{color:#f4c414 !important;font-size:25px !important}
.sp26-hero-badges strong{font-size:10px !important}
.sp26-hero-badges small{font-size:8px !important;color:#fff !important}

.sp28-hero-visual{
  height:315px !important;
  background:#06195e !important;
  overflow:hidden !important;
}
.sp28-hero-visual img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}

.sp26-tabs{
  width:94% !important;
  max-width:1440px !important;
  margin:18px auto 16px !important;
  display:grid !important;
  grid-template-columns:repeat(7,1fr) !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px solid #e1e7f1 !important;
  overflow:hidden !important;
  box-shadow:0 5px 18px rgba(7,27,115,.035) !important;
}
.sp26-tabs button{
  height:52px !important;
  background:#fff !important;
  border:0 !important;
  border-right:1px solid #e8ecf3 !important;
  color:#071b73 !important;
  font-size:10px !important;
  font-weight:900 !important;
}
.sp26-tabs button.active{
  background:#0b43e6 !important;
  color:#fff !important;
}

.sp27-catalog-head{
  display:none !important;
}

/* EXACT compact product structure like reference */
.sp26-grid{
  width:94% !important;
  max-width:1440px !important;
  margin:0 auto !important;
  padding:0 0 20px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}
.sp26-card{
  min-width:0 !important;
  background:#fff !important;
  border:1px solid #e4e9f1 !important;
  border-radius:13px !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:47% 53% !important;
  grid-template-rows:auto 62px !important;
  box-shadow:0 4px 14px rgba(7,27,115,.035) !important;
  transform:none !important;
}

/* Image area: always full, centered, no crop */
.sp26-img{
  grid-column:1 !important;
  grid-row:1 !important;
  height:220px !important;
  min-height:220px !important;
  padding:14px !important;
  background:#fff !important;
  border:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.sp26-img img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  transform:none !important;
  filter:none !important;
}

.sp26-content{
  grid-column:2 !important;
  grid-row:1 !important;
  padding:20px 15px 10px 8px !important;
  display:flex !important;
  flex-direction:column !important;
}
.sp26-content h3{
  margin:0 0 8px !important;
  color:#071b73 !important;
  font-size:14px !important;
  line-height:1.2 !important;
  min-height:0 !important;
}
.sp26-content p{
  margin:0 0 10px !important;
  color:#21304f !important;
  font-size:10.5px !important;
  line-height:1.42 !important;
  min-height:0 !important;
  flex:1 !important;
}
.sp26-stock{
  color:#149c4b !important;
  font-size:8px !important;
  font-weight:900 !important;
  margin-top:5px !important;
}
.sp26-price{
  color:#071b73 !important;
  font-size:13px !important;
  font-weight:950 !important;
  margin-top:8px !important;
}

/* Order row spans whole card */
.sp26-order{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  display:grid !important;
  grid-template-columns:43% 57% !important;
  gap:8px !important;
  align-items:center !important;
  padding:9px 12px !important;
  background:#fff !important;
  border-top:1px solid #eef1f6 !important;
}
.sp26-order label{
  display:grid !important;
  grid-template-columns:38px 1fr !important;
  align-items:center !important;
  gap:6px !important;
  font-size:9px !important;
  font-weight:900 !important;
}
.sp26-order input{
  width:100% !important;
  height:38px !important;
  border:1px solid #dce3ee !important;
  border-radius:8px !important;
  padding:0 8px !important;
  background:#fff !important;
}
.sp26-order button{
  height:40px !important;
  border:0 !important;
  border-radius:8px !important;
  background:#f4c414 !important;
  color:#071b73 !important;
  font-size:11px !important;
  font-weight:950 !important;
  box-shadow:none !important;
}

.sp26-feature-row,.sp26-help,.sp26-bottom{
  width:94% !important;
  max-width:1440px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:1180px){
  .sp26-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:760px){
  .sp26-hero{
    grid-template-columns:1fr !important;
  }
  .sp28-hero-visual{
    height:235px !important;
  }
  .sp26-hero-badges{
    grid-template-columns:1fr 1fr !important;
  }
  .sp26-tabs{
    grid-template-columns:1fr 1fr !important;
    width:calc(100% - 20px) !important;
  }
  .sp26-grid{
    width:calc(100% - 20px) !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .sp26-card{
    grid-template-columns:44% 56% !important;
  }
  .sp26-img{
    height:190px !important;
    min-height:190px !important;
    padding:10px !important;
  }
  .sp26-content{
    padding:15px 12px 8px 6px !important;
  }
  .sp26-content h3{font-size:13px !important}
  .sp26-content p{font-size:10px !important}
  .sp26-order{
    grid-template-columns:40% 60% !important;
  }
}
@media(max-width:430px){
  .sp26-card{
    grid-template-columns:1fr !important;
    grid-template-rows:230px auto 62px !important;
  }
  .sp26-img{
    grid-column:1 !important;
    grid-row:1 !important;
    height:230px !important;
  }
  .sp26-content{
    grid-column:1 !important;
    grid-row:2 !important;
    padding:14px 16px !important;
  }
  .sp26-order{
    grid-column:1 !important;
    grid-row:3 !important;
    grid-template-columns:42% 58% !important;
  }
}
/* V31 SPARE PARTS: never crop product photography */
.sp26-card .sp26-img{height:290px!important;background:#fff!important;padding:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.sp26-card .sp26-img img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;mix-blend-mode:multiply}
@media(max-width:700px){.sp26-card .sp26-img{height:310px!important;padding:16px!important}.sp26-card .sp26-img img{object-fit:contain!important}}


/* ==========================================================
   V32 FINAL SPARE PARTS
   - Same layout from first product to last product
   - Full images only
   - ZERO object-cover on product cards
   ========================================================== */

.sp26{
  background:#f7f9fd !important;
  color:#071b73 !important;
}

.sp26-hero{
  min-height:330px !important;
  display:grid !important;
  grid-template-columns:43% 57% !important;
  padding:0 !important;
  background:linear-gradient(115deg,#04153f,#071b73) !important;
  overflow:hidden !important;
}

.sp26-hero-copy{
  padding:42px 5% 32px 7% !important;
}

.sp26-hero-copy h1{
  font-size:clamp(50px,4.4vw,74px) !important;
  line-height:.88 !important;
  margin:10px 0 14px !important;
}

.sp26-hero-copy h1 span{
  color:#f4c414 !important;
}

.sp26-hero-badges{
  grid-template-columns:repeat(4,1fr) !important;
  gap:12px !important;
  margin-top:26px !important;
}

.sp28-hero-visual{
  width:100% !important;
  height:330px !important;
  overflow:hidden !important;
  background:#06195e !important;
}

.sp28-hero-visual img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* CATEGORY BAR */
.sp26-tabs{
  width:94% !important;
  max-width:1460px !important;
  margin:20px auto 18px !important;
  grid-template-columns:repeat(7,1fr) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  border:1px solid #e0e6ef !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(7,27,115,.05) !important;
}

.sp26-tabs button{
  height:54px !important;
  font-size:10px !important;
  background:#fff !important;
  color:#071b73 !important;
  border:0 !important;
  border-right:1px solid #e8ecf3 !important;
}

.sp26-tabs button.active{
  background:#0b43e6 !important;
  color:#fff !important;
}

.sp27-catalog-head{
  display:none !important;
}

/* PRODUCT GRID */
.sp26-grid{
  width:94% !important;
  max-width:1460px !important;
  margin:0 auto !important;
  padding:0 0 28px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}

.sp26-card{
  min-width:0 !important;
  display:grid !important;
  grid-template-rows:250px auto 70px !important;
  background:#fff !important;
  border:1px solid #e1e7f0 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:0 10px 28px rgba(7,27,115,.055) !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}

.sp26-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 18px 38px rgba(7,27,115,.095) !important;
}

/* FULL PRODUCT IMAGE — NEVER CROPPED */
.sp26-img{
  width:100% !important;
  height:250px !important;
  min-height:250px !important;
  padding:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#fff !important;
  border-bottom:1px solid #eef1f6 !important;
}

.sp26-img img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  filter:none !important;
  border-radius:0 !important;
}

/* CONTENT */
.sp26-content{
  padding:17px 18px 15px !important;
}

.sp26-content h3{
  margin:0 0 8px !important;
  color:#071b73 !important;
  font-size:16px !important;
  line-height:1.25 !important;
  min-height:40px !important;
}

.sp26-content p{
  margin:0 0 10px !important;
  color:#536079 !important;
  font-size:12px !important;
  line-height:1.48 !important;
  min-height:54px !important;
}

.sp26-stock{
  color:#15984a !important;
  font-size:9px !important;
  font-weight:900 !important;
}

.sp26-price{
  margin-top:8px !important;
  color:#071b73 !important;
  font-size:15px !important;
  font-weight:950 !important;
}

/* QUANTITY + ORDER */
.sp26-order{
  padding:11px 14px !important;
  display:grid !important;
  grid-template-columns:108px 1fr !important;
  gap:10px !important;
  align-items:center !important;
  background:#fbfcff !important;
  border-top:1px solid #edf1f6 !important;
}

.sp26-order label{
  display:grid !important;
  grid-template-columns:32px 1fr !important;
  gap:6px !important;
  align-items:center !important;
  color:#071b73 !important;
  font-size:9px !important;
  font-weight:900 !important;
}

.sp26-order input{
  width:100% !important;
  height:42px !important;
  padding:0 9px !important;
  border:1px solid #d5ddea !important;
  border-radius:9px !important;
  background:#fff !important;
}

.sp26-order button{
  height:44px !important;
  border:0 !important;
  border-radius:9px !important;
  background:#f4c414 !important;
  color:#071b73 !important;
  font-size:11px !important;
  font-weight:950 !important;
  cursor:pointer !important;
}

.sp26-support,.sp26-bottom{
  width:94% !important;
  max-width:1460px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* TABLET */
@media(max-width:1100px){
  .sp26-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .sp26-tabs{
    grid-template-columns:repeat(4,1fr) !important;
  }
}

/* MOBILE */
@media(max-width:700px){
  .sp26-hero{
    grid-template-columns:1fr !important;
  }

  .sp26-hero-copy{
    padding:30px 18px 24px !important;
  }

  .sp26-hero-badges{
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
  }

  .sp28-hero-visual{
    height:235px !important;
  }

  .sp26-tabs{
    width:calc(100% - 20px) !important;
    grid-template-columns:1fr 1fr !important;
  }

  .sp26-grid{
    width:calc(100% - 20px) !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .sp26-card{
    grid-template-rows:300px auto 72px !important;
  }

  .sp26-img{
    height:300px !important;
    min-height:300px !important;
    padding:15px !important;
  }

  .sp26-content h3{
    font-size:18px !important;
    min-height:0 !important;
  }

  .sp26-content p{
    font-size:13px !important;
    min-height:0 !important;
  }

  .sp26-support,.sp26-bottom{
    width:calc(100% - 20px) !important;
  }
}


/* ==========================================================
   V33 — BIGGER SPARE PART PRODUCT IMAGES
   Keep every image FULL / CONTAIN — no cropping.
   ========================================================== */
.sp26-card{
  grid-template-rows:330px auto 70px !important;
}

.sp26-img{
  height:330px !important;
  min-height:330px !important;
  padding:4px !important;
}

.sp26-img img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:scale(1.08) !important;
  transform-origin:center !important;
}

/* Give product text enough room after enlarging images */
.sp26-content{
  padding:17px 18px 15px !important;
}

@media(max-width:1100px){
  .sp26-card{
    grid-template-rows:350px auto 70px !important;
  }
  .sp26-img{
    height:350px !important;
    min-height:350px !important;
  }
}

@media(max-width:700px){
  .sp26-card{
    grid-template-rows:390px auto 72px !important;
  }
  .sp26-img{
    height:390px !important;
    min-height:390px !important;
    padding:2px !important;
  }
  .sp26-img img{
    transform:scale(1.10) !important;
  }
}


/* ==========================================================
   V34 — VERTICAL PRODUCT CARDS + PNG IMAGES
   Image on top, details below, full product visible.
   ========================================================== */

.sp26-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:20px !important;
}

.sp26-card{
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:390px auto 76px !important;
  border-radius:20px !important;
  overflow:hidden !important;
}

/* BIG IMAGE AREA ON TOP */
.sp26-img{
  grid-column:1 !important;
  grid-row:1 !important;
  width:100% !important;
  height:390px !important;
  min-height:390px !important;
  padding:0 !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-bottom:1px solid #eef1f6 !important;
}

.sp26-img img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:scale(1.16) !important;
  transform-origin:center !important;
  filter:none !important;
}

/* DETAILS BELOW IMAGE */
.sp26-content{
  grid-column:1 !important;
  grid-row:2 !important;
  padding:20px 20px 18px !important;
  background:#fff !important;
}

.sp26-content h3{
  font-size:18px !important;
  line-height:1.2 !important;
  min-height:0 !important;
  margin:0 0 10px !important;
}

.sp26-content p{
  font-size:13px !important;
  line-height:1.55 !important;
  min-height:0 !important;
  margin:0 0 12px !important;
}

.sp26-stock{
  font-size:10px !important;
}

.sp26-price{
  font-size:17px !important;
  margin-top:10px !important;
}

/* ORDER BELOW DETAILS */
.sp26-order{
  grid-column:1 !important;
  grid-row:3 !important;
  grid-template-columns:120px 1fr !important;
  padding:12px 16px !important;
  background:#fbfcff !important;
}

.sp26-order input{
  height:44px !important;
}

.sp26-order button{
  height:46px !important;
  font-size:12px !important;
}

/* TABLET */
@media(max-width:1100px){
  .sp26-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .sp26-card{
    grid-template-rows:420px auto 76px !important;
  }
  .sp26-img{
    height:420px !important;
    min-height:420px !important;
  }
}

/* MOBILE */
@media(max-width:700px){
  .sp26-grid{
    grid-template-columns:1fr !important;
  }
  .sp26-card{
    grid-template-rows:460px auto 78px !important;
  }
  .sp26-img{
    height:460px !important;
    min-height:460px !important;
  }
  .sp26-img img{
    transform:scale(1.18) !important;
  }
  .sp26-content{
    padding:18px 18px 16px !important;
  }
}


/* ==========================================================
   V35 — TRANSPARENT PNG + MINIMUM 4.5 CM PRODUCT DISPLAY
   4.5cm ≈ 170 CSS px at standard 96dpi.
   ========================================================== */

.sp26-img{
  height:400px !important;
  min-height:400px !important;
  padding:8px !important;
  background:linear-gradient(145deg,#f8faff,#eef3fb) !important;
}

.sp26-img img{
  width:auto !important;
  height:auto !important;
  min-width:170px !important;
  min-height:170px !important;
  max-width:94% !important;
  max-height:94% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  filter:drop-shadow(0 12px 14px rgba(7,27,115,.14)) !important;
}

/* Ensure narrow/tall products still visibly reach at least ~4.5cm
   on normal 96dpi browser scaling without cropping them. */
.sp26-img img[src*="part_"]{
  object-fit:contain !important;
}

.sp26-card{
  grid-template-rows:400px auto 76px !important;
}

@media(max-width:1100px){
  .sp26-card{
    grid-template-rows:430px auto 76px !important;
  }
  .sp26-img{
    height:430px !important;
    min-height:430px !important;
  }
}

@media(max-width:700px){
  .sp26-card{
    grid-template-rows:480px auto 78px !important;
  }
  .sp26-img{
    height:480px !important;
    min-height:480px !important;
  }
  .sp26-img img{
    min-width:170px !important;
    min-height:170px !important;
    max-width:96% !important;
    max-height:96% !important;
  }
}

/* V36 — CLEAN FULL PRODUCT IMAGES, NO CROP MARKS */
.sp26-grid{gap:22px !important; padding:26px 3% 40px !important;}
.sp26-card{overflow:hidden !important; border:1px solid #dfe6f2 !important; border-radius:18px !important; box-shadow:0 10px 28px rgba(7,27,115,.08) !important; background:#fff !important; grid-template-rows:300px auto 76px !important;}
.sp26-img{height:300px !important; min-height:300px !important; padding:24px !important; background:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important;}
.sp26-img:before,.sp26-img:after{display:none !important; content:none !important;}
.sp26-img img{display:block !important; width:100% !important; height:100% !important; min-width:0 !important; min-height:0 !important; max-width:100% !important; max-height:100% !important; object-fit:contain !important; object-position:center !important; transform:none !important; clip-path:none !important; border:0 !important; outline:0 !important; filter:drop-shadow(0 12px 16px rgba(7,27,115,.12)) !important;}
.sp26-content{padding:20px 22px 16px !important;}
.sp26-content h3{font-size:20px !important; line-height:1.15 !important;}
.sp26-content p{font-size:14px !important; line-height:1.55 !important;}
.sp26-order{padding:12px 18px 18px !important; gap:12px !important;}
.sp26-order button{background:#f4c414 !important; color:#071b73 !important; border-radius:10px !important; font-weight:900 !important;}
@media(max-width:1100px){.sp26-card{grid-template-rows:330px auto 76px !important}.sp26-img{height:330px !important;min-height:330px !important}}
@media(max-width:700px){.sp26-grid{padding:18px 14px 34px !important;gap:18px !important}.sp26-card{grid-template-rows:340px auto 78px !important}.sp26-img{height:340px !important;min-height:340px !important;padding:18px !important}.sp26-img img{width:100% !important;height:100% !important;object-fit:contain !important;transform:none !important}}