#header {
  display: flex;
  gap: clamp(20px, 4vw, 100px);
  justify-content: space-between;
}
#logo {
  min-width: 286px;
  height: 42px;
  display: flex;
  align-items: center;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_2' x='0' y='0' style='enable-background:new 0 0 550.4 76.1' version='1.1' viewBox='0 0 550.4 76.1'%3E%3Cstyle%3E.st0%7Bfill:%23fff%7D.st1%7Bfill:%23303e47%7D%3C/style%3E%3Cpath d='M.6 0h20c.3 0 .6.3.6.6v55.1c0 .3.3.6.6.6h64.3c.3 0 .6-.3.6-.6V.6c0-.3.3-.6.6-.6H109c.3 0 .6.3.6.6v74.8c0 .3-.3.6-.6.6H9.9S0 76.7 0 65.9V.6C0 .3.3 0 .6 0z' class='st0'/%3E%3Cpath d='M44.1 8.9 64.9 0c.4-.2.9.1.9.6v45.7c0 .4-.3.7-.7.7H44.4c-.4 0-.7-.3-.7-.7V9.5c0-.3.2-.5.4-.6zM165.7 11h9.9c.2 0 .3.1.3.3v26.6c0 .2.1.3.3.3h9.1c.2 0 .3-.1.3-.3V11.3c0-.2.1-.3.3-.3h9.5c.2 0 .3.1.3.3v26.6c0 .2.1.3.3.3h8.9c.2 0 .3-.1.3-.3V11.3c0-.2.1-.3.3-.3h10.2c.2 0 .3.1.3.3v34.6c0 .2-.1.3-.3.3h-46.5c-.3-.1-3-.7-3.8-4.3V11.3c0-.2.2-.3.3-.3zM259.5 44.7V11.1c0-.1.1-.1.1-.1h25.6s3.7-.1 3.7 3v13.9c0 .2-.6 3.2-4.8 3.3-.1 0-.2.1-.1.2l7.7 14.5c.1.1 0 .2-.1.2h-10.1c-.1 0-.1 0-.1-.1l-9.6-19c0-.1 0-.2.1-.2h6.9c.1 0 .1-.1.1-.1v-7.4c0-.1-.1-.1-.1-.1h-9.2c-.1 0-.1.1-.1.1V46c0 .1-.1.1-.1.1h-9.7c-.1 0-.1-.1-.1-.1v-1.3zM388.7 11h9.9c.2 0 .3.1.3.3v26.6c0 .2.1.3.3.3h9.1c.2 0 .3-.1.3-.3V11.3c0-.2.1-.3.3-.3h9.5c.2 0 .3.1.3.3v26.6c0 .2.1.3.3.3h8.9c.2 0 .3-.1.3-.3V11.3c0-.2.1-.3.3-.3h10.2c.2 0 .3.1.3.3v34.6c0 .2-.1.3-.3.3h-46.5c-.3-.1-3-.7-3.8-4.3V11.3c0-.2.1-.3.3-.3zM518.2 44.7V11.1c0-.1.1-.1.1-.1h25.6s3.7-.1 3.7 3v13.9c0 .2-.6 3.2-4.8 3.3-.1 0-.2.1-.1.2l7.7 14.5c.1.1 0 .2-.1.2h-10.1c-.1 0-.1 0-.1-.1l-9.6-19c0-.1 0-.2.1-.2h6.9c.1 0 .1-.1.1-.1v-7.4c0-.1-.1-.1-.1-.1h-9.2c-.1 0-.1.1-.1.1V46c0 .1-.1.1-.1.1h-9.7c-.1 0-.1-.1-.1-.1v-1.3zM245.2 11H228c-3.6 0-6.6 2.9-6.6 6.6v21.9c0 3.6 2.9 6.6 6.6 6.6h17.2c3.6 0 6.6-2.9 6.6-6.6v-22c0-3.6-3-6.5-6.6-6.5zm-3.6 26.6h-10.1V19.4h10.1v18.2zM329 45.7c-2.8-6.4-9.2-16.9-9.6-17.5v-.9c3.7-.6 7.8-14.5 8.3-16.2 0-.1 0-.2-.1-.2h-11.1c-.1 0-.1 0-.1.1l-4.9 13h-4.1V11h-10.8v35l10.8.1V32.4h4l5.4 13.6c0 .1 0 .1.1.1H329c0-.2.1-.3 0-.4zM373.6 24.5h-18.8c-.7-.3-1.3-1-1.3-1.9v-1.9c0-1.1.9-2 2-2h10.9c.1 0 .2 0 .2-.1l3.3-7c.2-.3 0-.6-.3-.6H347.8c-2.4 0-4.4 2-4.4 4.4v8.3c0 1.7 1 3.2 2.5 3.9v1.6c-1.4.5-2.5 1.9-2.5 3.5v9.5c0 2.1 1.7 3.8 3.8 3.8h19.9c2.1 0 3.8-1.7 3.8-3.8v-9.5c0-.6-.2-1.2-.4-1.7h3.1c.2 0 .3-.1.3-.3v-5.9c0-.2-.1-.3-.3-.3zm-13.2 12.2c0 .4-.4.8-.8.8h-4.9c-.4 0-.8-.4-.8-.8v-4.9c0-.4.4-.8.8-.8h4.9c.4 0 .8.4.8.8v4.9zM454.8 31.9h14.8c.2 0 .4-.2.4-.4v-6.2c0-.2-.2-.4-.4-.4h-14.8c-.2 0-.4-.2-.4-.4v-4.9c0-.2.2-.4.4-.4h14.6c.2 0 .3-.1.4-.3l2.5-7.3c.1-.3-.1-.6-.4-.6h-27c-.2 0-.4.2-.4.4v34.3c0 .2.2.4.4.4h24.6c.2 0 .3-.1.4-.3l2.5-7.3c.1-.3-.1-.6-.4-.6h-17.1c-.2 0-.4-.2-.4-.4v-5.3c-.1-.1.1-.3.3-.3zM499.7 35.2l2.8 10.7c0 .1.1.2.2.2h10.1c.2 0 .3-.1.2-.3l-9-34.7c0-.1-.1-.2-.2-.2h-18.1c-.1 0-.2.1-.2.2l-9 34.7c0 .1.1.3.2.3h10.1c.1 0 .2-.1.2-.2l2.8-10.7c0-.1.1-.2.2-.2h9.4c.1 0 .2.1.3.2zm-6.5-14.1h2.9c.1 0 .2.1.2.2l1.5 7.2c0 .1-.1.3-.2.3h-6c-.1 0-.3-.1-.2-.3l1.6-7.2c0-.2.1-.2.2-.2z' class='st1'/%3E%3Cpath d='M337.6 75.3V56.4s0-.1.1-.1H352s2.1-.1 2.1 1.7v7.8c0 .1-.3 1.8-2.7 1.8-.1 0-.1.1-.1.1l4.3 8.1c0 .1 0 .1-.1.1h-5.8l-5.4-10.7c0-.1 0-.1.1-.1h3.9s.1 0 .1-.1v-4.2s0-.1-.1-.1h-5.1s-.1 0-.1.1v15s0 .1-.1.1h-5.4s-.1 0-.1-.1v-.5zM366.1 68h8.3c.1 0 .2-.1.2-.2v-3.5c0-.1-.1-.2-.2-.2h-8.3c-.1 0-.2-.1-.2-.2v-2.8c0-.1.1-.2.2-.2h8.2c.1 0 .2-.1.2-.2l1.4-4.1c.1-.2-.1-.3-.2-.3H360.6c-.1 0-.2.1-.2.2v19.2c0 .1.1.2.2.2h13.7c.1 0 .2-.1.2-.2l1.4-4.1c.1-.2-.1-.3-.2-.3h-9.6c-.1 0-.2-.1-.2-.2v-3s.1-.1.2-.1zM331.8 76h-5.6c-.2 0-.4-.2-.4-.4V56.7c0-.2.2-.4.4-.4h5.6c.2 0 .4.2.4.4v18.9c-.1.2-.2.4-.4.4zM318.6 56.3h-14.8V76h14.8c1.7 0 3.2-1.4 3.2-3.2V59.5c-.1-1.8-1.5-3.2-3.2-3.2zm-3.2 14.5c0 .2-.2.4-.4.4h-4.4c-.2 0-.4-.2-.4-.4v-9.3c0-.2.2-.4.4-.4h4.4c.2 0 .4.2.4.4v9.3zM393.6 76H383c-2.2 0-4-1.8-4-4V60.3c0-2.2 1.8-4 4-4h12.2c.3 0 .5.3.4.5l-2 4.4h-7.5c-.2 0-.4.2-.4.4v8.9c0 .2.2.4.4.4h9.6s.1 0 .1.1l-2.2 5zM416.5 56.3h-17.2l-2.1 4.5c0 .1 0 .2.1.2h6.8v15h6.6V61h5.8v-4.7z' class='st0'/%3E%3Cpath d='M237.8 67.3h51.9c.1 0 .1 0 .1-.1v-1.9c0-.1 0-.1-.1-.1H236c-.1 0-.1.1-.1.2l1.2 1.6c.1.1.4.3.7.3zM481.6 67.3h-51.9c-.1 0-.1 0-.1-.1v-1.9c0-.1 0-.1.1-.1h53.7c.1 0 .1.1.1.2l-1.2 1.6c-.2.1-.4.3-.7.3z' class='st1'/%3E%3C/svg%3E");

}

