header{--content-height: 3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:100%;padding-bottom:.75rem;background-color:var(--header-background);color:var(--header-foreground)}header .header-content>*:not(img){height:var(--content-height)}header>*{width:100%;max-width:var(--contained-width)}header>hr{margin-block:1rem}#header-contact{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-top:8px}#header-contact #header-contact-details,#header-contact #header-socials{display:flex;justify-content:start;align-items:end;gap:1.5rem}#header-contact>*{display:flex;justify-content:center;align-items:center;gap:.5rem;text-wrap:nowrap}#my-account>a,#basket{display:flex;justify-content:center;align-items:center;border-radius:10px;gap:1rem;cursor:pointer;padding:calc(var(--spacing) / 2)}#my-account>a svg,#basket svg{width:2rem;height:auto;flex-shrink:0}#my-account{position:relative}#my-account>a{height:100%}#my-account>a svg{width:1rem}#my-account>a .username{text-overflow:ellipsis}#my-account .account-dropdown{--columns: 3;--column-width: 150px;display:none;grid-template-columns:repeat(var(--columns),minmax(0,1fr));position:absolute;top:100%;right:0;background-color:#fff;color:var(--dark-text);padding-inline:var(--spacing);padding-block:calc(var(--spacing) / 2);border-radius:0;z-index:1000;box-shadow:0 2px 4px #0000001a;width:calc(var(--column-width) * var(--columns));border:1px solid var(--light)}#my-account .account-dropdown>div{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.25rem}#my-account .account-dropdown>div>span:first-child{font-weight:700}#my-account:hover .account-dropdown,#my-account.account-dropdown:hover{display:grid}#basket .basket-text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem}#basket .basket-text .basket-value{font-size:.8rem}header .header-content #header-search-field{position:relative;width:100%}header .header-content #header-search-field>.search-field-form{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;height:100%;background-color:var(--search-box-background);color:var(--search-box-text);border-radius:10px;border:1px solid var(--on-header-background)}header .header-content #header-search-field>.search-field-form input{text-align:start;font-size:large;border:none;outline:none;background:transparent;box-shadow:none;color:var(--search-box-text);width:100%}header .header-content #header-search-field>.search-field-form svg{box-sizing:content-box;width:1.5rem;height:auto;padding:calc(var(--spacing) / 2);cursor:pointer}header .header-content #header-search-field #header-search-results{position:absolute;display:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;top:105%;left:0;width:150%;max-height:400px;overflow-y:auto;background-color:#fff;color:#000;border-radius:10px;z-index:5000;border:1px solid black;padding:calc(var(--spacing) / 4)}header .header-content #header-search-field #header-search-results.open{display:grid}header .header-content #header-search-field #header-search-results>div{display:flex;flex-direction:column;height:100%}header .header-content #header-search-field #header-search-results>div.header-search-results__categories{padding:calc(var(--spacing) / 2);border-right:1px solid black}header .header-content #header-search-field #header-search-results>div.header-search-results__products{padding:calc(var(--spacing) / 2);grid-column:span 2 / span 2}header .header-content #header-search-field #header-search-results>div.header-search-results__products>.search-result-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:calc(var(--spacing) / 2);width:100%}header .header-content #header-search-field #header-search-results>div.header-search-results__products>.search-result-row:has(+.search-result-row){border-bottom:1px solid black}header .header-content #header-search-field #header-search-results>div.header-search-results__products>.search-result-row>div{display:flex;flex-direction:column;gap:.5rem;grid-column:span 2 / span 2}header .header-content #header-search-field #header-search-results>div.header-search-results__products img{--image-size: 100px;width:var(--image-size);height:var(--image-size)}header .header-content{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:2rem}@media(max-width:720px){header .header-content{grid-template-columns:repeat(2,minmax(0,1fr));padding:.5rem}}header .logo-left-search-box-center #header-logo{grid-area:1 / 1 / 2 / 2}header .logo-left-search-box-center #header-search-field{grid-area:1 / 2 / 2 / 5}header .logo-left-search-box-center #my-account{grid-area:1 / 5 / 2 / 6}header .logo-left-search-box-center #basket{grid-area:1 / 6 / 2 / 7}@media(max-width:720px){header .logo-left-search-box-center #header-logo{grid-area:1 / 1 / 2 / 3}header .logo-left-search-box-center #header-search-field{grid-area:2 / 1 / 3 / 3}header .logo-left-search-box-center #my-account{grid-area:3 / 1 / 4 / 2}header .logo-left-search-box-center #basket{grid-area:3 / 2 / 4 / 3}}header .logo-left-other-right #header-logo{grid-area:1 / 1 / 2 / 3}header .logo-left-other-right #header-search-field{grid-area:1 / 3 / 2 / 5}header .logo-left-other-right #my-account{grid-area:1 / 5 / 2 / 6}header .logo-left-other-right #basket{grid-area:1 / 6 / 2 / 7}header .logo-center-search-left-account-right #header-logo{grid-area:1 / 3 / 2 / 5}header .logo-center-search-left-account-right #header-search-field{grid-area:1 / 1 / 2 / 3}header .logo-center-search-left-account-right #my-account{grid-area:1 / 5 / 2 / 6}header .logo-center-search-left-account-right #basket{grid-area:1 / 6 / 2 / 7}header .solid-top-bar-logo-left-and-menu #header-logo{grid-area:1 / 3 / 2 / 5}header .solid-top-bar-logo-left-and-menu #header-search-field{grid-area:1 / 1 / 2 / 3}header .solid-top-bar-logo-left-and-menu #my-account{grid-area:1 / 5 / 2 / 6}header .solid-top-bar-logo-left-and-menu #basket{grid-area:1 / 6 / 2 / 7}