.dixons-header{background:#fff;border-bottom:1px solid #e4e8e4;color:#283333;font-family:Inter,Arial,sans-serif;width:100%;position:relative;z-index:30}.dixons-header *{box-sizing:border-box}.dixons-header__inner{max-width:1240px;padding:0 25px;margin:auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.dixons-header__brand{flex-shrink:0;display:inline-flex;align-items:center;text-decoration:none;color:#283333}.dixons-header__brand img{display:block;max-width:210px;max-height:66px;width:auto;height:auto;object-fit:contain}.dixons-header__wordmark{font:800 28px/1 Manrope,Arial,sans-serif;letter-spacing:-1.5px}.dixons-header__wordmark small{display:block;text-align:center;font:700 9px/1.8 Inter,Arial,sans-serif;letter-spacing:2px}.dixons-header__nav{display:flex;align-items:center;gap:26px}.dixons-header__nav a{color:#283333;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.dixons-header__nav a:hover,.dixons-header__nav a:focus-visible{color:#647b70}.dixons-header__nav .dixons-header__cta{background:#283333;color:white;padding:14px 18px;border-radius:7px}.dixons-header__nav .dixons-header__cta:hover{background:#526c61;color:white}.dixons-header__toggle{display:none;background:transparent;border:1px solid #dce3de;border-radius:7px;padding:10px;cursor:pointer}.dixons-header__toggle span{display:block;width:23px;height:2px;background:#283333;margin:4px 0}@media(max-width:950px){.dixons-header__inner{min-height:74px}.dixons-header__toggle{display:block}.dixons-header__nav{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 25px 24px;background:#fff;border-bottom:1px solid #e4e8e4;box-shadow:0 15px 25px #00000012;flex-direction:column;align-items:stretch;gap:0}.dixons-header__nav.is-open{display:flex}.dixons-header__nav a{padding:13px 4px;white-space:normal}.dixons-header__nav .dixons-header__cta{margin-top:12px;text-align:center;padding:15px}.dixons-header__brand img{max-height:54px;max-width:175px}}@media(max-width:420px){.dixons-header__inner{padding:0 18px}}
/* Protect navigation colours from Elementor/theme global link rules. */
.dixons-header .dixons-header__nav > a:not(.dixons-header__cta),
.dixons-header .dixons-header__nav > a:not(.dixons-header__cta):visited{color:#283333!important;background:transparent!important}
.dixons-header .dixons-header__nav > a:not(.dixons-header__cta):hover,
.dixons-header .dixons-header__nav > a:not(.dixons-header__cta):focus-visible{color:#526c61!important}
.dixons-header .dixons-header__nav > a.dixons-header__cta,
.dixons-header .dixons-header__nav > a.dixons-header__cta:visited{color:#fff!important;background:#283333!important}
.dixons-header .dixons-header__nav > a.dixons-header__cta:hover,
.dixons-header .dixons-header__nav > a.dixons-header__cta:focus-visible{color:#fff!important;background:#526c61!important}

/* v1.3.5: isolate mobile toggle from Elementor/theme button colour states. */
.dixons-header button.dixons-header__toggle,
.dixons-header button.dixons-header__toggle:hover,
.dixons-header button.dixons-header__toggle:focus,
.dixons-header button.dixons-header__toggle:active,
.dixons-header button.dixons-header__toggle[aria-expanded="true"] {
  -webkit-appearance:none; appearance:none;
  background-color:#fff !important;
  background-image:none !important;
  color:#283333 !important;
  border:1px solid #dce3df !important;
  border-radius:8px !important;
  box-shadow:none !important;
  outline:none;
  padding:10px !important;
  min-width:48px; min-height:46px;
}
.dixons-header button.dixons-header__toggle:hover,
.dixons-header button.dixons-header__toggle[aria-expanded="true"] {background-color:#f0f4f1 !important;}
.dixons-header button.dixons-header__toggle:focus-visible {
  outline:2px solid #738787 !important; outline-offset:3px;
}
.dixons-header button.dixons-header__toggle span {
  display:block; width:23px; height:2px;
  background:#283333 !important; border:0 !important;
  margin:4px 0; padding:0; box-shadow:none !important;
}

/* v1.3.6: visibility must override theme button rules without exposing toggle on desktop. */
@media (min-width:951px) {
  .dixons-header button.dixons-header__toggle,
  .dixons-header button.dixons-header__toggle:hover,
  .dixons-header button.dixons-header__toggle:focus,
  .dixons-header button.dixons-header__toggle:active,
  .dixons-header button.dixons-header__toggle[aria-expanded="true"] {display:none !important;}
}
@media (max-width:950px) {
  .dixons-header button.dixons-header__toggle {display:block !important;}
  .dixons-header .dixons-header__nav {display:none;}
  .dixons-header .dixons-header__nav.is-open {display:flex;}
}