#logo p {
  text-indent: -999999px;
  overflow: hidden;

}


a.menu-logo {
  position: absolute;
  width: 60px;
  aspect-ratio: 10 / 7;
  top: 0;
  left: var(--width-full);
  bottom: 0;
  margin: auto;
  text-indent: -999999px;
  overflow: hidden;
  transition: .3s;
  opacity: 0;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg width='110' height='76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0h20v56h66V0h22l1 1v74l-1 1H10S0 77 0 66V1l1-1Z' fill='%23fff'/%3E%3Cpath d='m44 9 21-9 1 1v45l-1 1H44V9Z' fill='%23303E47'/%3E%3C/svg%3E");
}

.menu-basket-link {
  position: absolute;
  width: 40px;
  aspect-ratio: 10 / 7;
  top: 0;
  right: var(--width-full);
  bottom: 0;
  margin: auto;
  text-indent: -999999px;
  overflow: hidden;
  transition: .3s;
  opacity: 0;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23FD8103' d='M8.402 28c-.77 0-1.429-.274-1.977-.822a2.697 2.697 0 0 1-.823-1.978c0-.77.274-1.43.823-1.978a2.696 2.696 0 0 1 1.978-.822c.77 0 1.429.274 1.977.822.549.549.823 1.208.823 1.978s-.274 1.43-.823 1.978A2.696 2.696 0 0 1 8.402 28Zm14.005 0c-.77 0-1.43-.274-1.978-.822a2.697 2.697 0 0 1-.823-1.978c0-.77.274-1.43.823-1.978a2.696 2.696 0 0 1 1.978-.822 2.7 2.7 0 0 1 1.979.822 2.7 2.7 0 0 1 .822 1.978 2.7 2.7 0 0 1-.822 1.978 2.7 2.7 0 0 1-1.98.822ZM8.402 21c-1.05 0-1.843-.461-2.38-1.383-.537-.921-.56-1.837-.07-2.747l1.89-3.43L2.801 2.8H1.365c-.396 0-.723-.134-.98-.403A1.384 1.384 0 0 1 0 1.4C0 1.003.134.67.403.402.671.134 1.003 0 1.4 0h2.276c.257 0 .502.07.735.21.234.14.409.338.525.595L5.882 2.8h20.656c.63 0 1.062.233 1.295.7.234.467.222.957-.035 1.47l-4.971 8.96a2.849 2.849 0 0 1-1.016 1.085c-.42.257-.898.385-1.435.385H9.943l-1.54 2.8h15.44c.396 0 .723.134.98.402.256.269.384.601.384.998s-.134.729-.403.997c-.268.269-.6.403-.997.403H8.403Z'/%3E%3C/svg%3E");
}
.menu-basket-link {
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23fff' d='M8.402 28c-.77 0-1.429-.274-1.977-.822a2.697 2.697 0 0 1-.823-1.978c0-.77.274-1.43.823-1.978a2.696 2.696 0 0 1 1.978-.822c.77 0 1.429.274 1.977.822.549.549.823 1.208.823 1.978s-.274 1.43-.823 1.978A2.696 2.696 0 0 1 8.402 28Zm14.005 0c-.77 0-1.43-.274-1.978-.822a2.697 2.697 0 0 1-.823-1.978c0-.77.274-1.43.823-1.978a2.696 2.696 0 0 1 1.978-.822 2.7 2.7 0 0 1 1.979.822 2.7 2.7 0 0 1 .822 1.978 2.7 2.7 0 0 1-.822 1.978 2.7 2.7 0 0 1-1.98.822ZM8.402 21c-1.05 0-1.843-.461-2.38-1.383-.537-.921-.56-1.837-.07-2.747l1.89-3.43L2.801 2.8H1.365c-.396 0-.723-.134-.98-.403A1.384 1.384 0 0 1 0 1.4C0 1.003.134.67.403.402.671.134 1.003 0 1.4 0h2.276c.257 0 .502.07.735.21.234.14.409.338.525.595L5.882 2.8h20.656c.63 0 1.062.233 1.295.7.234.467.222.957-.035 1.47l-4.971 8.96a2.849 2.849 0 0 1-1.016 1.085c-.42.257-.898.385-1.435.385H9.943l-1.54 2.8h15.44c.396 0 .723.134.98.402.256.269.384.601.384.998s-.134.729-.403.997c-.268.269-.6.403-.997.403H8.403Z'/%3E%3C/svg%3E");
  overflow: visible;
  height: 28px;
  text-indent: 0;
}

