:root{--navy:#063a7b;--deep:#03264d;--blue:#0864d9;--orange:#ff650d;--ink:#102c53;--muted:#61718a;--line:#e1e9f2;--bg:#f5f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#10233f;font-family:Arial,Helvetica,sans-serif;background:#fff;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topline{height:25px;background:#05264c;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 max(calc((100% - 1240px)/2),22px);font-size:10px}.topline div{display:flex;gap:14px;align-items:center}.topline a{opacity:.9}.topline b{color:#70b4ff;font-size:13px}.main-header{max-width:1240px;margin:auto;min-height:60px;display:flex;align-items:center;gap:22px;padding:9px 16px}.brand{display:flex;align-items:center;gap:8px;min-width:240px}.infinity{font-size:57px;line-height:.7;font-weight:900;letter-spacing:-10px;color:#0870dc;margin-right:8px;text-shadow:2px 1px #ff6c18}.brand strong{display:block;font-size:28px;letter-spacing:-1.2px;line-height:1}.brand strong i{font-style:normal;color:#0a3b7a}.brand strong b{color:#ff650d}.brand small{font-size:9px;display:block;color:#303b4b;margin-top:2px}.searchbar{display:flex;flex:1;min-width:200px;border:1px solid #dce3ed;border-radius:6px;overflow:hidden;box-shadow:0 1px 5px #0000000b;height:38px}.searchbar input{min-width:0;border:0;padding:0 12px;outline:0;flex:1;width:50%}.searchbar input+input{border-left:1px solid #e3e8ef;max-width:175px}.searchbar button{border:0;background:var(--orange);color:white;padding:0 21px;font-weight:700}.helpline,.login{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#092e63;white-space:nowrap}.helpline:first-letter,.login:first-letter{font-size:22px}.mobile-menu{display:none;background:none;border:0;font-size:24px;color:var(--navy)}.nav{background:#073b7b;color:white;display:flex;align-items:center;justify-content:center;gap:0;padding:0 max(calc((100% - 1210px)/2),12px);min-height:38px}.nav a{padding:12px 13px;font-size:12px;font-weight:700;white-space:nowrap}.nav a:hover,.nav a.active{background:var(--orange)}.nav .nav-cta{background:var(--orange);border-radius:5px;margin-left:auto;padding:10px 17px}.hero{min-height:280px;display:flex;position:relative;overflow:hidden;background:linear-gradient(105deg,#f8fbff 0%,#e6f5ff 47%,#8cc7f4 100%);padding:24px max(calc((100% - 1140px)/2),5.5%);gap:12px;align-items:center}.hero-copy{width:51%;position:relative;z-index:2}.eyebrow{color:#2161a6;font-weight:700;font-size:10px;letter-spacing:1.1px}.hero h1{font-size:clamp(32px,4.3vw,48px);line-height:1.02;margin:9px 0 6px;letter-spacing:-1.7px;color:#073a7c}.hero h1 em{font-style:normal;color:var(--orange)}.hero h3{font-size:16px;margin:0 0 14px;color:#101d38}.hero-pills{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.hero-pills span{background:#ffffffdf;border-radius:12px;padding:8px 10px;font-size:10px;font-weight:700;box-shadow:0 2px 7px #164b7b12}.hero-actions{display:flex;gap:10px;margin-top:13px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;padding:11px 16px;font-size:12px;font-weight:700;cursor:pointer;text-align:center;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.orange{background:var(--orange);color:#fff}.outline{border:1px solid #8bb7f2;color:#0751ae;background:#fff}.navy{background:#073b7b;color:white}.small{padding:8px 12px;font-size:11px}.white{background:#fff;color:#f15c12}.full{width:100%}.hero-art{position:relative;flex:1;height:250px;min-width:300px}.city-glow{position:absolute;inset:15px 0 0;background:linear-gradient(90deg,#e3f5ff80,#2d8bc64d);clip-path:polygon(0 100%,0 75%,10% 75%,10% 54%,18% 54%,18% 30%,27% 30%,27% 62%,36% 62%,36% 42%,45% 42%,45% 15%,55% 15%,55% 48%,66% 48%,66% 23%,75% 23%,75% 59%,84% 59%,84% 38%,93% 38%,93% 68%,100% 68%,100% 100%)}.laptop{position:absolute;left:8%;bottom:12px;width:59%;height:165px;transform:rotate(-3deg);z-index:2}.laptop-screen{height:145px;background:#fff;border:8px solid #202a37;border-radius:9px 9px 3px 3px;padding:12px;box-shadow:0 8px 15px #173e5c50}.google-word{font-size:23px;color:#4285f4}.google-word span{color:#ea4335}.searchline{height:11px;background:#edf2f8;border-radius:10px;margin:9px 0}.mini-results{display:flex;gap:8px}.mini-results i{height:39px;flex:1;background:linear-gradient(135deg,#c6e5d5,#f7d5aa);border-radius:3px}.chartbars{display:flex;align-items:end;gap:5px;height:35px;margin-top:7px}.chartbars b{display:block;width:14%;background:#1671dd;border-radius:3px 3px 0 0;height:40%}.chartbars b:nth-child(2){height:70%}.chartbars b:nth-child(3){height:52%}.chartbars b:nth-child(4){height:90%}.chartbars b:nth-child(5){height:100%}.laptop-base{height:10px;background:#a7b4c3;clip-path:polygon(0 0,100% 0,91% 100%,8% 100%)}.trust-chip{position:absolute;z-index:4;color:white;padding:13px 19px;border-radius:28px;font-size:14px;font-weight:800;box-shadow:0 6px 15px #173b6330}.chip-green{top:20px;left:42%;background:#06a85f;transform:rotate(7deg)}.chip-blue{top:91px;left:55%;background:#0877ef;transform:rotate(-5deg)}.chip-orange{bottom:20px;left:42%;background:#ff690d;transform:rotate(-3deg)}.hero-person{position:absolute;right:0;bottom:-17px;font-size:178px;line-height:1;filter:drop-shadow(0 5px 4px #17456b22)}.banner-grid{max-width:1210px;margin:9px auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 10px}.client-banner{height:112px;border:1px solid #a7d8ff;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:13px 30px;overflow:hidden}.banner-one{background:linear-gradient(90deg,#fff2b9,#cbe7f6)}.banner-two{background:linear-gradient(90deg,#d6efff,#8dc9f3)}.client-banner h2{font-size:25px;line-height:1;margin:0 0 5px;color:#08386f;letter-spacing:-.5px}.client-banner h2 b{color:#f04420}.client-banner p{font-size:14px;margin:0 0 8px;color:#092e63}.billboard{background:#fff;border:5px solid #a7b5c5;box-shadow:0 3px 9px #0003;transform:rotate(-8deg);padding:10px 15px;color:#e42b20;font-size:15px;font-weight:900;text-align:center;min-width:110px}.stats{max-width:1210px;margin:12px auto 8px;display:grid;grid-template-columns:repeat(4,1fr);background:#f7f9fc;padding:9px 10px}.stats div{display:flex;justify-content:center;flex-direction:column;padding:0 16px;border-right:1px solid #dfe6ef;color:#073b7b}.stats div:last-child{border:0}.stats b{font-size:14px}.stats span{font-size:11px;margin-left:23px}.section{max-width:1210px;margin:14px auto;padding:0 10px}.promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.promo-card{min-height:100px;border-radius:6px;color:white;display:flex;justify-content:space-between;align-items:center;padding:12px;overflow:hidden;position:relative}.promo-blue{background:linear-gradient(120deg,#0457bf,#0984f2)}.promo-orange{background:linear-gradient(120deg,#ff650b,#ff8c00)}.promo-purple{background:linear-gradient(120deg,#9a00e8,#5200c7)}.promo-navy{background:linear-gradient(120deg,#092958,#071b38)}.promo-card h3{font-size:16px;margin:0 0 4px}.promo-card p{font-size:10px;margin:0 0 12px}.promo-icon{font-size:47px;filter:drop-shadow(0 3px 2px #0003)}.promo-card .white{color:#0752a6}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.section-heading h2{font-size:22px;letter-spacing:-.6px;color:#06418a;margin:0}.section-heading h2 em{font-style:normal;color:var(--orange)}.section-heading>a{font-size:11px;font-weight:700;color:#005be0}.category-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px}.category-card{min-width:0;min-height:82px;border:1px solid #e1e7ef;border-radius:6px;box-shadow:0 1px 5px #102a4b0c;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:7px 3px;gap:7px}.category-icon{font-size:27px}.category-card b{font-size:9px;line-height:1.2}.category-card:hover,.service-card:hover,.business-card:hover{border-color:#9bc7fa;box-shadow:0 4px 14px #0b4e9b15}.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.service-card{border:1px solid #e0e7ef;border-radius:6px;overflow:hidden;box-shadow:0 1px 5px #102a4b0c;background:#fff}.service-art{height:76px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dcefff,#8cbde8);font-size:48px}.service-art span{filter:drop-shadow(0 4px 2px #0b386522)}.art-gmb{background:linear-gradient(135deg,#e5f6ff,#a9d4ff)}.art-social{background:linear-gradient(135deg,#eff7ff,#d2e4ff)}.art-ads{background:linear-gradient(135deg,#d9eaff,#a3d1ff)}.art-outdoor{background:linear-gradient(135deg,#ffead7,#ffb75d)}.art-ott{background:linear-gradient(135deg,#def4ff,#7c8aff)}.art-leads{background:linear-gradient(135deg,#d8eaff,#a5d6fa)}.service-card h3{font-size:12px;line-height:1.25;margin:8px 9px 3px;color:#122b4c}.service-card p{font-size:10px;color:#6b7b91;margin:0 9px 7px;line-height:1.35}.text-link{display:block;color:#075cc5;font-size:10px;font-weight:700;padding:0 9px 9px}.business-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.business-card{border:1px solid #e1e8f0;border-radius:6px;padding:7px;background:#fff;box-shadow:0 1px 5px #102a4b0c;min-width:0}.business-logo{height:31px;width:39px;border-radius:6px;background:#f0f7ff;color:#0a5eaf;display:grid;place-items:center;font-weight:900;margin-bottom:4px}.business-card h3{font-size:10px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-card p{font-size:9px;color:#6a7c91;margin:3px 0}.stars{font-size:10px;color:#f6a800}.stars small{color:#6c7b8f}.business-photo{height:67px;border-radius:4px;margin:7px 0;display:grid;place-items:center;font-size:44px;background:linear-gradient(140deg,#e4f0fa,#bdcbd9)}.biz-health{background:linear-gradient(135deg,#d8f6f1,#eaf7ff)}.biz-car{background:linear-gradient(135deg,#d8dde4,#8c9aab)}.biz-interior{background:linear-gradient(135deg,#f5e9db,#b9a48c)}.biz-ev{background:linear-gradient(135deg,#dff7df,#c0d7cb)}.biz-crane{background:linear-gradient(135deg,#fff0bd,#e7c77c)}.biz-spa{background:linear-gradient(135deg,#ffe3ed,#edb6c9)}.business-card .btn{padding:6px;font-size:10px}.packages{margin-bottom:12px}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.package-card{border-radius:6px;padding:13px;color:white;min-height:154px}.pack-blue{background:linear-gradient(135deg,#086bea,#0452d2)}.pack-orange{background:linear-gradient(135deg,#ff710b,#fa4a00)}.pack-purple{background:linear-gradient(135deg,#6900e9,#4800bf)}.pack-red{background:linear-gradient(135deg,#fa1640,#d80028)}.package-card h3{font-size:15px;margin:0 0 7px}.package-card ul{list-style:none;padding:0;margin:0 0 8px;min-height:47px}.package-card li{font-size:11px;margin:4px 0}.package-card strong{font-size:21px;display:block;margin:5px 0}.package-actions{display:flex;gap:7px}.package-actions .btn{flex:1;padding:8px 6px}.outline-light{border:1px solid #ffffffa8;color:#0754b7;background:#fff}.footer{background:#031f40;color:white;margin-top:12px}.footer-main{max-width:1210px;margin:auto;display:grid;grid-template-columns:1.7fr .8fr 1.1fr .8fr .8fr 1fr;gap:18px;padding:24px 10px 20px}.footer h4{font-size:12px;margin:0 0 9px}.footer-main>div:not(:first-child){border-left:1px solid #ffffff20;padding-left:14px}.footer-main a:not(.brand):not(.btn){display:block;font-size:10px;color:#e2ebf8;margin:0 0 6px}.footer p{font-size:10px;line-height:1.55;color:#d6e2f2}.brand-footer{min-width:0;gap:5px}.brand-footer .infinity{font-size:48px;color:#fff;text-shadow:2px 1px #ff6c18}.brand-footer strong{font-size:22px}.brand-footer small{color:#c9d6e8}.footer-about>p{max-width:260px;margin:14px 0}.socials{font-size:17px;color:#54a3ff}.small-list{font-size:10px!important;line-height:1.65!important}.qr-mini{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;color:#123;padding:5px;border-radius:4px;margin:8px auto;max-width:88px}.qr-mini img{width:70px;height:70px;object-fit:contain}.qr-mini span{font-size:8px;font-weight:700}.footer-bottom{border-top:1px solid #ffffff2a;max-width:1210px;margin:auto;padding:10px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#d5e2f1}.footer-bottom a{display:inline!important}.page-hero{background:linear-gradient(110deg,#edf7ff,#d1e9ff);padding:34px max(calc((100% - 1180px)/2),5%);}.page-hero h1{margin:0 0 8px;font-size:32px;color:#073b7b}.page-hero p{margin:0;color:#4c6380}.content-wrap{max-width:1180px;margin:25px auto;padding:0 18px 35px}.content-wrap h2{color:#073b7b}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.listing-item{border:1px solid var(--line);border-radius:9px;padding:18px;background:white;box-shadow:0 4px 15px #143d6909}.listing-item h3{margin:0 0 8px;color:#093e7f}.listing-item p{color:#5d6e84;line-height:1.5}.listing-item .btn{margin-top:7px}.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px}.detail-panel,.form-panel{border:1px solid var(--line);border-radius:10px;padding:24px;background:#fff;box-shadow:0 5px 20px #143d690a}.detail-icon{font-size:50px}.detail-panel p{line-height:1.75;color:#4c5d73}.form-panel label{display:block;font-weight:700;font-size:12px;margin:12px 0 5px}.form-panel input,.form-panel textarea,.form-panel select{width:100%;border:1px solid #d5dfeb;border-radius:6px;padding:11px;background:#fff}.form-panel textarea{min-height:100px;resize:vertical}.form-panel button{margin-top:14px;width:100%}.notice{padding:12px 15px;border-radius:7px;background:#eaf6ff;color:#174b80;margin:15px 0}.modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-backdrop{position:absolute;inset:0;background:#00152bd1}.modal-box{position:relative;z-index:1;width:min(100%,410px);background:#fff;border-radius:14px;padding:25px;text-align:center;box-shadow:0 20px 70px #0005}.modal-close{position:absolute;right:13px;top:8px;border:0;background:none;font-size:28px;color:#536579;cursor:pointer}.yesbank{font-size:21px;font-weight:900;color:#174d9c;margin:4px 0 15px}.yesbank:first-letter{color:#e63c54}.modal-box h2{font-size:20px;color:#073b7b;margin:0 0 8px}.modal-box p{font-size:12px;color:#64748b}.payment-qr{width:min(100%,260px);height:auto;object-fit:contain;border:1px solid #eee;border-radius:6px}.muted{font-size:11px!important}.modal-box .btn{margin-top:8px}.empty-state{text-align:center;padding:35px;background:#f6f9fd;border-radius:10px}.form-success{display:none;background:#e8f8ef;color:#17683a;padding:12px;border-radius:6px;margin-top:10px}.form-success.show{display:block}
@media(max-width:1100px){.main-header{gap:12px}.brand{min-width:210px}.brand strong{font-size:24px}.helpline{display:none}.nav a{padding:12px 9px;font-size:11px}.category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.footer-main{grid-template-columns:repeat(3,1fr)}.footer-main>div:nth-child(4){border-left:0;padding-left:0}}
@media(max-width:760px){.topline{padding:7px 12px;height:auto;min-height:28px}.topline>span{max-width:68%;line-height:1.3}.topline div a{display:none}.topline div{gap:6px}.main-header{min-height:65px;padding:10px 14px;gap:10px;flex-wrap:wrap}.brand{min-width:0;flex:1}.infinity{font-size:45px}.brand strong{font-size:22px}.brand small{font-size:8px}.searchbar{order:4;flex-basis:100%;height:40px}.searchbar input{font-size:12px;padding:0 8px}.searchbar input+input{max-width:115px}.searchbar button{padding:0 13px}.login{font-size:11px}.mobile-menu{display:block}.nav{display:none;flex-direction:column;align-items:stretch;padding:6px 12px}.menu-open .nav{display:flex}.nav a{padding:12px;font-size:13px;border-bottom:1px solid #ffffff19}.nav .nav-cta{margin:6px 0;text-align:center}.hero{padding:27px 18px 15px;display:block;min-height:0}.hero-copy{width:100%}.hero h1{font-size:37px}.hero h3{font-size:14px}.hero-pills{gap:6px}.hero-pills span{font-size:9px;padding:7px}.hero-art{height:205px;margin-top:5px;min-width:0}.laptop{left:4%;width:62%;height:137px}.laptop-screen{height:120px;border-width:6px;padding:7px}.google-word{font-size:18px}.mini-results i{height:28px}.hero-person{font-size:130px;right:0}.trust-chip{font-size:10px;padding:9px 12px}.chip-green{top:9px;left:39%}.chip-blue{top:69px;left:53%}.chip-orange{bottom:10px;left:39%}.banner-grid{grid-template-columns:1fr;padding:0 12px;gap:8px}.client-banner{height:100px;padding:10px 13px}.client-banner h2{font-size:20px}.client-banner p{font-size:12px}.billboard{min-width:78px;padding:7px;font-size:11px;border-width:3px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.stats div{padding:6px 8px;border-right:0;border-bottom:1px solid #e1e8f0}.stats div:nth-child(odd){border-right:1px solid #e1e8f0}.stats div:nth-child(n+3){border-bottom:0}.section{margin:18px auto}.promo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.promo-card{min-height:108px;padding:10px}.promo-card h3{font-size:13px}.promo-card p{font-size:9px}.promo-icon{font-size:32px;position:absolute;right:8px;bottom:8px;opacity:.85}.promo-card>div:first-child{position:relative;z-index:1;max-width:90%}.promo-card .btn{font-size:9px;padding:7px}.section-heading h2{font-size:20px}.section-heading>a{font-size:10px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.category-card{min-height:92px}.category-card b{font-size:10px}.category-icon{font-size:30px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-art{height:90px;font-size:48px}.service-card h3{font-size:12px}.service-card p{font-size:10px}.business-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.business-card{padding:9px}.business-card h3{font-size:11px}.business-photo{height:80px}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.package-card{padding:11px;min-height:170px}.package-card h3{font-size:13px}.package-card li{font-size:10px}.package-card strong{font-size:19px}.package-actions{flex-direction:column;gap:6px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px 16px}.footer-main>div:first-child{grid-column:1/-1}.footer-main>div:not(:first-child){padding-left:10px}.footer-main>div:nth-child(2n){border-left:0;padding-left:0}.footer-main>div:nth-child(4){border-left:0}.footer-bottom{flex-direction:column;align-items:center;text-align:center;line-height:1.7;padding:12px}.page-hero{padding:28px 18px}.page-hero h1{font-size:28px}.content-wrap{padding:0 14px 28px;margin:18px auto}.listing-grid{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr}.detail-panel,.form-panel{padding:18px}}
@media(min-width:761px) and (max-width:1000px){.hero{padding-left:4%;padding-right:4%}.hero-person{font-size:140px}.hero-art{min-width:250px}.service-grid{grid-template-columns:repeat(3,1fr)}.business-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(6,1fr)}.footer-main{grid-template-columns:repeat(3,1fr)}}


/* Layout recovery patch: stable desktop header and safe responsive sizing */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
img { max-width:100%; height:auto; }
.topline { width:100%; min-height:25px; height:auto; flex-wrap:wrap; gap:4px 12px; }
.topline > span { line-height:1.4; }
.main-header { width:100%; max-width:1240px; min-width:0; flex-wrap:nowrap; }
.main-header > * { min-width:0; }
.brand { flex:0 0 240px; }
.searchbar { flex:1 1 auto; min-width:160px; }
.nav { width:100%; flex-wrap:wrap; }
.nav a { flex-shrink:0; }
.hero { width:100%; }
.hero-copy { min-width:0; }
.hero-art { min-width:0; }
.section, .banner-grid, .stats, .footer-main, .footer-bottom { max-width:1240px; }
@media (min-width:1101px) {
  .main-header { gap:16px; }
  .brand { flex-basis:245px; }
  .nav { flex-wrap:nowrap; justify-content:center; }
  .nav a { padding-left:11px; padding-right:11px; }
}
@media (min-width:761px) and (max-width:1100px) {
  .main-header { flex-wrap:wrap; }
  .brand { flex:0 0 220px; }
  .searchbar { flex:1 1 420px; }
  .login { margin-left:auto; }
  .nav { justify-content:flex-start; flex-wrap:wrap; }
}
@media (max-width:760px) {
  .main-header { flex-wrap:wrap; }
  .brand { flex:1 1 auto; }
  .searchbar { flex:1 0 100%; width:100%; }
  .nav { display:none; flex-direction:column; align-items:stretch; }
  .menu-open .nav { display:flex; }
  .hero h1 { overflow-wrap:anywhere; }
}

/* User-supplied WEBITMART logo replacement */
.brand { display:flex; align-items:center; flex:0 0 260px; min-width:0; text-decoration:none; }
.brand-logo { display:block; width:100%; max-width:360px; height:auto; object-fit:contain; }
@media (max-width:760px) {
  .brand { flex:1 1 190px; max-width:260px; }
  .brand-logo { width:100%; max-width:260px; }
}

/* Final logo clarity and responsive alignment */
.brand { flex: 0 1 280px; min-width:0; gap:0; padding:0; }
.brand-logo { display:block; width:100%; max-width:360px; height:auto; object-fit:contain; image-rendering:auto; }
.brand-footer { width:100%; max-width:270px; margin-bottom:12px; }
.brand-footer .brand-logo { max-width:270px; }
@media (min-width:1101px) {
  .main-header { gap:16px; }
  .brand { flex:0 1 280px; }
}
@media (max-width:1100px) {
  .brand { flex:0 1 250px; }
  .brand-logo { max-width:250px; }
}
@media (max-width:760px) {
  .main-header { gap:10px; padding:10px 14px; }
  .brand { flex:0 1 230px; min-width:0; max-width:72%; }
  .brand-logo { width:100%; max-width:230px; }
  .searchbar { flex:1 0 100%; min-width:0; }
  .brand-footer { flex:0 1 100%; max-width:250px; }
}
@media (max-width:380px) {
  .brand { max-width:68%; }
  .brand-logo { max-width:200px; }
}

.form-success.error { background:#fff1f0; border:1px solid #ffc9c4; color:#a1261c; padding:10px 12px; border-radius:6px; margin:0 0 12px; }
.form-success.success { background:#edf9f0; border:1px solid #b9e6c5; color:#176b32; padding:10px 12px; border-radius:6px; margin:0 0 12px; }

/* Client banner images supplied by WEBITMART: responsive full artwork */
.banner-grid { align-items:stretch; }
.client-banner { display:block; height:auto; min-height:0; padding:0; border:1px solid #d9e4f1; background:#fff; overflow:hidden; border-radius:6px; }
.client-banner img { display:block; width:100%; height:auto; aspect-ratio: 2000 / 784; object-fit:cover; object-position:center; transition:transform .2s ease; }
.client-banner:hover img { transform:scale(1.015); }
.searchbar select { min-width:0; width:170px; max-width:35%; border:0; border-left:1px solid #e3e8ef; padding:0 10px; outline:0; background:#fff; color:#34445d; flex:0 1 170px; }
@media (max-width:760px) {
  .banner-grid { grid-template-columns:1fr; gap:10px; }
  .client-banner img { width:100%; height:auto; aspect-ratio:2000 / 784; }
  .searchbar select { width:130px; max-width:38%; flex:0 1 130px; font-size:12px; padding:0 5px; }
}

/* Restore compact client banner height, matching the original homepage layout */
.banner-grid .client-banner { height:112px; min-height:112px; padding:0; }
.banner-grid .client-banner img { width:100%; height:110px; aspect-ratio:auto; object-fit:cover; object-position:center; }
@media (max-width:760px) {
  .banner-grid .client-banner { height:auto; min-height:0; }
  .banner-grid .client-banner img { width:100%; height:auto; aspect-ratio: 2000 / 784; object-fit:cover; }
}