/* Initial auth state is server-rendered; forms remain visible without JS. */
.gct-auth-split-card [data-auth-panel][hidden]{display:none!important}
.gct-auth-split-card .gct-auth-tab-btn{display:block;text-decoration:none;line-height:1.5}
.gct-auth-split-card .gct-input-wrapper input{min-width:0;padding-right:48px}
.gct-auth-split-card .gct-toggle-pass-btn{display:grid;place-items:center;right:4px;top:2px;width:44px;height:44px;padding:0;border-radius:7px}
.gct-auth-split-card .gct-auth-right{min-width:0}
.gct-auth-split-card .gct-auth-meta-row{gap:12px;flex-wrap:wrap}
.gct-auth-split-card [data-auth-panel] form{width:100%;min-width:0}
#mobile-drawer .drawer-head .brand,#mobile-drawer .drawer-head .brand-lockup{background:transparent!important;box-shadow:none!important;border:0!important}
#mobile-drawer .drawer-head .brand-lockup image{filter:url(#gct-brand-white-key)}
#mobile-drawer .brand:before,#mobile-drawer .brand:after{background:none!important;content:none!important}

/* Render the current vector lockup at full size; older rules hid its SVG and
   substituted a small pseudo-element wordmark. */
.site-header .navigation > a.brand{
    display:flex!important;align-items:center!important;flex:0 0 292px!important;
    width:292px!important;height:72px!important;max-width:none!important;
    margin:0!important;padding:0!important;overflow:visible!important;
    transform:none!important;background:transparent!important;box-shadow:none!important;
}
.site-header .navigation > a.brand::before,
.site-header .navigation > a.brand::after{display:none!important;content:none!important}
.site-header .navigation > a.brand > .brand-lockup{
    display:block!important;width:100%!important;height:auto!important;max-width:100%!important;
    overflow:visible!important;flex:none!important;
}
.footer-brand > a{
    display:block!important;box-sizing:border-box!important;width:290px!important;height:auto!important;
    aspect-ratio:380 / 94;padding:0!important;overflow:visible!important;
    background:transparent!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;transform:none!important;margin:0 0 12px!important;
}
.footer-brand > a::before,.footer-brand > a::after{display:none!important;content:none!important}
.footer-brand > a > .brand-lockup{display:block!important;width:100%!important;height:auto!important;max-width:100%!important}
.footer-brand > a > .brand-lockup text{fill:#fff!important}
.footer-brand > a > .brand-lockup tspan{fill:#ff5d00!important}
@media(max-width:1100px){
    .site-header .navigation > a.brand{flex-basis:245px!important;width:245px!important;height:61px!important}
}
@media(max-width:640px){
 .gct-auth-main{width:100%;min-width:0}
 .gct-auth-split-card{min-width:0;max-width:100%}
 .gct-auth-split-card .gct-text-input{font-size:16px}
 #mobile-drawer{max-width:calc(100vw - 22px);left:0;right:auto}
 #mobile-drawer .drawer-head .brand{min-width:0;max-width:calc(100% - 32px)}
 .site-header .navigation > a.brand{flex-basis:190px!important;width:190px!important;height:50px!important}
 .site-header .navigation > a.brand > .brand-lockup{width:100%!important}
 .footer-brand > a{width:min(260px,100%)!important}
}

/* The global inline SVG rule caps all icons at 24px; release that cap for the shared brand lockups. */
.site-header .navigation > a.brand > .brand-lockup,
.footer-brand > a > .brand-lockup{max-height:none!important}

/* Cart uses an inline legacy lockup rule. Keep the shared logo readable at every breakpoint. */
html body.panel-cart-page .site-header .navigation > a.brand > svg.brand-lockup,
html body.panel-cart-page .footer-brand > a > svg.brand-lockup{max-height:none!important}

/* Keep small orange text readable on pale storefront backgrounds. */
.category-showcase .section-heading > a,
.bundle-reference-footer-link > a,
.pdp-related a{color:#873500!important}
.pdp-category{color:#783100!important}
.pdp-comparison-help p{color:#4b5b73!important}
.pdp-comparison table thead th strong{color:#873500!important}
.catalog-card-tag{color:#763000!important}
.catalog-discount{background:#873500!important;color:#fff!important}
@media(max-width:640px){
    html body.panel-cart-page .site-header .navigation > a.brand{flex:0 0 190px!important;width:190px!important;height:50px!important}
    html body.panel-cart-page .site-header .navigation > a.brand > svg.brand-lockup{width:190px!important;height:auto!important}
    html body.panel-cart-page .footer-brand > a{width:min(260px,100%)!important}
    html body.panel-cart-page .footer-brand > a > svg.brand-lockup{width:100%!important;height:auto!important}
}