.scrolled .menu-basket-link ,
.scrolled .menu-logo {
  opacity: 1;
  animation: showlogo 0.7s;
  z-index: 2;
}

.scrolled .menu-basket-link:hover,
.scrolled .menu-logo:hover {
  opacity: 0.7;
}
.scrolled .menu-basket-link:hover {
  background-size: contain;
}

.scrolled #main_menu {
  background: var(--colour-orange);
}

@keyframes showlogo {
  0%   {
    opacity: 0;
  }

  50%  {
    opacity: 0.7;
    transform: scale(105%);
  }
  100% {
    opacity: 1;
    transform: scale(100%);
  }
}






.header-left {
  display: flex;
  align-items: center;
  gap: clamp(20px, 3vw, 60px);
  flex-grow: 1;
}

.search-form-form {
  position: relative;
  height: 50px;
  border-radius: 5px;
  overflow: hidden;
  flex-grow: 1;
}

.search-form-form input[type=text] {
  width: 100%;
  height: 100%;
  border: none;
  padding-left: 10px;
  box-sizing: border-box;
}

.search-form-form input[type=submit] {
  position: absolute;
  height: 40px;
  width: 40px;
  top: 5px;
  right: 5px;
  border: none;
  text-indent: -999999px;
  overflow: hidden;
  background: no-repeat center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23303E47' d='m19.728 17.291-3.894-3.894a.937.937 0 0 0-.664-.273h-.637a8.084 8.084 0 0 0 1.719-5A8.123 8.123 0 0 0 8.128 0 8.123 8.123 0 0 0 .003 8.124a8.123 8.123 0 0 0 8.125 8.124c1.886 0 3.62-.64 5-1.718v.636c0 .25.097.489.272.665l3.895 3.894a.933.933 0 0 0 1.324 0l1.105-1.106a.942.942 0 0 0 .004-1.328Zm-11.6-4.167c-2.762 0-5-2.234-5-5 0-2.761 2.234-5 5-5 2.761 0 5 2.235 5 5 0 2.762-2.235 5-5 5Z'/%3E%3C/svg%3E");
}

#mobile_menu_button {
  display: none;
}

.header-right {
  display: flex;
  gap: 17px;
  align-items: center;
}

.header-right a:hover {
  opacity: 0.7;
}

.icon-link {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-weight: 600;
  color: #fff;
  position: relative;
}
#minicart {
  position: absolute;
  right: 0px;
  top: -8px;
  background: white;
  color: var(--colour-orange);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.icon-link p {
  margin: 0;
}

.icon-link > div {
  width: 28px;
  height: 28px;
  background: no-repeat center / contain;
  margin: auto;
}

.myaccount-link > div {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23fff' fill-opacity='.5' d='M14 15.75a7.877 7.877 0 0 0 7.875-7.875A7.877 7.877 0 0 0 14 0a7.877 7.877 0 0 0-7.875 7.875A7.877 7.877 0 0 0 14 15.75Zm7 1.75h-3.013a9.53 9.53 0 0 1-3.987.875 9.549 9.549 0 0 1-3.987-.875H7a7 7 0 0 0-7 7v.875A2.626 2.626 0 0 0 2.625 28h22.75A2.626 2.626 0 0 0 28 25.375V24.5a7 7 0 0 0-7-7Z'/%3E%3C/svg%3E");
}

.basket-link > div:not(#minicart):not(.minicartblock) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23FEC081' d='M8.402 28c-.77 0-1.429-.274-1.977-.822a2.697 2.697 0 0 1-.823-1.978c0-.77.274-1.43.823-1.978a2.696 2.696 0 0 1 1.978-.822c.77 0 1.429.274 1.977.822.549.549.823 1.208.823 1.978s-.274 1.43-.823 1.978A2.696 2.696 0 0 1 8.402 28Zm14.005 0c-.77 0-1.43-.274-1.978-.822a2.697 2.697 0 0 1-.823-1.978c0-.77.274-1.43.823-1.978a2.696 2.696 0 0 1 1.978-.822 2.7 2.7 0 0 1 1.979.822 2.7 2.7 0 0 1 .822 1.978 2.7 2.7 0 0 1-.822 1.978 2.7 2.7 0 0 1-1.98.822ZM8.402 21c-1.05 0-1.843-.461-2.38-1.383-.537-.921-.56-1.837-.07-2.747l1.89-3.43L2.801 2.8H1.365c-.396 0-.723-.134-.98-.403A1.384 1.384 0 0 1 0 1.4C0 1.003.134.67.403.402.671.134 1.003 0 1.4 0h2.276c.257 0 .502.07.735.21.234.14.409.338.525.595L5.882 2.8h20.656c.63 0 1.062.233 1.295.7.234.467.222.957-.035 1.47l-4.971 8.96a2.849 2.849 0 0 1-1.016 1.085c-.42.257-.898.385-1.435.385H9.943l-1.54 2.8h15.44c.396 0 .723.134.98.402.256.269.384.601.384.998s-.134.729-.403.997c-.268.269-.6.403-.997.403H8.403Z'/%3E%3C/svg%3E");
}
.minicartotal {
  display: none;
}

