/* V20 refinement — original, approved page layout remains intact. */
.what-section{padding-top:59px;padding-bottom:62px}
.what-cards{gap:13px}
.what-card{min-height:188px;padding:21px 23px 22px}
.what-card .icon-wrap{height:54px;width:54px;display:grid;place-items:center;background:linear-gradient(160deg,#f1faf2,#e2f2e5);border:1px solid #d2e9da;border-radius:15px;color:#197c4e}
.what-card .icon-wrap svg{width:38px;height:38px}
.what-card h3{margin-top:13px;margin-bottom:7px}
.what-more{margin-top:21px}
/* Thumbnail is INSIDE existing branch-card dimensions */
.branch-card{position:relative;display:grid;grid-template-columns:51px minmax(0,1fr) 145px;column-gap:14px;align-items:center;min-height:155px;padding:18px 20px}
.branch-number{align-self:start}
.branch-details{min-width:0}
.branch-details>p{min-height:0}
.branch-actions{margin-top:10px}
.branch-thumb{display:block;width:145px;height:95px;justify-self:end;overflow:hidden;border-radius:10px;border:1px solid #d5e5dd;box-shadow:0 4px 12px #163b2912;background:#e5efe9}
.branch-thumb img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transition:transform .28s ease}
.branch-thumb:hover img{transform:scale(1.035)}
/* Brand logo-only continuous strip */
.brand-marquee-section{padding:37px 0 45px;background:#fff;border-top:1px solid #edf2ee}
.brand-marquee-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand-marquee-heading .tiny-label{margin:0}
.brand-marquee-section h2{font-size:clamp(22px,2.2vw,27px);margin:10px 0 19px;color:#113b2f;letter-spacing:-.045em;line-height:1.2}
.brand-marquee-section h2 em{font-style:normal;color:#278951}
.brand-view-all{font-weight:800;font-size:11px;color:#166d49;white-space:nowrap}
.brand-view-all:hover{text-decoration:underline}
.brand-marquee-window{overflow:hidden;outline-offset:-2px;position:relative}
.brand-marquee-window:before,.brand-marquee-window:after{content:"";pointer-events:none;position:absolute;z-index:2;top:0;bottom:0;width:min(5vw,66px)}
.brand-marquee-window:before{left:0;background:linear-gradient(90deg,#fff,transparent)}
.brand-marquee-window:after{right:0;background:linear-gradient(-90deg,#fff,transparent)}
.brand-marquee-track{display:flex;align-items:stretch;gap:14px;width:max-content;will-change:transform;animation:v20LogoMarquee var(--marquee-duration,280s) linear infinite}
.brand-marquee-window:is(:hover,:focus-visible,:focus-within) .brand-marquee-track{animation-play-state:paused}
.brand-marquee-set{display:flex;gap:14px;flex:0 0 auto}
.brand-logo-card{width:133px;height:77px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid #e5ece7;border-radius:11px;background:#fff;padding:12px 16px;text-decoration:none}
.brand-logo-card img{width:100%;height:100%;max-width:101px;max-height:51px;object-fit:contain}
.brand-logo-card:hover,.brand-logo-card:focus-visible{border-color:#95cfac;box-shadow:0 4px 11px #0e4b3012}
.brand-marquee-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@keyframes v20LogoMarquee{to{transform:translateX(calc(-50% - 7px))}}
@media(max-width:980px){.branch-card{grid-template-columns:42px minmax(0,1fr) 116px;gap:10px;padding:15px}.branch-thumb{width:116px;height:85px}.branch-details h3{font-size:16px}.branch-actions{gap:9px}.branch-actions a{font-size:10.5px}}
@media(max-width:780px){.what-card{min-height:199px;padding:18px 15px}.what-card .icon-wrap{width:48px;height:48px}.what-card .icon-wrap svg{width:34px;height:34px}.branch-card{grid-template-columns:38px minmax(0,1fr) 105px;gap:8px}.branch-thumb{width:105px;height:78px}.branch-details>p{font-size:10.5px}}
@media(max-width:590px){.what-section{padding-top:44px;padding-bottom:45px}.what-card{min-height:132px;padding:15px 18px}.what-card .icon-wrap{width:41px;height:41px;border-radius:12px}.what-card .icon-wrap svg{width:30px;height:30px}.what-card h3{margin-top:8px}.branch-card{grid-template-columns:40px minmax(0,1fr) 104px;gap:8px;min-height:145px;padding:15px 11px}.branch-number{width:37px;height:37px}.branch-thumb{width:104px;height:78px}.branch-details h3{font-size:15px}.branch-details h3 span{font-size:11px}.branch-details>p{font-size:10px;line-height:1.5}.branch-overline{font-size:8px}.branch-actions a{font-size:9.5px}.brand-marquee-section{padding:31px 0 36px}.brand-logo-card{width:110px;height:67px;padding:10px}.brand-logo-card img{max-height:44px}.brand-marquee-section h2{font-size:21px}.brand-view-all{font-size:10px}}
@media(max-width:395px){.branch-card{grid-template-columns:36px minmax(0,1fr) 88px;gap:5px;padding:12px 9px}.branch-thumb{width:88px;height:69px}.branch-details h3{font-size:14px}.branch-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){.brand-marquee-track{animation:none!important}.brand-marquee-window{overflow-x:auto;scrollbar-width:thin}.brand-marquee-window:before,.brand-marquee-window:after{display:none}}
