/* XTRM Performance 1.1: navigation, logo, buttons and pagination. */
.header-main{grid-template-columns:300px minmax(180px,1fr) auto;min-height:110px}
.header-main .custom-logo{max-height:88px;max-width:300px;width:auto;object-fit:contain}
.header-main .wordmark strong{font-size:48px}
.header-main .wordmark span{font-size:13px}
.nav-inner{justify-content:flex-start;gap:30px}
.site-nav li{position:relative}
.site-nav ul.sub-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:110;list-style:none}
.site-nav ul.sub-menu li{border:0}
.site-nav ul.sub-menu a{display:block;padding:13px 16px;border-radius:8px;white-space:nowrap}
.site-nav ul.sub-menu a:hover,.site-nav ul.sub-menu a:focus-visible{background:var(--paper);color:var(--ink)}
.brands-toggle{display:flex;align-items:center;gap:9px;min-height:48px;padding:0;background:none;border:0;color:var(--ink);font:inherit;font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}
@media(min-width:901px) and (hover:hover){.site-nav li:hover>ul.sub-menu{display:block}}
@media(min-width:901px){.site-nav li:focus-within>ul.sub-menu{display:block}}
.site-nav .brands-item.is-expanded>ul.sub-menu{display:block}
.brands-toggle:focus-visible,.woocommerce nav.woocommerce-pagination a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.woocommerce ul.products li.product a.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;min-height:50px;padding:14px 24px;box-sizing:border-box}
.woocommerce ul.products li.product a.button{width:100%;float:none;position:relative}
.woocommerce a.button.loading:after,.woocommerce a.button.added:after{position:static;margin-left:8px;align-self:center}
.woocommerce nav.woocommerce-pagination,.pagination{clear:both;margin:56px 0 20px;padding-top:28px;border-top:1px solid var(--line);text-align:center}
.woocommerce nav.woocommerce-pagination ul.page-numbers{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0;padding:0;border:0;background:none}
.woocommerce nav.woocommerce-pagination ul.page-numbers li{float:none;display:block;border:0;margin:0;padding:0;overflow:visible}
.woocommerce nav.woocommerce-pagination ul.page-numbers li a,.woocommerce nav.woocommerce-pagination ul.page-numbers li span,.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;padding:10px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:14px;font-weight:800;line-height:1;transition:background .15s ease}
.woocommerce nav.woocommerce-pagination ul.page-numbers li .current,.pagination .current{background:var(--acid);border-color:var(--acid)}
.woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover,.pagination a:hover{background:var(--ink);border-color:var(--ink);color:#fff}
@media(max-width:900px){
 .header-main{grid-template-columns:auto minmax(0,1fr) auto;min-height:100px}
 .header-main .custom-logo{max-width:100%;max-height:78px}
 .header-main .wordmark strong{font-size:38px}
 .header-main .wordmark span{font-size:11px}
 .site-nav{top:var(--xtrm-header-bottom,190px);height:calc(100dvh - var(--xtrm-header-bottom,190px));overflow-y:auto}
 .nav-inner{display:block}
 .brands-toggle{width:100%;justify-content:space-between;padding:16px 0}
 .site-nav ul.sub-menu{position:static;min-width:0;box-shadow:none;border:0;background:var(--paper);margin-bottom:10px}
 .woocommerce nav.woocommerce-pagination{margin-top:40px}
}