/* Client revision dated 29 October 2026. */
:root{--brief-blue:#174e86}
header>.brand{flex-shrink:0;width:164px!important}header>.brand img,header.scrolled>.brand img{width:164px!important;height:94px!important;object-fit:contain;transform:scale(1.2)!important}
.hero-photos img,.summary-photo img,.photo-tile img,.service-guide-item>img{filter:brightness(1.045) saturate(1.065)}
.brief-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;min-width:0}
.brief-photo-grid .photo-tile{width:100%;min-width:0;aspect-ratio:4/3;border-radius:9px;overflow:hidden;border:0;padding:0;background:#e6edf3;position:relative;cursor:zoom-in}
.brief-photo-grid .photo-tile img{display:block;width:100%;height:100%;object-fit:contain;background:#e6edf3;transition:transform .35s,filter .35s}
.brief-photo-grid .photo-tile:hover img{transform:scale(1.025);filter:brightness(1.07) saturate(1.065)}
.brief-photo-grid.summary-depot-photos{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 20px 20px}
.brief-photo-grid.summary-depot-photos .photo-tile{aspect-ratio:4/3}
.service-summary{align-content:start}.brief-detail-link{font-weight:500;color:#174e86;display:inline-block;margin-top:12px}
.brief-rent{scroll-margin-top:115px}.rental-category{margin-top:48px;scroll-margin-top:125px}.rental-category>h3{font-size:clamp(24px,2.5vw,34px);line-height:1.4;margin:0 0 22px;padding-left:17px;border-left:4px solid #3386c7;color:#123456}
.rental-nav{display:flex;flex-wrap:wrap;gap:10px;position:static;justify-content:center;padding:0;margin:0 0 30px;background:none;box-shadow:none}
.rental-nav a{display:inline-block;background:#e8f0f7;border:1px solid #c6daec;color:#13375c;border-radius:7px;padding:9px 17px;font-weight:500}.rental-nav a:hover{background:#174e86;color:white}
.guide-repair-photos{grid-column:1/-1}.inner-page .service-guide-item:nth-child(even)>.guide-repair-photos{grid-column:1/-1;grid-row:auto}
.brief-actions{display:flex;justify-content:center;margin-top:30px}.brief-actions .button{background:#143d69;color:#fff;border-radius:7px}
.brief-logo-wall{display:flex;flex-direction:column;gap:25px;overflow:visible}.brief-logo-row{display:grid;grid-template-columns:repeat(var(--logo-columns),minmax(0,1fr));gap:20px;align-items:center;width:100%}.brief-logo-row:last-child{width:65%;align-self:center}
.brief-logo-wall .logo-cell{width:auto;min-width:0;height:92px;padding:6px;background:transparent;border:0;box-shadow:none;border-radius:0;flex:none}
.brief-logo-wall .logo-cell img{max-width:100%;width:100%;height:100%;object-fit:contain;filter:none;opacity:1}
.inner-page .depot-banner .page-banner-media img{filter:brightness(1.18) saturate(1.055);object-position:center 58%}
@media(max-width:1100px) and (min-width:761px){header>.brand,header>.brand img{width:125px!important}header>.brand img{height:85px!important;transform:scale(1.12)!important}.brief-logo-row{gap:12px}.brief-logo-wall .logo-cell{height:75px}}
@media(max-width:760px){header>.brand{width:114px!important}header>.brand img,header.scrolled>.brand img{width:114px!important;height:80px!important;transform:scale(1.15)!important}.brief-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brief-photo-grid.summary-depot-photos{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 16px}.rental-category{margin-top:34px;scroll-margin-top:118px}.rental-category>h3{font-size:24px}.rental-nav{gap:7px}.rental-nav a{padding:8px 12px;font-size:13px}.brief-logo-wall{gap:19px}.brief-logo-row{gap:7px;display:flex;flex-wrap:wrap;justify-content:center}.brief-logo-wall .logo-cell{flex:0 0 calc(25% - 6px);height:66px;padding:3px}.brief-logo-row:last-child{width:100%}.brief-logo-row:last-child .logo-cell{flex-basis:27%}.inner-page .service-guide-item>.guide-repair-photos{grid-column:1/-1;grid-row:auto!important}.brief-actions .button{font-size:14px}}
@media(max-width:350px){header>.brand{width:95px!important}header>.brand img,header.scrolled>.brand img{width:95px!important;height:75px!important}.brief-logo-wall .logo-cell{height:57px}}
@media(prefers-reduced-motion:reduce){.brief-photo-grid img{transition:none}}
.brief-photo-grid .photo-tile{position:relative;display:block}
.brief-photo-grid .photo-tile>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important}
.brief-photo-grid .photo-tile{height:260px!important;aspect-ratio:auto!important}
.brief-photo-grid.summary-depot-photos .photo-tile{height:135px!important}
@media(max-width:760px){.brief-photo-grid .photo-tile{height:170px!important}.brief-photo-grid.summary-depot-photos .photo-tile{height:135px!important}}
body :is(#rent,#maintenance,#storage) .brief-photo-grid .photo-tile{height:260px!important;min-height:0!important;aspect-ratio:auto!important}
body :is(#rent,#maintenance,#storage) .brief-photo-grid .photo-tile>img{position:absolute!important;inset:0!important;height:100%!important;width:100%!important;object-fit:contain!important;background:#e6edf3!important}
@media(max-width:760px){body :is(#rent,#maintenance,#storage) .brief-photo-grid .photo-tile{height:170px!important}}

/* Fill the four depot frames without empty bands. */
body #storage .brief-photo-grid .photo-tile>img,body .summary-depot-photos .photo-tile>img{object-fit:cover!important;background:transparent!important}
button.summary-photo{width:100%;border:0;cursor:zoom-in;font:inherit;text-align:inherit}

/* Continuous alternating customer-logo rows. */
.brief-logo-wall{overflow:hidden;gap:14px}
.brief-logo-wall .brief-logo-row,.brief-logo-wall .brief-logo-row:last-child{display:block;width:100%;overflow:hidden;align-self:stretch;padding:7px 0}
.brief-logo-track{display:flex;flex-wrap:nowrap;align-items:center;width:max-content;animation:brief-logo-scroll 36s linear infinite;will-change:transform}
.brief-logo-row:nth-child(even) .brief-logo-track{animation-direction:reverse}
.brief-logo-wall .brief-logo-track .logo-cell{flex:0 0 160px;width:160px;height:92px;margin:0 12px;padding:7px}
.brief-logo-row:hover .brief-logo-track{animation-play-state:paused}
@keyframes brief-logo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){.brief-logo-wall .brief-logo-track .logo-cell{flex-basis:125px;width:125px;height:75px;margin:0 9px;padding:6px}.brief-logo-track{animation-duration:30s}}
@media(prefers-reduced-motion:reduce){.brief-logo-track{animation:none}.brief-logo-wall .brief-logo-row{overflow-x:auto}}
/* Final client revision: seven linked services, consistent galleries and larger logo. */
.service-menu{position:relative;display:flex;align-items:center}
.service-submenu{display:none;position:absolute;top:100%;left:0;width:320px;padding:10px;background:#fff;border:1px solid #d9e4ef;border-radius:8px;box-shadow:0 14px 32px #0b264b24;z-index:101}
.service-menu:hover .service-submenu,.service-menu:focus-within .service-submenu{display:grid}
header nav .service-submenu a{display:block!important;white-space:normal;font-size:14px!important;line-height:1.5;color:#123456!important;padding:10px!important;border-radius:4px}
header nav .service-submenu a:hover{background:#e8f1f8}
.dry-container-heading{font-size:32px;text-align:center;margin:18px 0 30px;color:#123456}
.repair-one-line{font-size:clamp(20px,2.3vw,32px)!important;line-height:1.6}
section[id],article[id]{scroll-margin-top:125px}
.brief-actions button.button{border:0;cursor:pointer;font:inherit;padding:14px 25px}
header>.brand{width:190px!important}header>.brand img,header.scrolled>.brand img{width:190px!important;height:104px!important;transform:scale(1.12)!important}
footer .brand img{width:160px;height:100px;object-fit:contain}
.page-banner-media img[src*="services-vehicles"]{object-position:center center!important;filter:brightness(1.06) saturate(1.03)!important}
.page-banner-media img[src*="p5-2-clean"]{object-position:center center!important;filter:brightness(1.08) saturate(1.04)!important}
@media(min-width:1050px){.repair-one-line{white-space:nowrap}}
@media(max-width:1100px){header>.brand{width:132px!important}header>.brand img,header.scrolled>.brand img{width:132px!important;height:88px!important}}
@media(max-width:760px){header>.brand{width:128px!important}header>.brand img,header.scrolled>.brand img{width:128px!important;height:84px!important}header nav .service-menu{display:block;width:100%}.service-submenu{display:grid;position:static;box-shadow:none;border:0;border-left:2px solid #3973a7;width:100%;padding:0 0 0 12px;margin-top:6px;background:transparent}header nav .service-submenu a{font-size:13px!important;padding:8px!important}.repair-one-line{white-space:normal}header nav.open{max-height:calc(100dvh - 105px);overflow:auto}.dry-container-heading{font-size:26px}}


/* Round 2 client fixes: transparent larger brand, static client logos, contact details and map. */
header>.brand{width:200px!important;flex:0 0 200px!important;background:transparent!important;overflow:visible!important}
header>.brand img,header.scrolled>.brand img{width:200px!important;height:116px!important;object-fit:contain!important;transform:none!important;background:transparent!important}
footer .brand img{width:175px!important;height:112px!important;object-fit:contain!important;background:transparent!important}
@media(max-width:1100px) and (min-width:761px){header>.brand{width:158px!important;flex-basis:158px!important}header>.brand img,header.scrolled>.brand img{width:158px!important;height:102px!important}}
@media(max-width:760px){header>.brand{width:128px!important;flex-basis:128px!important}header>.brand img,header.scrolled>.brand img{width:128px!important;height:88px!important}footer .brand img{width:115px!important;height:80px!important}}
.brief-logo-wall{overflow:visible!important;gap:16px!important}
.brief-logo-wall .brief-logo-row,.brief-logo-wall .brief-logo-row:last-child{display:block!important;width:100%!important;overflow:visible!important;align-self:stretch!important;padding:8px 0!important}
.brief-logo-track{display:grid!important;grid-template-columns:repeat(var(--logo-columns),minmax(0,1fr))!important;align-items:center!important;justify-content:center!important;gap:18px!important;width:min(100%,1450px)!important;margin:0 auto!important;animation:none!important;transform:none!important;will-change:auto!important}
.brief-logo-wall .brief-logo-track .logo-cell{width:auto!important;min-width:0!important;flex:auto!important;height:88px!important;margin:0!important;padding:8px!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important}
.brief-logo-wall .logo-cell img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;filter:none!important;opacity:1!important;background:transparent!important}
.brief-logo-row:last-child .brief-logo-track{width:min(65%,900px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.brief-logo-wall .logo-cell:hover{transform:none!important;box-shadow:none!important}
@media(max-width:760px){.brief-logo-track{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important}.brief-logo-wall .brief-logo-track .logo-cell{height:66px!important;padding:4px!important}.brief-logo-row:last-child .brief-logo-track{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.container-types>div{grid-template-columns:minmax(125px,.9fr) minmax(0,1.35fr)!important;align-items:start!important;gap:14px!important;border-top:1px solid #e4ebf3!important;padding:10px 0!important;font-size:13px!important}
.container-types dt{font-weight:600!important;color:#1056a7!important}.container-types dd{margin:0!important;color:#53677e!important;line-height:1.65!important}
.main-contact-phones{display:flex;align-items:center;flex-wrap:wrap;gap:5px 22px}
.main-contact-phones .contact-phone{font-size:clamp(24px,2.6vw,38px)!important;gap:12px!important;margin:14px 0 4px!important;overflow-wrap:anywhere}
.email.additional-email{margin-top:-15px!important}
.company-map-section{padding:72px 7%;background:#f3f6fa;color:#102e58}
.company-map-card{max-width:1450px;margin:0 auto;display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.35fr);gap:36px;align-items:center}
.company-map-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.35;margin:12px 0 18px;color:#102e58}
.company-map-copy p{line-height:1.8;color:#526981;margin-bottom:24px}
.map-eyebrow{font-size:11px;letter-spacing:2px;color:#397bb4;font-weight:700}
.map-open-button{background:#143d69!important;color:#fff!important;display:inline-flex!important;align-items:center;justify-content:center}
.company-map-frame{overflow:hidden;border-radius:14px;box-shadow:0 18px 48px #102e5818;background:#e1eaf2;min-width:0}
.company-map-frame iframe{display:block;width:100%;height:390px;border:0}
@media(min-width:761px){#transportation .brief-photo-grid .photo-tile:nth-child(7){grid-column:2}}
@media(max-width:760px){.main-contact-phones{gap:0 14px}.main-contact-phones .contact-phone{font-size:clamp(22px,5.5vw,29px)!important}.company-map-section{padding:52px 6%}.company-map-card{grid-template-columns:1fr;gap:24px}.company-map-frame iframe{height:300px}#transportation .brief-photo-grid .photo-tile:nth-child(7){grid-column:1/-1;width:calc(50% - 5px);justify-self:center}.container-types>div{grid-template-columns:minmax(115px,.85fr) minmax(0,1.15fr)!important;gap:10px!important;font-size:12px!important}}

/* Round 3: final requested refinements across Thai and English pages. */
header>.brand img,header.scrolled>.brand img{transform:translateX(-12px)!important}
header nav{font-size:16px!important;gap:20px!important}
header nav .service-submenu a{font-size:14px!important}
.header-cta{font-size:14px!important;padding:12px 18px!important;gap:15px!important}
@media(max-width:1100px) and (min-width:761px){header{gap:9px!important}header nav{font-size:13.5px!important;gap:11px!important}.header-cta{font-size:12.5px!important;padding:10px 12px!important}header>.brand img,header.scrolled>.brand img{transform:translateX(-8px)!important}}
@media(max-width:760px){header nav{font-size:16px!important;gap:18px!important}header nav a{line-height:1.55}header>.brand img,header.scrolled>.brand img{transform:translateX(-6px)!important}.header-cta{font-size:12.5px!important}}
@media(max-width:350px){header>.brand img,header.scrolled>.brand img{transform:translateX(-4px)!important}}

/* Footer: enlarge the real transparent logo and balance the company details. */
footer{gap:28px!important;align-items:center!important;padding-top:30px!important;padding-bottom:30px!important}
footer>.brand{flex:0 0 210px!important;display:flex;align-items:center;justify-content:flex-start}
footer .brand img{width:205px!important;height:132px!important;max-width:100%;object-fit:contain!important;transform:translateX(-5px)!important}
footer>div{flex:1 1 320px;min-width:250px}
footer>div>b{display:block;font-size:14px!important;line-height:1.55!important;font-weight:700}
footer>div>p{font-size:14px!important;line-height:1.65!important;margin-top:5px!important}
footer>span{font-size:12px!important;white-space:nowrap}
@media(max-width:760px){footer{gap:14px!important;align-items:center!important;padding:25px 6% 95px!important}footer>.brand{flex:0 0 130px!important;width:130px!important}footer .brand img{width:130px!important;height:92px!important;transform:translateX(-3px)!important}footer>div{flex:1 1 calc(100% - 145px)!important;min-width:0!important}footer>div>b{font-size:11px!important;overflow-wrap:anywhere}footer>div>p{font-size:12px!important;line-height:1.6!important}footer>span{white-space:normal;flex:1 1 100%;font-size:11px!important}}

/* Client logos remain in the same centered rows, moving gently in alternating directions without duplicated logos. */
.brief-logo-wall{overflow:hidden!important;gap:16px!important}
.brief-logo-wall .brief-logo-row,.brief-logo-wall .brief-logo-row:last-child{display:block!important;width:100%!important;overflow:hidden!important;align-self:stretch!important;padding:8px 0!important}
.brief-logo-track{display:grid!important;grid-template-columns:repeat(var(--logo-columns),minmax(0,1fr))!important;align-items:center!important;justify-content:center!important;gap:18px!important;width:calc(100% - 24px)!important;margin:0 auto!important;animation:client-logo-drift 13s ease-in-out infinite!important;will-change:transform!important;transform:translateX(-8px)!important}
.brief-logo-row:nth-child(even) .brief-logo-track{animation-direction:reverse!important}
.brief-logo-wall .brief-logo-track .logo-cell{width:auto!important;min-width:0!important;flex:auto!important;height:88px!important;margin:0!important;padding:8px!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important}
.brief-logo-wall .logo-cell img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;filter:none!important;opacity:1!important;background:transparent!important}
.brief-logo-row:last-child .brief-logo-track{width:min(65%,900px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.brief-logo-wall .logo-cell:hover{transform:none!important;box-shadow:none!important}
@keyframes client-logo-drift{0%,100%{transform:translateX(-8px)}50%{transform:translateX(8px)}}
@media(max-width:760px){.brief-logo-track{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:calc(100% - 16px)!important}.brief-logo-wall .brief-logo-track .logo-cell{height:66px!important;padding:4px!important}.brief-logo-row:last-child .brief-logo-track{width:calc(100% - 16px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.brief-logo-track{animation:none!important;transform:none!important}}

/* Rental type buttons stay clickable; the two Dry Container headings are intentionally label-only. */
.rental-nav{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;margin:0 0 30px!important;position:static!important}
.rental-nav a{font-size:13px!important;padding:9px 16px!important;border-radius:7px!important}
.rental-category>h3{font-size:clamp(24px,2.5vw,34px)!important;text-align:center!important;border:0!important;padding:0!important;margin:18px 0 22px!important}
@media(max-width:760px){.rental-nav{gap:7px!important;margin-bottom:25px!important}.rental-nav a{padding:8px 12px!important;font-size:13px!important}.rental-category>h3{font-size:24px!important}}

/* Contact page: keep the existing map frame and make the text balanced; map-open button is removed in markup. */
.company-map-copy{text-align:center!important;max-width:470px;margin-inline:auto!important}
.company-map-copy h2{font-size:clamp(30px,3vw,42px)!important;line-height:1.35!important;margin:14px 0 16px!important}
.company-map-copy p{max-width:420px;margin:0 auto!important;line-height:1.85!important;font-size:16px!important}
.company-map-card{gap:36px!important}
.map-open-button{display:none!important}
.contact-photo{background:linear-gradient(90deg,rgba(9,30,60,.70),rgba(16,46,88,.68)),url('assets/p5-3.webp') center/cover!important}
@media(max-width:760px){.company-map-copy h2{font-size:30px!important}.company-map-copy p{font-size:15px!important}.company-map-card{gap:24px!important}}

/* Social links: clearer text while preserving the original colors, icons, and cards. */
#contact .social-card{gap:13px!important;padding:16px 17px!important}
#contact .social-label{min-width:0!important;flex:1!important;line-height:1.4!important}
#contact .social-label b{font-size:16px!important;line-height:1.35!important;font-weight:700!important;display:block}
#contact .social-label small{font-size:13px!important;line-height:1.45!important;font-weight:500!important;display:block;overflow-wrap:anywhere;color:#fff!important;opacity:1!important}
#contact .social-icon{flex:0 0 40px!important;width:40px!important;height:40px!important}
@media(max-width:760px){#contact .social-card{padding:15px 16px!important}#contact .social-label b{font-size:16px!important}#contact .social-label small{font-size:12.5px!important}}

/* Corrected round 3 preview: make alternating client rows visibly slide while keeping every original logo unique. */
.brief-logo-wall .brief-logo-track{
  width:calc(100% - 44px)!important;
  margin:0 auto!important;
  animation:client-logo-drift-visible 14s ease-in-out infinite!important;
  transform:translateX(-22px)!important;
}
.brief-logo-row:nth-child(even) .brief-logo-track{animation-direction:reverse!important}
@keyframes client-logo-drift-visible{
  0%,100%{transform:translateX(-22px)}
  50%{transform:translateX(22px)}
}
.brief-logo-row:last-child .brief-logo-track{width:min(65%,900px)!important}
@media(max-width:760px){
  .brief-logo-wall .brief-logo-track{width:calc(100% - 40px)!important;transform:translateX(-20px)!important;animation-name:client-logo-drift-mobile!important}
  .brief-logo-row:nth-child(even) .brief-logo-track{animation-direction:reverse!important}
  .brief-logo-row:last-child .brief-logo-track{width:calc(100% - 40px)!important}
  @keyframes client-logo-drift-mobile{0%,100%{transform:translateX(-20px)}50%{transform:translateX(20px)}}
}
@media(prefers-reduced-motion:reduce){.brief-logo-wall .brief-logo-track{animation:none!important;transform:none!important}}

/* Single copy per logo: alternating back-and-forth rows, no cloned images. */
#clients .brief-logo-wall{overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:18px!important}
#clients .brief-logo-row,#clients .brief-logo-row:last-child{display:block!important;overflow:hidden!important;width:100%!important;padding:8px 0!important}
#clients .brief-logo-track{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center;gap:20px!important;width:max-content!important;min-width:100%;animation:client-logo-sway 12s ease-in-out infinite alternate!important;will-change:transform}
#clients .brief-logo-row:nth-child(even) .brief-logo-track{animation-direction:alternate-reverse!important}
#clients .brief-logo-track .logo-cell{flex:0 0 145px!important;width:145px!important;height:90px!important;margin:0!important;padding:8px!important;background:transparent!important;border:0!important}
@keyframes client-logo-sway{from{transform:translateX(var(--logo-from,-12px))}to{transform:translateX(var(--logo-to,12px))}}
@media(max-width:760px){#clients .brief-logo-track .logo-cell{flex-basis:115px!important;width:115px!important;height:75px!important}#clients .brief-logo-track{gap:14px!important;animation-duration:15s!important}}
@media(prefers-reduced-motion:reduce){#clients .brief-logo-track{animation:none!important}#clients .brief-logo-row{overflow-x:auto!important}}