header{--content-height: 3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:100%;gap:.5rem;background-color:var(--header-background);color:var(--header-foreground)}header .header-content>*:not(img,:has(img)){height:var(--content-height)}header hr{margin-block:0}header>*{width:100%;max-width:var(--contained-width)}#header-contact{display:flex;justify-content:space-between;align-items:center;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}@media(max-width:1080px){#header-contact #header-contact-details,#header-contact #header-socials{gap:.5rem}@media(max-width:768px){#header-contact{font-size:.8rem}#header-contact #header-socials{display:none}}}#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);color:var(--dark)}#my-account>a:hover,#basket:hover{color:var(--spot)}#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:min(calc(var(--column-width) * var(--columns)),90vw);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;margin-bottom:.25rem}#my-account .account-dropdown>div a{cursor:pointer;font-size:.875rem}#my-account .account-dropdown>div a:hover{text-decoration:underline}#my-account .account-dropdown.two-cols{--columns: 2}#my-account:hover .account-dropdown,#my-account.account-dropdown:hover{display:grid}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:100%;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}@media(min-width:768px){header .header-content #header-search-field #header-search-results{width:150%}}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 var(--light)}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;align-items:center;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:2rem}@media(max-width:768px){header .header-content{grid-template-columns:repeat(2,minmax(0,1fr));padding:.5rem}}header .logo-left-search-box-center #header-logo,header .logo-left-search-box-center a:has(>#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:768px){header .logo-left-search-box-center #header-logo,header .logo-left-search-box-center a:has(>#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,header .logo-left-other-right a:has(>#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}@media(max-width:768px){header .logo-left-other-right #header-logo,header .logo-left-other-right a:has(>#header-logo){grid-area:1 / 1 / 2 / 3}header .logo-left-other-right #header-search-field{grid-area:2 / 1 / 3 / 3}header .logo-left-other-right #my-account{grid-area:3 / 1 / 4 / 2}header .logo-left-other-right #basket{grid-area:3 / 2 / 4 / 3}}header .logo-center-search-left-account-right #header-logo,header .logo-center-search-left-account-right a:has(>#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}@media(max-width:768px){header .logo-center-search-left-account-right #header-logo,header .logo-center-search-left-account-right a:has(>#header-logo){grid-area:1 / 1 / 2 / 3}header .logo-center-search-left-account-right #header-search-field{grid-area:2 / 1 / 3 / 3}header .logo-center-search-left-account-right #my-account{grid-area:3 / 1 / 4 / 2}header .logo-center-search-left-account-right #basket{grid-area:3 / 2 / 4 / 3}}header .solid-top-bar-logo-left-and-menu #header-logo,header .solid-top-bar-logo-left-and-menu a:has(>#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}@media(max-width:768px){header .solid-top-bar-logo-left-and-menu #header-logo,header .solid-top-bar-logo-left-and-menu a:has(>#header-logo){grid-area:1 / 1 / 2 / 3}header .solid-top-bar-logo-left-and-menu #header-search-field{grid-area:2 / 1 / 3 / 3}header .solid-top-bar-logo-left-and-menu #my-account{grid-area:3 / 1 / 4 / 2}header .solid-top-bar-logo-left-and-menu #basket{grid-area:3 / 2 / 4 / 3}}