/* Full-width public page system */
.public-page { --public-ink:#162b3d; background:#eef2f4; color:var(--public-ink); }
.public-page .site-header,.public-page .site-header.wide { width:100%; max-width:none; min-height:0; margin:0; background:linear-gradient(110deg,#071c39,#10053c 55%,#003b49); }
.public-page .brand-bar { min-height:72px; padding:8px clamp(16px,4vw,64px); background:transparent; justify-content:flex-start; gap:clamp(14px,3vw,42px); }
.public-page .brand-bar .tagline { color:#fff; font-size:clamp(1rem,2.5vw,1.75rem); text-align:center; }
.public-page .main-nav { height:auto; min-height:42px; width:100%; padding:0 clamp(10px,2vw,30px); gap:2px; justify-content:flex-start; background:rgba(4,15,43,.45); border:0; color:#fff; font-size:clamp(.68rem,.9vw,.82rem); }
.public-page .main-nav>a { min-height:40px; padding:7px clamp(6px,.8vw,13px); }
.public-page .main-nav .auth-nav-container { flex-basis:160px; width:160px; min-width:160px; }
.public-page .main-nav a.active,.public-page .main-nav a:hover { color:#56c8ff; }
.public-page .main-nav a:focus-visible { outline-color:#56c8ff; }
.public-hero { position:relative; isolation:isolate; display:flex; align-items:flex-end; width:100%; min-height:clamp(150px,24vw,250px); padding:18px clamp(16px,4vw,64px); overflow:hidden; color:#fff; background-color:#063355; }
.public-hero::before,.public-hero::after { content:""; position:absolute; inset:0; z-index:-1; }
.public-hero::before { background:radial-gradient(ellipse at 68% 60%,rgba(24,167,224,.5),transparent 29%),radial-gradient(ellipse at 26% 64%,rgba(77,119,160,.75),transparent 31%),linear-gradient(110deg,#071a31 0%,#075079 48%,#071836 100%); }
.public-hero::after { opacity:.32; background:repeating-linear-gradient(167deg,transparent 0 34px,rgba(255,255,255,.13) 35px 37px,transparent 38px 66px); mix-blend-mode:screen; }
.about-hero::before { background:radial-gradient(ellipse at 24% 72%,rgba(144,195,223,.86),transparent 34%),linear-gradient(110deg,#174c78,#217ca1 48%,#071d3b); }
.contact-hero::before,.login-hero::before,.feedback-hero::before,.register-hero::before { background:radial-gradient(ellipse at 68% 72%,rgba(26,128,176,.74),transparent 29%),linear-gradient(112deg,#061b33,#075982 52%,#081b3c); }
.public-hero h1 { margin:0; position:relative; z-index:1; color:#fff; font-size:clamp(2.8rem,7vw,5.2rem); line-height:.95; font-weight:800; text-shadow:0 3px 16px rgba(0,0,0,.3); }
.public-wide,.public-page .content-page,.public-page .contact-page { width:100%; max-width:none; margin:0; }
.about-layout { display:grid; grid-template-columns:minmax(280px,.95fr) minmax(420px,1.3fr); gap:clamp(28px,6vw,90px); align-items:stretch; padding:clamp(28px,4vw,58px) clamp(24px,5vw,78px); background:#fff; }
.about-copy h1 { display:none; }
.about-copy p { max-width:66ch; margin:0 0 1.25em; color:#637580; font-size:clamp(.95rem,1.15vw,1.08rem); font-style:normal; line-height:1.55; text-align:left; }
.about-collage { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:clamp(110px,14vw,180px); gap:4px; align-content:stretch; }
.about-collage .photo-placeholder { min-height:0; border-radius:0; color:#f8fdff; font-size:clamp(.62rem,1vw,.86rem); text-shadow:0 1px 5px #001629; background:linear-gradient(135deg,rgba(3,29,52,.15),rgba(2,19,44,.48)),radial-gradient(ellipse at 72% 35%,#38a5c2,#14527c 40%,#092641 78%); }
.about-collage .photo-placeholder:nth-child(3n+2) { background:linear-gradient(135deg,rgba(3,29,52,.1),rgba(2,19,44,.48)),radial-gradient(ellipse at 35% 52%,#9ab6bd,#30667c 46%,#0b2948); }
.about-collage .photo-placeholder:nth-child(3n) { background:linear-gradient(135deg,rgba(3,29,52,.08),rgba(2,19,44,.45)),radial-gradient(ellipse at 65% 60%,#48a4b3,#27536a 42%,#102541); }
.about-collage .photo-placeholder.shop { grid-column:auto; }
.contact-page { background:repeating-linear-gradient(132deg,#f5f7f8 0 8px,#edf1f3 8px 10px); }
.contact-feature { display:grid; grid-template-columns:minmax(330px,.9fr) minmax(460px,1.2fr); gap:clamp(24px,5vw,72px); padding:clamp(26px,4vw,54px) clamp(24px,5.5vw,86px); }
.contact-locations>h2 { margin:0 0 24px; color:#087fb0; font-size:clamp(1.8rem,3vw,2.8rem); font-style:italic; line-height:1.12; }
.contact-locations>h3 { margin:0 0 14px; color:#536b7a; font-size:1.1rem; }
.branch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.branch-card { overflow:hidden; border:1px solid rgba(35,118,157,.2); border-radius:16px; background:#fff; box-shadow:0 10px 26px rgba(12,38,55,.14); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.branch-card:hover { transform:translateY(-4px); border-color:rgba(35,144,190,.55); box-shadow:0 16px 32px rgba(12,38,55,.2); }
.branch-map { display:block; width:100%; height:clamp(180px,19vw,250px); border:0; border-bottom:1px solid rgba(35,118,157,.18); background:#dce8ee; }
.branch-directions { display:inline-block; margin-top:10px; color:#087fb0; font-size:.84rem; font-weight:700; text-decoration:none; }
.branch-directions:hover { text-decoration:underline; }
.branch-card-content { padding:14px; }
.branch-card address { font-size:.82rem; }
.home-branches { padding:clamp(28px,4vw,56px) clamp(24px,5.5vw,86px); background:#f2f6f8; }
.home-branches-heading { margin-bottom:18px; }
.home-branches-heading h2 { margin:0 0 6px; color:#087fb0; font-size:clamp(1.7rem,3vw,2.5rem); }
.home-branches-heading p { margin:0; color:#536b7a; }
.home-branches .branch-grid { gap:20px; }
.contact-strip { grid-template-columns:1fr; gap:16px; padding:24px 6px 0; }
.contact-strip article { gap:12px; font-size:.95rem; overflow-wrap:anywhere; }
.contact-strip .line-icon { flex:0 0 42px; width:42px; height:40px; border-width:3px; font-size:1.4rem; }
.contact-form-wrap { min-width:0; }
.contact-form,.feedback-form { width:100%; max-width:none; border:1px solid rgba(255,255,255,.85); border-radius:20px; background:rgba(255,255,255,.72); box-shadow:0 14px 38px rgba(11,39,58,.12); backdrop-filter:blur(16px); }
.contact-form h2 { margin:0 0 4px; color:#203c50; }
.contact-form>p { text-align:left; }
.contact-form input,.contact-form select,.contact-form textarea,.feedback-form input,.feedback-form textarea { border:1px solid rgba(110,143,160,.22); border-radius:999px; background:rgba(255,255,255,.94); }
.contact-form textarea,.feedback-form textarea { border-radius:22px; resize:vertical; }
.contact-fields,.feedback-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 18px; }
.contact-fields>div,.feedback-fields>div { min-width:0; }
.contact-fields .contact-message { grid-column:1/-1; }
.contact-fields .contact-message textarea { min-height:135px; }
.contact-form .btn,.feedback-form .btn { width:min(210px,100%); margin:14px 0 0 auto; display:block; border-radius:999px; background:#050505; padding:13px 22px; }
.login-public,.register-public { min-height:100vh; background:#061532; }
.login-public .auth-site-header .brand-bar,.register-public .auth-site-header .brand-bar { min-height:72px; }
.login-public .auth-site-header .tagline,.register-public .auth-site-header .tagline { order:2; text-align:left; }
.login-public .auth-site-header .logo,.register-public .auth-site-header .logo { order:1; }
.login-public .header-badge,.register-public .header-badge { display:none; }
.login-hero,.register-hero { min-height:clamp(150px,22vw,220px); }
.login-page.auth-page,.form-page.auth-page { width:100%; max-width:none; min-height:430px; margin:0; padding:42px 22px 58px; background:radial-gradient(ellipse at 76% 62%,rgba(0,104,116,.55),transparent 33%),radial-gradient(ellipse at 28% 76%,rgba(9,47,95,.68),transparent 36%),linear-gradient(120deg,#061630,#10043b 55%,#061a36); }
.login-public .unified-login-card,.register-public .auth-card { width:min(440px,100%); min-height:0; padding:26px 30px; border:2px solid rgba(255,255,255,.94); border-radius:22px; background:rgba(12,5,49,.74); color:#fff; box-shadow:0 10px 22px rgba(0,0,0,.38); backdrop-filter:blur(18px); }
.login-public .auth-card h1,.register-public .auth-card h1 { color:#fff; }
.login-public .login-intro { color:#b5c2d5; }
.login-public .unified-login-card label,.register-public .auth-card label { width:100%; color:#f4f6ff; }
.login-public .unified-login-card input,.register-public .auth-card input { width:100%; margin:0 auto 10px; border:0; border-radius:999px; background:#e9e5f0; padding:10px 14px; }
.login-public .login-btn,.register-public .auth-submit { width:100%; margin-top:14px; border:0; border-radius:999px; background:#fff; color:#1753bf; font-size:.9rem; }
.login-public .forgot-link,.login-public .create-account-link { color:#bdc9e8; }
.register-public .auth-page { display:flex; align-items:center; justify-content:center; gap:clamp(28px,6vw,88px); }
.register-public .auth-page::before { content:"The best auto aircon, parts and services online at the best prices. Trusted auto service since 1997."; max-width:380px; color:#c1cada; font-size:1rem; line-height:1.55; }
.register-public .auth-card { width:min(390px,100%); }
.login-footer { width:100%; max-width:none; margin:0; border-top:1px solid rgba(255,255,255,.22); background:linear-gradient(110deg,#10053c,#061b3b,#003c48); color:#eef4ff; }
.feedback-form-section { width:100%; padding:18px clamp(20px,7vw,110px) 40px; background:repeating-linear-gradient(132deg,#f5f7f8 0 8px,#edf1f3 8px 10px); }
.feedback-form { padding:26px clamp(20px,4vw,54px); }
.feedback-form .form-intro { margin:0 0 20px; color:#6b7c86; text-align:left; }
.feedback-form label { color:#657783; font-size:.9rem; font-weight:600; }
.feedback-fields input { min-height:42px; }
.feedback-fields>div:nth-child(1) { grid-column:1; grid-row:1; }.feedback-fields>div:nth-child(2) { grid-column:1; grid-row:2; }.feedback-fields>div:nth-child(3) { grid-column:1; grid-row:3; }.feedback-fields>div:nth-child(4) { grid-column:2; grid-row:1; }
.feedback-fields .feedback-description { grid-column:2; grid-row:2 / span 2; }.feedback-fields .feedback-attachment { grid-column:2; grid-row:4; }
.feedback-fields .feedback-description textarea { min-height:140px; }
.feedback-fields .feedback-attachment input { border-radius:0; background:transparent; }

/* Shared spacious public and customer-facing polish */
.public-page .site-header { position:relative; z-index:2; box-shadow:0 5px 22px rgba(0,12,34,.14); }
.public-page .brand-bar { background:linear-gradient(110deg,#071a38 0%,#10053c 52%,#003b49 100%); }
.public-page .logo { background:rgba(2,11,35,.45); box-shadow:0 0 0 2px rgba(255,255,255,.12); }
.public-page .main-nav { min-height:46px; background:linear-gradient(100deg,#081738,#10053c 58%,#063644); }
.public-page .main-nav>a { transition:color .18s ease,background .18s ease; }
.public-page .main-nav>a:hover { background:rgba(255,255,255,.08); }
.public-hero { min-height:clamp(190px,25vw,300px); }
.about-hero::before { background:radial-gradient(ellipse at 24% 72%,rgba(144,195,223,.7),transparent 34%),linear-gradient(110deg,rgba(5,24,49,.25),rgba(5,31,58,.1)),linear-gradient(110deg,#174c78,#217ca1 48%,#071d3b); }
.services-hero::before { background:radial-gradient(ellipse at 22% 55%,rgba(17,171,216,.48),transparent 34%),radial-gradient(ellipse at 78% 70%,rgba(0,49,91,.78),transparent 38%),linear-gradient(115deg,#071b36,#07547a 52%,#071836); }
.contact-hero::before { background:radial-gradient(ellipse at 68% 72%,rgba(26,128,176,.6),transparent 29%),linear-gradient(112deg,rgba(4,20,43,.35),rgba(4,24,48,.1)),linear-gradient(112deg,#061b33,#075982 52%,#081b3c); }
.login-hero::before,.register-hero::before,.feedback-hero::before { background:radial-gradient(ellipse at 72% 70%,rgba(0,111,126,.58),transparent 31%),radial-gradient(ellipse at 30% 72%,rgba(18,70,131,.64),transparent 35%),linear-gradient(110deg,#061532,#10043b 55%,#06233f); }
.about-layout { gap:clamp(24px,5vw,72px); }
.about-copy { align-self:center; padding:clamp(4px,2vw,24px); }
.about-copy p { margin-bottom:1.35em; }
.about-collage { overflow:hidden; border-radius:12px; box-shadow:0 14px 36px rgba(12,38,55,.18); }
.about-collage .photo-placeholder { min-height:150px; }
.services-page { padding:clamp(28px,4vw,56px) clamp(18px,5vw,72px); background:#eef3f6; color:#162b3d; }
.services-page .service-grid { gap:clamp(18px,3vw,34px); }
.services-page .package-card { min-height:clamp(400px,48vw,560px); border:1px solid rgba(255,255,255,.5); border-radius:18px; box-shadow:0 16px 38px rgba(4,27,54,.22); }
.services-page .package-card:first-child { background-image:linear-gradient(115deg,rgba(2,48,83,.38),rgba(0,20,48,.56)),radial-gradient(ellipse at 28% 50%,#13acd1,#075178 44%,#09234c); }
.services-page .package-card.double-aircon { background-image:linear-gradient(115deg,rgba(2,35,75,.42),rgba(0,14,40,.58)),radial-gradient(ellipse at 72% 48%,#1493ba,#07517c 45%,#071b42); }
.package-overlay { border:1px solid rgba(255,255,255,.2); backdrop-filter:blur(12px); }
.contact-feature { gap:clamp(24px,4vw,58px); }
.contact-form,.feedback-form { padding:clamp(22px,3vw,38px); }
.public-page input:not([type="file"]),.public-page select,.public-page textarea,
.customer-dashboard-page input:not([type="file"]),.customer-dashboard-page select,.customer-dashboard-page textarea {
  min-height:46px; border:1px solid #cbd7e1; border-radius:12px; background:#fff; color:#152b3b; padding:12px 16px; box-shadow:inset 0 1px 2px rgba(10,36,54,.035); transition:border-color .18s ease,box-shadow .18s ease;
}
.public-page textarea,.customer-dashboard-page textarea { min-height:132px; border-radius:12px; }
.public-page input:focus,.public-page select:focus,.public-page textarea:focus,
.customer-dashboard-page input:focus,.customer-dashboard-page select:focus,.customer-dashboard-page textarea:focus { outline:0; border-color:#1598c5; box-shadow:0 0 0 3px rgba(21,152,197,.14); }
.public-page input[type="file"],.customer-dashboard-page input[type="file"] { width:100%; max-width:100%; padding:10px 0; color:#344c5c; }
.public-page .btn-primary,.public-page .contact-form .btn,.public-page .feedback-form .btn,
.customer-dashboard-page .btn-primary { min-height:48px; border-radius:12px; background:linear-gradient(110deg,#075c91,#087fb0); box-shadow:0 7px 18px rgba(7,91,140,.2); font-size:.98rem; }
.public-page .contact-form .btn,.public-page .feedback-form .btn { width:min(230px,100%); margin:20px auto 0; }
.login-public .login-page { display:flex; justify-content:center; align-items:center; padding:clamp(28px,5vw,64px) 20px; }
.login-public .unified-login-card,.register-public .auth-card { width:min(460px,100%); padding:clamp(24px,4vw,38px); border:1px solid rgba(255,255,255,.48); border-radius:22px; background:rgba(9,18,54,.84); box-shadow:0 18px 48px rgba(0,0,0,.3); }
.login-public .unified-login-card { min-height:0; }
.register-public .form-page.auth-page { min-height:520px; }
.register-public .auth-card { width:min(460px,100%); }
.login-public .unified-login-card label,.register-public .auth-card label { width:100%; margin:16px 0 7px; color:#eaf5ff; }
.login-public .unified-login-card input,.register-public .auth-card input { width:100%; margin:0 0 10px; border:1px solid rgba(255,255,255,.7); border-radius:12px; background:#f7fbff; color:#142536; padding:12px 16px; }
.login-public .unified-login-card h1,.register-public .auth-card h1 { color:#fff; }
.login-public .login-intro { margin:0 0 18px; }
.login-public .login-btn,.register-public .auth-submit { display:block; width:100%; min-height:48px; margin:22px auto 12px; border-radius:12px; background:#fff; color:#075c91; font-size:.95rem; }
.login-public .forgot-link,.login-public .create-account-link { display:block; margin-top:12px; color:#c8d8f3; }
.feedback-form-section { padding-block:clamp(28px,5vw,58px); }
.feedback-form .btn { width:min(230px,100%); }
.home-footer { grid-template-columns:minmax(210px,1.5fr) repeat(4,minmax(100px,1fr)); align-items:center; padding:clamp(28px,4vw,52px) clamp(24px,9vw,140px) 12px; background:radial-gradient(ellipse at 78% 82%,rgba(0,105,106,.66),transparent 33%),linear-gradient(112deg,#10053c,#061b3b 58%,#003744); }
.home-footer>div:not(.footer-brand) { text-align:center; }
.home-footer h3 { color:#fff; font-size:1rem; }
.home-footer a { color:#e2eafa; line-height:1.65; }
.footer-brand { display:grid; grid-template-columns:56px minmax(0,1fr); align-items:start; gap:10px 12px; max-width:290px; }
.footer-logo { width:56px; height:56px; grid-row:span 2; }
.footer-brand strong { color:#fff; font-size:.75rem; line-height:1.35; }
.footer-brand p { margin:8px 0 0; color:#d4deed; font-size:.72rem; line-height:1.35; }
.footer-socials { display:flex; gap:9px; grid-column:2; }
.footer-socials a { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#fff; color:#082247; font-weight:900; font-size:1rem; }
.home-footer .footer-copy { padding-top:12px; }
.customer-dashboard-page { min-height:100vh; background:#eef3f6; }
.customer-dashboard-page .site-header { width:100%; max-width:none; background:linear-gradient(110deg,#071c39,#10053c 55%,#003b49); }
.customer-dashboard-page .brand-bar { background:transparent; }
.customer-dashboard-page .tagline { color:#fff; }
.customer-dashboard-page .main-nav { justify-content:flex-start; gap:2px; padding-inline:clamp(10px,2vw,30px); background:rgba(4,15,43,.45); color:#fff; }
.customer-dashboard-page .main-nav>a { padding-inline:clamp(6px,.8vw,13px); }
.customer-dashboard-page .main-nav a.active,.customer-dashboard-page .main-nav a:hover { color:#56c8ff; }
.customer-dashboard-page .customer-dashboard { width:min(1240px,100%); padding:clamp(18px,4vw,48px); background:transparent; }
.customer-dashboard-page .customer-dashboard-content { min-width:0; }
.customer-dashboard-page .form-page { min-height:0; padding:0; background:transparent; }
.customer-dashboard-page .form-card { width:min(780px,100%); border:1px solid #e2e9ef; border-radius:18px; padding:clamp(22px,4vw,40px); box-shadow:0 12px 34px rgba(10,36,54,.1); }
.customer-dashboard-page .customer-booking-section .form-card { width:min(760px,100%); }
.customer-dashboard-page .form-card label { margin:16px 0 7px; color:#354c5d; }
.customer-dashboard-page .form-card .btn { width:min(260px,100%); display:block; margin:24px auto 0; }
.customer-dashboard-page .availability-notice { padding:8px 0; }
.customer-dashboard-page .customer-sidebar { border-radius:0 18px 18px 0; }
@media(max-width:900px) {
  .home-footer { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .footer-brand { grid-column:1/-1; max-width:420px; }
}
@media(max-width:620px) {
  .public-hero { min-height:170px; }
  .home-footer { grid-template-columns:1fr 1fr; padding:28px 20px 12px; }
  .home-footer>div:not(.footer-brand) { text-align:left; }
  .home-footer>div:nth-child(2n) { text-align:right; }
  .home-footer .footer-copy { grid-column:1/-1; }
  .footer-brand { grid-column:1/-1; }
  .services-page .package-card { min-height:390px; }
  .feedback-form .btn,.public-page .contact-form .btn { margin-inline:auto; }
}
.marketing-footer { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:center; gap:22px; width:100%; padding:26px clamp(24px,8vw,120px) 12px; background:linear-gradient(110deg,#10053c,#061b3b,#003c48); color:#f2f5ff; }
.marketing-footer>div:first-child { grid-column:span 1; }.marketing-footer h3 { margin:0 0 6px; font-size:.9rem; }.marketing-footer a { display:block; color:#d4deed; font-size:.8rem; }.marketing-footer .footer-copy { grid-column:1/-1; margin:0; padding-top:12px; border-top:1px solid rgba(255,255,255,.18); text-align:center; font-size:.75rem; }
@media(max-width:900px) { .about-layout,.contact-feature { grid-template-columns:1fr; }.about-collage { grid-auto-rows:clamp(120px,24vw,200px); }.contact-form-wrap { grid-row:2; }.contact-strip { grid-template-columns:1fr 1fr; }.register-public .auth-page { flex-direction:column; }.register-public .auth-page::before { max-width:500px; } }
@media(max-width:620px) { .public-page .brand-bar { min-height:64px; }.public-page .main-nav { overflow-x:auto; }.public-hero { min-height:160px; }.about-layout { padding:26px 18px; }.about-collage { grid-auto-rows:110px; }.contact-feature { padding:24px 16px; }.branch-grid { grid-template-columns:1fr; }.branch-map { height:200px; }.contact-strip { grid-template-columns:1fr; }.contact-fields,.feedback-fields { grid-template-columns:1fr; }.contact-fields .contact-message,.feedback-fields .feedback-description,.feedback-fields .feedback-attachment,.feedback-fields>div { grid-column:1; grid-row:auto; }.feedback-form-section { padding:16px 12px 30px; }.marketing-footer { grid-template-columns:1fr 1fr; padding-inline:22px; }.login-public .unified-login-card,.register-public .auth-card { padding:24px 20px; } }

/* Keep the home footer layout above the shared marketing footer defaults. */
.marketing-footer.home-footer { grid-template-columns:minmax(210px,1.5fr) repeat(4,minmax(100px,1fr)); }
.marketing-footer.home-footer>div:first-child { grid-column:auto; }
.marketing-footer.home-footer .footer-brand { display:grid; }
.marketing-footer.home-footer .footer-socials a { display:grid; place-items:center; }
@media(max-width:900px) { .marketing-footer.home-footer { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px) { .marketing-footer.home-footer { grid-template-columns:1fr 1fr; }.marketing-footer.home-footer>div:not(.footer-brand) { text-align:left; }.marketing-footer.home-footer>div:not(.footer-brand):nth-child(odd) { text-align:right; }.marketing-footer.home-footer .footer-brand,.marketing-footer.home-footer .footer-copy { grid-column:1/-1; } }

/* Home page hero and slogan */
.home-public .home-main { width:100%; background:#fff; }
.home-hero-banner { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:320px; background:url('../assets/images/banner1.jpg') center/cover no-repeat; }
.home-hero-logo { position:relative; width:180px; height:180px; }
.home-hero-logo-outline,.home-hero-logo-main { position:absolute; width:100%; height:100%; object-fit:contain; }
.home-hero-logo-outline { top:4px; left:4px; z-index:1; }
.home-hero-logo-main { top:0; left:0; z-index:2; }
.home-intro { min-height:420px; padding:1px 16px 48px; background:#fff; text-align:center; }
.home-intro h1 { margin:2rem 0 1rem; color:#007aff; font-size:2.2rem; font-weight:800; font-style:italic; text-align:center; }
.home-placeholder-copy { margin-bottom:3rem; color:#5ac8fa; font-size:1rem; line-height:1.6; text-align:center; }
.home-placeholder-copy p { margin:4px 0; }
@media(max-width:620px) {
  .home-hero-banner { height:260px; }
  .home-hero-logo { width:160px; height:160px; }
  .home-intro h1 { font-size:clamp(1.65rem,7vw,2.2rem); }
}

/* Shared subtle patterned canvas for the Home and About pages */
body.home-public,
body.about-public { background:url('../assets/images/background2.png') repeat center center; }
.home-public .home-main { background:url('../assets/images/background2.png') repeat center center; }
.home-public .home-intro { background:rgba(255,255,255,.88); }

/* Layered CoolTime home hero */
.home-public .hero-container {
  position:relative; isolation:isolate; width:100%; min-height:clamp(460px,48vw,590px);
  overflow:hidden; background:#f7fbfe; color:#318cc9;
}
.home-public .hero-background { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center; }
.home-public .hero-dot-left,.home-public .hero-dot-right { position:absolute; z-index:-1; top:4%; width:clamp(96px,16vw,175px); height:92%; object-fit:fill; opacity:.8; pointer-events:none; }
.home-public .hero-dot-left { left:0; }
.home-public .hero-dot-right { right:0; }
.home-public .hero-copy { position:absolute; z-index:3; top:6%; left:clamp(24px,3.8vw,52px); width:min(54%,650px); }
.home-public .hero-copy h1 { margin:0 0 24px; color:#1685db; font-size:clamp(1.65rem,3vw,2.65rem); font-weight:800; font-style:italic; line-height:1.12; }
.home-public .hero-subheadline { max-width:590px; margin:0; color:#3695c8; font-size:clamp(.82rem,1.55vw,1.25rem); font-weight:750; letter-spacing:.025em; line-height:1.35; }
.home-public .hero-features { position:absolute; z-index:3; top:9%; right:clamp(100px,19vw,245px); width:min(27%,320px); margin:0; padding:0; list-style:none; color:#4295bd; font-size:clamp(.66rem,1.2vw,.95rem); line-height:1.16; }
.home-public .hero-features li { margin:0; }
.home-public .hero-features .hero-wifi { margin-top:3px; color:#1685c8; font-size:1.18em; font-weight:800; letter-spacing:.04em; }
.home-public .hero-ground-logo { position:absolute; z-index:0; left:43%; bottom:3%; width:34%; height:34%; object-fit:contain; }
.home-public .hero-car-stack { position:absolute; z-index:1; left:1%; bottom:1%; width:53%; height:54%; }
.home-public .hero-car-stack img,.home-public .hero-mascot-stack img { position:absolute; display:block; object-fit:contain; }
.home-public .car-effect-white,.home-public .car-effect-blue,.home-public .hero-car { left:0; bottom:0; width:100%; height:100%; }
.home-public .car-effect-white { z-index:0; }
.home-public .car-effect-blue { z-index:1; }
.home-public .car-3 { z-index:2; left:48%; bottom:25%; width:49%; height:65%; }
.home-public .car-2 { z-index:3; left:29%; bottom:10%; width:67%; height:80%; }
.home-public .car-1 { z-index:4; width:100%; height:100%; }
.home-public .hero-mascot-stack { position:absolute; z-index:2; right:1%; bottom:2%; width:25%; height:51%; }
.home-public .mascot-effect-white,.home-public .mascot-effect-blue,.home-public .hero-mascot { inset:0; width:100%; height:100%; }
.home-public .mascot-effect-white { z-index:0; }
.home-public .mascot-effect-blue { z-index:1; }
.home-public .hero-mascot { z-index:2; }
@media(max-width:760px) {
  .home-public .hero-container { min-height:700px; }
  .home-public .hero-copy { top:5%; left:7%; width:86%; }
  .home-public .hero-copy h1 { margin-bottom:14px; }
  .home-public .hero-subheadline { max-width:90%; }
  .home-public .hero-features { top:24%; left:9%; right:auto; width:56%; font-size:clamp(.66rem,2vw,.88rem); }
  .home-public .hero-ground-logo { left:42%; bottom:5%; width:45%; height:25%; }
  .home-public .hero-car-stack { left:-2%; bottom:0; width:68%; height:39%; }
  .home-public .hero-mascot-stack { right:0; bottom:1%; width:32%; height:36%; }
  .home-public .hero-dot-left,.home-public .hero-dot-right { top:3%; height:94%; width:14%; }
}
@media(max-width:480px) {
  .home-public .hero-container { min-height:740px; }
  .home-public .hero-copy { left:8%; width:84%; }
  .home-public .hero-copy h1 { font-size:1.65rem; }
  .home-public .hero-subheadline { max-width:100%; font-size:.78rem; }
  .home-public .hero-features { top:25%; left:9%; width:76%; font-size:.72rem; }
  .home-public .hero-ground-logo { left:42%; bottom:5%; width:51%; height:20%; }
  .home-public .hero-car-stack { left:-8%; bottom:0; width:78%; height:33%; }
  .home-public .hero-mascot-stack { right:-3%; bottom:0; width:32%; height:31%; }
}

/* Homepage collage banner and coordinate-based hero artwork layout */
.home-public .top-photo-banner { width:100%; overflow:hidden; }
.home-public .top-photo-banner img { display:block; width:100%; height:auto!important; object-fit:cover; }
.home-public .hero-section {
  position:relative; isolation:isolate; width:100%; min-height:550px; overflow:hidden;
  background:#f7fbfe;
}
.home-public .hero-section .hero-background { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; }
.home-public .hero-section .hero-dot-left,.home-public .hero-section .hero-dot-right {
  position:absolute; top:20px; z-index:1; width:220px; height:auto; opacity:1; pointer-events:none;
}
.home-public .hero-section .hero-dot-left { left:10px; }
.home-public .hero-section .hero-dot-right { right:10px; }
.home-public .hero-section .hero-copy { display:contents; }
.home-public .hero-section #homeSlogan {
  position:absolute; top:35px; left:40px; z-index:10; margin:0; color:#1d4ed8;
  font-size:2.2rem; font-weight:800; font-style:italic; line-height:1.15;
}
.home-public .hero-section .hero-subheadline {
  position:absolute; top:110px; left:220px; z-index:10; width:min(450px,calc(100% - 460px));
  max-width:450px; margin:0; color:#0284c7; font-size:1.1rem; font-weight:700; line-height:1.3;
}
.home-public .hero-section .hero-features {
  position:absolute; top:35px; right:260px; z-index:10; width:260px; margin:0; padding:0;
  color:#0284c7; font-size:.85rem; font-weight:600; line-height:1.35; text-align:left; list-style:none;
}
.home-public .hero-section .hero-features li { margin:0; }
.home-public .hero-section .hero-features .hero-wifi {
  margin-top:4px; color:#1d4ed8; font-size:1.05rem; font-weight:800;
}
.home-public .hero-section #groundLogo {
  position:absolute; bottom:30px; left:42%; z-index:2; width:450px; height:auto;
  transform:translateX(-50%); object-fit:contain;
}
.home-public .hero-section .hero-car-stack,.home-public .hero-section .hero-mascot-stack { display:contents; }
.home-public .hero-section #carEffectWhite { position:absolute; bottom:45px; left:20px; z-index:3; width:420px; height:auto; }
.home-public .hero-section #carEffectBlue { position:absolute; bottom:48px; left:25px; z-index:4; width:415px; height:auto; }
.home-public .hero-section #car3 { position:absolute; bottom:120px; left:280px; z-index:3; width:250px; height:auto; opacity:.6; }
.home-public .hero-section #car2 { position:absolute; bottom:90px; left:200px; z-index:4; width:300px; height:auto; opacity:.85; }
.home-public .hero-section #car1 { position:absolute; bottom:40px; left:15px; z-index:5; width:410px; height:auto; }
.home-public .hero-section #mascotEffectWhite { position:absolute; bottom:30px; right:30px; z-index:3; width:270px; height:auto; }
.home-public .hero-section #mascotEffectBlue { position:absolute; bottom:32px; right:32px; z-index:4; width:265px; height:auto; }
.home-public .hero-section #mascot { position:absolute; bottom:35px; right:35px; z-index:5; width:260px; height:auto; }
@media(max-width:1000px) {
  .home-public .hero-section { min-height:540px; }
  .home-public .hero-section .hero-dot-left,.home-public .hero-section .hero-dot-right { width:clamp(115px,22vw,220px); }
  .home-public .hero-section .hero-features { right:25%; width:clamp(210px,27vw,260px); }
  .home-public .hero-section #groundLogo { width:clamp(300px,45vw,450px); }
  .home-public .hero-section #carEffectWhite { width:clamp(300px,42vw,420px); }
  .home-public .hero-section #carEffectBlue { width:clamp(296px,41.5vw,415px); }
  .home-public .hero-section #car1 { width:clamp(292px,41vw,410px); }
  .home-public .hero-section #car2 { left:clamp(150px,20vw,200px); width:clamp(220px,30vw,300px); }
  .home-public .hero-section #car3 { left:clamp(210px,28vw,280px); width:clamp(185px,25vw,250px); }
  .home-public .hero-section #mascotEffectWhite { width:clamp(195px,27vw,270px); }
  .home-public .hero-section #mascotEffectBlue { width:clamp(191px,26.5vw,265px); }
  .home-public .hero-section #mascot { width:clamp(187px,26vw,260px); }
}
@media(max-width:700px) {
  .home-public .hero-section { min-height:790px; }
  .home-public .hero-section .hero-dot-left,.home-public .hero-section .hero-dot-right { top:8px; width:clamp(72px,20vw,140px); }
  .home-public .hero-section #homeSlogan { top:30px; left:7%; width:86%; font-size:clamp(1.55rem,7vw,2.1rem); }
  .home-public .hero-section .hero-subheadline { top:92px; left:7%; width:86%; max-width:none; font-size:1rem; }
  .home-public .hero-section .hero-features { top:175px; left:8%; right:auto; width:84%; font-size:.82rem; }
  .home-public .hero-section #groundLogo { bottom:18px; left:56%; width:58vw; }
  .home-public .hero-section #carEffectWhite { bottom:12px; left:2%; width:61vw; }
  .home-public .hero-section #carEffectBlue { bottom:14px; left:3%; width:60vw; }
  .home-public .hero-section #car1 { bottom:8px; left:1%; width:59vw; }
  .home-public .hero-section #car2 { bottom:44px; left:24%; width:43vw; }
  .home-public .hero-section #car3 { bottom:88px; left:39%; width:34vw; }
  .home-public .hero-section #mascotEffectWhite { bottom:10px; right:0; width:36vw; }
  .home-public .hero-section #mascotEffectBlue { bottom:11px; right:1%; width:35vw; }
  .home-public .hero-section #mascot { bottom:12px; right:2%; width:34vw; }
}

/* Composite artwork and explicit hero layer stack */
.home-public .hero-section .hero-background { z-index:0; }
.home-public .hero-section .hero-dot-left { z-index:20; }
.home-public .hero-section .hero-dot-right { z-index:10; }
.home-public .hero-section #groundLogo { z-index:30; }
.home-public .hero-section #car3 { z-index:50; }
.home-public .hero-section #car2 { z-index:60; }
.home-public .hero-section #car1 { z-index:70; }
.home-public .hero-section #carWithEffect {
  position:absolute; bottom:10px; left:8px; z-index:80; width:500px; height:auto; object-fit:contain;
}
.home-public .hero-section #mascotWithEffect {
  position:absolute; right:20px; bottom:18px; z-index:40; width:280px; height:auto; object-fit:contain;
}
.home-public .hero-section #homeSlogan {
  top:28px; left:50%; z-index:110; width:min(630px,calc(100% - 460px));
  transform:translateX(-50%); color:#0352FF; text-align:center;
}
.home-public .hero-section .hero-subheadline {
  top:108px; left:50%; z-index:100; width:min(560px,calc(100% - 460px));
  transform:translateX(-50%); color:#0AA9FF; text-align:center;
}
.home-public .hero-section .hero-features {
  top:35px; right:clamp(245px,25.5vw,285px); z-index:90; width:260px;
  color:#0AA9FF; text-align:left;
}
.home-public .hero-section .hero-features .hero-wifi { color:#0352FF; }
@media(max-width:1000px) {
  .home-public .hero-section .hero-features { right:27%; width:clamp(210px,26vw,260px); }
  .home-public .hero-section #carWithEffect { left:1%; bottom:10px; width:49vw; }
  .home-public .hero-section #mascotWithEffect { right:1.5%; bottom:16px; width:28vw; }
  .home-public .hero-section #homeSlogan { width:min(600px,calc(100% - 400px)); }
  .home-public .hero-section .hero-subheadline { width:min(560px,calc(100% - 400px)); }
}
@media(max-width:700px) {
  .home-public .hero-section { min-height:790px; }
  .home-public .hero-section #homeSlogan { top:24px; left:50%; width:84%; font-size:clamp(1.55rem,7vw,2.1rem); }
  .home-public .hero-section .hero-subheadline { top:84px; left:50%; width:84%; max-width:none; font-size:1rem; }
  .home-public .hero-section .hero-features { top:165px; left:8%; right:auto; width:84%; font-size:.82rem; }
  .home-public .hero-section #groundLogo { bottom:18px; left:56%; width:58vw; }
  .home-public .hero-section #car3 { bottom:88px; left:39%; width:34vw; }
  .home-public .hero-section #car2 { bottom:44px; left:24%; width:43vw; }
  .home-public .hero-section #car1 { bottom:8px; left:1%; width:59vw; }
  .home-public .hero-section #carWithEffect { bottom:6px; left:0; width:67vw; }
  .home-public .hero-section #mascotWithEffect { bottom:10px; right:0; width:38vw; }
}
.home-public .hero-section #homeSlogan { z-index:110; }
.home-public .hero-section .hero-subheadline { z-index:100; }
.home-public .hero-section .hero-features { z-index:90; }
.home-public .hero-section #carWithEffect { z-index:80; }
.home-public .hero-section #car1 { z-index:70; }
.home-public .hero-section #car2 { z-index:60; }
.home-public .hero-section #car3 { z-index:50; }
.home-public .hero-section #mascotWithEffect { z-index:40; }
.home-public .hero-section #groundLogo { z-index:30; }
.home-public .hero-section #dotLeft { z-index:20; }
.home-public .hero-section #dotRight { z-index:10; }

/* Single composite car row and left-aligned mockup typography */
.home-public .hero-section #homeSlogan {
  top:12px; left:clamp(165px,17vw,220px); width:min(500px,calc(100% - 480px));
  transform:none; color:#0352FF; text-align:left;
}
.home-public .hero-section .hero-subheadline {
  top:66px; left:clamp(165px,17vw,220px); width:min(450px,calc(100% - 480px));
  transform:none; color:#0AA9FF; text-align:left;
}
.home-public .hero-section .hero-features {
  top:40px; right:clamp(165px,17vw,220px); width:220px; color:#0AA9FF;
}
.home-public .hero-section #car123 {
  position:absolute; bottom:28px; left:8px; z-index:70; width:520px; height:auto; object-fit:contain;
}
.home-public .hero-section #carWithEffect { z-index:80; }
.home-public .hero-section #mascotWithEffect { z-index:60; }
.home-public .hero-section #groundLogo { z-index:50; }
.home-public .hero-section #dotLeft { z-index:20; }
.home-public .hero-section #dotRight { z-index:10; }
@media(max-width:900px) {
  .home-public .hero-section { min-height:760px; }
  .home-public .hero-section #homeSlogan,
  .home-public .hero-section .hero-subheadline { left:clamp(130px,17vw,165px); width:calc(100% - clamp(270px,34vw,340px)); }
  .home-public .hero-section #homeSlogan { top:18px; }
  .home-public .hero-section .hero-subheadline { top:72px; }
  .home-public .hero-section .hero-features { top:155px; left:clamp(130px,17vw,165px); right:auto; width:min(440px,calc(100% - 300px)); }
  .home-public .hero-section #car123 { bottom:18px; left:0; width:min(62vw,520px); }
  .home-public .hero-section #carWithEffect { bottom:8px; left:0; width:min(60vw,500px); }
  .home-public .hero-section #mascotWithEffect { bottom:12px; right:1%; width:min(34vw,280px); }
  .home-public .hero-section #groundLogo { bottom:20px; left:55%; width:min(52vw,450px); }
}
@media(max-width:600px) {
  .home-public .hero-section { min-height:800px; }
  .home-public .hero-section .hero-dot-left,.home-public .hero-section .hero-dot-right { width:clamp(65px,18vw,105px); }
  .home-public .hero-section #homeSlogan,
  .home-public .hero-section .hero-subheadline { left:20%; width:72%; }
  .home-public .hero-section #homeSlogan { top:20px; font-size:clamp(1.45rem,7vw,1.9rem); }
  .home-public .hero-section .hero-subheadline { top:78px; font-size:.9rem; }
  .home-public .hero-section .hero-features { top:168px; left:20%; width:74%; font-size:.75rem; }
  .home-public .hero-section #car123 { bottom:12px; left:-4%; width:78vw; }
  .home-public .hero-section #carWithEffect { bottom:5px; left:-5%; width:76vw; }
  .home-public .hero-section #groundLogo { bottom:16px; left:63%; width:55vw; }
  .home-public .hero-section #mascotWithEffect { bottom:9px; right:-2%; width:36vw; }
}

/* Hero typography, side art, and artwork placement from the latest mockup */
.home-public .hero-section { min-height:590px; }
.home-public .hero-section .hero-dot-left,
.home-public .hero-section .hero-dot-right {
  top:0; bottom:0; height:100%; width:auto; max-width:clamp(90px,9vw,125px);
  object-fit:cover;
}
.home-public .hero-section .hero-dot-left { left:0; z-index:20; }
.home-public .hero-section .hero-dot-right { right:0; z-index:10; }
.home-public .hero-section #homeSlogan {
  top:25px; left:140px; z-index:110; width:max-content; max-width:none; margin:0;
  color:#0352FF; font-size:2.8rem; font-weight:800; font-style:italic;
  line-height:1.15; text-align:left; white-space:nowrap; transform:none;
}
.home-public .hero-section .hero-subheadline {
  top:95px; left:140px; z-index:100; width:min(580px,calc(100% - 160px)); max-width:580px;
  margin:0; color:#0AA9FF; font-size:1.25rem; font-weight:700; line-height:1.35;
  text-align:left; transform:none;
}
.home-public .hero-section .hero-features {
  top:25px; right:280px; z-index:90; width:320px; margin:0; padding:0;
  color:#0AA9FF; font-size:1rem; font-weight:600; line-height:1.4; text-align:left;
}
.home-public .hero-section .hero-features .hero-wifi { color:#0352FF; font-weight:800; }
.home-public .hero-section #car123 {
  bottom:35px; left:210px; z-index:70; width:520px; height:auto; object-fit:contain;
}
.home-public .hero-section #groundLogo {
  bottom:15px; left:45%; z-index:50; width:580px; height:auto;
  transform:translateX(-20%); object-fit:contain;
}
/* Keep these two foreground assets fixed at the requested coordinates. */
.home-public .hero-section #carWithEffect {
  position:absolute; bottom:20px; left:10px; z-index:80; width:500px; height:auto;
}
.home-public .hero-section #mascotWithEffect {
  position:absolute; bottom:15px; right:15px; z-index:60; width:280px; height:auto;
}
@media(max-width:1349px) {
  .home-public .hero-section { min-height:800px; }
  .home-public .hero-section .hero-features { top:190px; left:140px; right:auto; }
}
@media(max-width:850px) {
  .home-public .hero-section #homeSlogan { font-size:clamp(1.5rem,4vw,2.4rem); }
  .home-public .hero-section .hero-subheadline { width:calc(100% - 180px); font-size:1.1rem; }
  .home-public .hero-section .hero-features { left:140px; width:min(320px,calc(100% - 170px)); font-size:.9rem; }
  .home-public .hero-section #car123 { left:15vw; width:min(68vw,520px); }
  .home-public .hero-section #groundLogo { left:44%; width:min(70vw,580px); }
}
@media(max-width:600px) {
  .home-public .hero-section { min-height:820px; }
  .home-public .hero-section .hero-dot-left,
  .home-public .hero-section .hero-dot-right { max-width:48px; }
  .home-public .hero-section #homeSlogan {
    top:22px; left:60px; width:calc(100% - 120px); max-width:calc(100% - 120px);
    font-size:clamp(.65rem,3.5vw,1.2rem); letter-spacing:-.025em;
  }
  .home-public .hero-section .hero-subheadline {
    top:78px; left:60px; width:calc(100% - 120px); max-width:none; font-size:.82rem;
  }
  .home-public .hero-section .hero-features {
    top:158px; left:60px; width:calc(100% - 120px); max-width:260px; font-size:.75rem;
  }
  .home-public .hero-section #car123 { bottom:35px; left:10vw; width:78vw; }
  .home-public .hero-section #groundLogo { bottom:15px; left:42%; width:64vw; }
  .home-public .hero-section #carWithEffect { bottom:20px; left:10px; width:76vw; }
  .home-public .hero-section #mascotWithEffect { bottom:15px; right:15px; width:36vw; }
}
.about-public main.about-layout { background:rgba(255,255,255,.88) url('../assets/images/background2.png') repeat center center; }
.about-hero { position:relative; align-items:flex-end; overflow:hidden; background:#07365a; }
.about-hero::before { background:none; }
.about-hero-image { position:absolute; inset:0; display:block; width:100%; height:100%; max-height:350px; object-fit:cover; object-position:center; }
.about-hero h1 { z-index:1; }

body.public-page .site-header { background-image:url('../assets/images/textureheader.png'); background-size:cover; background-position:center 42%; }
body.public-page .logo:has(.brand-logo-image) { border:0; background:transparent; box-shadow:none; }

/* About page photography cropped from the supplied banners */
.about-hero { min-height:clamp(190px,24vw,260px); }
.about-hero::before { background:none; }
.about-hero::after { display:none; }
.about-collage { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:clamp(110px,14vw,180px); gap:3px; }
.about-collage .photo-placeholder { min-height:0; overflow:hidden; color:transparent; font-size:0; text-shadow:none; background-image:url('../assets/images/banner4.png'); background-size:500% 200%; background-repeat:no-repeat; }
.about-collage .photo-placeholder:nth-child(n) { color:transparent; font-size:0; text-shadow:none; background-image:url('../assets/images/banner4.png'); background-size:500% 200%; background-repeat:no-repeat; }
.about-collage .photo-placeholder:nth-child(1) { background-position:0% 0%; }
.about-collage .photo-placeholder:nth-child(2) { background-position:25% 0%; }
.about-collage .photo-placeholder:nth-child(3) { background-position:50% 0%; }
.about-collage .photo-placeholder:nth-child(4) { background-position:0% 100%; }
.about-collage .photo-placeholder:nth-child(5) { background-position:25% 100%; }
.about-collage .photo-placeholder:nth-child(6) { background-position:50% 100%; }
.about-collage .photo-placeholder:nth-child(7) { background-position:50% 0%; }
.about-collage .photo-placeholder:nth-child(8) { background-position:75% 100%; }
.about-collage .photo-placeholder:nth-child(9) { background-position:100% 100%; }
@media(max-width:620px) { .about-hero { min-height:190px; }.about-collage { grid-auto-rows:clamp(100px,32vw,150px); } }

/* Seamless About Us photo collage */
.about-public .about-collage {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}
.about-public .about-collage .photo-placeholder {
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
@media(min-width:901px) {
  .about-public main.about-layout {
    min-height:85vh!important;
    padding:0!important;
    column-gap:0!important;
    align-items:stretch!important;
  }
  .about-public .about-copy {
    align-self:center!important;
    padding:clamp(28px,4vw,64px)!important;
  }
  .about-public .about-collage {
    width:100%!important;
    height:100%!important;
    min-height:85vh!important;
    grid-auto-rows:minmax(0,1fr)!important;
    align-self:stretch!important;
  }
}

/* Services page image banner and package photography */
.services-hero { min-height:clamp(190px,22vw,270px); }
.services-hero::before { background-image:linear-gradient(90deg,rgba(2,20,48,.18),rgba(2,20,48,.08)),url('../assets/images/banner4.png'); background-size:cover; background-position:center 50%; }
.services-hero::after { display:none; }
.services-page { max-width:none; padding:0 0 38px; background:#f4f7f9; color:#fff; }
.services-page .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; }
.services-page .package-card { min-height:clamp(400px,44vw,560px); padding:clamp(22px,4vw,58px); border:0; border-radius:0; background-size:cover; background-position:center; }
.services-page .package-card:first-child { background-image:linear-gradient(115deg,rgba(1,35,68,.16),rgba(1,24,54,.28)),url('../assets/images/singleaircon1.png'); }
.services-page .package-card.double-aircon { background-image:linear-gradient(115deg,rgba(1,35,68,.18),rgba(1,24,54,.28)),url('../assets/images/doubleaircon.png'); }
.services-page .package-overlay { border:1px solid rgba(255,255,255,.22); background:rgba(3,25,62,.78); backdrop-filter:blur(8px); }
@media(max-width:760px) { .services-hero { min-height:190px; }.services-page .package-card { min-height:420px; } }

/* Contact page photo banner, patterned canvas, and two-column inquiry layout */
body.contact-public .contact-hero { min-height:clamp(190px,23vw,260px); }
body.contact-public .contact-hero::before { background-image:linear-gradient(90deg,rgba(4,21,44,.12),rgba(4,21,44,.05)),url('../assets/images/banner3.png'); background-size:cover; background-position:center 48%; }
body.contact-public .contact-hero::after { display:none; }
body.contact-public .contact-page { background-color:#f3f4f5; background-image:url('../assets/images/background.png'); background-size:cover; background-position:center top; }
body.contact-public .contact-feature { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:'title title' 'branches inquiry' 'details inquiry'; align-items:start; gap:12px clamp(20px,3vw,36px); padding:10px clamp(24px,5.2vw,64px) 30px; }
body.contact-public .contact-locations { display:contents; }
body.contact-public .contact-locations>h2 { grid-area:title; margin:0; color:#087fb0; font-size:clamp(2rem,4vw,3rem); font-style:italic; line-height:1.1; text-shadow:0 1px 0 rgba(255,255,255,.8); }
body.contact-public .contact-locations>h3 { display:none; }
body.contact-public .branch-grid { grid-area:branches; grid-template-columns:repeat(2,minmax(0,1fr)); align-self:start; gap:14px; }
body.contact-public .branch-card { border:0; border-radius:14px; background:rgba(255,255,255,.5); box-shadow:0 4px 12px rgba(20,40,52,.13); }
body.contact-public .branch-map { height:clamp(150px,17vw,190px); border:1px solid rgba(24,45,58,.12); border-radius:14px; box-shadow:0 3px 6px rgba(0,0,0,.2); }
body.contact-public .branch-card-content { padding:8px 2px 0; }
body.contact-public .branch-card-content h3 { display:none; }
body.contact-public .branch-card address { color:#657987; font-size:.78rem; line-height:1.25; }
body.contact-public .contact-strip { grid-area:details; display:grid; grid-template-columns:minmax(0,1fr); gap:8px; padding:10px 0 0; }
body.contact-public .contact-strip article { display:grid; grid-template-columns:minmax(0,1fr); gap:2px; min-width:0; color:#667987; font-size:.86rem; }
body.contact-public .contact-strip article>a { display:flex; align-items:center; gap:10px; min-width:0; color:#667987; overflow-wrap:anywhere; }
body.contact-public .contact-icon { display:block; flex:0 0 28px; width:28px; height:28px; object-fit:contain; }
body.contact-public .contact-strip small { margin-left:38px; color:#71818c; font-size:.68rem; }
body.contact-public .contact-form-wrap { grid-area:inquiry; min-width:0; }
body.contact-public .contact-form { width:100%; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
body.contact-public .contact-form h2 { margin:0 0 6px; color:#71818c; font-size:.84rem; font-weight:500; text-align:center; }
body.contact-public .contact-form>p:not(.form-feedback) { display:none; }
body.contact-public .contact-fields { grid-template-columns:repeat(12,minmax(0,1fr)); gap:4px 10px; }
body.contact-public .contact-fields>div { min-width:0; }
body.contact-public .contact-fields>div:nth-child(1) { grid-column:1/span 6; grid-row:1; }
body.contact-public .contact-fields>div:nth-child(2) { grid-column:7/span 6; grid-row:1; }
body.contact-public .contact-fields>div:nth-child(3) { grid-column:1/span 6; grid-row:2; }
body.contact-public .contact-fields>div:nth-child(4) { grid-column:1/span 6; grid-row:3; }
body.contact-public .contact-fields>div:nth-child(5) { grid-column:7/span 6; grid-row:3; }
body.contact-public .contact-fields>div:nth-child(6) { grid-column:1/span 4; grid-row:4; }
body.contact-public .contact-fields>div:nth-child(7) { grid-column:5/span 4; grid-row:4; }
body.contact-public .contact-fields>div:nth-child(8) { grid-column:9/span 4; grid-row:4; }
body.contact-public .contact-fields .contact-message { grid-column:1/-1; grid-row:5; }
body.contact-public .contact-fields label { margin:0 0 3px; color:#687b88; font-size:.74rem; font-weight:500; }
body.contact-public .contact-form input,body.contact-public .contact-form select { min-height:36px; padding:7px 12px; border:1px solid rgba(100,120,135,.12); border-radius:999px; background:rgba(255,255,255,.9); font-size:.82rem; }
body.contact-public .contact-form textarea { min-height:112px; padding:12px 14px; border:1px solid rgba(100,120,135,.12); border-radius:20px; background:rgba(255,255,255,.93); font-size:.85rem; }
body.contact-public .contact-form .btn { width:min(180px,100%); min-height:46px; margin:10px 0 0 auto; border-radius:999px; background:#050505; box-shadow:none; }
body.contact-public .contact-form .form-feedback { min-height:1.2em; text-align:right; }
@media(max-width:900px) {
  body.contact-public .contact-feature { grid-template-columns:minmax(0,1fr); grid-template-areas:'title' 'branches' 'details' 'inquiry'; gap:14px; }
  body.contact-public .contact-form-wrap { grid-row:auto; }
  body.contact-public .branch-map { height:clamp(160px,25vw,220px); }
}
@media(max-width:620px) {
  body.contact-public .contact-feature { padding:14px 18px 24px; }
  body.contact-public .branch-grid { grid-template-columns:1fr; }
  body.contact-public .branch-map { height:190px; }
  body.contact-public .contact-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.contact-public .contact-fields>div:nth-child(n) { grid-column:span 1; grid-row:auto; }
  body.contact-public .contact-fields .contact-message { grid-column:1/-1; grid-row:auto; }
}
 
/* Feedback page photo banner and clean two-column form */
body.feedback-public .feedback-hero { min-height:clamp(200px,24vw,270px); }
body.feedback-public .feedback-hero::before { background-image:linear-gradient(90deg,rgba(3,17,35,.28),rgba(3,17,35,.05)),url('../assets/images/banner5.png'); background-size:cover; background-position:center 58%; }
body.feedback-public .feedback-hero::after { display:none; }
body.feedback-public .feedback-form-section { min-height:clamp(420px,46vw,540px); padding:22px clamp(30px,8vw,112px) 40px; background-color:#f2f3f4; background-image:url('../assets/images/background.png'); background-size:cover; background-position:center top; }
body.feedback-public .feedback-form { display:block; width:min(100%,1020px); margin:0 auto; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
body.feedback-public .feedback-form .form-intro { margin:0 0 20px; color:#667986; font-size:.9rem; text-align:left; }
body.feedback-public .feedback-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px clamp(28px,5vw,60px); }
body.feedback-public .feedback-fields>div { min-width:0; }
body.feedback-public .feedback-fields>div:nth-child(1) { grid-column:1; grid-row:1; }
body.feedback-public .feedback-fields>div:nth-child(2) { grid-column:1; grid-row:2; }
body.feedback-public .feedback-fields>div:nth-child(3) { grid-column:1; grid-row:3; }
body.feedback-public .feedback-fields>div:nth-child(4) { grid-column:2; grid-row:1; }
body.feedback-public .feedback-fields .feedback-description { grid-column:2; grid-row:2 / span 2; }
body.feedback-public .feedback-fields .feedback-attachment { grid-column:2; grid-row:4; }
body.feedback-public .feedback-form label { margin:0 0 4px; color:#647783; font-size:.82rem; font-weight:500; }
body.feedback-public .feedback-form input:not([type="file"]) { min-height:38px; padding:8px 14px; border:1px solid rgba(100,120,135,.12); border-radius:999px; background:rgba(255,255,255,.92); }
body.feedback-public .feedback-form textarea { min-height:184px; padding:12px 16px; border:1px solid rgba(100,120,135,.1); border-radius:22px; background:rgba(255,255,255,.94); resize:vertical; }
body.feedback-public .feedback-form .feedback-attachment input[type="file"] { min-height:0; padding:8px 0; color:#344c5c; }
body.feedback-public .feedback-form .btn { display:block; width:min(210px,100%); min-height:52px; margin:12px 0 0 auto; border-radius:999px; background:#050505; box-shadow:none; }
body.feedback-public .feedback-form .form-feedback { min-height:1.2em; margin:6px 0 0; text-align:right; }
@media(max-width:760px) {
  body.feedback-public .feedback-form-section { min-height:0; padding:24px 22px 34px; }
  body.feedback-public .feedback-fields { grid-template-columns:minmax(0,1fr); gap:12px; }
  body.feedback-public .feedback-fields>div:nth-child(n) { grid-column:1; grid-row:auto; }
  body.feedback-public .feedback-fields .feedback-description { grid-row:auto; }
  body.feedback-public .feedback-form textarea { min-height:150px; }
}

/* Final homepage hero layout */
.home-public .hero-section { min-height:590px; }
.home-public .hero-section .hero-dot-left,
.home-public .hero-section .hero-dot-right {
  top:0; bottom:0; height:100%; width:auto; max-width:clamp(90px,9vw,125px); object-fit:cover;
}
.home-public .hero-section .hero-dot-left { left:0; z-index:20; }
.home-public .hero-section .hero-dot-right { right:0; z-index:10; }
.home-public .hero-section #homeSlogan {
  position:absolute; top:25px; left:140px; z-index:110; width:max-content; max-width:none; margin:0;
  color:#0352FF; font-size:2.8rem; font-weight:800; font-style:italic; line-height:1.15;
  text-align:left; white-space:nowrap; transform:none;
}
.home-public .hero-section .hero-subheadline {
  position:absolute; top:95px; left:140px; z-index:100; width:min(580px,calc(100% - 160px));
  max-width:580px; margin:0; color:#0AA9FF; font-size:1.25rem; font-weight:700;
  line-height:1.35; text-align:left; transform:none;
}
.home-public .hero-section .hero-features {
  position:absolute; top:25px; right:280px; z-index:90; width:320px; margin:0; padding:0;
  color:#0AA9FF; font-size:1rem; font-weight:600; line-height:1.4; text-align:left;
}
.home-public .hero-section .hero-features .hero-wifi { color:#0352FF; font-weight:800; }
.home-public .hero-section #car123 { bottom:35px; left:210px; z-index:70; width:520px; height:auto; }
.home-public .hero-section #groundLogo {
  bottom:15px; left:45%; z-index:50; width:580px; height:auto; transform:translateX(-20%);
}
.home-public .hero-section #carWithEffect { bottom:20px; left:10px; z-index:80; }
.home-public .hero-section #mascotWithEffect { bottom:15px; right:15px; z-index:60; }
@media(max-width:1349px) {
  .home-public .hero-section { min-height:800px; }
  .home-public .hero-section .hero-features { top:190px; left:140px; right:auto; }
}
@media(max-width:850px) {
  .home-public .hero-section #homeSlogan { font-size:clamp(1.5rem,4vw,2.4rem); }
  .home-public .hero-section .hero-subheadline { width:min(580px,calc(100% - 180px)); font-size:1.1rem; }
  .home-public .hero-section .hero-features { left:140px; width:min(320px,calc(100% - 170px)); font-size:.9rem; }
  .home-public .hero-section #car123 { left:15vw; width:min(68vw,520px); }
  .home-public .hero-section #groundLogo { left:44%; width:min(70vw,580px); }
}
@media(max-width:600px) {
  .home-public .hero-section { min-height:820px; }
  .home-public .hero-section .hero-dot-left,
  .home-public .hero-section .hero-dot-right { max-width:48px; }
  .home-public .hero-section #homeSlogan {
    top:22px; left:60px; width:calc(100% - 120px); max-width:calc(100% - 120px);
    font-size:clamp(.65rem,3.5vw,1.2rem); letter-spacing:-.025em;
  }
  .home-public .hero-section .hero-subheadline { top:78px; left:60px; width:calc(100% - 120px); font-size:.82rem; }
  .home-public .hero-section .hero-features {
    top:158px; left:60px; width:calc(100% - 120px); max-width:260px; font-size:.75rem;
  }
  .home-public .hero-section #car123 { left:10vw; width:78vw; }
  .home-public .hero-section #groundLogo { left:42%; width:64vw; }
}

/* Home hero text safe zones and spacing */
.home-public .hero-section { min-height:550px; }
.home-public .hero-section .hero-dot-left,
.home-public .hero-section .hero-dot-right { width:140px; }
.home-public .hero-section #homeSlogan {
  position:absolute; top:25px; left:160px; z-index:110; width:max-content; max-width:none;
  margin:0; color:#0352FF; font-size:2.2rem; font-weight:800; font-style:italic;
  line-height:1.15; text-align:left; white-space:nowrap; transform:none;
}
.home-public .hero-section .hero-subheadline {
  position:absolute; top:90px; left:160px; z-index:100; width:520px; max-width:520px;
  margin:0; color:#0AA9FF; font-size:1.05rem; font-weight:700; line-height:1.4;
  text-align:left; transform:none;
}
.home-public .hero-section .hero-features {
  position:absolute; top:75px; right:280px; z-index:90; width:260px; margin:0; padding:0;
  color:#0AA9FF; font-size:.82rem; font-weight:600; line-height:1.35; text-align:left;
}
.home-public .hero-section .hero-features .hero-wifi { color:#0352FF; font-weight:800; }
@media(max-width:1279px) {
  .home-public .hero-section { min-height:700px; }
  .home-public .hero-section .hero-features { top:185px; left:160px; right:auto; }
  .home-public .hero-section #car123 { bottom:20px; }
  .home-public .hero-section #carWithEffect { bottom:8px; }
  .home-public .hero-section #mascotWithEffect { bottom:12px; }
}
@media(max-width:850px) {
  .home-public .hero-section .hero-dot-left,
  .home-public .hero-section .hero-dot-right { width:clamp(90px,17vw,140px); }
  .home-public .hero-section #homeSlogan,
  .home-public .hero-section .hero-subheadline { left:160px; }
  .home-public .hero-section #homeSlogan { font-size:clamp(1.45rem,4vw,2rem); }
  .home-public .hero-section .hero-subheadline { width:min(520px,calc(100% - 190px)); max-width:none; font-size:1rem; }
  .home-public .hero-section .hero-features { left:160px; top:175px; }
}
@media(max-width:600px) {
  .home-public .hero-section { min-height:790px; }
  .home-public .hero-section .hero-dot-left,
  .home-public .hero-section .hero-dot-right { width:clamp(65px,18vw,95px); }
  .home-public .hero-section #homeSlogan,
  .home-public .hero-section .hero-subheadline,
  .home-public .hero-section .hero-features { left:clamp(105px,28vw,145px); }
  .home-public .hero-section #homeSlogan {
    top:22px; font-size:clamp(.95rem,4.5vw,1.35rem); letter-spacing:-.025em;
  }
  .home-public .hero-section .hero-subheadline {
    top:68px; width:calc(100% - clamp(125px,32vw,165px)); font-size:.8rem; line-height:1.35;
  }
  .home-public .hero-section .hero-features {
    top:142px; width:min(260px,calc(100% - clamp(125px,32vw,165px))); font-size:.72rem;
  }
  .home-public .hero-section #car123 { bottom:12px; left:-4%; width:78vw; }
  .home-public .hero-section #carWithEffect { bottom:5px; left:-5%; width:76vw; }
  .home-public .hero-section #groundLogo { bottom:16px; left:63%; width:55vw; }
  .home-public .hero-section #mascotWithEffect { bottom:9px; right:-2%; width:36vw; }
}

/* Final hero typography and positioning overrides */
.home-public .hero-section { min-height:590px; }
.home-public .hero-section .hero-dot-left,
.home-public .hero-section .hero-dot-right {
  top:0; bottom:0; height:100%; width:auto; max-width:clamp(90px,9vw,125px); object-fit:cover;
}
.home-public .hero-section .hero-dot-left { left:0; z-index:20; }
.home-public .hero-section .hero-dot-right { right:0; z-index:10; }
.home-public .hero-section #homeSlogan {
  position:absolute; top:25px; left:140px; z-index:110; width:max-content; max-width:none; margin:0;
  color:#0352FF; font-size:2.8rem; font-weight:800; font-style:italic; line-height:1.15;
  text-align:left; white-space:nowrap; transform:none;
}
.home-public .hero-section .hero-subheadline {
  position:absolute; top:95px; left:140px; z-index:100; width:min(580px,calc(100% - 160px));
  max-width:580px; margin:0; color:#0AA9FF; font-size:1.25rem; font-weight:700;
  line-height:1.35; text-align:left; transform:none;
}
.home-public .hero-section .hero-features {
  position:absolute; top:25px; right:280px; z-index:90; width:320px; margin:0; padding:0;
  color:#0AA9FF; font-size:1rem; font-weight:600; line-height:1.4; text-align:left;
}
.home-public .hero-section .hero-features .hero-wifi { color:#0352FF; font-weight:800; }
.home-public .hero-section #car123 { bottom:35px; left:210px; z-index:70; width:520px; height:auto; }
.home-public .hero-section #groundLogo {
  bottom:15px; left:45%; z-index:50; width:580px; height:auto; transform:translateX(-20%);
}
.home-public .hero-section #carWithEffect {
  position:absolute; bottom:20px; left:10px; z-index:80;
}
.home-public .hero-section #mascotWithEffect {
  position:absolute; bottom:15px; right:15px; z-index:60;
}
@media(max-width:1349px) {
  .home-public .hero-section { min-height:800px; }
  .home-public .hero-section .hero-features { top:190px; left:140px; right:auto; }
}
@media(max-width:850px) {
  .home-public .hero-section #homeSlogan { font-size:clamp(1.5rem,4vw,2.4rem); }
  .home-public .hero-section .hero-subheadline { width:min(580px,calc(100% - 180px)); font-size:1.1rem; }
  .home-public .hero-section .hero-features { left:140px; width:min(320px,calc(100% - 170px)); font-size:.9rem; }
  .home-public .hero-section #car123 { left:15vw; width:min(68vw,520px); }
  .home-public .hero-section #groundLogo { left:44%; width:min(70vw,580px); }
}
@media(max-width:600px) {
  .home-public .hero-section { min-height:820px; }
  .home-public .hero-section .hero-dot-left,
  .home-public .hero-section .hero-dot-right { max-width:48px; }
  .home-public .hero-section #homeSlogan {
    top:22px; left:60px; width:calc(100% - 120px); max-width:calc(100% - 120px);
    font-size:clamp(.65rem,3.5vw,1.2rem); letter-spacing:-.025em;
  }
  .home-public .hero-section .hero-subheadline { top:78px; left:60px; width:calc(100% - 120px); font-size:.82rem; }
  .home-public .hero-section .hero-features {
    top:158px; left:60px; width:calc(100% - 120px); max-width:260px; font-size:.75rem;
  }
  .home-public .hero-section #car123 { left:10vw; width:78vw; }
  .home-public .hero-section #groundLogo { left:42%; width:64vw; }
}
.home-public .hero-section { height:590px; }
@media(max-width:1349px) { .home-public .hero-section { height:800px; } }
@media(max-width:600px) { .home-public .hero-section { height:820px; } }

/* Latest homepage hero fine tuning */
.home-public .hero-section #homeSlogan {
  top:25px; left:150px; z-index:110; font-size:3.2rem; font-weight:800; font-style:italic;
  color:#0352FF; white-space:nowrap;
}
.home-public .hero-section .hero-subheadline {
  top:100px; left:150px; z-index:100; width:min(620px,calc(100% - 180px)); max-width:620px;
  color:#0AA9FF; font-size:1.35rem; font-weight:700; line-height:1.4;
}
.home-public .hero-section .hero-features {
  top:25px; right:260px; z-index:90; width:340px; color:#0AA9FF;
  font-size:1.05rem; font-weight:600; line-height:1.45;
}
.home-public .hero-section #car123 {
  position:absolute; bottom:65px; left:310px; z-index:70; width:540px; height:auto;
}
.home-public .hero-section #groundLogo {
  position:absolute; bottom:10px; left:52%; z-index:50; width:620px; height:auto;
  transform:translateX(-15%);
}
@media(max-width:1439px) {
  .home-public .hero-section { height:800px; min-height:800px; }
  .home-public .hero-section .hero-features { top:215px; left:150px; right:auto; }
  .home-public .hero-section #car123 { left:clamp(210px,22vw,310px); width:min(540px,50vw); }
}
@media(max-width:850px) {
  .home-public .hero-section #homeSlogan { font-size:clamp(1.5rem,4vw,2.4rem); }
  .home-public .hero-section .hero-subheadline { width:calc(100% - 190px); max-width:620px; font-size:1.1rem; }
  .home-public .hero-section .hero-features { width:min(340px,calc(100% - 180px)); font-size:.92rem; }
  .home-public .hero-section #car123 { left:13vw; width:48vw; }
  .home-public .hero-section #groundLogo { left:52%; width:min(620px,70vw); }
}
@media(max-width:600px) {
  .home-public .hero-section { height:820px; min-height:820px; }
  .home-public .hero-section #homeSlogan {
    top:24px; left:60px; width:calc(100% - 120px); max-width:calc(100% - 120px);
    font-size:clamp(.65rem,3.5vw,1.2rem); letter-spacing:-.025em;
  }
  .home-public .hero-section .hero-subheadline {
    top:72px; left:60px; width:calc(100% - 120px); max-width:none; font-size:.82rem;
  }
  .home-public .hero-section .hero-features {
    top:170px; left:60px; right:auto; width:calc(100% - 120px); max-width:340px; font-size:.75rem;
  }
  .home-public .hero-section #car123 { left:12vw; width:48vw; }
  .home-public .hero-section #groundLogo { left:48%; width:70vw; }
}

/* Targeted adjustment: car composite and feature list only */
.home-public .hero-section #car123 {
  position:absolute; bottom:80px; left:320px; z-index:70; width:470px; height:auto;
}
.home-public .hero-section .hero-features {
  position:absolute; top:25px; right:240px; z-index:90; width:380px; margin:0; padding:0;
  color:#0AA9FF; font-size:1.15rem; font-weight:600; line-height:1.5; text-align:left;
}
.home-public .hero-section .hero-features .hero-wifi { color:#0352FF; font-weight:800; }
@media(max-width:1439px) {
  .home-public .hero-section .hero-features { top:215px; left:150px; right:auto; }
  .home-public .hero-section #car123 { bottom:10px; left:clamp(160px,22vw,320px); width:min(470px,50vw); }
}
@media(max-width:850px) {
  .home-public .hero-section .hero-features { width:min(380px,calc(100% - 180px)); font-size:1rem; line-height:1.4; }
  .home-public .hero-section #car123 { left:13vw; width:48vw; }
}
@media(max-width:600px) {
  .home-public .hero-section .hero-features {
    top:170px; left:60px; right:auto; width:calc(100% - 120px); max-width:380px;
    font-size:.85rem; line-height:1.35;
  }
  .home-public .hero-section #car123 { bottom:10px; left:12vw; width:48vw; }
}

/* Right feature column position only */
.home-public .hero-section .hero-features {
  top:25px; left:auto; right:200px; width:360px;
}
@media(max-width:1439px) {
  .home-public .hero-section .hero-features {
    top:215px; left:auto; right:200px; width:min(360px,calc(100% - 370px));
  }
}
@media(max-width:600px) {
  .home-public .hero-section .hero-features {
    top:170px; left:60px; right:60px; width:calc(100% - 120px); max-width:none;
  }
}