.jbm-home-opening,
.jbm-home-opening * { box-sizing: border-box; }

.jbm-home-opening { width: 100%; margin: 0; padding: 0; }

.jbm-vootu-banner {
    width: 100%; margin: 0; padding: 0; position: relative; overflow: hidden;
    font-family: 'Oswald', sans-serif;
    background: url('https://jbmdisplays.com.au/wp-content/uploads/2026/08/JBM_Vootu_Background_1920x600.png') center / 100% 100% no-repeat;
}

.jbm-vootu-inner {
    width: 100%; max-width: 1540px; margin: 0 auto;
    padding: clamp(190px,10vw,220px) clamp(30px,4vw,65px) clamp(190px,10vw,215px);
    position: relative; z-index: 2;
}

.jbm-vootu-chevrons { display: flex; justify-content: center; align-items: center; gap: 15px; height: 30px; margin-bottom: 5px; }
.jbm-vootu-chevron { width: 17px; height: 21px; flex: 0 0 17px; clip-path: polygon(0 0,52% 0,100% 50%,52% 100%,0 100%,48% 50%); background: #B9D900; }
.jbm-vootu-chevron:nth-child(4) { background: #74D246; }
.jbm-vootu-chevron:nth-child(5) { background: #29D8DB; }
.jbm-vootu-chevron:nth-child(6) { background: #00BBD2; }

.jbm-vootu-title {
    display: flex; justify-content: center; align-items: center; white-space: nowrap;
    margin: 0 0 24px !important; padding: 0 !important;
    font-family: 'Oswald', sans-serif !important; font-size: clamp(70px,7.2vw,120px) !important;
    line-height: .92 !important; font-weight: 700 !important; letter-spacing: -3px; text-transform: uppercase; color: #fff !important;
}
.jbm-vootu-title-jbm { color: #C3E000; }
.jbm-vootu-title-white { color: #fff; }
.jbm-vootu-title-vootu { color: #16C9E5; }

.jbm-vootu-features { display: grid; grid-template-columns: 1.25fr 1fr 1fr 1fr; align-items: center; width: 92%; margin: 0 auto; }
.jbm-vootu-feature { min-width: 0; min-height: 120px; padding: 0 22px; position: relative; display: flex; align-items: center; justify-content: center; gap: 16px; }
.jbm-vootu-feature:first-child { padding-left: 0; }
.jbm-vootu-feature:last-child { padding-right: 0; }
.jbm-vootu-feature + .jbm-vootu-feature::before { content: ""; position: absolute; left: 0; top: 15%; width: 1px; height: 70%; background: rgba(255,255,255,.7); }
.jbm-vootu-icon { width: 108px; height: 108px; flex: 0 0 108px; display: flex; align-items: center; justify-content: center; border: 3px solid currentColor; border-radius: 50%; color: #C3E000; }
.jbm-vootu-feature:nth-child(even) .jbm-vootu-icon { color: #16C9E5; }
.jbm-vootu-icon svg { width: 63%; height: 63%; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.jbm-vootu-feature-text { margin: 0 !important; padding: 0 !important; font-family: 'Oswald', sans-serif !important; font-size: clamp(24px,2vw,34px) !important; line-height: 1.08 !important; font-weight: 700 !important; text-transform: uppercase; color: #C3E000 !important; }
.jbm-vootu-feature:nth-child(even) .jbm-vootu-feature-text { color: #16C9E5 !important; }

.jbm-difference { width: 100%; background: #fff; font-family: 'Lato', sans-serif; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.jbm-difference__inner { width: 100%; max-width: 1536px; margin: 0 auto; padding: 34px 45px; display: grid; grid-template-columns: repeat(4,1fr); align-items: center; }
.jbm-difference__item { min-height: 155px; padding: 4px 32px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; }
.jbm-difference__item + .jbm-difference__item::before { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 1px; background: #d9d9d9; }
.jbm-difference__icon { width: 58px; height: 58px; margin-bottom: 11px; display: flex; align-items: center; justify-content: center; }
.jbm-difference__icon svg { width: 54px; height: 54px; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.jbm-difference__item--green .jbm-difference__icon svg { stroke: #b8c738; }
.jbm-difference__item--blue .jbm-difference__icon svg { stroke: #29d8db; }
.jbm-difference__title { margin: 0 0 8px !important; padding: 0 !important; font-family: 'Montserrat', sans-serif !important; font-size: 16px !important; line-height: 1.3 !important; font-weight: 700 !important; text-transform: uppercase; color: #222 !important; }
.jbm-difference__description { max-width: 220px; margin: 0 !important; padding: 0 !important; font-family: 'Lato', sans-serif !important; font-size: 14px !important; line-height: 1.55 !important; font-weight: 400; color: #444 !important; }

@media (max-width: 1250px) {
    .jbm-vootu-inner { padding: 38px 30px 36px; }
    .jbm-vootu-title { font-size: clamp(60px,7.5vw,95px) !important; }
    .jbm-vootu-features { width: 96%; }
    .jbm-vootu-feature { gap: 12px; padding: 0 15px; }
    .jbm-vootu-icon { width: 82px; height: 82px; flex-basis: 82px; }
    .jbm-vootu-feature-text { font-size: 22px !important; }
}

@media (max-width: 1050px) {
    .jbm-difference__inner { grid-template-columns: 1fr 1fr; padding: 35px 28px; }
    .jbm-difference__item { min-height: 180px; padding: 26px; border-bottom: 1px solid #e5e5e5; }
    .jbm-difference__item::before { display: none; }
    .jbm-difference__item:nth-child(even) { border-left: 1px solid #e5e5e5; }
}

@media (max-width: 900px) {
    .jbm-vootu-banner { background-size: cover; }
    .jbm-vootu-inner { padding: 35px 28px 38px; }
    .jbm-vootu-title { font-size: clamp(48px,8vw,70px) !important; letter-spacing: -2px; margin-bottom: 25px !important; }
    .jbm-vootu-features { grid-template-columns: 1fr 1fr; width: 100%; row-gap: 20px; }
    .jbm-vootu-feature { justify-content: flex-start; padding: 10px 25px; }
    .jbm-vootu-feature:nth-child(odd) { padding-left: 10px; }
    .jbm-vootu-feature:nth-child(3)::before { display: none; }
}

@media (max-width: 600px) {
    .jbm-vootu-banner { background-size: cover; }
    .jbm-vootu-inner { padding: 28px 20px 30px; }
    .jbm-vootu-chevrons { gap: 9px; height: 25px; margin-bottom: 6px; }
    .jbm-vootu-chevron { width: 14px; height: 17px; flex-basis: 14px; }
    .jbm-vootu-title { font-size: clamp(34px,10vw,50px) !important; letter-spacing: -1px; margin-bottom: 22px !important; }
    .jbm-vootu-features { grid-template-columns: 1fr; row-gap: 0; }
    .jbm-vootu-feature, .jbm-vootu-feature:nth-child(odd), .jbm-vootu-feature:nth-child(even) { min-height: 90px; padding: 14px 0; justify-content: flex-start; }
    .jbm-vootu-feature + .jbm-vootu-feature::before { left: 0; top: 0; width: 100%; height: 1px; }
    .jbm-vootu-icon { width: 68px; height: 68px; flex-basis: 68px; }
    .jbm-vootu-feature-text { font-size: 21px !important; }
    .jbm-difference__inner { display: block; padding: 30px 22px; }
    .jbm-difference__item { min-height: 0; padding: 26px 10px; border-left: 0 !important; border-bottom: 1px solid #e5e5e5; }
    .jbm-difference__item:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .jbm-home-opening * { scroll-behavior: auto !important; }
}