.spacer {
  width: 2px;
  height: 18px;
  background: #fff;
  opacity: 0.5;
}

.menu-button {
  border-radius: 5px;
  padding: 16px 20px;
}

.menu-button.transparent {
  background-color: rgba(255, 255, 255, 0.15);
}

a.phone-link {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #fff;
}
.phone-link > div {
  width: 20px;
  height: 20px;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23303E47' d='M16.95 18c-2.15 0-4.246-.48-6.287-1.438a19.045 19.045 0 0 1-5.425-3.8 19.045 19.045 0 0 1-3.8-5.425C.479 5.296 0 3.2 0 1.05 0 .75.1.5.3.3.5.1.75 0 1.05 0H5.1a.96.96 0 0 1 .625.225A.88.88 0 0 1 6.05.8l.65 3.5c.033.233.03.446-.012.637a1.027 1.027 0 0 1-.288.513L4 7.9c.7 1.2 1.575 2.325 2.625 3.375A18.294 18.294 0 0 0 10.1 14l2.35-2.35c.15-.15.346-.263.588-.338.241-.075.479-.095.712-.062l3.45.7c.233.05.425.162.575.337.15.175.225.38.225.613v4.05c0 .3-.1.55-.3.75-.2.2-.45.3-.75.3Z'/%3E%3C/svg%3E");

}

a.mail-link {
  text-indent: -999999px;
  overflow: hidden;
  width: 64px;;
  box-sizing: border-box;
  background: no-repeat center / 24px  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='18' fill='none'%3E%3Cpath fill='%23fff' d='M20.16 0h-16c-2.2 0-4 1.8-4 4v10c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V4c0-2.2-1.8-4-4-4Zm1.6 5.8-7.9 5.3c-.5.3-1.1.5-1.7.5-.6 0-1.2-.2-1.7-.5l-7.9-5.3c-.4-.3-.5-.9-.2-1.4.3-.4.9-.5 1.4-.2l7.9 5.3c.3.2.8.2 1.1 0l7.9-5.3c.5-.3 1.1-.2 1.4.3.2.4.1 1-.3 1.3Z'/%3E%3C/svg%3E");
}

.menu-button {
  border-radius: 5px;
  background: #FFF;
  padding: 3px 20px 0;
  color: var(--colour-orange);
  font-family: 'Teko', sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  height: 50px;
  box-sizing: border-box;
}
.menu-button.black {
  background: var(--colour-black);
}

#main_menu li > a {
  background: none;
}

#main_menu > li > a {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 20px 15px;
}

#main_menu > li.menu-item-has-children > a:after {
  content: '';
  width: 10px;
  height: 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' fill='none'%3E%3Cpath fill='%23FD8103' d='m5 6.062-5-5L1.062 0 5 3.938 8.938 0 10 1.062l-5 5Z'/%3E%3C/svg%3E");
}

#main_menu li {
  position: relative;
}

#main_menu > li> ul {
  position: absolute;
  background: #fff;
  border-top: 2px solid var(--colour-black);
  min-width: 200px;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  display: none;
  box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
}

#main_menu ul li > a {
  padding: 10px;
  display: block;
}

#main_menu > li.menu-item-has-children > a:after {
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid var(--colour-black);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  margin: auto;
  display: none;
}


#main_menu > li.menu-item-has-children:before {
  content: '';
  position: absolute;
  width: calc(100% + 30px);
  left: -50px;
  height: 50px;
  bottom: -25px;
  display: none;
}



.the_menu {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 7;
}

#main_menu ul,
#main_menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

#main_menu {
  display: flex;
  justify-content: center;
  position: relative;
  transition: .3s;
}

#main_menu > li > a {
  background: none;
  position: relative;
}


@media (min-width: 1350px) {
  #main_menu > li:hover > ul {
    display: block;
  }
}
#main_menu > li.menu-item-has-children:hover:before,
#main_menu > li.menu-item-has-children:hover > a:after {
  display: block;
}

#main_menu > li.personal-quote-link > a {
  background: #FFDBB6;
  padding: 20px 25px;
  font-weight: bold;
}

#main_menu > li.personal-quote-link > a:before {


  content: '';
  width: 13px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' fill='none'%3E%3Cpath fill='%23FD8103' fill-rule='evenodd' d='M2.404 18.929a.483.483 0 0 0-.353.156.557.557 0 0 0-.147.38c0 .141.053.278.147.378.093.1.22.157.353.157h9.038c.275 0 .498-.24.498-.536 0-.295-.223-.535-.498-.535H2.404ZM3.872 0l9.125 5.664-3.008 2.694-6.787-4.2L3.872 0ZM2.61 5.037l6.966 4.3.343 3.037-9.07 5.59 2.907-5.372a1.601 1.601 0 0 0 1.768-.829c.45-.834.176-1.918-.6-2.4a1.545 1.545 0 0 0-.77-.235c-.579-.014-1.151.306-1.458.879a1.865 1.865 0 0 0 .203 2.05L.023 17.368 0 6.225l2.61-1.188Z' clip-rule='evenodd'/%3E%3Cpath fill='%23FD8103' fill-rule='evenodd' d='M4.122 10.199h.007c.1.004.205.036.297.092.32.2.418.596.233.937a.613.613 0 0 1-.865.251.695.695 0 0 1-.233-.937.634.634 0 0 1 .56-.343Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
@media (min-width: 1350px) {
  #main_menu li.current-menu-item > a,
  #main_menu li:hover > a {
    background-color: var(--colour-grey);
  }

  #main_menu > li.personal-quote-link:hover a,
  #main_menu > li.personal-quote-link.current-menu-item a {
    background: var(--colour-grey);
  }
}
#main_menu li.render_as_mega_menu {
  position: static;
}
#main_menu > li.render_as_categories > ul,
#main_menu > li> ul.the_mega_menu_wrapper,
#main_menu > li > ul.cat_products {
  width: 90%;
  text-align: left;
}

.all_categories_wrapper {
  height: calc(60vh + -80px);
  overflow: scroll;
  width: calc(100% + 10px);
}

ul.cat_products {
  overflow: hidden;
  height: 60vh;
}



.all_categories {
  columns: 5;
  column-gap: 30px;
  width: 91%;
}

