#header{--menu-color: #000;grid-template-columns:80px 1fr;grid-template-areas:"logo switch"}#header a{text-decoration:none}#header.show{position:fixed;top:0;left:0;grid-template-areas:"logo switch" "sections sections" "menu menu" "bar bar";grid-template-rows:46px auto auto auto;overflow-y:auto}#header .logo{grid-area:logo}#header .switch{grid-area:switch;justify-self:end}#header .switch svg{cursor:pointer}#header.show .switch .menu-icon,#header .switch .close-icon{display:none}#header.show .switch .close-icon,#header .switch .menu-icon{display:block}#header .sections{display:none;grid-area:sections;grid-column:span 2;flex-wrap:wrap;align-items:center;font-size:15px;text-transform:uppercase;gap:10px}#header.show .sections{display:flex}#header .sections>*{position:relative;padding:5px 15px;font-weight:700;border-radius:60px;text-decoration:none}#header .sections .cart{border:1px solid #ccc;color:#000}#header .sections .cart span{position:absolute;top:-.5em;right:-.5em;display:flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border-radius:50%;background-color:var(--link-color);color:#fff;font-size:.7em;text-align:center}#header .sections .partner,#header aside .section.partner{border:1px solid #ccc;color:var(--link-color)}#header .sections .admin,#header aside .section.admin{background-color:#000;color:#fff}#header .sections .mc{background-color:var(--mc-bg-color);color:var(--mc-color)}#header .sections .mc:hover{box-shadow:0 0 3px inset #fff}#header .sections .area-calc{background-color:var(--link-color);color:#fff}#header .sections .area-calc:hover{opacity:.75;box-shadow:0 0 3px inset #fff}#header .sections .account,#header aside .section.account{background-color:var(--user-bg-color);color:var(--user-color);border:0 none}#header nav{display:none;grid-area:menu;margin-top:30px;margin-bottom:30px}#header.show nav{display:block}#header nav ul{display:flex;flex-wrap:wrap;flex-direction:column;margin:0;padding-left:10px;text-transform:uppercase;font-size:16px;line-height:1;gap:25px;list-style:none}#header nav ul a{display:block;text-decoration:none;color:var(--menu-color)}#header nav ul a:hover{color:var(--link-color)}#header nav ul a.selected{font-weight:700}#header .top-bar{grid-area:bar;grid-column:span 2}#header .top-bar .contact{width:-moz-min-content;width:min-content;padding:.2em .5em;border:1px solid #000;border-radius:50px;font-weight:700;text-decoration:none}#header .top-bar .primary-phone a,#header .top-bar .email a{color:inherit}#header aside{display:none}@media(min-width:768px){#header{grid-template-columns:100px 1fr;grid-template-areas:"logo bar bar" "logo sections switch" "menu menu menu"}#header.show{position:relative;top:unset;left:unset;grid-template-areas:"logo bar bar " "logo sections switch" "menu menu menu";grid-template-rows:unset;overflow-y:unset}#header .top-bar{display:flex;flex-direction:row;font-size:13px;align-items:center;justify-content:flex-end;gap:10px}#header .top-bar>*{order:2}#header .top-bar .contact{padding:unset;border:unset;border-radius:unset;margin:unset;font-weight:unset}#header .selects{flex-direction:row;flex-wrap:nowrap;align-items:center;order:1}#header .secondary-phone{display:none}#header .sections{display:flex;margin:unset;justify-self:end;grid-column:span 1}#header .website-select,#header .lang-select{padding:.1em .6em;border-color:#bbb;font-weight:400}#header nav{display:block;margin:10px 0 0}#header nav ul{flex-direction:row;justify-content:center;gap:10px}#header aside{position:absolute;top:150px;right:25px;display:none;flex-direction:column;width:440px;padding:20px;background-color:var(--bg-color);border-radius:10px;box-shadow:-2px 2px 6px #cccb;font-size:16px;gap:10px}#header aside.show{display:flex}#header aside .section{display:flex;align-items:center;padding:17px;border-radius:6px;border:1px solid var(--menu-color);color:var(--menu-color);font-weight:600;gap:10px;text-transform:uppercase}#header aside .register{display:flex;flex-direction:column;padding:17px;border-radius:6px;border:1px solid var(--menu-color);color:var(--menu-color);gap:10px}#header aside .section svg,#header aside .register svg{width:24px;height:24px}#header aside .section:hover{color:var(--link-color);border:1px solid var(--link-color)}#header aside .section:hover svg{fill:var(--link-color)}#header aside .section.mc{background-color:var(--mc-bg-color);border:0 none}#header aside .section.mc:hover{background-color:var(--mc-bg-hover-color);color:var(--mc-hover-color)}#header aside .section.mc:hover svg{fill:var(--mc-hover-color)}#header aside .section.account:hover{background-color:var(--user-bg-hover-color);color:var(--user-hover-color);border:0 none}#header .sections .partner,#header .sections .admin,#header .sections .account{display:none}#header aside .register>div:first-of-type{display:flex;align-items:center;font-weight:600;gap:20px;text-transform:uppercase}#header aside .register>.add{text-transform:uppercase}#header aside .register ul{list-style-position:inside}#header aside .buttons{display:flex;justify-content:center}#header aside .buttons button{display:inline-block;padding:10px 20px;text-transform:uppercase;background-color:var(--link-color);color:var(--bg-color);border-radius:30px;border:0 none;font-weight:700;font-size:14px;font-family:inherit;cursor:pointer}}@media(min-width:992px){#header nav{margin-top:15px}#header nav ul{gap:20px}}@media(min-width:1366px){#header,#header.show{grid-template-areas:"bar bar bar bar" "logo menu sections switch";grid-template-columns:110px auto 1fr}#header .logo{grid-column:span 1}#header .top-bar{grid-column:span 4}#header nav{margin:unset}#header nav ul{justify-content:flex-start}#header .sections{grid-column:unset}}