
:root{--dark:#111827;--dark2:#172033;--yellow:#ed1c24;--yellow2:#b70f16;--light:#f5f6f8;--text:#4b5563}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Barlow",sans-serif;color:var(--text);overflow-x:hidden}a{text-decoration:none}.topbar{background:#090f1b;color:#cbd5e1;font-size:13px;padding:9px 0}.topbar i{color:var(--yellow);margin-right:5px}.main-nav{background:var(--dark);padding:15px 0;border-bottom:1px solid #293346}.navbar-brand strong{color:#fff;font-size:20px;letter-spacing:1px}.navbar-brand strong span,.footer-brand strong span{color:var(--yellow)}.navbar-brand small{display:block;color:#9ca3af;font-size:8px;letter-spacing:2px}.brand-mark{width:44px;height:44px;background:var(--yellow);color:var(--dark);display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:23px}.nav-link{color:#d1d5db!important;margin:0 7px}.nav-link:hover,.nav-link.active{color:var(--yellow)!important}.dropdown-menu{background:#fff;border:0;box-shadow:0 15px 35px #0002}.dropdown-item{padding:10px 18px}.dropdown-item:hover{background:#fff7e6;color:var(--dark)}.btn-warning{background:var(--yellow);border-color:var(--yellow);color:var(--dark)}.btn-warning:hover{background:var(--yellow2);border-color:var(--yellow2);color:#fff}
.hero{min-height:760px;display:flex;align-items:center;background:linear-gradient(90deg,#070d19ed,#070d19b5,#070d194d),url("https://images.unsplash.com/photo-1516939884455-1445c8652f83?auto=format&fit=crop&w=2000&q=85") center/cover fixed}.min-vh-75{min-height:700px}.eyebrow,.eyebrow-dark{font-size:18px;font-weight:800;letter-spacing:2px}.eyebrow{color:var(--yellow)}.eyebrow-dark{color:var(--yellow2)}.hero h1,.inner-hero h1{color:#fff;font-size:clamp(45px,6vw,76px);line-height:1;font-weight:800;max-width:800px}.hero h1 span,.inner-hero h1 span,h2 span{color:var(--yellow)}.hero .lead{color:#d1d5db;max-width:680px;font-size:19px;line-height:1.7;margin:25px 0}.hero-points{display:flex;flex-wrap:wrap;gap:22px;color:#e5e7eb}.hero-points i{color:var(--yellow)}.detector-card{background:#111827e8;border:1px solid #ffffff20;padding:25px;max-width:430px;margin:auto;box-shadow:0 30px 80px #0006}.small-label,.detector-card small{font-size:10px;letter-spacing:2px;color:#9ca3af}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:5px}.detector-visual{height:300px;display:flex;align-items:center;justify-content:center}.detector-frame{width:240px;height:190px;border:15px solid #64748b;position:relative}.belt{position:absolute;left:-40px;right:-40px;bottom:25px;height:20px;background:#303b4c;border-top:4px solid #8791a1}.metal-object{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);font-size:30px;color:var(--yellow)}
.trustbar{background:var(--yellow);padding:25px 0}.trustbar i{font-size:30px;display:block;color:var(--dark)}.trustbar strong,.trustbar small{display:block;color:var(--dark)}.trustbar small{font-size:12px}
.section-padding{padding:100px 0}.light-section{background:var(--light)}h2{font-size:clamp(35px,4vw,52px);font-weight:800;line-height:1.05;color:var(--dark)}.section-heading{max-width:760px;margin:auto}.section-heading p{line-height:1.7}.image-panel{min-height:500px;background:center/cover}.image-about{background-image:linear-gradient(#11182744,#11182744),url("https://images.unsplash.com/photo-1574689044180-2f6e0e7fbd0f?auto=format&fit=crop&w=1200&q=80")}.image-badge{position:absolute}.image-panel{position:relative}.image-badge{bottom:25px;left:25px;background:var(--yellow);padding:16px 20px;font-weight:800;color:var(--dark)}
.product-card{height:100%;background:#fff;border:1px solid #e5e7eb;transition:.3s}.product-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #1118271c}.product-photo{height:250px;background:center/cover;display:flex;align-items:center;justify-content:center;position:relative}.photo-1{background-image:linear-gradient(#0b122099,#0b122099),url("https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=900&q=80")}.photo-2{background-image:linear-gradient(#0b122099,#0b122099),url("https://images.unsplash.com/photo-1531058020387-3be344556be6?auto=format&fit=crop&w=900&q=80")}.photo-3{background-image:linear-gradient(#0b122099,#0b122099),url("https://images.unsplash.com/photo-1513828583688-c52646db42da?auto=format&fit=crop&w=900&q=80")}.product-photo i,.product-detail-photo i{font-size:55px;color:var(--yellow);background:#111827d9;width:105px;height:105px;border-radius:50%;display:flex;align-items:center;justify-content:center}.product-photo span{position:absolute;top:15px;left:15px;background:var(--yellow);padding:6px 10px;font-size:10px;font-weight:800}.product-card h3{color:var(--dark);font-size:24px}.product-card p{line-height:1.7}.product-card a{color:var(--dark);font-weight:700}.dark-section{background:var(--dark)}.dark-section h2 span{color:var(--yellow)}.application-card{height:100%;min-height:220px;background:var(--dark2);border:1px solid #ffffff10;padding:28px;transition:.3s}.application-card:hover{background:var(--yellow);transform:translateY(-5px)}.application-card i{color:var(--yellow);font-size:34px}.application-card h3{color:#fff;margin-top:20px}.application-card p{color:#9ca3af;line-height:1.6}.application-card:hover i,.application-card:hover h3,.application-card:hover p{color:var(--dark)}
.step{padding:20px}.step b{display:block;color:var(--yellow2);font-size:12px;letter-spacing:2px}.step i{display:flex;width:75px;height:75px;margin:10px auto 20px;background:var(--dark);color:var(--yellow);align-items:center;justify-content:center;border-radius:50%;font-size:28px}.step h4{color:var(--dark)}.step p{font-size:14px}.cta{padding:60px 0;background:var(--yellow)}.cta h2{margin:8px 0}.cta h2 span{color:#111827}.cta p{margin:0}
.inner-hero{padding:100px 0;background:linear-gradient(90deg,#070d19ef,#070d19aa),url("https://images.unsplash.com/photo-1513828583688-c52646db42da?auto=format&fit=crop&w=2000&q=85") center/cover}.inner-hero p{color:#d1d5db;font-size:18px;max-width:700px}.feature-card{background:#fff;border:1px solid #e5e7eb;height:100%;padding:30px}.feature-card i{font-size:34px;color:var(--yellow2)}.feature-card h3{color:var(--dark);margin-top:18px}.feature-card p{line-height:1.7}.mini-stat{background:var(--light);padding:20px}.mini-stat strong{font-size:28px;color:var(--yellow2);display:block}.mini-stat span{font-weight:600;color:var(--dark)}.product-detail-photo{height:500px;background:center/cover;display:flex;align-items:center;justify-content:center}.check-list{list-style:none;padding:0}.check-list li{padding:9px 0}.check-list i{color:var(--yellow2);margin-right:8px}.contact-list>div{display:flex;align-items:center;gap:15px;margin:25px 0}.contact-list i{width:50px;height:50px;background:var(--yellow);color:var(--dark);display:flex;align-items:center;justify-content:center;font-size:20px}.contact-list small,.contact-list strong{display:block}.contact-list small{font-size:10px;letter-spacing:1.5px}.contact-list strong{color:var(--dark)}.contact-form{background:#fff;padding:35px;box-shadow:0 15px 40px #11182712}.contact-form h3{color:var(--dark);font-size:28px}.contact-form label{display:block;color:var(--dark);font-weight:600;font-size:13px;margin-bottom:6px}.form-control,.form-select{padding:12px;border-radius:3px}.form-control:focus,.form-select:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #ed1c2420}
footer{background:#090f1b;color:#9ca3af;padding:70px 0 25px}footer .footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}footer .footer-brand>strong{color:#fff;font-size:20px}footer a{display:block;color:#9ca3af;margin:0 0 11px}footer a:hover{color:var(--yellow)}footer h5{color:#fff;margin-bottom:20px}footer hr{border-color:#ffffff1a;margin:40px 0 20px}.floating-buttons{position:fixed;right:18px;bottom:18px;z-index:1000;display:flex;flex-direction:column;gap:10px}.floating-buttons a{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--dark);color:#fff;font-size:21px;box-shadow:0 8px 25px #0003}.floating-buttons .wa{background:#25d366}
@media(max-width:991px){.topbar{display:none}.hero{background-attachment:scroll;padding:90px 0}.detector-card{margin-top:50px}.nav-link{margin:3px 0}.section-padding{padding:75px 0}}@media(max-width:575px){.hero h1{font-size:43px}.hero-points{flex-direction:column;gap:8px}.section-padding{padding:60px 0}.inner-hero{padding:75px 0}.inner-hero h1{font-size:45px}.contact-form{padding:22px}.product-detail-photo,.image-panel{min-height:360px;height:360px}}

/* ============================================================
   JUSBEL PROFESSIONAL PRODUCT HERO SLIDER
============================================================ */


.product-hero {

    position: relative;

    overflow: hidden;

    background: #05090d;

}



/* ============================================================
   SLIDE HEIGHT
============================================================ */

.product-hero .carousel-item {

    position: relative;

    min-height: 720px;

}

.hero-row {

    min-height: 720px;

}



/* ============================================================
   INDUSTRIAL BACKGROUND
============================================================ */

.hero-background {

    position: absolute;

    inset: 0;

    background-image:

        linear-gradient(
            90deg,
            rgba(3, 10, 16, .97) 0%,
            rgba(3, 10, 16, .91) 34%,
            rgba(3, 10, 16, .63) 57%,
            rgba(3, 10, 16, .40) 77%,
            rgba(3, 10, 16, .60) 100%
        ),

        linear-gradient(
            180deg,
            rgba(0, 0, 0, .08),
            rgba(0, 0, 0, .38)
        ),

        url("../images/crusher-background.png");

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}



/* ============================================================
   HERO CONTENT
============================================================ */

.hero-content {

    position: relative;

    z-index: 2;

}



/* ============================================================
   LEFT SIDE
============================================================ */

.hero-left {

    position: relative;

    z-index: 5;

}



.eyebrow {

    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 20px;

    color: #ed1c24;

    font-size: 13px;

    font-weight: 900;

    letter-spacing: 2.3px;

}



.eyebrow i {

    font-size: 15px;

}



.product-hero h5 {

    margin: 0 0 30px;

    color: #ffffff;

    font-size: clamp(55px, 5vw, 82px);

    font-weight: 900;

    line-height: .97;

    letter-spacing: -2px;

}



.product-hero h5 span {

    color: #ed1c24;

}



/* ============================================================
   PRODUCT NAME
============================================================ */

.slide-product-name {

    margin: 0 0 22px;

    color: #ffffff;

    font-size: clamp(26px, 3vw, 38px);

    font-weight: 900;

    line-height: 1.12;

}



/* ============================================================
   MODEL NUMBER
============================================================ */

.model-badge {

    width: fit-content;

    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 28px;

    padding: 15px 25px;

    border-left: 3px solid #ed1c24;

    background:

        linear-gradient(
            90deg,
            rgba(237, 28, 36, .15),
            rgba(237, 28, 36, .05)
        );

}



.model-badge span {

    color: #ffffff;

    font-size: 20px;

    font-weight: 900;

    letter-spacing: 1.8px;

}



.model-badge strong {

    color: #ed1c24;

    font-size: 25px;

    font-weight: 900;

    letter-spacing: 1.2px;

}



/* ============================================================
   DESCRIPTION
============================================================ */

.slide-copy {

    max-width: 650px;

    margin-bottom: 30px;

    color: rgba(255, 255, 255, .80);

    font-size: 17px;

    line-height: 1.8;

}



/* ============================================================
   BUTTONS
============================================================ */

.hero-buttons {

    display: flex;

    flex-wrap: wrap;

    gap: 18px;

}



.product-hero .btn-lg {

    min-width: 185px;

    padding: 15px 28px;

    font-size: 15px;

    font-weight: 800;

}



.product-hero .btn-brand {

    border: 2px solid #ed1c24;

    background: #ed1c24;

    color: #ffffff;

}



.product-hero .btn-brand:hover {

    border-color: #c8141c;

    background: #c8141c;

    color: #ffffff;

}



/* ============================================================
   RIGHT SIDE PRODUCT STAGE
============================================================ */

.hero-product-stage {

    position: relative;

    width: 100%;

    min-height: 610px;

}



/* ============================================================
   MAIN PRODUCT
   ABSOLUTELY NO WHITE BOX
============================================================ */

.hero-main-product {

    position: absolute;

    top: 30px;

    left: 50%;

    width: 78%;

    height: 450px;

    transform: translateX(-50%);

    display: flex;

    align-items: center;

    justify-content: center;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    z-index: 3;

}



.hero-main-product img {

    position: relative;

    z-index: 3;

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

    background: transparent !important;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    filter:
        drop-shadow(0 25px 20px rgba(0,0,0,.48));

}



/* ============================================================
   RED GLOW BEHIND MAIN PRODUCT
============================================================ */

.product-glow {

    position: absolute;

    width: 360px;

    height: 360px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:

        radial-gradient(
            circle,
            rgba(237, 28, 36, .25) 0%,
            rgba(237, 28, 36, .09) 40%,
            transparent 72%
        );

    filter: blur(15px);

    z-index: 1;

}



/* ============================================================
   SMALL PRODUCTS
============================================================ */

.hero-small-product {

    position: absolute;

    bottom: 35px;

    width: 185px;

    height: 165px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    z-index: 5;

}



.small-product-left {

    left: 5%;

}



.small-product-right {

    right: 2%;

}



.hero-small-product img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    background: transparent !important;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    filter:

        drop-shadow(
            0 16px 12px rgba(0,0,0,.50)
        );

    transition:

        transform .3s ease,

        filter .3s ease;

}



.hero-small-product:hover img {

    transform:

        translateY(-7px)

        scale(1.04);

}



/* ============================================================
   PRODUCT FLOATING EFFECT
============================================================ */

.carousel-item.active .hero-main-product img {

    animation:

        jusbelMainFloat

        5.2s

        ease-in-out

        infinite;

}



@keyframes jusbelMainFloat {

    0% {

        transform:

            translateY(0);

    }

    50% {

        transform:

            translateY(-10px);

    }

    100% {

        transform:

            translateY(0);

    }

}



/* ============================================================
   SLIDER CONTROLS
============================================================ */

.product-hero .carousel-control-prev,

.product-hero .carousel-control-next {

    width: 4%;

    z-index: 15;

}



.product-hero .carousel-control-prev-icon,

.product-hero .carousel-control-next-icon {

    width: 46px;

    height: 46px;

    border-radius: 50%;

    background-size: 38%;

    background-color:

        rgba(7, 13, 20, .75);

}



/* ============================================================
   INDICATORS
============================================================ */

.product-hero .carousel-indicators {

    bottom: 18px;

    z-index: 15;

}



.product-hero .carousel-indicators button {

    width: 42px;

    height: 5px;

    margin: 0 5px;

    border: 0;

    border-radius: 20px;

    background: #ffffff;

    opacity: .60;

}



.product-hero .carousel-indicators button.active {

    background: #ed1c24;

    opacity: 1;

}



/* ============================================================
   FADE
============================================================ */

.product-hero .carousel-fade .carousel-item {

    transition:

        opacity .75s ease-in-out;

}



/* ============================================================
   TABLET
============================================================ */

@media (max-width: 991.98px) {


    .product-hero .carousel-item {

        min-height: 980px;

    }


    .hero-row {

        min-height: 980px;

        padding-top: 70px;

    }


    .hero-left {

        margin-bottom: 10px;

    }


    .hero-product-stage {

        min-height: 410px;

        margin-top: 20px;

    }


    .hero-main-product {

        top: 0;

        width: 60%;

        height: 310px;

    }


    .hero-small-product {

        width: 130px;

        height: 110px;

        bottom: 5px;

    }


    .small-product-left {

        left: 13%;

    }


    .small-product-right {

        right: 13%;

    }


}



/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 575.98px) {


    .product-hero .carousel-item {

        min-height: 900px;

    }


    .hero-row {

        min-height: 900px;

        padding-top: 50px;

    }


    .product-hero h1 {

        font-size: 43px;

    }


    .slide-product-name {

        font-size: 27px;

    }


    .model-badge {

        padding: 11px 15px;

    }


    .model-badge strong {

        font-size: 18px;

    }


    .slide-copy {

        font-size: 14px;

        line-height: 1.65;

    }


    .hero-buttons {

        gap: 10px;

    }


    .product-hero .btn-lg {

        min-width: auto;

        padding: 12px 18px;

        font-size: 13px;

    }


    .hero-product-stage {

        min-height: 320px;

        margin-top: 20px;

    }


    .hero-main-product {

        width: 68%;

        height: 240px;

    }


    .hero-small-product {

        width: 92px;

        height: 80px;

        bottom: 4px;

    }


    .small-product-left {

        left: 3%;

    }


    .small-product-right {

        right: 3%;

    }


    .product-glow {

        width: 220px;

        height: 220px;

    }


    .product-hero .carousel-control-prev,

    .product-hero .carousel-control-next {

        display: none;

    }


}

.main-nav{box-shadow:0 2px 18px rgba(0,0,0,.08)}.navbar-brand img{width:165px;height:58px;object-fit:contain}.product-menu{min-width:390px;padding:8px}.product-menu .dropdown-item{display:flex;justify-content:space-between;gap:20px;padding:11px 13px;border-radius:7px}.product-menu .dropdown-item strong{color:#ed1c24}.product-menu .dropdown-item:hover{background:#fff1f1}.btn-brand{background:#ed1c24;border-color:#ed1c24;color:#fff;font-weight:800}.btn-brand:hover{background:#b70f16;border-color:#b70f16;color:#fff}.eyebrow-dark{color:#ed1c24;font-size:18px;font-weight:900;letter-spacing:2.4px}.about-image{width:100%;border-radius:14px;box-shadow:0 25px 55px rgba(15,23,42,.16)}.product-detail-hero{padding:80px 0;background:#f6f7f9}.product-detail-hero h1{font-size:clamp(40px,5vw,64px);font-weight:900;line-height:1.05}.model-line{display:inline-block;margin:14px 0;padding:7px 12px;background:#fff0f0;color:#ed1c24;font-weight:900}.detail-image{height:500px;background:#fff;border-radius:14px;padding:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px rgba(15,23,42,.12)}.detail-image img{width:100%;height:100%;object-fit:contain}.subheading{font-size:25px;font-weight:850;margin-top:30px}.spec-box{background:#10161f;color:#fff;padding:34px;border-radius:12px}.spec-box>span{display:block;color:#ed1c24;font-size:11px;font-weight:900;letter-spacing:1.8px}.spec-box>strong{display:block;font-size:34px;margin:7px 0 20px}.spec-box li{margin:8px 0;color:#d5dbe3}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-step{border:1px solid #e5e7eb;border-radius:12px;padding:28px;background:#fff}.process-step>b{color:#ed1c24}.process-step i{display:block;font-size:32px;color:#ed1c24;margin:15px 0}.product-card{display:block;background:#fff;color:inherit;text-decoration:none;border-radius:12px;overflow:hidden;height:100%;box-shadow:0 12px 35px rgba(0,0,0,.14);transition:.25s}.product-card:hover{color:inherit;transform:translateY(-4px)}.pc-img{height:245px;background:#f8f9fa;padding:20px;display:flex;align-items:center;justify-content:center}.pc-img img{width:100%;height:100%;object-fit:contain}.pc-body{padding:22px}.pc-body small{color:#ed1c24;font-weight:900}.pc-body h3{font-size:20px;font-weight:800}.pc-body span{color:#ed1c24;font-weight:800}.dark-section{background:#0b111a;color:#fff}.section-heading.light h2,.section-heading.light p,.section-heading.light span{color:#fff}.section-heading.light span{color:#ed1c24}.site-footer{background:#0a0d12;color:#aeb7c4;padding:60px 0 20px}.footer-logo{width:175px;height:60px;object-fit:contain}.site-footer a{color:#aeb7c4;text-decoration:none}.site-footer h6{color:#fff;font-weight:800}.footer-bottom{border-top:1px solid #262c35;display:flex;justify-content:space-between;font-size:13px}.floating-quote{position:fixed;right:20px;bottom:20px;background:#ed1c24;color:#fff;text-decoration:none;padding:12px 17px;border-radius:999px;box-shadow:0 12px 30px rgba(237,28,36,.35);z-index:1040;font-weight:800}
@media(max-width:991px){.process-grid{grid-template-columns:1fr 1fr}.product-menu{min-width:100%}}@media(max-width:575px){.navbar-brand img{width:140px}.process-grid{grid-template-columns:1fr}.detail-image{height:350px}.footer-bottom{flex-direction:column;gap:8px}}

/* JUSBEL RED + BLACK PRODUCT DESIGN */
:root{
  --jusbel-red:#ed1c24;
  --jusbel-red-dark:#b70f16;
  --jusbel-black:#0b0d10;
  --jusbel-dark:#15181d;
  --jusbel-gray:#f5f6f8;
}
body{overflow-x:hidden}
.main-nav{background:#fff!important;padding:12px 0!important;border-bottom:1px solid #e7e7e7!important;box-shadow:0 3px 18px rgba(0,0,0,.08)}
.navbar-brand img{width:170px;height:58px;object-fit:contain}
.nav-link{color:#111827!important;font-weight:700}
.nav-link:hover,.nav-link.active{color:var(--jusbel-red)!important}
.btn-brand,.btn-warning{background:var(--jusbel-red)!important;border-color:var(--jusbel-red)!important;color:#fff!important;font-weight:800}
.btn-brand:hover,.btn-warning:hover{background:var(--jusbel-red-dark)!important;border-color:var(--jusbel-red-dark)!important}
.product-menu{background:#fff;border-top:3px solid var(--jusbel-red)!important}
.product-menu .dropdown-item strong{color:var(--jusbel-red)}
.product-menu .dropdown-item:hover{background:#fbeaec;color:#111827}
.hero-copy .eyebrow,.eyebrow{color:var(--jusbel-red)!important}
.eyebrow-dark{color:var(--jusbel-red)!important}
.trustbar{background:var(--jusbel-red)!important}
.trustbar i,.trustbar strong,.trustbar small{color:#fff!important}
.home-products{background:#f5f6f8}
.home-products .section-heading{margin-bottom:12px}
.product-grid{align-items:stretch}
.product-grid-item{display:flex}
.real-product-card{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e1e3e6;border-radius:10px;overflow:hidden;box-shadow:0 8px 28px rgba(11,13,16,.08);transition:transform .22s ease,box-shadow .22s ease}
.real-product-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(11,13,16,.15);color:inherit}
.real-product-image{height:260px;display:flex;align-items:center;justify-content:center;background:#fff;padding:24px;border-bottom:1px solid #ececec}
.real-product-image img{width:100%;height:100%;object-fit:contain}
.real-product-content{padding:24px 25px 26px;display:flex;flex-direction:column;flex:1}
.product-model{font-size:12px;font-weight:900;letter-spacing:1.5px;color:var(--jusbel-red);margin-bottom:6px}
.real-product-content h3{font-size:21px;line-height:1.2;font-weight:800;color:#111827;margin:0 0 10px;min-height:50px}
.real-product-content p{font-size:14px;line-height:1.6;color:#667085;margin:0 0 18px;flex:1}
.real-product-content span{color:var(--jusbel-red);font-size:14px;font-weight:800}
.real-product-content span i{margin-left:5px}
.product-grid-item:nth-child(n+4){margin-top:0}
.home-products .product-grid-item:nth-child(4),
.home-products .product-grid-item:nth-child(5){max-width:400px}
.dark-section{background:var(--jusbel-black)!important}
.dark-section .section-heading span{color:var(--jusbel-red)!important}
.dark-section .section-heading h2,.dark-section .section-heading p{color:#fff!important}
.cta{background:var(--jusbel-red)!important}
.cta h2,.cta h2 span,.cta p{color:#fff!important}
.site-footer,.site-footer footer{background:#080a0d!important}
.site-footer a:hover{color:var(--jusbel-red)!important}
.floating-quote{background:var(--jusbel-red)!important}
.feature-card i,.process-step i,.pc-body span,.product-card span{color:var(--jusbel-red)}
.model-line{color:var(--jusbel-red)!important;border-color:#f2b6b9!important;background:#ed1c24 !important}
@media(min-width:1200px){
  .home-products .product-grid{padding-left:30px;padding-right:30px}
}
@media(max-width:1199px){
  .real-product-image{height:240px}
}
@media(max-width:767px){
  .real-product-image{height:220px}
  .real-product-content h3{min-height:0}
  .home-products .product-grid-item:nth-child(4),
  .home-products .product-grid-item:nth-child(5){max-width:none}
}

/* Final alignment and red/black color cleanup */
.product-grid .product-grid-item{display:flex}
.product-grid .product-grid-item > .product-card{width:100%}
.dark-section .product-card{color:#111827}
.dark-section .product-card .pc-body h3{color:#111827}
.dark-section .product-card .pc-body small{color:var(--jusbel-red)}
.dark-section .product-card .pc-body span{color:var(--jusbel-red)}

/* =========================================================
   FINAL JUSBEL FOOTER + PRODUCT GRID ALIGNMENT
========================================================= */
.site-footer{
  background:#080a0d!important;
  color:#aeb7c4;
  padding:68px 0 24px;
}
.footer-brand-logo{
  display:inline-flex!important;
  align-items:center;
  margin:0 0 8px;
}
.footer-brand-logo img{
  width:180px;
  height:62px;
  object-fit:contain;
}
.site-footer h6{
  color:#fff;
  font-size:18px;
  font-weight:800;
  margin-bottom:18px;
  letter-spacing:.2px;
}
.site-footer a{
  color:#aeb7c4;
  text-decoration:none;
  display:block;
  margin-bottom:9px;
}
.site-footer a:hover{
  color:#ed1c24!important;
}
.site-footer .col-lg-3 p{
  margin-bottom:10px;
}
.site-footer .col-lg-3 p a{
  display:inline;
  margin:0;
}
.site-footer .col-lg-3 p i{
  color:#ed1c24;
  margin-right:7px;
}
.site-footer .col-lg-3 a strong{
  color:#ed1c24;
  font-size:12px;
  margin-left:4px;
}
.site-footer .footer-bottom{
  border-top:1px solid #282c32;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  font-size:13px;
}
.site-footer .footer-bottom a{
  display:inline;
  margin:0;
  color:#ed1c24;
  font-weight:700;
}

/* More breathing room between product rows */
.home-products .product-grid,
.products-page .product-grid{
  row-gap:34px!important;
}
.home-products .product-grid-item{
  margin-bottom:0!important;
}
.home-products .product-grid-item:nth-child(4),
.home-products .product-grid-item:nth-child(5){
  margin-top:8px;
}

/* Homepage About section: extra top/bottom spacing only */
.home-about-section{
  padding-top:110px!important;
  padding-bottom:110px!important;
}

@media(max-width:767px){
  .site-footer .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
  }
  .home-products .product-grid{
    row-gap:24px!important;
  }
  .home-products .product-grid-item:nth-child(4),
  .home-products .product-grid-item:nth-child(5){
    margin-top:0;
  }
  .home-about-section{
    padding-top:75px!important;
    padding-bottom:75px!important;
  }
}

/* Footer final cleanup */
.site-footer .footer-brand-logo img{filter:none!important}
.site-footer .footer-bottom span{color:#aeb7c4}

/* =========================================================
   PRODUCTS PAGE — CLEAN CATALOG ALIGNMENT
========================================================= */
.products-catalog-section{
  padding-top:82px!important;
  padding-bottom:92px!important;
}
.products-page-grid{
  --bs-gutter-x:28px;
  --bs-gutter-y:0;
  align-items:stretch;
}
.products-page-grid .product-grid-item{
  display:flex;
  margin-bottom:34px;
}
.products-page-grid .real-product-card{
  width:100%;
  min-height:100%;
}
.products-page-grid .real-product-image{
  height:285px;
  padding:30px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.products-page-grid .real-product-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
}
.products-page-grid .real-product-content{
  min-height:220px;
  padding:25px 26px 28px;
}
.products-page-grid .real-product-content h3{
  min-height:52px;
  display:flex;
  align-items:flex-start;
}
.products-page-grid .real-product-content p{
  min-height:48px;
}
.products-page-grid .product-grid-item:nth-child(4),
.products-page-grid .product-grid-item:nth-child(5){
  margin-top:12px;
}
@media(min-width:992px){
  .products-page-grid .product-grid-item:nth-child(4),
  .products-page-grid .product-grid-item:nth-child(5){
    max-width:calc(33.333333% - 14px);
  }
}
@media(max-width:991px){
  .products-page-grid .product-grid-item{
    margin-bottom:26px;
  }
  .products-page-grid .product-grid-item:nth-child(4),
  .products-page-grid .product-grid-item:nth-child(5){
    margin-top:0;
  }
  .products-page-grid .real-product-image{
    height:260px;
  }
}
@media(max-width:575px){
  .products-catalog-section{
    padding-top:55px!important;
    padding-bottom:65px!important;
  }
  .products-page-grid{
    --bs-gutter-x:18px;
  }
  .products-page-grid .real-product-image{
    height:230px;
    padding:22px;
  }
  .products-page-grid .real-product-content{
    min-height:0;
    padding:22px;
  }
  .products-page-grid .real-product-content h3,
  .products-page-grid .real-product-content p{
    min-height:0;
  }
}

/* =========================================================
   JUSBEL INDIVIDUAL PRODUCT PAGES — PROFESSIONAL CSS
   Red / Black / White industrial layout
========================================================= */

/* Product hero */
.product-detail-hero{
  background:#f5f6f8!important;
  padding:82px 0 88px!important;
  border-bottom:1px solid #e4e6e9;
}
.product-detail-hero .container{
  max-width:1180px;
}
.product-detail-hero .row{
  align-items:center;
}
.product-detail-hero .eyebrow-dark{
  display:inline-block;
  margin-bottom:7px;
}
.product-detail-hero .model-line{
  display:inline-flex;
  align-items:center;
  margin:8px 0 15px;
  padding:7px 13px;
  border-left:4px solid #ed1c24;
  border-top:1px solid #f1c4c6;
  border-right:1px solid #f1c4c6;
  border-bottom:1px solid #f1c4c6;
  border-radius:4px;
  background:#fff;
  color:#ed1c24!important;
  font-size:12px;
  font-weight:900;
  letter-spacing:1.4px;
}
.product-detail-hero h1{
  max-width:650px;
  margin:0 0 20px!important;
  color:#111318;
  font-size:clamp(40px,5vw,64px)!important;
  font-weight:900!important;
  line-height:1.03!important;
  letter-spacing:-1.5px;
}
.product-detail-hero p{
  max-width:600px;
  margin:0 0 28px;
  color:#667085;
  font-size:17px;
  line-height:1.75;
}
.product-detail-hero .btn{
  min-width:190px;
}

/* Product hero image frame */
.detail-image{
  width:100%;
  height:510px!important;
  padding:38px!important;
  background:#fff!important;
  border:1px solid #e3e5e8;
  border-radius:12px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 16px 45px rgba(10,12,16,.10)!important;
}
.detail-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block;
  transition:transform .25s ease;
}
.detail-image:hover img{
  transform:scale(1.025);
}

/* Product details */
.product-detail-hero + .section-pad{
  padding:88px 0!important;
}
.product-detail-hero + .section-pad .container{
  max-width:1180px;
}
.product-detail-hero + .section-pad .display-title{
  max-width:700px;
  color:#111318;
}
.product-detail-hero + .section-pad p{
  color:#5f6875;
  line-height:1.8;
}
.subheading{
  position:relative;
  margin:34px 0 16px!important;
  padding-left:15px;
  color:#111318;
  font-size:25px!important;
  font-weight:850!important;
}
.subheading:before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  bottom:4px;
  width:4px;
  background:#ed1c24;
  border-radius:4px;
}

/* Specification / applications box */
.spec-box{
  position:relative;
  min-height:100%;
  padding:36px!important;
  background:#101216!important;
  border-radius:12px!important;
  border:1px solid #262a30;
  box-shadow:0 18px 42px rgba(0,0,0,.12);
  overflow:hidden;
}
.spec-box:after{
  content:"";
  position:absolute;
  right:-55px;
  top:-55px;
  width:150px;
  height:150px;
  border:30px solid rgba(237,28,36,.10);
  border-radius:50%;
}
.spec-box>span{
  position:relative;
  z-index:1;
  color:#aeb5bf!important;
  font-size:10px!important;
  letter-spacing:2px!important;
}
.spec-box>strong{
  position:relative;
  z-index:1;
  display:block;
  margin:8px 0 25px!important;
  color:#fff;
  font-size:36px!important;
  line-height:1.1;
}
.spec-box hr{
  border-color:#30343a;
  opacity:1;
  margin:22px 0;
}
.spec-box ul{
  position:relative;
  z-index:1;
  margin:12px 0 0!important;
  padding-left:0!important;
  list-style:none;
}
.spec-box li{
  padding:9px 0 9px 23px;
  color:#d6dbe2!important;
  border-bottom:1px solid #292d33;
  position:relative;
}
.spec-box li:last-child{
  border-bottom:0;
}
.spec-box li:before{
  content:"";
  position:absolute;
  left:0;
  top:17px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ed1c24;
}

/* How it works section */
.product-detail-hero ~ .bg-light{
  background:#f5f6f8!important;
}
.product-detail-hero ~ .bg-light .section-heading{
  max-width:760px;
}
.product-detail-hero ~ .bg-light .section-heading h2{
  color:#111318;
}
.product-detail-hero ~ .bg-light .section-heading p{
  color:#697386;
}
.product-detail-hero ~ .bg-light .process-grid{
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
}
.product-detail-hero ~ .bg-light .process-step{
  min-height:230px;
  padding:28px!important;
  background:#fff!important;
  border:1px solid #e1e4e8!important;
  border-radius:10px!important;
  box-shadow:0 8px 25px rgba(10,12,16,.05);
}
.product-detail-hero ~ .bg-light .process-step>b{
  font-size:11px;
  letter-spacing:1.7px;
}
.product-detail-hero ~ .bg-light .process-step i{
  margin:18px 0 15px!important;
  color:#ed1c24!important;
}
.product-detail-hero ~ .bg-light .process-step h3{
  margin-bottom:8px;
  color:#111318;
  font-size:20px;
  font-weight:850;
}
.product-detail-hero ~ .bg-light .process-step p{
  margin:0;
  color:#697386;
  line-height:1.65;
}

/* All products second section on each product page */
.product-detail-hero ~ .dark-section{
  padding:88px 0 94px!important;
  background:#0b0d10!important;
}
.product-detail-hero ~ .dark-section .section-heading{
  max-width:760px;
  margin-bottom:10px;
}
.product-detail-hero ~ .dark-section .section-heading h2{
  color:#fff!important;
}
.product-detail-hero ~ .dark-section .section-heading p{
  color:#aeb5bf!important;
}
.product-detail-hero ~ .dark-section .section-heading span{
  color:#ed1c24!important;
}
.product-detail-hero ~ .dark-section .row{
  --bs-gutter-x:26px;
  --bs-gutter-y:0;
  align-items:stretch;
}
.product-detail-hero ~ .dark-section .product-card{
  height:100%;
  min-height:100%;
  border-radius:10px!important;
  border:1px solid #e3e5e8;
  box-shadow:0 12px 32px rgba(0,0,0,.20);
}
.product-detail-hero ~ .dark-section .product-card .pc-img{
  height:250px!important;
  padding:25px!important;
  background:#fff!important;
}
.product-detail-hero ~ .dark-section .product-card .pc-img img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.product-detail-hero ~ .dark-section .product-card .pc-body{
  min-height:185px;
  padding:22px 24px 24px!important;
}
.product-detail-hero ~ .dark-section .product-card .pc-body small{
  color:#ed1c24!important;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.2px;
}
.product-detail-hero ~ .dark-section .product-card .pc-body h3{
  min-height:48px;
  color:#111318!important;
  font-size:19px;
  line-height:1.25;
  font-weight:800;
}
.product-detail-hero ~ .dark-section .product-card .pc-body span{
  color:#ed1c24!important;
}

/* CTA */
.product-detail-hero ~ .cta-strip{
  padding:48px 0!important;
  background:#ed1c24!important;
}
.product-detail-hero ~ .cta-strip span{
  color:#fff!important;
  opacity:.85;
}
.product-detail-hero ~ .cta-strip h2{
  color:#fff!important;
  max-width:720px;
}
.product-detail-hero ~ .cta-strip .btn-brand{
  background:#111318!important;
  border-color:#111318!important;
}
.product-detail-hero ~ .cta-strip .btn-brand:hover{
  background:#000!important;
}

/* Desktop spacing */
@media(min-width:1200px){
  .product-detail-hero .row{
    --bs-gutter-x:70px;
  }
  .product-detail-hero + .section-pad .row{
    --bs-gutter-x:75px;
  }
}

/* Tablet */
@media(max-width:991px){
  .product-detail-hero{
    padding:65px 0 70px!important;
  }
  .detail-image{
    height:430px!important;
    margin-top:10px;
  }
  .product-detail-hero + .section-pad{
    padding:70px 0!important;
  }
  .product-detail-hero ~ .dark-section{
    padding:70px 0!important;
  }
}

/* Mobile */
@media(max-width:575px){
  .product-detail-hero{
    padding:52px 0 58px!important;
  }
  .product-detail-hero h1{
    font-size:38px!important;
    letter-spacing:-.8px;
  }
  .product-detail-hero p{
    font-size:15px;
    line-height:1.7;
  }
  .product-detail-hero .btn{
    width:100%;
  }
  .detail-image{
    height:330px!important;
    padding:22px!important;
  }
  .product-detail-hero + .section-pad{
    padding:58px 0!important;
  }
  .spec-box{
    padding:28px!important;
  }
  .spec-box>strong{
    font-size:30px!important;
  }
  .product-detail-hero ~ .bg-light .process-step{
    min-height:0;
  }
  .product-detail-hero ~ .dark-section{
    padding:60px 0 65px!important;
  }
  .product-detail-hero ~ .dark-section .product-card .pc-img{
    height:220px!important;
  }
  .product-detail-hero ~ .dark-section .product-card .pc-body{
    min-height:0;
  }
  .product-detail-hero ~ .dark-section .product-card .pc-body h3{
    min-height:0;
  }
}

/* =========================================================
   FINAL PRODUCT PAGE SPACING
   More breathing room between All Products rows
   and How It Works section
========================================================= */

/* HOW IT WORKS — top and bottom spacing */
.product-detail-hero ~ .bg-light{
  padding-top:105px!important;
  padding-bottom:110px!important;
}
.product-detail-hero ~ .bg-light .section-heading{
  margin-bottom:0;
}
.product-detail-hero ~ .bg-light .process-grid{
  margin-top:55px!important;
  row-gap:0!important;
}

/* ALL PRODUCTS — section spacing */
.product-detail-hero ~ .dark-section{
  padding-top:100px!important;
  padding-bottom:105px!important;
}
.product-detail-hero ~ .dark-section .section-heading{
  margin-bottom:0;
}
.product-detail-hero ~ .dark-section .row{
  margin-top:42px!important;
  row-gap:42px!important;
}

/* Desktop: clearly visible gap between first and second product rows */
@media(min-width:992px){
  .product-detail-hero ~ .dark-section .row{
    row-gap:48px!important;
  }
  .product-detail-hero ~ .dark-section .row > [class*="col-"]:nth-child(4),
  .product-detail-hero ~ .dark-section .row > [class*="col-"]:nth-child(5){
    margin-top:8px;
  }
}

/* Tablet */
@media(max-width:991px){
  .product-detail-hero ~ .bg-light{
    padding-top:80px!important;
    padding-bottom:85px!important;
  }
  .product-detail-hero ~ .bg-light .process-grid{
    margin-top:40px!important;
  }
  .product-detail-hero ~ .dark-section{
    padding-top:80px!important;
    padding-bottom:85px!important;
  }
  .product-detail-hero ~ .dark-section .row{
    margin-top:34px!important;
    row-gap:30px!important;
  }
}

/* Mobile */
@media(max-width:575px){
  .product-detail-hero ~ .bg-light{
    padding-top:65px!important;
    padding-bottom:70px!important;
  }
  .product-detail-hero ~ .bg-light .process-grid{
    margin-top:32px!important;
  }
  .product-detail-hero ~ .dark-section{
    padding-top:65px!important;
    padding-bottom:70px!important;
  }
  .product-detail-hero ~ .dark-section .row{
    margin-top:30px!important;
    row-gap:24px!important;
  }
}

/* =========================================================
   ABOUT PAGE DEVELOPMENT
========================================================= */
.about-hero{
  background:linear-gradient(110deg,#080a0d 0%,#15191f 100%)!important;
  padding:105px 0!important;
}
.about-hero h1{
  max-width:850px;
}
.about-hero p{
  max-width:760px;
}
.about-story{
  padding-top:105px!important;
  padding-bottom:105px!important;
}
.about-image-wrap{
  position:relative;
}
.about-image-wrap .about-image{
  min-height:450px;
  object-fit:cover;
}
.about-image-caption{
  position:absolute;
  left:22px;
  bottom:22px;
  display:flex;
  flex-direction:column;
  padding:12px 17px;
  background:rgba(8,10,13,.92);
  border-left:4px solid #ed1c24;
  color:#fff;
  border-radius:4px;
}
.about-image-caption strong{
  font-size:14px;
  letter-spacing:1px;
}
.about-image-caption span{
  color:#c8cdd5;
  font-size:12px;
  margin-top:2px;
}
.about-story p,
.about-problem p{
  color:#5f6875;
  line-height:1.8;
}

/* Journey timeline */
.about-journey{
  padding-top:100px!important;
  padding-bottom:105px!important;
}
.journey-timeline{
  position:relative;
  max-width:980px;
  margin:58px auto 0;
}
.journey-timeline:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:2px;
  background:#e2e4e8;
  transform:translateX(-50%);
}
.journey-item{
  position:relative;
  width:50%;
  padding:0 55px 48px 0;
}
.journey-item:nth-child(even){
  margin-left:50%;
  padding:0 0 48px 55px;
}
.journey-year{
  position:absolute;
  right:-39px;
  top:0;
  width:78px;
  height:78px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#ed1c24;
  color:#fff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.5px;
  border:8px solid #f5f6f8;
  z-index:2;
}
.journey-item:nth-child(even) .journey-year{
  left:-39px;
  right:auto;
}
.journey-content{
  padding:27px 28px;
  background:#fff;
  border:1px solid #e1e4e8;
  border-radius:10px;
  box-shadow:0 8px 25px rgba(10,12,16,.05);
}
.journey-content h3{
  margin:0 0 8px;
  font-size:20px;
  font-weight:850;
  color:#111318;
}
.journey-content p{
  margin:0;
  color:#697386;
  line-height:1.7;
}

/* Problem */
.about-problem{
  padding-top:100px!important;
  padding-bottom:105px!important;
}
.about-problem-grid{
  gap:18px;
}
.about-problem-grid>div{
  min-height:185px;
  padding:28px!important;
  border:1px solid #e2e4e8;
  box-shadow:0 8px 25px rgba(10,12,16,.04);
}
.about-problem-grid i{
  color:#ed1c24;
}
.about-problem-grid h4{
  color:#111318;
  margin-bottom:7px;
}
.about-problem-grid p{
  margin:0;
  font-size:14px;
  line-height:1.6;
}

/* About process */
.about-process{
  padding-top:100px!important;
  padding-bottom:110px!important;
}
.about-process-grid{
  max-width:1120px;
  margin:55px auto 0!important;
  gap:20px!important;
}
.about-process-grid .process-step{
  min-height:240px;
  padding:30px!important;
  box-shadow:0 8px 25px rgba(10,12,16,.05);
}
.about-process-grid .process-step i{
  color:#ed1c24!important;
}
.about-process-grid .process-step h3{
  font-weight:850;
  color:#111318;
}

/* Values */
.about-capabilities{
  padding-top:100px!important;
  padding-bottom:105px!important;
}
.about-value-card{
  height:100%;
  padding:30px 27px;
  background:#fff;
  border:1px solid #e1e4e8;
  border-radius:10px;
  box-shadow:0 8px 25px rgba(10,12,16,.05);
}
.about-value-card i{
  color:#ed1c24;
  font-size:32px;
}
.about-value-card h3{
  margin:17px 0 8px;
  color:#111318;
  font-size:19px;
  font-weight:850;
}
.about-value-card p{
  margin:0;
  color:#697386;
  font-size:14px;
  line-height:1.7;
}

/* Vision strip */
.about-vision-strip{
  padding:65px 0;
  background:#111318;
  color:#fff;
}
.about-vision-strip> .container{}
.about-vision-strip span{
  color:#ed1c24;
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
}
.about-vision-strip h2{
  max-width:800px;
  margin:9px 0 10px;
  font-size:32px;
  font-weight:850;
  line-height:1.2;
}
.about-vision-strip p{
  max-width:760px;
  margin:0;
  color:#b9c0ca;
}
.about-vision-strip .btn-brand{
  background:#ed1c24!important;
}

/* Mobile */
@media(max-width:991px){
  .about-hero{
    padding:78px 0!important;
  }
  .about-story,
  .about-journey,
  .about-problem,
  .about-process,
  .about-capabilities{
    padding-top:75px!important;
    padding-bottom:80px!important;
  }
  .journey-item,
  .journey-item:nth-child(even){
    width:100%;
    margin-left:0;
    padding:0 0 30px 65px;
  }
  .journey-timeline:before{
    left:28px;
    transform:none;
  }
  .journey-year,
  .journey-item:nth-child(even) .journey-year{
    left:-11px;
    right:auto;
    width:56px;
    height:56px;
    border-width:5px;
    font-size:10px;
  }
  .about-process-grid{
    margin-top:40px!important;
  }
}
@media(max-width:575px){
  .about-hero{
    padding:62px 0!important;
  }
  .about-hero h1{
    font-size:40px;
  }
  .about-story,
  .about-journey,
  .about-problem,
  .about-process,
  .about-capabilities{
    padding-top:60px!important;
    padding-bottom:65px!important;
  }
  .about-image-wrap .about-image{
    min-height:300px;
  }
  .about-image-caption{
    left:14px;
    bottom:14px;
  }
  .journey-timeline{
    margin-top:40px;
  }
  .journey-item,
  .journey-item:nth-child(even){
    padding-left:53px;
  }
  .journey-timeline:before{
    left:22px;
  }
  .journey-year,
  .journey-item:nth-child(even) .journey-year{
    left:-6px;
    width:45px;
    height:45px;
    font-size:9px;
  }
  .journey-content{
    padding:22px;
  }
  .about-vision-strip{
    padding:50px 0;
  }
  .about-vision-strip h2{
    font-size:27px;
  }
}

/* WhatsApp floating button */
.floating-quote{
  background:#25D366!important;
  border-color:#25D366!important;
}
.floating-quote:hover{
  background:#1da851!important;
  color:#fff!important;
}

/* =========================================================
   ABOUT PAGE — FINAL VISUAL POLISH
========================================================= */
.about-hero{
  position:relative;
  min-height:410px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#090b0f!important;
}
.about-hero:before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-180px;
  top:-180px;
  border:80px solid rgba(237,28,36,.07);
  border-radius:50%;
}
.about-hero:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:4px;
  background:#ed1c24;
}
.about-hero .container{
  position:relative;
  z-index:2;
}
.about-hero span{
  display:inline-block;
  margin-bottom:14px;
  color:#ed1c24;
  font-size:16px;
  font-weight:900;
  letter-spacing:2.5px;
}
.about-hero h1{
  margin-bottom:18px!important;
  font-size:clamp(42px,5.2vw,68px)!important;
  line-height:1.02!important;
  letter-spacing:-1.8px;
  color:#fff!important;
}
.about-hero p{
  margin:0!important;
  max-width:720px!important;
  color:#b8bec7!important;
  font-size:17px;
  line-height:1.75;
}

/* Story image */
.about-story{
  background:#fff;
}
.about-story .display-title{
  margin-top:9px;
  margin-bottom:22px;
}
.about-story .about-image-wrap{
  overflow:hidden;
  border-radius:14px;
  background:#f5f6f8;
  box-shadow:0 20px 55px rgba(9,11,15,.13);
}
.about-story .about-image-wrap:before{
  content:"";
  position:absolute;
  left:-12px;
  top:-12px;
  width:75px;
  height:75px;
  border-left:4px solid #ed1c24;
  border-top:4px solid #ed1c24;
  z-index:2;
}
.about-story .about-image{
  width:100%;
  min-height:480px!important;
  display:block;
  object-fit:cover;
  transition:transform .4s ease;
}
.about-story .about-image-wrap:hover .about-image{
  transform:scale(1.025);
}

/* Timeline polish */
.journey-timeline{
  max-width:1050px;
}
.journey-content{
  position:relative;
  border-top:3px solid #ed1c24;
  transition:transform .2s ease,box-shadow .2s ease;
}
.journey-content:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 32px rgba(10,12,16,.10);
}
.journey-year{
  box-shadow:0 5px 18px rgba(237,28,36,.25);
}

/* Problem cards */
.about-problem-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr;
}
.about-problem-grid>div{
  background:#fff;
  border-radius:10px;
  transition:transform .2s ease,box-shadow .2s ease;
}
.about-problem-grid>div:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 30px rgba(10,12,16,.10);
}
.about-problem-grid i{
  display:inline-flex;
  width:50px;
  height:50px;
  align-items:center;
  justify-content:center;
  margin-bottom:15px;
  background:#fff1f2;
  border-radius:8px;
  font-size:23px;
}

/* Process cards */
.about-process-grid .process-step{
  position:relative;
  overflow:hidden;
  border-top:3px solid #ed1c24!important;
}
.about-process-grid .process-step>b{
  color:#ed1c24;
  font-size:12px;
}
.about-process-grid .process-step i{
  width:50px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff1f2;
  border-radius:8px;
  font-size:23px;
}

/* Values */
.about-value-card{
  position:relative;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease;
}
.about-value-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:3px;
  background:#ed1c24;
}
.about-value-card:hover{
  transform:translateY(-5px);
  box-shadow:0 15px 32px rgba(10,12,16,.10);
}

/* Vision */
.about-vision-strip{
  position:relative;
  overflow:hidden;
}
.about-vision-strip:after{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-200px;
  width:430px;
  height:430px;
  border:70px solid rgba(237,28,36,.08);
  border-radius:50%;
}
.about-vision-strip .container{
  position:relative;
  z-index:2;
}

/* Footer WhatsApp contact */
.site-footer .whatsapp-footer-link{
  display:flex!important;
  align-items:center;
  gap:10px;
  width:max-content;
  color:#aeb7c4!important;
}
.site-footer .whatsapp-footer-link i{
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  background:#25D366;
  color:#fff;
  border-radius:50%;
  font-size:18px;
}
.site-footer .whatsapp-footer-link:hover{
  color:#25D366!important;
}
.site-footer .whatsapp-footer-link:hover i{
  background:#1da851;
}

/* Floating WhatsApp */
.whatsapp-float{
  width:54px;
  height:54px;
  padding:0!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:0!important;
  border-radius:50%!important;
  background:#25D366!important;
  box-shadow:0 10px 28px rgba(37,211,102,.35)!important;
}
.whatsapp-float i{
  font-size:25px;
  line-height:1;
}
.whatsapp-float span{
  display:none;
}
.whatsapp-float:hover{
  background:#1da851!important;
  transform:translateY(-2px);
}

/* Responsive */
@media(max-width:991px){
  .about-hero{
    min-height:350px;
  }
  .about-story .about-image{
    min-height:380px!important;
  }
}
@media(max-width:767px){
  .about-problem-grid{
    grid-template-columns:1fr;
  }
  .about-hero{
    min-height:320px;
    padding:70px 0!important;
  }
  .about-story .about-image{
    min-height:320px!important;
  }
  .journey-content{
    border-top-width:2px;
  }
}
@media(max-width:575px){
  .about-hero h1{
    font-size:39px!important;
  }
  .about-hero p{
    font-size:15px;
  }
  .about-story .about-image{
    min-height:280px!important;
  }
  .about-image-caption{
    left:14px;
    bottom:14px;
  }
  .site-footer .whatsapp-footer-link i{
    width:32px;
    height:32px;
  }
}

/* =========================================================
   METAL DETECTOR SYSTEMS PAGE
========================================================= */
.product-menu .systems-main{
  background:#fff5f5;
  border-left:3px solid #ed1c24;
  font-weight:800;
}
.product-menu .systems-main i{
  color:#ed1c24;
}
.product-menu .system-subitem{
  display:block;
  padding:6px 13px 6px 28px;
  color:#697386;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
.product-menu .system-subitem:hover{
  color:#ed1c24;
  background:#fff8f8;
}
.systems-hero{
  position:relative;
  overflow:hidden;
  padding:100px 0 105px;
  background:#090b0f;
  color:#fff;
  border-bottom:4px solid #ed1c24;
}
.systems-hero:after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-180px;
  top:-220px;
  border:85px solid rgba(237,28,36,.08);
  border-radius:50%;
}
.systems-hero .container{
  position:relative;
  z-index:2;
}
.systems-hero span{
  color:#ed1c24;
  font-size:11px;
  font-weight:900;
  letter-spacing:2.5px;
}
.systems-hero h1{
  margin:14px 0 20px;
  font-size:clamp(42px,5.6vw,70px);
  line-height:1.03;
  letter-spacing:-1.8px;
  font-weight:900;
}
.systems-hero h1 strong{
  color:#ed1c24;
}
.systems-hero p{
  max-width:720px;
  margin:0;
  color:#b9c0ca;
  font-size:17px;
  line-height:1.75;
}
.system-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}
.system-hero-actions .btn{
  min-width:135px;
}
.system-intro{
  padding:85px 0 25px;
  background:#fff;
}

/* Individual system blocks */
.system-detail-section{
  padding:92px 0 105px;
  background:#fff;
  scroll-margin-top:90px;
}
.system-detail-section:nth-of-type(even){
  background:#f5f6f8;
}
.system-detail-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:76px;
  align-items:center;
}
.system-reverse .system-visual{
  order:2;
}
.system-reverse .system-content{
  order:1;
}
.system-visual{
  position:relative;
}
.system-main-image{
  height:390px;
  padding:35px;
  background:#fff;
  border:1px solid #e1e4e8;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 15px 42px rgba(10,12,16,.09);
}
.system-main-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.system-size-badge{
  position:absolute;
  left:-14px;
  top:-14px;
  z-index:3;
  padding:9px 15px;
  background:#ed1c24;
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.5px;
  border-radius:4px;
  box-shadow:0 8px 22px rgba(237,28,36,.25);
}
.system-component-mini{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:16px;
}
.system-component-mini>div{
  min-width:0;
  min-height:104px;
  padding:12px;
  background:#fff;
  border:1px solid #e1e4e8;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:9px;
}
.system-component-mini img{
  width:55px;
  height:65px;
  object-fit:contain;
  flex:0 0 55px;
}
.system-component-mini span{
  color:#697386;
  font-size:11px;
  line-height:1.4;
}
.system-component-mini strong{
  color:#ed1c24;
  font-size:11px;
}
.system-content .eyebrow-dark{
  display:inline-block;
  margin-bottom:8px;
}
.system-content h2{
  margin:0 0 18px;
  color:#111318;
  font-size:clamp(34px,4vw,50px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-1px;
}
.system-lead{
  color:#5f6875;
  font-size:16px;
  line-height:1.75;
  margin-bottom:27px;
}
.system-spec-list{
  border-top:1px solid #e0e3e7;
  margin-bottom:22px;
}
.system-spec-list>div{
  display:grid;
  grid-template-columns:145px 1fr auto;
  gap:15px;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid #e0e3e7;
}
.system-spec-list span{
  color:#7b8491;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.3px;
}
.system-spec-list strong{
  color:#20242a;
  font-size:14px;
  font-weight:800;
}
.system-spec-list b{
  color:#ed1c24;
  font-size:12px;
  white-space:nowrap;
}
.system-note{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:15px 16px;
  margin-bottom:23px;
  background:#fff5f5;
  border-left:3px solid #ed1c24;
  color:#5f6875;
  font-size:13px;
  line-height:1.55;
}
.system-note i{
  color:#ed1c24;
  font-size:20px;
}
.system-final-cta{
  padding:78px 0 84px;
  background:#101216;
  color:#fff;
  text-align:center;
}
.system-final-cta span{
  color:#ed1c24;
  font-size:10px;
  font-weight:900;
  letter-spacing:2px;
}
.system-final-cta h2{
  margin:12px 0 9px;
  font-size:36px;
  font-weight:900;
}
.system-final-cta p{
  color:#adb5c0;
  margin-bottom:25px;
}

/* Responsive systems */
@media(max-width:991px){
  .systems-hero{
    padding:75px 0 80px;
  }
  .system-intro{
    padding-top:70px;
  }
  .system-detail-section{
    padding:72px 0 80px;
  }
  .system-detail-grid{
    grid-template-columns:1fr;
    gap:45px;
  }
  .system-reverse .system-visual,
  .system-reverse .system-content{
    order:initial;
  }
  .system-main-image{
    height:400px;
  }
}
@media(max-width:575px){
  .product-menu .system-subitem{
    padding-left:22px;
  }
  .systems-hero{
    padding:60px 0 65px;
  }
  .systems-hero h1{
    font-size:40px;
  }
  .systems-hero p{
    font-size:15px;
  }
  .system-hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .system-hero-actions .btn{
    width:100%;
  }
  .system-intro{
    padding:58px 0 15px;
  }
  .system-detail-section{
    padding:60px 0 68px;
  }
  .system-main-image{
    height:300px;
    padding:25px;
  }
  .system-size-badge{
    left:8px;
    top:-10px;
  }
  .system-component-mini{
    gap:7px;
  }
  .system-component-mini>div{
    display:block;
    text-align:center;
    padding:9px 4px;
  }
  .system-component-mini img{
    width:48px;
    height:50px;
    display:block;
    margin:0 auto 4px;
  }
  .system-component-mini span{
    font-size:9px;
  }
  .system-content h2{
    font-size:34px;
  }
  .system-spec-list>div{
    grid-template-columns:1fr;
    gap:4px;
    padding:12px 0;
  }
  .system-spec-list b{
    white-space:normal;
  }
  .system-final-cta{
    padding:60px 0 65px;
  }
  .system-final-cta h2{
    font-size:29px;
  }
}

/* =========================================================
   BROCHURE + PRODUCT MENU + MODEL NUMBER TYPOGRAPHY
========================================================= */
.brochure-link{
  color:#111318!important;
  font-weight:800!important;
}
.brochure-link i{
  color:#ed1c24;
}
.brochure-link:hover{
  color:#ed1c24!important;
}

/* Nested MDC Metal Detector Coils submenu */
/* MDC COILS - VERTICAL SUBMENU */
.product-menu .coils-dropdown {
    position: relative;
}

.product-menu .coils-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.product-menu .coils-title strong {
    color: #ed1c24;
    font-size: 11px;
}

.product-menu .coils-list {
    display: none;
    list-style: none;
    padding: 0 0 5px 0;
    margin: 0;
    background: #f8f9fa;
}

.product-menu .coils-dropdown:hover .coils-list {
    display: block;
}

.product-menu .coils-list .dropdown-item {
    padding-left: 38px;
    font-size: 13px;
    border-left: 3px solid #ed1c24;
}

.product-menu .coils-list .dropdown-item:hover {
    background: #fbeaec;
}

.product-menu .coils-list strong {
    color: #ed1c24;
    font-size: 11px;
}

/* Increase model-number font throughout the website */
.product-model{
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:1.25px!important;
  color:#ed1c24!important;
}
.model-line{
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:1.5px!important;
}
.spec-box-detailed>strong{
  font-size:42px!important;
  letter-spacing:1px;
}
.product-menu .dropdown-item strong{
  font-size:14px!important;
  font-weight:950!important;
  letter-spacing:.6px;
}
.system-spec-list b{
  font-size:13px!important;
  font-weight:950!important;
}
.system-component-mini strong{
  font-size:12px!important;
  font-weight:950!important;
}

/* Detailed product specifications */
.spec-detail-list{
  list-style:none!important;
  padding:0!important;
  margin:0!important;
}
.spec-detail-list li{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:11px 0;
  border-bottom:1px solid #292d33;
  color:#d6dbe2!important;
}
.spec-detail-list li:last-child{
  border-bottom:0;
}
.spec-detail-list li span{
  flex:0 0 42%;
  color:#aeb5bf!important;
  font-size:10px!important;
  letter-spacing:.8px!important;
}
.spec-detail-list li strong{
  flex:1;
  text-align:right;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.45;
}

/* Full specifications section */
.all-specifications-section{
  padding:105px 0 110px;
  background:#f5f6f8;
}
.all-specifications-section .section-heading{
  max-width:850px;
  margin:0 auto 0;
}
.full-spec-card{
  height:100%;
  padding:30px;
  background:#fff;
  border:1px solid #e0e3e7;
  border-top:3px solid #ed1c24;
  border-radius:10px;
  box-shadow:0 10px 30px rgba(10,12,16,.06);
}
.full-spec-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding-bottom:14px;
  margin-bottom:15px;
  border-bottom:1px solid #e4e6e9;
}
.full-spec-head span{
  color:#7b8491;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.7px;
}
.full-spec-head strong{
  color:#ed1c24;
  font-size:18px;
  font-weight:950;
  letter-spacing:1px;
}
.full-spec-card h3{
  color:#111318;
  font-size:20px;
  font-weight:850;
  margin-bottom:17px;
}
.full-spec-card ul{
  list-style:none;
  margin:0;
  padding:0;
}
.full-spec-card li{
  position:relative;
  padding:8px 0 8px 15px;
  border-bottom:1px solid #eceef0;
  color:#697386;
  font-size:13px;
  line-height:1.5;
}
.full-spec-card li:last-child{
  border-bottom:0;
}
.full-spec-card li:before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  width:5px;
  height:5px;
  background:#ed1c24;
  border-radius:50%;
}
.full-spec-card li b{
  color:#20242a;
  font-weight:800;
}
.spec-link{
  display:inline-flex;
  gap:7px;
  align-items:center;
  margin-top:15px;
  color:#ed1c24;
  font-weight:800;
  text-decoration:none;
}
.brochure-callout{
  margin-top:38px;
  padding:25px 28px;
  background:#111318;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
}
.brochure-callout>div{
  display:flex;
  align-items:center;
  gap:16px;
}
.brochure-callout i{
  color:#ed1c24;
  font-size:32px;
}
.brochure-callout strong{
  display:block;
  color:#fff;
  font-size:17px;
}
.brochure-callout span{
  display:block;
  margin-top:4px;
  color:#aeb5bf;
  font-size:13px;
}

/* Footer brochure link */
.site-footer .footer-brochure-link{
  color:#ed1c24!important;
  font-weight:800;
}
.site-footer .footer-brochure-link i{
  margin-right:5px;
}

/* Mobile nested menu and specifications */
@media(max-width:991px){
  .product-menu .dropdown-submenu>.submenu{
    position:static;
    margin:0;
    min-width:0;
    box-shadow:none!important;
    border:0!important;
    padding-left:12px;
  }
  .product-menu .dropdown-submenu:hover>.submenu{
    display:block;
  }
  .all-specifications-section{
    padding:78px 0 85px;
  }
  .brochure-callout{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:575px){
  .product-model{
    font-size:15px!important;
  }
  .model-line{
    font-size:14px!important;
  }
  .spec-box-detailed>strong{
    font-size:36px!important;
  }
  .spec-detail-list li{
    display:block;
  }
  .spec-detail-list li span,
  .spec-detail-list li strong{
    display:block;
    width:100%;
    text-align:left;
  }
  .spec-detail-list li strong{
    margin-top:3px;
  }
  .full-spec-card{
    padding:23px;
  }
  .brochure-callout{
    padding:22px;
  }
  .brochure-callout .btn{
    width:100%;
  }
}

/* Product title / model emphasis */
.product-detail-hero .model-line{
  display:inline-flex;
  align-items:center;
  padding:7px 13px;
  margin:9px 0 10px;
  background:#111318;
  color:#fff!important;
  border-left:5px solid #ed1c24;
  border-radius:3px;
  font-size:18px!important;
  font-weight:950!important;
  letter-spacing:1.8px!important;
}
.product-detail-hero h1{
  font-weight:950!important;
  letter-spacing:-.6px;
}
.product-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.product-hero-actions .btn{
  margin-top:0!important;
}
.product-brochure-btn{
  border-width:2px!important;
  font-weight:850!important;
}
.spec-detail-list .spec-group-title{
  padding:13px 0 7px!important;
  border-bottom:0!important;
  color:#ed1c24!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:1.5px!important;
  text-transform:uppercase;
}
.spec-detail-list .spec-group-title:before{
  display:none;
}
.spec-detail-list .spec-group-title:first-child{
  padding-top:2px!important;
}
.spec-detail-list .spec-group-title + li{
  border-top:1px solid #292d33;
}
@media(max-width:575px){
  .product-hero-actions{
    flex-direction:column;
  }
  .product-hero-actions .btn{
    width:100%;
  }
}

.coil-spec-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.coil-spec-links a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 13px;
  border:1px solid #dfe2e6;
  border-radius:4px;
  color:#171a1f;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
}
.coil-spec-links a:hover{
  border-color:#ed1c24;
  color:#ed1c24;
}
@media(max-width:991px){
  .product-menu .dropdown-submenu>.submenu{
    display:block;
  }
}

/* =========================================================
   PROFESSIONAL PRODUCT SPECIFICATIONS LAYOUT
   Image left | Specifications right
   ========================================================= */
   
.professional-product-hero{
  padding:78px 0 86px!important;
  background:linear-gradient(180deg,#f7f8fa 0%,#fff 100%);
  border-bottom:1px solid #e9ebee;
}
.product-page-heading{
  max-width:900px;
  margin:0 auto 42px;
  text-align:center;
}
.product-page-heading .eyebrow-dark{
  display:block;
}
.product-page-heading .model-line{
  margin:13px auto 10px;
}
.product-page-heading h1{
  margin:0 0 13px;
  font-size:clamp(32px,4vw,52px)!important;
  line-height:1.08;
}
.product-page-heading>p{
  max-width:720px;
  margin:0 auto;
  color:#68717d;
  font-size:16px;
  line-height:1.75;
}
.product-spec-layout{
  align-items:stretch;
}


.product-image-panel{
  height:100%;
  min-height:560px;
  padding:22px;
  background:#fff;
  border:1px solid #e1e5e9;
  border-radius:14px;
  box-shadow:0 18px 45px rgba(12,17,24,.08);
  display:flex;
  flex-direction:column;
}
.product-image-frame{
  flex:1;
  min-height:490px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:#fafbfc;
  border:1px solid #eef0f2;
  border-radius:10px;
  overflow:hidden;
}
.product-image-frame img{
  width:100%;
  height:100%;
  max-height:500px;
  object-fit:contain;
  display:block;
  mix-blend-mode:multiply;
}
/* =========================================================
   JSB250 DIMENSION IMAGE
   INSIDE EXISTING PRODUCT IMAGE PANEL
========================================================= */

.product-dimension-frame {
    width: 100%;
    height: 390px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 35px 25px;

    background: #ffffff;
}

.product-dimension-frame img {
    display: block;

    width: auto;
    height: auto;

    max-width: 82%;
    max-height: 365px;

    object-fit: contain;

    /* Helps the slightly off-white JPG blend with the panel */
    mix-blend-mode: multiply;
}

@media (max-width: 575.98px) {

    .product-dimension-frame {
        height: 310px;
        padding: 0 15px 20px;
    }

    .product-dimension-frame img {
        max-width: 90%;
        max-height: 290px;
    }
}


.product-image-caption{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:15px;
  padding:12px 4px 0;
  border-top:1px solid #eceef1;
}
.product-image-caption span{
  color:#8a929d;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.5px;
}
.product-image-caption strong{
  color:#111318;
  font-size:15px;
  font-weight:950;
  letter-spacing:1px;
}
.product-spec-card{
  height:100%;
  background:#111318;
  border:1px solid #20242a;
  border-radius:14px;
  padding:30px 32px;
  box-shadow:0 18px 45px rgba(12,17,24,.12);
  color:#fff;
}
.spec-card-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding-bottom:21px;
  margin-bottom:4px;
  border-bottom:1px solid #343941;
}
.spec-card-header span{
  display:block;
  color:#ed1c24;
  font-size:10px;
  font-weight:950;
  letter-spacing:1.8px;
  margin-bottom:6px;
}
.spec-card-header h2{
  margin:0;
  color:#fff;
  font-size:25px;
  font-weight:900;
  line-height:1.2;
}
.spec-card-header>b{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:8px 12px;
  background:#ed1c24;
  color:#fff;
  border-radius:4px;
  font-size:15px;
  font-weight:950;
  letter-spacing:1px;
}
.product-spec-card .spec-detail-list{
  list-style:none;
  padding:0;
  margin:0;
}
.product-spec-card .spec-detail-list>li:not(.spec-group-title){
  display:grid;
  grid-template-columns:minmax(135px,.9fr) minmax(150px,1.1fr);
  gap:20px;
  align-items:start;
  padding:10px 0;
  border-bottom:1px solid #2b3037;
}
.product-spec-card .spec-detail-list>li:not(.spec-group-title) span{
  color:#aeb5bf;
  font-size:12px;
  line-height:1.45;
}
.product-spec-card .spec-detail-list>li:not(.spec-group-title) strong{
  color:#f5f6f7;
  font-size:12px;
  line-height:1.45;
  font-weight:800;
  text-align:right;
}
.product-spec-card .spec-detail-list .spec-group-title{
  padding:18px 0 7px!important;
  border:0!important;
  color:#ed1c24!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:1.7px!important;
  text-transform:uppercase;
}
.product-spec-card .spec-detail-list .spec-group-title:first-child{
  padding-top:16px!important;
}
.product-page-actions{
  justify-content:center;
  margin-top:30px!important;
}
.product-description-section{
  background:#fff;
}
.protection-card{
  height:100%;
  padding:28px;
  border-left:4px solid #ed1c24;
  background:#f6f7f8;
  border-radius:0 10px 10px 0;
}
.protection-card>span{
  color:#ed1c24;
  font-size:10px;
  font-weight:950;
  letter-spacing:1.6px;
}
.protection-card h3{
  margin:9px 0 10px;
  color:#111318;
  font-size:23px;
  font-weight:900;
}
.protection-card p{
  margin:0;
  color:#68717d;
  font-size:14px;
  line-height:1.75;
}

/* Remove old specification-box styling from the redesigned product hero. */
.professional-product-hero .spec-box-detailed{
  display:none!important;
}

@media(max-width:991px){
  .professional-product-hero{
    padding:58px 0 65px!important;
  }
  .product-page-heading{
    margin-bottom:32px;
  }
  .product-image-panel{
    min-height:auto;
  }
  .product-image-frame{
    min-height:390px;
  }
}
@media(max-width:575px){
  .professional-product-hero{
    padding:45px 0 52px!important;
  }
  .product-page-heading h1{
    font-size:30px!important;
  }
  .product-page-heading>p{
    font-size:14px;
  }
  .product-image-panel{
    padding:14px;
  }
  .product-image-frame{
    min-height:300px;
    padding:12px;
  }
  .product-spec-card{
    padding:22px 18px;
  }
  .spec-card-header{
    display:block;
  }
  .spec-card-header>b{
    margin-top:12px;
  }
  .product-spec-card .spec-detail-list>li:not(.spec-group-title){
    grid-template-columns:1fr;
    gap:4px;
  }
  .product-spec-card .spec-detail-list>li:not(.spec-group-title) strong{
    text-align:left;
  }
}

/* Compact brochure control — intentionally smaller and positioned beside product heading */
.product-brochure-compact,
.systems-brochure-compact{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  padding:8px 13px;
  border:1px solid #d9dde2;
  border-radius:4px;
  background:#fff;
  color:#3b424b;
  text-decoration:none;
  font-size:11px;
  line-height:1;
  font-weight:850;
  letter-spacing:.2px;
  box-shadow:0 3px 10px rgba(0,0,0,.04);
  transition:all .2s ease;
}
.product-brochure-compact i,
.systems-brochure-compact i{
  color:#ed1c24;
  font-size:14px;
}
.product-brochure-compact:hover,
.systems-brochure-compact:hover{
  border-color:#ed1c24;
  color:#ed1c24;
  transform:translateY(-1px);
}
.systems-brochure-compact{
  background:rgba(255,255,255,.98);
  margin-top:18px;
}
.system-detail-section{
  padding:95px 0!important;
}
.system-detail-grid{
  gap:60px!important;
  align-items:center!important;
}
.system-visual{
  padding:25px!important;
  background:#fff;
  border:1px solid #e1e5e9;
  border-radius:14px;
  box-shadow:0 16px 40px rgba(12,17,24,.08);
}
.system-main-image{
  background:#fafbfc!important;
  border:1px solid #eef0f2;
  border-radius:10px;
  min-height:390px;
}
.system-main-image img{
  max-height:370px!important;
  object-fit:contain!important;
  mix-blend-mode:multiply;
}
.system-component-mini{
  margin-top:16px!important;
  gap:12px!important;
}
.system-component-mini>div{
  background:#fafbfc!important;
  border:1px solid #e6e9ed!important;
  border-radius:8px!important;
  padding:10px!important;
}
.system-component-mini img{
  width:78px!important;
  height:62px!important;
  object-fit:contain!important;
  mix-blend-mode:multiply;
}
.system-component-mini span{
  font-size:10px!important;
  color:#656e79!important;
  line-height:1.25;
}
.system-component-mini strong{
  color:#ed1c24!important;
  font-size:12px!important;
  font-weight:950!important;
}
.system-content{
  padding:8px 0;
}
.system-content h2{
  font-size:clamp(30px,3vw,43px)!important;
  font-weight:950!important;
  line-height:1.08!important;
}
.system-spec-list{
  margin-top:26px!important;
  border-top:1px solid #e3e6e9;
}
.system-spec-list>div{
  padding:15px 0!important;
  border-bottom:1px solid #e3e6e9!important;
  display:grid!important;
  grid-template-columns:145px 1fr auto;
  gap:18px;
  align-items:center;
}
.system-spec-list>div span{
  color:#8a929d!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:1.2px;
}
.system-spec-list>div strong{
  color:#22272e!important;
  font-size:13px!important;
  font-weight:750!important;
}
.system-spec-list>div b{
  color:#ed1c24!important;
  font-size:14px!important;
  font-weight:950!important;
  letter-spacing:.7px;
}
.system-note{
  margin-top:20px!important;
  padding:14px 16px!important;
  background:#f6f7f8!important;
  border-left:3px solid #ed1c24!important;
  border-radius:0 6px 6px 0;
}
.system-note i{
  color:#ed1c24!important;
}
.system-final-cta{
  padding:75px 0!important;
}
@media(max-width:991px){
  .system-detail-section{
    padding:65px 0!important;
  }
  .system-detail-grid{
    gap:35px!important;
  }
  .system-spec-list>div{
    grid-template-columns:120px 1fr auto;
  }
}
@media(max-width:575px){
  .product-brochure-compact{
    font-size:10px;
    padding:7px 11px;
  }
  .system-detail-section{
    padding:52px 0!important;
  }
  .system-visual{
    padding:14px!important;
  }
  .system-main-image{
    min-height:280px;
  }
  .system-main-image img{
    max-height:260px!important;
  }
  .system-component-mini img{
    width:58px!important;
    height:50px!important;
  }
  .system-spec-list>div{
    display:block!important;
  }
  .system-spec-list>div span,
  .system-spec-list>div strong,
  .system-spec-list>div b{
    display:block;
    margin-bottom:4px;
  }
}

/* ===== Final JUSBEL visual refinement ===== */

/* Larger, cleaner header logo */
.main-nav .navbar-brand img,
.navbar-brand img{
  width:205px!important;
  height:70px!important;
  object-fit:contain!important;
}
.main-nav{
  padding:10px 0!important;
}

/* Product hero: balanced centered presentation */
.product-detail-hero .product-page-heading{
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.product-detail-hero .product-page-heading h1{
  margin-left:auto!important;
  margin-right:auto!important;
}
.product-detail-hero .product-page-heading p{
  max-width:1040px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Brochure is now below specifications, compact and centered */
.spec-brochure-row{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  padding-top:18px!important;
}
.spec-brochure-row .product-brochure-compact{
  margin-top:0!important;
  padding:9px 14px!important;
  font-size:11px!important;
}

/* Keep product image/specification area professionally aligned */
.product-spec-layout{
  align-items:stretch!important;
}
.product-image-panel{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.product-image-frame{
  min-height:470px;
  background:#fff!important;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px!important;
}
.product-image-frame img{
  width:100%!important;
  height:100%!important;
  max-height:430px!important;
  object-fit:contain!important;
}

/* Footer logo: white background only behind the logo */
.site-footer .footer-brand-logo{
  background:#fff!important;
  border-radius:7px!important;
  padding:9px 14px!important;
  width:max-content!important;
  min-width:205px;
  min-height:78px;
  justify-content:center!important;
}
.site-footer .footer-brand-logo img{
  width:190px!important;
  height:60px!important;
  object-fit:contain!important;
}

/* Remove footer WhatsApp-list styling if any stale markup remains */
.site-footer .whatsapp-footer-link{
  display:none!important;
}

/* Footer designer */
.site-footer .footer-bottom .footer-designer{
  color:#ed1c24!important;
  font-weight:850!important;
}

/* Center footer content for a cleaner corporate presentation */
.site-footer{
  text-align:center!important;
}
.site-footer .footer-brand-logo{
  margin-left:auto!important;
  margin-right:auto!important;
}
.site-footer .site-footer p{
  margin-left:auto;
  margin-right:auto;
}
.site-footer .col-lg-3 p a{
  display:inline!important;
}
.site-footer .footer-bottom{
  justify-content:center!important;
  text-align:center!important;
  flex-wrap:wrap!important;
  gap:8px 30px!important;
}
.site-footer .footer-bottom > *{
  text-align:center!important;
}

/* Footer product links centered while keeping readable widths */
.site-footer .col-lg-2,
.site-footer .col-lg-3,
.site-footer .col-lg-4{
  text-align:center!important;
}
.site-footer .col-lg-3 p i{
  margin-right:6px;
}

/* Floating WhatsApp remains available, separate from footer contact list */
.floating-whatsapp{
  z-index:1050!important;
}

@media(max-width:767px){
  .main-nav .navbar-brand img,
  .navbar-brand img{
    width:175px!important;
    height:60px!important;
  }
  .product-detail-hero .product-page-heading h1{
    font-size:clamp(34px,9vw,48px)!important;
  }
  .product-image-frame{
    min-height:330px;
  }
  .product-image-frame img{
    max-height:300px!important;
  }
  .site-footer .footer-brand-logo{
    min-width:185px;
  }
}

/* Footer bottom: copyright left, designer right */
.site-footer .footer-bottom{
  justify-content:space-between!important;
  align-items:center!important;
  text-align:left!important;
  flex-wrap:nowrap!important;
  gap:20px!important;
}
.site-footer .footer-bottom > span:first-child{
  text-align:left!important;
  margin-right:auto!important;
}
.site-footer .footer-bottom > span:last-child{
  text-align:right!important;
  margin-left:auto!important;
}
.site-footer .footer-bottom .footer-designer{
  color:#ed1c24!important;
  font-weight:850!important;
}
@media(max-width:767px){
  .site-footer .footer-bottom{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
  }
  .site-footer .footer-bottom > span:first-child,
  .site-footer .footer-bottom > span:last-child{
    margin:0!important;
    text-align:left!important;
  }
}

/* ===== Final footer alignment ===== */

/* Quick Links, All Products and Contact JUSBEL: left aligned */
.site-footer .col-lg-2,
.site-footer .col-lg-3,
.site-footer .col-lg-4,
.site-footer .footer-links,
.site-footer .footer-products,
.site-footer .footer-contact{
  text-align:left!important;
}
.site-footer .footer-brand-logo{
  margin-left:0!important;
  margin-right:auto!important;
}

/* Copyright: centered across the full footer bottom */
.site-footer .footer-bottom{
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  flex-wrap:wrap!important;
}
.site-footer .footer-bottom > span:first-child{
  width:100%!important;
  margin:0!important;
  text-align:center!important;
}
.site-footer .footer-bottom > span:last-child{
  display:none!important;
}

/* Contact icons stay aligned with contact text */
.site-footer .col-lg-3 p{
  text-align:left!important;
}
@media(max-width:767px){
  .site-footer .footer-bottom > span:first-child{
    width:100%!important;
    text-align:center!important;
  }
  .site-footer .col-lg-2,
  .site-footer .col-lg-3,
  .site-footer .col-lg-4{
    text-align:left!important;
  }
}

/* =========================================================
   SINGLE-SYSTEM PRODUCT PAGES
   Main coil large | only PSU + amplifier below | specifications beside
   ========================================================= */
.single-system-hero{
  padding:54px 0 82px!important;
  background:linear-gradient(180deg,#f7f8fa 0%,#fff 100%);
}
.system-breadcrumb{
  color:#858e99;
  font-size:12px;
  margin-bottom:35px;
}
.system-breadcrumb i{
  margin:0 8px;
  font-size:9px;
}
.system-breadcrumb strong{
  color:#ed1c24;
}
.single-system-heading{
  text-align:center;
  max-width:950px;
  margin:0 auto 52px;
}
.single-system-heading>span{
  color:#ed1c24;
  font-size:20px;
  font-weight:950;
  letter-spacing:2px;
}
.single-system-heading h1{
  margin:10px 0 16px;
  color:#101318;
  font-size:clamp(38px,5vw,64px);
  line-height:1.03;
  font-weight:950;
}
.single-system-heading h1 strong{
  color:#ed1c24;
}
.single-system-heading p{
  margin:0 auto;
  max-width:850px;
  color:#69727e;
  font-size:17px;
  line-height:1.75;
}
.single-system-layout{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:58px;
  align-items:start;
}
.single-system-media{
  min-width:0;
}
.single-system-main-image{
  height:530px;
  padding:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid #e1e5e9;
  border-radius:14px;
  box-shadow:0 18px 45px rgba(12,17,24,.08);
}
.single-system-main-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:multiply;
}
.single-system-media>.system-size-badge{
  display:inline-flex;
  position:relative;
  z-index:2;
  margin:0 0 -22px 22px;
  padding:9px 15px;
  background:#ed1c24;
  color:#fff;
  border-radius:4px;
  font-size:11px;
  font-weight:950;
  letter-spacing:1.4px;
}
.system-two-components{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:24px;
}
.system-component-card{
  padding:18px;
  background:#fff;
  border:1px solid #e0e4e8;
  border-radius:10px;
  text-align:center;
  box-shadow:0 9px 28px rgba(12,17,24,.06);
}
.system-component-card .component-image{
  height:175px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fafbfc;
  border-radius:7px;
  margin-bottom:15px;
}
.system-component-card .component-image img{
  width:100%;
  height:100%;
  padding:12px;
  object-fit:contain;
  mix-blend-mode:multiply;
}
.system-component-card>span{
  color:#858e99;
  font-size:9px;
  font-weight:950;
  letter-spacing:1.2px;
}
.system-component-card h3{
  margin:5px 0 0;
  color:#111318;
  font-size:19px;
  font-weight:900;
}
.system-component-card>b{
  color:#ed1c24;
  font-size:14px;
  font-weight:950;
}
.single-system-info{
  padding:14px 0;
}
.single-system-info .eyebrow-dark{
  color:#ed1c24;
}
.single-system-info h2{
  margin:9px 0 17px;
  color:#111318;
  font-size:clamp(30px,3.2vw,45px);
  line-height:1.08;
  font-weight:950;
}
.single-system-info>p{
  color:#68717d;
  font-size:15px;
  line-height:1.75;
  margin-bottom:26px;
}
.single-system-specs{
  border-top:1px solid #e1e5e9;
}
.single-system-specs>div{
  display:grid;
  grid-template-columns:145px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:17px 0;
  border-bottom:1px solid #e1e5e9;
}
.single-system-specs span{
  color:#8a929d;
  font-size:9px;
  font-weight:950;
  letter-spacing:1.25px;
}
.single-system-specs strong{
  color:#272c33;
  font-size:13px;
  line-height:1.5;
}
.single-system-specs b{
  color:#ed1c24;
  font-size:15px;
  font-weight:950;
}
.single-system-info .system-note{
  margin-top:22px!important;
}
.system-technical-specs{
  padding:92px 0 96px!important;
  background:#f7f8fa;
}
.system-spec-card{
  height:100%;
  padding:27px;
  background:#fff;
  border:1px solid #e0e4e8;
  border-radius:11px;
  box-shadow:0 10px 30px rgba(12,17,24,.05);
}
.system-spec-card-head{
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:center;
  padding-bottom:14px;
  margin-bottom:15px;
  border-bottom:1px solid #e6e9ed;
}
.system-spec-card-head span{
  color:#8a929d;
  font-size:9px;
  font-weight:950;
  letter-spacing:1.3px;
}
.system-spec-card-head b{
  color:#ed1c24;
  font-size:14px;
  font-weight:950;
}
.system-spec-card h3{
  color:#171b21;
  font-size:20px;
  line-height:1.2;
  font-weight:900;
  margin:0 0 15px;
}
.system-spec-card ul{
  list-style:none;
  padding:0;
  margin:0;
}
.system-spec-card li{
  display:grid;
  grid-template-columns:minmax(105px,.8fr) minmax(0,1.2fr);
  gap:12px;
  padding:9px 0;
  border-bottom:1px solid #eef0f2;
  color:#68717d;
  font-size:12px;
  line-height:1.45;
}
.system-spec-card li b{
  color:#313740;
  font-weight:800;
}
.system-brochure-bottom{
  display:flex;
  justify-content:center;
  margin-top:38px;
}
.system-brochure-bottom a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 15px;
  border:1px solid #d8dce1;
  border-radius:4px;
  background:#fff;
  color:#3b424b;
  text-decoration:none;
  font-size:11px;
  font-weight:850;
}
.system-brochure-bottom a i{
  color:#ed1c24;
  font-size:14px;
}
.system-how-it-works{
  padding:90px 0!important;
  background:#fff;
}
.how-card{
  height:100%;
  padding:28px;
  border:1px solid #e2e5e8;
  border-radius:10px;
  background:#fff;
}
.how-card>b{
  color:#ed1c24;
  font-size:12px;
  letter-spacing:1px;
}
.how-card h3{
  margin:10px 0;
  font-size:21px;
  font-weight:900;
}
.how-card p{
  margin:0;
  color:#69727e;
  font-size:14px;
  line-height:1.7;
}
@media(max-width:991px){
  .single-system-layout{
    grid-template-columns:1fr;
    gap:40px;
  }
  .single-system-main-image{
    height:480px;
  }
}
@media(max-width:575px){
  .single-system-hero{
    padding:38px 0 58px!important;
  }
  .single-system-heading{
    margin-bottom:35px;
  }
  .single-system-heading h1{
    font-size:38px;
  }
  .single-system-heading p{
    font-size:14px;
  }
  .single-system-main-image{
    height:340px;
    padding:18px;
  }
  .system-two-components{
    gap:12px;
  }
  .system-component-card{
    padding:10px;
  }
  .system-component-card .component-image{
    height:125px;
  }
  .single-system-specs>div{
    grid-template-columns:1fr;
    gap:4px;
    padding:13px 0;
  }
  .system-spec-card{
    padding:20px;
  }
  .system-spec-card li{
    grid-template-columns:1fr;
    gap:3px;
  }
}

/* =========================================================
   FINAL HOME HERO — JUSBEL REFERENCE LAYOUT
   ========================================================= */
.product-hero .hero-background{
  background-image:
    linear-gradient(90deg,rgba(4,10,18,.96) 0%,rgba(4,10,18,.84) 38%,rgba(4,10,18,.48) 68%,rgba(4,10,18,.72) 100%),
    linear-gradient(180deg,rgba(4,10,18,.12),rgba(4,10,18,.45)),
    url("../images/crusher-background.png")!important;
  background-size:cover!important;
  background-position:center!important;
}
.product-hero .hero-content{
  min-height:760px!important;
}
.product-hero .product-main{
  width:min(500px,82%)!important;
  height:455px!important;
  background:#fff!important;
  border-radius:10px!important;
  padding:28px!important;
  box-shadow:0 24px 60px rgba(0,0,0,.28)!important;
  transform:rotate(-1.5deg)!important;
}
.product-hero .product-main img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.product-hero .slide-products{
  min-height:540px!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.product-hero .product-secondary{
  position:absolute!important;
  right:0!important;
  bottom:22px!important;
  display:flex!important;
  gap:16px!important;
  z-index:4!important;
}
.product-hero .product-secondary img{
  width:145px!important;
  height:132px!important;
  object-fit:contain!important;
  background:#fff!important;
  padding:10px!important;
  border:2px solid rgba(237,28,36,.55)!important;
  border-radius:7px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.25)!important;
}
.product-hero .product-kicker,
.product-hero .eyebrow,
.product-hero h1 span{
  color:#ed1c24!important;
}
.product-hero .model-badge{
  border-color:rgba(237,28,36,.7)!important;
  background:rgba(237,28,36,.10)!important;
}
.product-hero .model-badge strong{
  color:#ed1c24!important;
}
.product-hero .carousel-indicators button{
  background:#fff!important;
}
.product-hero .carousel-indicators button.active{
  background:#ed1c24!important;
}
.product-hero .carousel-fade .carousel-item{
  transition:opacity .75s ease-in-out!important;
}

/* Footer copyright is always visible and centered */
.site-footer .footer-bottom{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  border-top:1px solid #262c35!important;
  color:#aeb6c2!important;
  text-align:center!important;
}
.site-footer .footer-bottom span{
  width:100%!important;
  text-align:center!important;
  display:block!important;
}

/* Product dropdown: clean red/black industrial treatment */
.product-menu{
  border-top:3px solid #ed1c24!important;
}
.product-menu .dropdown-item strong{
  color:#ed1c24!important;
}
.product-menu .dropdown-item:hover{
  background:#fbeaec!important;
  color:#111827!important;
}

/* Enquiry form after removal of application/conveyor/material fields */
.demo-form .form-control,
.demo-form .form-select{
  min-height:50px;
}

/* =========================================================
   FINAL HOME PAGE POLISH
   ========================================================= */

/* Remove hero product-number labels while keeping clean spacing */
.product-hero .slide-product-name{
  margin-top:18px!important;
}

/* Larger model number on every hero slide */
.product-hero .model-badge{
  padding:11px 17px!important;
  font-size:13px!important;
  letter-spacing:1.6px!important;
}
.product-hero .model-badge strong{
  font-size:19px!important;
  font-weight:900!important;
}

/* Mining icon — visible in the red/black theme */
.application-card .mining-icon{
  display:block!important;
  color:#ed1c24!important;
  font-size:38px!important;
  line-height:1!important;
  margin-bottom:2px!important;
}
.application-card:hover .mining-icon{
  color:#fff!important;
}

/* Three home-page feedback cards */
.testimonials-section{
  background:#f5f6f8;
}
.testimonials-section .section-lead{
  max-width:720px;
  margin:12px auto 0;
  color:#667085;
}
.testimonial-card{
  height:100%;
  background:#fff;
  border:1px solid #e2e5e9;
  border-top:4px solid #ed1c24;
  border-radius:10px;
  padding:30px;
  box-shadow:0 10px 30px rgba(11,13,16,.07);
  display:flex;
  flex-direction:column;
}
.testimonial-stars{
  color:#ed1c24;
  font-size:18px;
  letter-spacing:3px;
  margin-bottom:18px;
}
.testimonial-card p{
  color:#4b5563;
  font-size:16px;
  line-height:1.75;
  margin:0 0 24px;
  flex:1;
}
.testimonial-role{
  color:#111827;
  font-size:15px;
  font-weight:800;
}
.testimonial-card small{
  color:#98a2b3;
  margin-top:4px;
}

/* Keep all application cards strictly red + black */
.application-card:hover{
  background:#ed1c24!important;
}
