/* One public navigation component on catalogue, login and account application. */
html:has(#gs-public-header){scrollbar-gutter:stable}
#gs-public-header.gsp-header{--gsp-width:min(calc(100% - 56px),max(1152px,75vw));box-sizing:border-box;display:block;width:100%;height:88px;min-height:88px;margin:0;padding:0;border:0;background:#0c3041;color:#fff;font-family:system-ui,-apple-system,"Microsoft JhengHei",sans-serif;position:relative;z-index:20}
#gs-public-header .gsp-header-inner{box-sizing:border-box;width:var(--gsp-width);height:100%;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:24px}
#gs-public-header .gsp-brand{display:flex;align-items:center;flex:0 0 auto;margin:0;padding:0;line-height:1;text-decoration:none}
#gs-public-header .gsp-brand img{display:block;width:156px!important;height:52px!important;max-width:none;object-fit:contain}
#gs-public-header nav{display:flex;align-items:center;justify-content:flex-end;gap:28px;margin:0;padding:0;flex-wrap:nowrap}
#gs-public-header nav a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:0;padding:9px 0;border:0;border-radius:0;color:#e7eeee;font-family:inherit;font-size:14px;font-weight:500;line-height:22px;letter-spacing:0;text-decoration:none;white-space:nowrap;position:relative;background:transparent}
#gs-public-header nav a[aria-current=page]{color:#fff;font-weight:650}
#gs-public-header nav a:not(.gsp-nav-apply)[aria-current=page]:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:3px;background:#bf9b51}
#gs-public-header nav a.gsp-nav-apply{border:1px solid #b99a5a80;border-radius:4px;padding:9px 15px;color:#efdbac}
#gs-public-header nav a.gsp-nav-apply[aria-current=page]{border-color:#bf9b51;background:#b99a5a12}
#gs-public-header nav a:hover{color:#fff}
#gs-public-header a:focus-visible{outline:2px solid #d0b374;outline-offset:5px}
/* Customer login follows the product/account typography and spacing. */
.gs-wholesale:has(.gsp-login-title) main{padding:48px 0 56px!important;background:#fafbf8}
.gs-wholesale:has(.gsp-login-title) .oe_website_login_container{width:calc(100% - 40px);max-width:420px;margin:0 auto;padding:0;background:transparent;border:0;box-shadow:none;font-family:system-ui,-apple-system,"Microsoft JhengHei",sans-serif}
.gs-wholesale .gnt-login-heading:has(.gsp-login-title){width:100%;max-width:none;margin:0 0 28px}
.gs-wholesale .gsp-login-title{font-size:30px!important;line-height:1.35!important;letter-spacing:.01em;color:#0c3041;margin:0 0 9px!important}
.gs-wholesale .gnt-login-heading:has(.gsp-login-title)>p{font-size:14px;line-height:1.7;color:#6c8188}
.gs-wholesale:has(.gsp-login-title) form.oe_login_form{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.gs-wholesale:has(.gsp-login-title) form.oe_login_form .mb-3{margin-bottom:21px!important}
.gs-wholesale:has(.gsp-login-title) form.oe_login_form label{font:500 14px/22px system-ui,-apple-system,"Microsoft JhengHei",sans-serif;margin:0 0 7px;color:#0c3041;align-items:center;gap:12px}
.gs-wholesale:has(.gsp-login-title) form.oe_login_form input.form-control{box-sizing:border-box;min-height:48px;height:48px;border:1px solid #ccd6d4;border-radius:5px;padding:11px 13px;background:#fff;color:#103344;font-size:16px;line-height:24px;box-shadow:none}
.gs-wholesale:has(.gsp-login-title) form.oe_login_form input.form-control:focus{outline:0;border-color:#a58a53;box-shadow:0 0 0 2px #b8955015}
.gs-wholesale:has(.gsp-login-title) .oe_login_form .gsp-password-field{position:relative}
.gs-wholesale:has(.gsp-login-title) .oe_login_form #password{padding-right:48px}
.gsp-password-eye{position:absolute;right:3px;bottom:2px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:4px;background:transparent;color:#6b8189;cursor:pointer}
.gsp-password-eye svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.gsp-password-eye:hover{color:#0c3041;background:#f2f5f2}
.gsp-password-eye:focus-visible{outline:2px solid #b89550;outline-offset:-2px}
.gsp-password-eye .gsp-eye-off{display:none}
.gsp-password-eye[aria-pressed=true] .gsp-eye-open{display:none}
.gsp-password-eye[aria-pressed=true] .gsp-eye-off{display:block}
.gs-wholesale .gsp-forgot{margin-left:auto;font-size:13px;font-weight:400;line-height:22px;color:#526e7a;text-decoration:none}
.gs-wholesale .gsp-forgot:hover{color:#0c3041;text-decoration:underline}
.gs-wholesale:has(.gsp-login-title) .oe_login_buttons{padding-top:3px!important;gap:0!important;margin-bottom:0!important}
.gs-wholesale:has(.gsp-login-title) .oe_login_buttons .btn-primary{height:48px;min-height:48px;border:1px solid #0c3041!important;background:#0c3041!important;border-radius:5px!important;font-size:16px;font-weight:600;line-height:24px;box-shadow:none;color:#fff!important}
.gs-wholesale:has(.gsp-login-title) .gnt-login-footer{width:100%;max-width:none;margin:0;padding:0;font-size:14px}
.gsp-apply-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:24px 0 0;line-height:24px;color:#71828a}
.gsp-apply-row a{color:#0c3041;font-weight:600;text-decoration:none}
.gsp-apply-row a:hover{text-decoration:underline}
.gs-wholesale .gsp-login-help{margin:17px 0 0;text-align:center;font-size:12px;line-height:22px;color:#839298}
.gs-wholesale .gsp-login-help a{color:#5b7680;text-decoration:none}
.gs-wholesale .gsp-staff-entry{margin:30px 0 0;text-align:center;font-size:11px;line-height:20px}
.gs-wholesale .gsp-staff-entry a{color:#8b989b;text-decoration:none}
.gs-wholesale .gsp-customer-login .o_user_switch_btn,.gs-wholesale .gsp-customer-login .o_user_switch,.gs-wholesale .gsp-customer-login .oe_login_buttons button[name=redirect][value="/web/become"]{display:none!important}
@media(max-width:900px){#gs-public-header.gsp-header{--gsp-width:calc(100% - 40px)}}
@media(max-width:600px){
 #gs-public-header.gsp-header{height:76px;min-height:76px;--gsp-width:calc(100% - 32px)}
 #gs-public-header .gsp-header-inner{gap:14px}
 #gs-public-header .gsp-brand img{width:104px!important;height:44px!important}
 #gs-public-header nav{gap:14px}
 #gs-public-header nav a{min-height:40px;padding:8px 0;font-size:12px;line-height:22px}
 #gs-public-header nav a.gsp-nav-apply{padding:8px 10px}
 .gs-wholesale:has(.gsp-login-title) main{padding:34px 0 42px!important}
 .gs-wholesale .gsp-login-title{font-size:27px!important}
 .gs-wholesale .gnt-login-heading:has(.gsp-login-title){margin-bottom:26px}
}
@media(max-width:360px){
 #gs-public-header.gsp-header{--gsp-width:calc(100% - 24px)}
 #gs-public-header .gsp-header-inner{gap:10px}
 #gs-public-header .gsp-brand img{width:88px!important;height:40px!important}
 #gs-public-header nav{gap:8px}
 #gs-public-header nav a.gsp-nav-apply{padding:8px}
}