.all_categories ul {
  break-inside: avoid-column;
}



#main_menu .all_categories > ul > li > p {
  margin: 0;
  padding: 5px;
}

#main_menu .all_categories > ul > li > p ,
#main_menu .all_categories > ul > li > a {
  font-size: clamp(18px, 2vw, 20px);
  color: var(--colour-orange);
  font-weight: 600;
}

.letter_group {
  display: grid;
  break-inside: avoid;
  grid-template-columns: 50px 1fr;
  margin-bottom: 20px;
}

.the_mega_menu,
.all_categories_wrapper {
  padding: var(--padding-m) var(--padding-xl);
}
.letters {
  color: var(--colour-orange);
  font-size: 20px;
  font-family: 'Teko', sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
  margin-top: 5px;
}

.letter_group ul {
  padding-left: 20px;
  border-left: 1px solid var(--colour-grey);
}

.menu_cta {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 10px var(--padding-xl);
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
}

.menu_cta .wp_content strong ,
.menu_cta .wp_content a {
  font-size: clamp(22px, 2vw, 24px);
}

.all_categories_wrapper > p {
  margin-top: 0;
}

#main_menu > .menu-item-has-children > a {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) center;
  padding-right: 30px;
  background-size: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cmask id='a' width='20' height='20' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h20v20H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23FD8103' d='m10 13.062-5-5L6.062 7 10 10.938 13.938 7 15 8.062l-5 5Z'/%3E%3C/g%3E%3C/svg%3E");
  transition: .3s;
}


.scrolled #main_menu > .menu-item-has-children > a {
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cmask id='a' width='20' height='20' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h20v20H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='m10 13.062-5-5L6.062 7 10 10.938 13.938 7 15 8.062l-5 5Z'/%3E%3C/g%3E%3C/svg%3E");

}

.scrolled #main_menu > .menu-item-has-children.current-menu-item > a ,
.scrolled #main_menu > .menu-item-has-children:hover > a {
  color: var(--colour-black);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cmask id='a' width='20' height='20' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h20v20H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23303E47' d='m10 13.062-5-5L6.062 7 10 10.938 13.938 7 15 8.062l-5 5Z'/%3E%3C/g%3E%3C/svg%3E");

}


.the_mega_menu {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
}

.menu_left {
  padding-right: clamp(20px, 4vw, 100px);
}

.menu_right {
  padding-left: clamp(20px, 4vw, 100px);
  border-left: 1px solid #DBDBDB;
}

.mega_menu_links  ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

.mega_menu_links {
  padding-top: clamp(15px, 3vw, 60px);
  padding-bottom: 100px;
}

#main_menu .mega_menu_links ul li > a {
  padding: 0;
  display: flex;
  gap: 15px;
  align-items: center;
}

#main_menu .mega_menu_links ul li:hover > a {
  background: transparent;
  color: var(--colour-orange);
}

#main_menu .mega_menu_links ul li > a:before {
  content: '';
  width: 12px;
  height: 12px;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23FD8103' d='m6 12-1.062-1.062L9.125 6.75H0v-1.5h9.125L4.938 1.062 6 0l6 6-6 6Z'/%3E%3C/svg%3E");
}

.featured_title {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.featured_title p {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.featured_title a {
  background: none;
  color: var(--colour-orange);
  padding: 0;
  display: flex;
  gap: 5px;
  align-items: center;
}

.featured_title a:after {
  content: '';
  width: 12px;
  height: 12px;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23FD8103' d='m6 12-1.062-1.062L9.125 6.75H0v-1.5h9.125L4.938 1.062 6 0l6 6-6 6Z'/%3E%3C/svg%3E");
}

.featured_title a:hover {
  opacity: 0.7;
}


.menu_featured_products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(15px, 2vw, 30px);
  padding-top: 20px;
}

.menu_featured_products p {
  font-weight: 600;
  margin-bottom: 0;
}
.menu_featured_products a {
  background: none;
}

.product_thumb {
  aspect-ratio: 1 / 1;
  border-radius: 4px;
  border: 1px solid var(--colour-grey);
  background: no-repeat center / contain;
}


.the_menu .menu-button {
  display: none;
}

@media (max-width: 1500px) {
  .menu-button {
    padding: 4px 9px 0;
    height: 40px;
    font-size: 18px;
  }
  .icon-link > div {
    width: 20px;
    height: 20px;
  }
  .phone-link > div {
    font-size: 16px;
  }
  a.menu-logo {
    left: 10px;
  }
  .menu-basket-link {
    right: 10px;
  }
}

@media (max-width: 1350px) {
  #header {
    gap: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1500px) {
  .the_mega_menu,
  .all_categories_wrapper {
    padding: 20px;
  }
  #main_menu ul li > a {
    padding: 7px;
  }
}

@media (min-width: 1200px) and (max-height: 950px) {
  .menu_cta {
    display: none;
  }

  .all_categories_wrapper {
    padding: 20px;
  }
  #main_menu ul li > a {
    padding: 5px;
  }
}

