*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#122b44;background:#fff}a{text-decoration:none;color:inherit}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e8eef4}.logo{display:flex;align-items:center;gap:12px}.logo .mark{background:#0875c9;color:white;font-size:22px;font-style:italic;font-weight:900;border-radius:50%;width:52px;height:52px;display:grid;place-items:center}.logo b{display:block;font-size:17px;letter-spacing:.07em}.logo small{font-size:10px;letter-spacing:.27em;color:#0875c9}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}nav a:hover{color:#0875c9}.navcta,.btn{background:#0875c9;color:#fff!important;border-radius:6px;padding:15px 22px;display:inline-block;font-weight:700;border:0;cursor:pointer}.navcta{padding:12px 17px}#menu{display:none}.hero{min-height:610px;display:grid;grid-template-columns:48% 52%;background:#f0f8ff}.herotext{padding:105px 8% 50px 12%;display:flex;flex-direction:column;justify-content:center}.kicker{font-size:11px;letter-spacing:.19em;font-weight:800;color:#0875c9}.hero h1{font-size:clamp(45px,5.2vw,78px);line-height:1.08;letter-spacing:-.06em;margin:25px 0}.hero h1 em,h2 em{color:#0875c9;font-style:normal}.herotext p{font-size:17px;line-height:1.8;color:#62788b;max-width:490px}.actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.outline{padding:15px 22px;border:1px solid #b8d2e5;border-radius:6px;font-weight:700;font-size:14px}.herofoot{margin-top:55px;font-size:11px;font-weight:700;letter-spacing:.11em;color:#667e91}.herofoot span{color:#0875c9;margin:0 12px}.heroimg{position:relative;min-height:540px;overflow:hidden}.heroimg img{width:100%;height:100%;object-fit:cover}.imagecaption{position:absolute;bottom:20px;right:20px;background:#fff;padding:12px 15px;font-size:10px;letter-spacing:.1em;font-weight:700}.strip{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 6%;gap:18px;border-bottom:1px solid #e5eef5}.strip div{font-size:11px;color:#0875c9}.strip strong{display:block;color:#15334d;font-size:13px;margin-top:8px}.section{padding:95px 7%}.heading{margin-bottom:38px}.heading h2,h2{font-size:clamp(35px,4vw,55px);line-height:1.13;letter-spacing:-.055em;margin:15px 0}.heading p{color:#71879a;line-height:1.7}.products{display:grid;grid-template-columns:1fr 1fr;gap:24px}.products article{border-radius:14px;overflow:hidden;background:#f1f7fc}.products img{width:100%;height:320px;object-fit:cover}.products article div{padding:25px}.products article span,.citygrid article span{font-size:10px;color:#0875c9;letter-spacing:.15em;font-weight:800}.products h3{font-size:25px;margin:12px 0}.products p{color:#6c8295}.split{background:#eef6fc;display:grid;grid-template-columns:1fr 1fr;align-items:center}.split>img{width:100%;height:590px;object-fit:cover}.split>div{padding:70px 10%}.split p{color:#6c8295;line-height:1.8}.split ul{padding-left:18px;line-height:2.3;color:#254963;margin:25px 0}.gallery{background:#fff}.gallerygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.gallerygrid img{width:100%;height:260px;object-fit:cover;border-radius:10px}.disclaimer{font-size:11px;color:#8a9bab;margin-top:20px}.locations{padding:85px 7%;background:#f1f7fc}.citygrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.citygrid article{background:#fff;border-radius:12px;padding:38px;border:1px solid #e0edf6}.citygrid article:last-child{background:#103d62;color:white}.citygrid h3{font-size:35px;margin:20px 0 5px}.citygrid p{color:#8198ab}.citygrid small{display:block;margin-top:25px;color:#8398aa}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:90px 7%;background:#0c2e4b;color:#fff}.contact h2{color:white}.contact p{line-height:1.8;color:#c0d0de}.contact .kicker{color:#8ad0ff}.missing{font-size:12px}form{background:white;border-radius:12px;padding:30px;color:#16364f}label{display:block;font-size:12px;font-weight:700;margin-bottom:15px}input,select,textarea{width:100%;padding:13px;margin-top:7px;border:1px solid #d8e5ee;border-radius:6px;font:inherit}textarea{min-height:90px}form .btn{width:100%}#formStatus{color:#73899c;font-size:11px}footer{padding:45px 7%;background:#061e33;color:white}footer p{font-size:11px;color:#9bb3c5;margin-top:22px}@media(max-width:800px){header{height:72px}#menu{display:block;background:none;border:0;font-size:26px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:20px 7%;box-shadow:0 15px 25px #1232;gap:0}nav.open{display:flex}nav a{padding:14px}.hero,.split,.contact{grid-template-columns:1fr}.herotext{padding:65px 7%}.heroimg{min-height:350px;height:350px}.strip{grid-template-columns:1fr 1fr}.section{padding:65px 6%}.products{grid-template-columns:1fr}.split>img{height:350px}.split>div{padding:55px 7%}.gallerygrid{grid-template-columns:1fr 1fr}.gallerygrid img{height:220px}.contact{gap:25px;padding:65px 7%}}@media(max-width:500px){.logo b{font-size:13px}.logo .mark{width:43px;height:43px;font-size:19px}.hero h1{font-size:46px}.strip strong{font-size:11px}.gallerygrid,.citygrid{grid-template-columns:1fr}.gallerygrid img{height:220px}.products img{height:230px}.contact form{padding:20px}}
/* 2026 brand, product and service updates */
.logo{display:flex;align-items:center;gap:11px;min-width:0}.abc-logo{width:54px;height:54px;object-fit:contain;flex-shrink:0}.brand-name{display:flex;flex-direction:column;gap:4px}.brand-name b{font-size:14px;white-space:nowrap}.brand-name small{font-size:9px;letter-spacing:.05em;color:#65849a}.brand-divider{width:1px;height:38px;background:#c7dce9;margin:0 4px}.hp-lockup{display:flex;align-items:center;gap:7px;white-space:nowrap}.hp-lockup img{width:37px;height:37px;object-fit:contain}.hp-lockup span{font-size:13px;font-weight:600;letter-spacing:.04em;color:#0875c9}.hp-lockup b{font-weight:800}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.products .product-card{display:flex;flex-direction:column}.products .product-card img{height:215px;object-fit:cover;background:#e9f1f8}.products .product-info{padding:20px 22px 24px;flex:1;display:flex;flex-direction:column}.products h3{font-size:23px}.products p{font-size:13px;line-height:1.6;margin-bottom:18px}.product-info a{margin-top:auto;font-size:12px;font-weight:800;color:#0875c9}.product-note{font-size:11px;color:#71879a;margin-top:20px}.care-badge{display:inline-block;margin-top:16px;padding:10px 16px;border-radius:100px;background:#0875c9;color:white;font-size:14px;font-weight:800;letter-spacing:.02em}.care-note{font-size:11px!important;line-height:1.6!important}.citygrid{grid-template-columns:repeat(3,minmax(0,1fr))}.citygrid article:last-child{background:#fff;color:#15334d}.citygrid article:nth-child(2){background:#103d62;color:white}.citygrid article{min-height:230px}.heading a{color:#0875c9;text-decoration:underline}footer .brand-name b{color:white}footer .brand-name small{color:#a9c5d8}footer .hp-lockup span{color:#8fc8ee}footer .brand-divider{background:#30526c}
@media(max-width:1050px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.citygrid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-name small{display:none}}
@media(max-width:800px){header .logo{gap:7px}.abc-logo{width:44px;height:44px}.brand-name b{font-size:12px}.hp-lockup img{width:30px;height:30px}.hp-lockup span{font-size:11px}}
@media(max-width:560px){.products,.citygrid{grid-template-columns:1fr}.products .product-card img{height:240px}.brand-name b{font-size:11px}.brand-divider{height:27px;margin:0 1px}.hp-lockup img{width:26px;height:26px}.hp-lockup span{font-size:10px}.abc-logo{width:39px;height:39px}header .logo{gap:5px}}

/* Updated product catalogue: compact four-column desktop layout */
#products .products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#products .product-card{min-width:0;overflow:hidden}
#products .product-card img{display:block;width:100%;height:180px;object-fit:contain;object-position:center;background:#fff;padding:12px}
#products .product-info{padding:17px}
#products .product-info h3{font-size:19px}
#products .product-info p{font-size:12px}
#services.split>img{object-fit:cover;object-position:center}
@media(max-width:950px){#products .products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#products .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#products .product-card img{height:125px;padding:7px}#products .product-info{padding:11px}#products .product-info h3{font-size:15px}#products .product-info p{font-size:11px}}

/* Hero showroom slideshow: 7 supplied showroom visuals */
.hero-slider{position:relative;overflow:hidden;background:#e8f1f9;isolation:isolate}
.hero-slider .slide-track{position:absolute;inset:0}
.hero-slider .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .85s ease-in-out;pointer-events:none}
.hero-slider .hero-slide.is-active{opacity:1;z-index:1}
.hero-slider .slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:42px;border:0;border-radius:8px;background:rgba(4,30,52,.58);color:#fff;font-size:22px;cursor:pointer}
.hero-slider .slide-prev{left:14px}.hero-slider .slide-next{right:14px}
.hero-slider .slide-arrow:hover,.hero-slider .slide-arrow:focus-visible{background:#0875c9}
.hero-slider .slide-dots{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;padding:9px 12px;background:rgba(0,0,0,.28);border-radius:24px}
.hero-slider .slide-dot{width:9px;height:9px;border:0;border-radius:50%;background:rgba(255,255,255,.6);padding:0;cursor:pointer}
.hero-slider .slide-dot.is-active{background:#fff;transform:scale(1.25)}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-slide{transition:none}}

.citygrid article .map-link{display:inline-block;margin-top:16px;color:#0873c9;font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:3px}.citygrid article .map-link:hover{color:#064a86}.citygrid article p{line-height:1.65}

/* Unified branch cards and branch contact links */
.citygrid article,.citygrid article:last-child{background:#fff;color:#16364f;border:1px solid #e0edf6}
.citygrid article p,.citygrid article:last-child p{color:#667f94}
.citygrid article .map-link,.citygrid article:last-child .map-link{color:#0875c9}
.branch-contact{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:18px;align-items:center}
.branch-contact a{font-weight:700;font-size:13px;color:#0866b2;text-decoration:none}
.branch-contact a:hover,.map-link:hover{text-decoration:underline}
.branch-contact .branch-whatsapp{background:#e6f7ef;color:#137c4e;padding:9px 12px;border-radius:7px}
.contact-hint{font-size:13px}

/* Consistent location card colors (including previously featured middle card). */
#locations .citygrid > article,
#locations .citygrid > article:nth-child(2),
#locations .citygrid > article:last-child {
  background:#ffffff !important;
  color:#16364f !important;
  border:1px solid #e0edf6 !important;
}
#locations .citygrid > article h3 { color:#16364f !important; }
#locations .citygrid > article > span { color:#0875c9 !important; }
#locations .citygrid > article p { color:#667f94 !important; }
#locations .citygrid > article .map-link,
#locations .citygrid > article .branch-contact > a:not(.branch-whatsapp) { color:#0875c9 !important; }
#locations .citygrid > article .branch-whatsapp { background:#e6f7ef !important; color:#137c4e !important; }