.header.jhon-header .header__wrapper{color:#171717;background:#fff;row-gap:12px;padding-block:12px;grid-template:"main-nav logo secondary-nav" "search search search" / minmax(0,1fr) auto minmax(0,1fr);border-bottom:1px solid #e9e9e9}.header.jhon-header .header__logo-image{opacity:1}.header.jhon-header .header__logo-image--transparent,.header.jhon-header .jhon-header__search-toggle,.jhon-header__action-label,.jhon-header__tracking{display:none}.jhon-header__search{grid-area:search;display:flex;width:100%;align-items:stretch;justify-self:center;max-width:680px;background:#f6f6f6;border:1px solid #dedede;border-radius:999px}.jhon-header__search input{flex:1;min-width:0;padding:11px 16px;font-size:16px;color:inherit}.jhon-header__search button{display:grid;place-items:center;width:40px;margin:4px;min-height:40px;background:#171717;color:#fff;border-radius:50%}.jhon-header__search:focus-within{outline:2px solid #555}@media(min-width:1150px){.header.jhon-header .header__wrapper{grid-template:"logo search secondary-nav" "main-nav main-nav main-nav" / auto minmax(0,1fr) auto;padding-block:16px 0;row-gap:16px}.header.jhon-header .header__main-nav>.header__icon-list{justify-content:center}.header.jhon-header .header__main-nav:has(.jhon-header__categories){border-top:1px solid #e9e9e9}.header.jhon-header .jhon-header__categories{display:flex;justify-content:center;gap:4px clamp(4px,.9vw,16px);padding-block:6px}.jhon-header__categories>ul>li>:is(a,button),.jhon-header__categories>ul>li>details>summary{display:flex;align-items:center;gap:7px;min-height:46px;padding-inline:10px;border-radius:8px;transition:background-color .18s ease,color .18s ease;font-size:12px;letter-spacing:.035em;text-transform:uppercase}.jhon-header__categories>ul>li:hover>:is(a,button),.jhon-header__categories>ul>li>details>summary:hover,.jhon-header__categories>ul>li>details[open]>summary,.jhon-header__categories>ul>li>a[aria-current=page]{background:#f1f1f1}.jhon-header__categories>ul>.jhon-header__featured>:is(a,button),.jhon-header__categories>ul>.jhon-header__featured>details>summary{color:#fff;background:#171717}.jhon-header__category-icon{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px}.header.jhon-header .jhon-header__action{display:inline-flex;align-items:center;gap:7px}.jhon-header__action-label{display:inline;font-size:12px;white-space:nowrap}}.jhon-header__category-icon{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px}.jhon-header__reference-icon{width:24px;height:24px;object-fit:contain}.jhon-header__reference-icon:not([hidden])+.jhon-header__fallback-icon{display:none}@media(min-width:1150px){.header.jhon-header .jhon-header__categories{width:100%;justify-content:space-evenly;padding-block:4px}.jhon-header__categories>ul>li>:is(a,button),.jhon-header__categories>ul>li>details>summary{min-height:54px;gap:8px;letter-spacing:.025em;white-space:nowrap}}.jhon-header__category-icon{vertical-align:middle;margin-inline-end:5px}.jhon-header__category-label{vertical-align:middle}.jhon-header__categories>ul>li>:is(a,button)>.jhon-header__category-icon,.jhon-header__categories>ul>li>details>summary>.jhon-header__category-icon{margin-inline-end:0}
/*# sourceMappingURL=/cdn/shop/t/18/assets/jhonmoda-header.css.map */