@media (max-width: 1350px) {
  #main_menu > li.menu-item-has-children:hover:before,
  #main_menu > li.menu-item-has-children:hover > a:after {
    display: none;
  }
  .all_categories_wrapper {
    padding: 0;
    height: auto;
    width: auto;
    overflow: unset;
  }



  a.menu-logo {
    position: relative;
    z-index: 1;
    opacity: 1;
    text-align: left;

    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_2' x='0' y='0' style='enable-background:new 0 0 550.4 76.1' version='1.1' viewBox='0 0 550.4 76.1'%3E%3Cstyle%3E.st0%7Bfill:%23fff%7D.st1%7Bfill:%23303e47%7D%3C/style%3E%3Cpath d='M.6 0h20c.3 0 .6.3.6.6v55.1c0 .3.3.6.6.6h64.3c.3 0 .6-.3.6-.6V.6c0-.3.3-.6.6-.6H109c.3 0 .6.3.6.6v74.8c0 .3-.3.6-.6.6H9.9S0 76.7 0 65.9V.6C0 .3.3 0 .6 0z' class='st0'/%3E%3Cpath d='M44.1 8.9 64.9 0c.4-.2.9.1.9.6v45.7c0 .4-.3.7-.7.7H44.4c-.4 0-.7-.3-.7-.7V9.5c0-.3.2-.5.4-.6zM165.7 11h9.9c.2 0 .3.1.3.3v26.6c0 .2.1.3.3.3h9.1c.2 0 .3-.1.3-.3V11.3c0-.2.1-.3.3-.3h9.5c.2 0 .3.1.3.3v26.6c0 .2.1.3.3.3h8.9c.2 0 .3-.1.3-.3V11.3c0-.2.1-.3.3-.3h10.2c.2 0 .3.1.3.3v34.6c0 .2-.1.3-.3.3h-46.5c-.3-.1-3-.7-3.8-4.3V11.3c0-.2.2-.3.3-.3zM259.5 44.7V11.1c0-.1.1-.1.1-.1h25.6s3.7-.1 3.7 3v13.9c0 .2-.6 3.2-4.8 3.3-.1 0-.2.1-.1.2l7.7 14.5c.1.1 0 .2-.1.2h-10.1c-.1 0-.1 0-.1-.1l-9.6-19c0-.1 0-.2.1-.2h6.9c.1 0 .1-.1.1-.1v-7.4c0-.1-.1-.1-.1-.1h-9.2c-.1 0-.1.1-.1.1V46c0 .1-.1.1-.1.1h-9.7c-.1 0-.1-.1-.1-.1v-1.3zM388.7 11h9.9c.2 0 .3.1.3.3v26.6c0 .2.1.3.3.3h9.1c.2 0 .3-.1.3-.3V11.3c0-.2.1-.3.3-.3h9.5c.2 0 .3.1.3.3v26.6c0 .2.1.3.3.3h8.9c.2 0 .3-.1.3-.3V11.3c0-.2.1-.3.3-.3h10.2c.2 0 .3.1.3.3v34.6c0 .2-.1.3-.3.3h-46.5c-.3-.1-3-.7-3.8-4.3V11.3c0-.2.1-.3.3-.3zM518.2 44.7V11.1c0-.1.1-.1.1-.1h25.6s3.7-.1 3.7 3v13.9c0 .2-.6 3.2-4.8 3.3-.1 0-.2.1-.1.2l7.7 14.5c.1.1 0 .2-.1.2h-10.1c-.1 0-.1 0-.1-.1l-9.6-19c0-.1 0-.2.1-.2h6.9c.1 0 .1-.1.1-.1v-7.4c0-.1-.1-.1-.1-.1h-9.2c-.1 0-.1.1-.1.1V46c0 .1-.1.1-.1.1h-9.7c-.1 0-.1-.1-.1-.1v-1.3zM245.2 11H228c-3.6 0-6.6 2.9-6.6 6.6v21.9c0 3.6 2.9 6.6 6.6 6.6h17.2c3.6 0 6.6-2.9 6.6-6.6v-22c0-3.6-3-6.5-6.6-6.5zm-3.6 26.6h-10.1V19.4h10.1v18.2zM329 45.7c-2.8-6.4-9.2-16.9-9.6-17.5v-.9c3.7-.6 7.8-14.5 8.3-16.2 0-.1 0-.2-.1-.2h-11.1c-.1 0-.1 0-.1.1l-4.9 13h-4.1V11h-10.8v35l10.8.1V32.4h4l5.4 13.6c0 .1 0 .1.1.1H329c0-.2.1-.3 0-.4zM373.6 24.5h-18.8c-.7-.3-1.3-1-1.3-1.9v-1.9c0-1.1.9-2 2-2h10.9c.1 0 .2 0 .2-.1l3.3-7c.2-.3 0-.6-.3-.6H347.8c-2.4 0-4.4 2-4.4 4.4v8.3c0 1.7 1 3.2 2.5 3.9v1.6c-1.4.5-2.5 1.9-2.5 3.5v9.5c0 2.1 1.7 3.8 3.8 3.8h19.9c2.1 0 3.8-1.7 3.8-3.8v-9.5c0-.6-.2-1.2-.4-1.7h3.1c.2 0 .3-.1.3-.3v-5.9c0-.2-.1-.3-.3-.3zm-13.2 12.2c0 .4-.4.8-.8.8h-4.9c-.4 0-.8-.4-.8-.8v-4.9c0-.4.4-.8.8-.8h4.9c.4 0 .8.4.8.8v4.9zM454.8 31.9h14.8c.2 0 .4-.2.4-.4v-6.2c0-.2-.2-.4-.4-.4h-14.8c-.2 0-.4-.2-.4-.4v-4.9c0-.2.2-.4.4-.4h14.6c.2 0 .3-.1.4-.3l2.5-7.3c.1-.3-.1-.6-.4-.6h-27c-.2 0-.4.2-.4.4v34.3c0 .2.2.4.4.4h24.6c.2 0 .3-.1.4-.3l2.5-7.3c.1-.3-.1-.6-.4-.6h-17.1c-.2 0-.4-.2-.4-.4v-5.3c-.1-.1.1-.3.3-.3zM499.7 35.2l2.8 10.7c0 .1.1.2.2.2h10.1c.2 0 .3-.1.2-.3l-9-34.7c0-.1-.1-.2-.2-.2h-18.1c-.1 0-.2.1-.2.2l-9 34.7c0 .1.1.3.2.3h10.1c.1 0 .2-.1.2-.2l2.8-10.7c0-.1.1-.2.2-.2h9.4c.1 0 .2.1.3.2zm-6.5-14.1h2.9c.1 0 .2.1.2.2l1.5 7.2c0 .1-.1.3-.2.3h-6c-.1 0-.3-.1-.2-.3l1.6-7.2c0-.2.1-.2.2-.2z' class='st1'/%3E%3Cpath d='M337.6 75.3V56.4s0-.1.1-.1H352s2.1-.1 2.1 1.7v7.8c0 .1-.3 1.8-2.7 1.8-.1 0-.1.1-.1.1l4.3 8.1c0 .1 0 .1-.1.1h-5.8l-5.4-10.7c0-.1 0-.1.1-.1h3.9s.1 0 .1-.1v-4.2s0-.1-.1-.1h-5.1s-.1 0-.1.1v15s0 .1-.1.1h-5.4s-.1 0-.1-.1v-.5zM366.1 68h8.3c.1 0 .2-.1.2-.2v-3.5c0-.1-.1-.2-.2-.2h-8.3c-.1 0-.2-.1-.2-.2v-2.8c0-.1.1-.2.2-.2h8.2c.1 0 .2-.1.2-.2l1.4-4.1c.1-.2-.1-.3-.2-.3H360.6c-.1 0-.2.1-.2.2v19.2c0 .1.1.2.2.2h13.7c.1 0 .2-.1.2-.2l1.4-4.1c.1-.2-.1-.3-.2-.3h-9.6c-.1 0-.2-.1-.2-.2v-3s.1-.1.2-.1zM331.8 76h-5.6c-.2 0-.4-.2-.4-.4V56.7c0-.2.2-.4.4-.4h5.6c.2 0 .4.2.4.4v18.9c-.1.2-.2.4-.4.4zM318.6 56.3h-14.8V76h14.8c1.7 0 3.2-1.4 3.2-3.2V59.5c-.1-1.8-1.5-3.2-3.2-3.2zm-3.2 14.5c0 .2-.2.4-.4.4h-4.4c-.2 0-.4-.2-.4-.4v-9.3c0-.2.2-.4.4-.4h4.4c.2 0 .4.2.4.4v9.3zM393.6 76H383c-2.2 0-4-1.8-4-4V60.3c0-2.2 1.8-4 4-4h12.2c.3 0 .5.3.4.5l-2 4.4h-7.5c-.2 0-.4.2-.4.4v8.9c0 .2.2.4.4.4h9.6s.1 0 .1.1l-2.2 5zM416.5 56.3h-17.2l-2.1 4.5c0 .1 0 .2.1.2h6.8v15h6.6V61h5.8v-4.7z' class='st0'/%3E%3Cpath d='M237.8 67.3h51.9c.1 0 .1 0 .1-.1v-1.9c0-.1 0-.1-.1-.1H236c-.1 0-.1.1-.1.2l1.2 1.6c.1.1.4.3.7.3zM481.6 67.3h-51.9c-.1 0-.1 0-.1-.1v-1.9c0-.1 0-.1.1-.1h53.7c.1 0 .1.1.1.2l-1.2 1.6c-.2.1-.4.3-.7.3z' class='st1'/%3E%3C/svg%3E");
    width: 200px;
    height: 35px;
    display: block;
    margin: 20px auto;
    left: -25px;
  }

  .menu-button {
    height: 34px;
    padding: 5px 10px 0;
  }



  .phone-link > div {
    width: 16px;
    height: 16px;
  }

  a.mail-link {
    width: 43px;
  }

  .header-right {
    gap: 15px;
  }

  .icon-link > div {
    width: 16px;
    height: 16px;
  }

  .icon-link {
    gap: 3px;
  }

  .search-form-form {
    height: 36px;
  }

  .search-form-form input[type=submit] {
    width: 30px;
    height: 30px;
    top: 2px;
  }

  #logo span:nth-child(1) {
    width: 50px;
    height: 50px;
  }

  #logo span:nth-child(2) {
    width: 180px;
    height: 35px;
  }

  #logo span:nth-child(1) {
    margin-right:10px;
  }
  .header-left {
    gap: 20px;
  }
  #header .desktop-up {
    display: none;
  }


  .menu-button:last-child {
    margin-bottom: 150px;
  }

  #close_menu {
    background-color: rgba(0, 0, 0, 0.01);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    width: 0;
    height: 100vh;
    display: block;
    transition: background-color 0.3s ease, right 0.3s ease;
    -webkit-transition: background-color 0.3s ease, right 0.3s ease;
  }

  body.menu_open {
    overflow: hidden;
  }

  body.menu_open #close_menu {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    right: 300px;
    width: 100%;
  }
  body.menu_open.show_menu_close #close_menu {
    background-color: rgba(0, 0, 0, 0.01);
    width: 100%;
    right: 0;
  }

  #wrap {
    position: relative;
    width: auto;
    min-width: 320px;
    overflow: hidden;
  }
  #shifter {
    position: relative;
    width: 100%;
    left: 0px;
    transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
    background: #fff;
  }

  body {
    background: #d8d8d8;
  }
  body.menu_open #shifter {
    left: -300px;
  }
  body.menu_open.show_menu_close #shifter {
    left: 0;
  }

  #mobile_menu_button {
    display: flex;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.15);
    width: 43px;
    height: 34px;
    flex-direction: column;
    justify-content: space-between;
    padding: 6px 8px;
    box-sizing: border-box;
  }
  #mobile_menu_button > div {
    width: 100%;
    height: 4px;
    background-color: #fff;
  }
  #mobile_menu_button > div:last-child {
    margin: 0;
  }

  .the_menu {
    max-height: 100vh;
    height: 100vh;
    -webkit-transition: left 0.3s ease;
    left: 100%;
    width: 330px;
    top: 0px;
    z-index: 11;
    position: fixed;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    background: var(--colour-orange);
  }



  #main_menu {
    display: block;
    width: 100%;

  }
  body.menu_open .the_menu {
    left: calc(100% - 300px);
  }
  body.menu_open.show_menu_close .the_menu {
    left: 100%;
  }

  .main_menu , .main_menu ul {
    padding: 0;
    margin: 0;
    list-style: none;

  }
  #main_menu > li> ul {
    display: none;
    transform: none;
    position: relative;
    left: 0;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    width: 91%;
  }


  #main_menu li.clicked > ul {
    display: block;
  }

  .main_menu a {
    display: block;
    color: #fff;
    padding: 20px;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .all_categories {
    columns: unset;
    width: 100%;
  }

  .menu_cta {
    display: none;
  }

  .main_menu > li:first-child > a {
    color: var(--colour-black);
  }
  .main_menu ul a {
    font-size: 16px;
    padding: 15px 25px;
    background: rgba(255, 255, 255, 0.05);
  }
  .main_menu li {
    position: relative;
  }

  #main_menu li.render_as_mega_menu {
    position: relative;
  }

  #main_menu li.menu-item-has-children > a:after {
    display: none;
  }
  #main_menu li.menu-item-has-children >  span {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    transition: transform 0.3s;
    transform-origin: 14px 14px;
    left: auto;
    right: 50px;
    position: absolute;
    top: 13px;
    background: no-repeat center / 40px url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8 5 9l7 7 7-7-1-1-6 5-6-5Z' fill='%23fff'/%3E%3C/svg%3E");
  }

  #main_menu li.menu-item-has-children.clicked >  span {
    transform: rotate(-90deg);
    top: 21px;
  }
  #main_menu > .menu-item-has-children > a {
    width: 80%;
    justify-content: space-between;
    background: none;
  }
  #main_menu li.menu-item-has-children.clicked > a:after {
    transform: rotate(-45deg);
  }

  .the_menu .menu-button {
    display: block;
    padding: 10px 15px 15px 15px;
    height: 45px;
    box-sizing: border-box;
    max-width: 260px;
    margin: 15px auto;
    text-align: center;
    position: relative;
    left: -14px;
  }

  #main_menu ul li > a {
    color: var(--colour-black);
    text-align: left;
  }


  .menu_left .wp_content,
  .menu_right ,
  .all_categories_wrapper > p {
    display: none;
  }

  .main_menu .letter_group a {
    border-bottom: none;
  }

  .mega_menu_links ul {
    display: block;
  }

  .menu_left,
  .mega_menu_links,
  .the_mega_menu {
    padding: 0;
  }
  #main_menu .mega_menu_links ul li > a:before {
    display: none;
  }

  .the_mega_menu {
    display: block;
  }

  #main_menu .all_categories > ul > li > p,
  #main_menu .mega_menu_links ul li > a,
  #main_menu ul li > a {
    display: block;
    padding: 10px 15px 10px 25px;
  }

  #main_menu ul .letter_group li > a {
    padding: 10px;
  }

  #main_menu > li> ul {
    min-width: 100%;
  }
  ul.cat_products {
    overflow: scroll;
  }
}

