.storefront .contact-topline{background:#db1721}.contact-topline .topcontent{min-height:42px;padding:5px 24px;gap:18px;flex-wrap:wrap}.contact-topline .companytop{font-size:11px;padding-right:18px}.header-contact-details{display:flex;align-items:center;gap:24px;flex:1;flex-wrap:wrap;font-family:Google,Thai,sans-serif;font-size:14px;line-height:1.4}.header-contact-details a,.header-contact-details span{overflow-wrap:anywhere}.header-socials{display:flex;align-items:center;gap:8px}.header-socials a{display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.header-socials a:hover{filter:brightness(.9)}.header-socials .header-line{background:#00bf13;border-radius:8px;gap:7px;min-height:30px;padding:4px 10px;font-size:12px}.line-bubble{background:#fff;color:#00a811;font:bold 9px Arial,sans-serif;border-radius:50%;padding:7px 3px;position:relative}.line-bubble:after{content:'';position:absolute;bottom:-3px;left:9px;border-top:6px solid white;border-right:6px solid transparent}.header-social{background:transparent;width:30px;height:30px}.header-facebook span{font:bold 26px Arial,sans-serif;line-height:1}.header-social .icon{width:20px;height:20px;stroke-width:1.65}.header-phone{border-radius:0;background:transparent}.contact-topline .language-switch{padding:0;margin-left:auto}.contact-topline .language-control{min-height:30px;padding:0 8px;gap:8px}.contact-topline .language-control select{min-width:66px;font-size:12px}.storefront .mainhead{height:88px;gap:28px}.storefront .mainhead .logo{font-size:29px}.storefront .mainhead .brand-logo-image{height:46px;max-width:165px}.storefront .mainhead .search{height:44px;min-width:0}.storefront .mainhead .search input{font-size:13px;min-width:0}.storefront .mainhead .search select{height:42px;width:155px;flex-shrink:0;font-size:12px}.storefront .mainhead .search button{height:42px;padding:8px 12px}.storefront .headericons{padding-left:20px}.header-quote{display:inline-flex;justify-content:center;align-items:center;min-height:38px;border:1px solid #e4222c;border-radius:3px;color:#e4222c;padding:7px 14px;white-space:nowrap;font-size:13px}.header-quote:hover{background:#fff1f2}.storefront.storeheader-fixed .mainhead{height:66px}.storefront.storeheader-fixed .mainhead .brand-logo-image{height:42px}.storefront.storeheader-fixed .mainhead .search{height:44px}.storefront.storeheader-fixed .mainhead .search select,.storefront.storeheader-fixed .mainhead .search button{height:42px}
@media(max-width:1300px){.contact-topline .topcontent{gap:14px;padding:5px 20px}.header-contact-details{gap:8px 18px;font-size:13px}.header-socials{gap:8px}.header-line{padding:4px 10px}.storefront .mainhead{gap:24px;height:88px}.storefront .mainhead .logo{font-size:27px}.storefront .headericons{padding-left:0}.header-quote{font-size:13px;padding:7px 12px}}
@media(max-width:1000px){.header-contact-details{flex-basis:65%}.header-socials{margin-left:auto}.storefront .mainhead .search select{width:140px;font-size:12px}.storefront .mainhead .brand-logo-image{height:42px;max-width:150px}}
@media(max-width:760px){.contact-topline .topcontent{padding:10px 16px;gap:10px}.contact-topline .companytop{font-size:11px;border:0;padding:0;order:0}.contact-topline .language-switch{order:1}.contact-topline .language-control{min-height:32px;padding:0 6px;gap:6px}.contact-topline .language-control select{font-size:11px;min-width:65px}.header-contact-details{order:2;flex-basis:100%;font-size:13px;gap:5px 14px}.header-socials{order:3;margin-left:0;gap:10px}.header-social{width:30px;height:30px}.header-social .icon{width:20px;height:20px}.header-facebook span{font-size:27px}.header-line{min-height:34px;font-size:12px;padding:4px 10px}.storefront .mainhead{height:auto;gap:14px;padding:12px 0}.storefront .mainhead .logo{font-size:28px}.storefront .mainhead .brand-logo-image{height:38px;max-width:140px}.storefront .mainhead .search{height:46px}.storefront .mainhead .search input{font-size:12px}.storefront .mainhead .search button{height:44px}.storefront .mainhead .search select{display:block;width:115px;height:44px;font-size:10px;padding:6px}.header-quote{font-size:13px;min-height:42px;padding:8px 12px}.storefront.storeheader-fixed .mainhead{height:64px;padding:9px 0;gap:12px}.storefront.storeheader-fixed .mainhead .logo{font-size:20px}.storefront.storeheader-fixed .mainhead .brand-logo-image{height:30px;max-width:104px}.storefront.storeheader-fixed .mainhead .search select{display:none}}

.header-socials .header-social:hover{background:#ffffff18;border-radius:4px}.storefront .mainhead .search .icon{width:21px;height:21px}

/* Keep the search focus indicator on the shared field border. */
.storefront .mainhead .search:focus-within{border-color:#d71f27;box-shadow:inset 0 0 0 1px #d71f27}
.storefront .mainhead .search input:focus,.storefront .mainhead .search select:focus,.storefront .mainhead .search button:focus{outline:none;box-shadow:none}
.storefront .mainhead .search select:focus-visible,.storefront .mainhead .search button:focus-visible{background:#fff1f2;box-shadow:inset 0 0 0 2px #d71f27}

/* Signed-in shortcut beside the quote action. */
.storefront .headericons{display:flex;align-items:center;gap:10px;flex-shrink:0}
.header-account{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid #cfe6db;border-radius:6px;background:#f0f8f4;color:#286146;white-space:nowrap;font-size:12px;font-weight:600}
a.header-account:hover{background:#e1f1e8;color:#1e5138;border-color:#9fcbb4}
.header-account-dot{width:7px;height:7px;border-radius:50%;background:#29945e;flex-shrink:0}
.header-account:focus-visible{outline:2px solid #286146;outline-offset:3px}
@media(max-width:760px){.storefront .headericons{gap:7px;margin-left:auto}.header-account{min-height:42px;padding:8px 9px;font-size:11px}}