@media (max-width: 1024px) {
  #header {
    flex-wrap: wrap;
    gap: 20px;
  }

  .mobile-search {
    width: 100%;
  }

  .search-form-form {
    max-width: 800px;
    margin: auto;
  }

  .header-left .search-form-form {
    display: none;
  }

  #logo + .dgwt-wcas-search-wrapp {
    display: none;
  }
}


@media (max-width: 768px) {
  a.phone-link {
    width: 43px;
    text-indent: -99999px;
    overflow: hidden;
    display: block;
  }

  a.phone-link > div {
    display: none;
  }

  .icon-link > div,
  .icon-link p {
    display: none;
  }

  .spacer {
    display: none;
  }
  a.phone-link {
    background: no-repeat center / 19px  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23fff' d='M16.95 18c-2.15 0-4.246-.48-6.287-1.438a19.045 19.045 0 0 1-5.425-3.8 19.045 19.045 0 0 1-3.8-5.425C.479 5.296 0 3.2 0 1.05 0 .75.1.5.3.3.5.1.75 0 1.05 0H5.1a.96.96 0 0 1 .625.225A.88.88 0 0 1 6.05.8l.65 3.5c.033.233.03.446-.012.637a1.027 1.027 0 0 1-.288.513L4 7.9c.7 1.2 1.575 2.325 2.625 3.375A18.294 18.294 0 0 0 10.1 14l2.35-2.35c.15-.15.346-.263.588-.338.241-.075.479-.095.712-.062l3.45.7c.233.05.425.162.575.337.15.175.225.38.225.613v4.05c0 .3-.1.55-.3.75-.2.2-.45.3-.75.3Z'/%3E%3C/svg%3E");
  }


  .myaccount-link  {
    background: no-repeat center / 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23fff'  d='M14 15.75a7.877 7.877 0 0 0 7.875-7.875A7.877 7.877 0 0 0 14 0a7.877 7.877 0 0 0-7.875 7.875A7.877 7.877 0 0 0 14 15.75Zm7 1.75h-3.013a9.53 9.53 0 0 1-3.987.875 9.549 9.549 0 0 1-3.987-.875H7a7 7 0 0 0-7 7v.875A2.626 2.626 0 0 0 2.625 28h22.75A2.626 2.626 0 0 0 28 25.375V24.5a7 7 0 0 0-7-7Z'/%3E%3C/svg%3E");
  }

  .basket-link  {
    background: no-repeat center / 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23fff' d='M8.402 28c-.77 0-1.429-.274-1.977-.822a2.697 2.697 0 0 1-.823-1.978c0-.77.274-1.43.823-1.978a2.696 2.696 0 0 1 1.978-.822c.77 0 1.429.274 1.977.822.549.549.823 1.208.823 1.978s-.274 1.43-.823 1.978A2.696 2.696 0 0 1 8.402 28Zm14.005 0c-.77 0-1.43-.274-1.978-.822a2.697 2.697 0 0 1-.823-1.978c0-.77.274-1.43.823-1.978a2.696 2.696 0 0 1 1.978-.822 2.7 2.7 0 0 1 1.979.822 2.7 2.7 0 0 1 .822 1.978 2.7 2.7 0 0 1-.822 1.978 2.7 2.7 0 0 1-1.98.822ZM8.402 21c-1.05 0-1.843-.461-2.38-1.383-.537-.921-.56-1.837-.07-2.747l1.89-3.43L2.801 2.8H1.365c-.396 0-.723-.134-.98-.403A1.384 1.384 0 0 1 0 1.4C0 1.003.134.67.403.402.671.134 1.003 0 1.4 0h2.276c.257 0 .502.07.735.21.234.14.409.338.525.595L5.882 2.8h20.656c.63 0 1.062.233 1.295.7.234.467.222.957-.035 1.47l-4.971 8.96a2.849 2.849 0 0 1-1.016 1.085c-.42.257-.898.385-1.435.385H9.943l-1.54 2.8h15.44c.396 0 .723.134.98.402.256.269.384.601.384.998s-.134.729-.403.997c-.268.269-.6.403-.997.403H8.403Z'/%3E%3C/svg%3E");
  }
  .icon-link {
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.15);
    width: 43px;
    height: 34px;
  }

}


@media (max-width: 640px) {
  #logo {
    min-width: 63px;
    height: 48px;
    background-size: 300px;
    background-position: left;
  }
  #header {
    padding-right: 15px;
    padding-left: 15px;
    gap: 15px;
  }

}

@media (max-width: 400px ) {
  a.mail-link {
    display: none;
  }
}


.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
  padding: 0;
  border-radius: 0;
  background: none;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
  border-radius: 10px!important;
  background: #fff;
  padding-left: 20px;
}


.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: auto;
}

.dgwt-wcas-enable-mobile-form {
  display: none;
}