body {
   background-color: #d1d5dd;
}
ul#splide-brands-list li .thumbnail {
   padding: 0;
   border: 0;
}
.homecarousel {
    background-color: unset;
}
.yamm .level1>a {
    font-size: 13px!important;
}
/* -----------------------------------------------------
   Header mid-section
   ----------------------------------------------------- */
#cb-header-mid {
    padding-top: 10px;
    padding-bottom: 10px;
}
#header-logo {
    display: flex;
    align-items: center;
}
#header-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
}
.header-slogan {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 8px;
}
.header-contact-details {
    font-weight: 700;
}
.header-contact-details .header-phone,
.header-contact-details .header-email {
    margin-bottom: 4px;
    font-size: 14px;
    text-align: left;
}
.header-contact-details a {
    color: #000;
    text-decoration: none;
}
.header-contact-details a:hover {
    color: #002b5c;
}
.header-contact-details i {
    color: #ee4035;
    width: 16px;
}
.header-phone-label {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 5px;
    color: #000;
}
.header-contact-details a.phone-pop {
   color:#ee4035;
}
#header-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#header-right .header-basket {
    margin-bottom: 8px;
}
#header-right .header-search {
    width: 100%;
}
.header-phone {
    float: none;
    padding: 10px 40px 10px 0;
}

.btn-primary {
    background-color: #002b5c;
    border-color: #002b5c;
}
.btn-primary:hover {
    background-color: #ee4035;
    border-color: #ee4035;
}
.category-box, .grouped-category-box, .product-box, .image, .pdetails {
    border: 1px solid #ffffff;
    text-align: center;
    -webkit-box-shadow: 1px 1px 5px 0 #002b5c;
    -moz-box-shadow: 1px 1px 5px 0 #002b5c;
    box-shadow: 1px 1px 5px 0 #002b5c;
    background-color: #FFFFFF;
}
.pdetails, .product-box .col-md-7.col-sm-7  {
    text-align: left;
}
#leftsidebar .panel-title a::after, #leftsidebar .panel-title .collapsed::after {
    color: #fff;
}
.main-heading {
    font-weight: bold;
}
.btn-group>.btn:first-child {
    background-color: #002b5c;
    color: #fff;
}
.layoutButtons .viewAsGridButton.modeset, .layoutButtons .viewAsListButton.modeset {
    background-color: #002b5c;
    border-color: #002b5c;
}
.layoutButtons .viewAsGridButton .fas, .viewAsListButton .fas {
    color: #ffffff;
}
.layoutButtons .viewAsGridButton, .viewAsListButton {
    background-color: #8095ae;
    border-color: #002b5c;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #000;
}

/* -----------------------------------------------------
   Header strapline ("1000's of products at unbeatable prices")
   ----------------------------------------------------- */
#header-contactinfo {
    display: flex;
    align-items: center;
}
#header-contactinfo .header-message {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    color: #002b5c;
}
#header-contactinfo .header-message span {
    color: #ee4035;
    font-size: 34px;
}

/* -----------------------------------------------------
   Header right column — 3-column row: email | basket amount | checkout button
   ----------------------------------------------------- */
.header-basket-email-row {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
/* Email — left slot */
.header-basket-email-row > .header-email {
    flex-shrink: 0;
    font-weight: 600;
    white-space: nowrap;
    margin-right: 12px;
}
.header-basket-email-row > .header-email a {
    color: #002b5c;
    text-decoration: none;
}
.header-basket-email-row > .header-email a:hover {
    color: #ee4035;
}
.header-basket-email-row > .header-email .fa-envelope {
    color: #ee4035;
    font-size: 18px;
}
/* Basket module — takes the remaining space, strip all default margins */
.header-basket-email-row > .header-basket {
    flex: 1;
    margin: 0;
    padding: 0;
}
/* Collapse the nested basket wrappers so the link and button behave as flex siblings */
.header-basket-email-row .header-basket .basketInfo,
.header-basket-email-row .header-basket .header-basket-text,
.header-basket-email-row .header-basket #basket.sidebarwidget,
.header-basket-email-row .header-basket .content {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
}
/* Basket amount — centred in the remaining space */
.header-basket-email-row .header-basket .header-basket-link {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-weight: 600;
    color: #002b5c;
    text-decoration: none;
}
/* Basket icon — red */
.header-basket-email-row .header-basket .header-links-cart {
    color: #ee4035;
}
/* Checkout button — right-aligned */
.header-basket-email-row .header-basket #checkoutButton {
    flex-shrink: 0;
}

/* -----------------------------------------------------
   Top bar — background, links, icons (all devices)
   ----------------------------------------------------- */
.navbar-default {
    background-color: #002b5c;
    border-color: #002b5c;
}
.navbar-default .top-bar-links a,
.navbar-default .top-bar-links button,
.navbar-default .top-bar-social li a,
.navbar-default .navbar-logout,
.navbar-default .mobile-top-bar-wrapper a,
.navbar-default .mobile-top-bar-wrapper button,
.navbar-default .navbar-toggle {
    color: #fff;
}
.navbar-default .top-bar-links a i,
.navbar-default .top-bar-links button i,
.navbar-default .top-bar-social li a i,
.navbar-default .navbar-logout i,
.navbar-default .mobile-top-bar-wrapper a i,
.navbar-default .mobile-top-bar-wrapper button i,
.navbar-default .navbar-toggle i {
    color: #fff;
}
.navbar-default .top-bar-links a:hover,
.navbar-default .top-bar-links button:hover,
.navbar-default .top-bar-social li a:hover,
.navbar-default .navbar-logout:hover,
.navbar-default .mobile-top-bar-wrapper a:hover,
.navbar-default .mobile-top-bar-wrapper button:hover,
.navbar-default .navbar-toggle:hover {
    background-color: #000;
    color: #fff;
}

/* -----------------------------------------------------
   Megamenu — top-level items
   ----------------------------------------------------- */
.navbar.yamm .nav > li.level1 {
    background-color: #002b5c;
}
.navbar.yamm .nav > li.level1 > a {
    background-color: transparent;
    color: #fff;
    height: 100%;
}
.navbar.yamm .nav > li.level1:hover,
.navbar.yamm .nav > li.level1.open {
    background-color: #ee4035;
}
.navbar.yamm .nav > li.level1 > a:hover,
.navbar.yamm .nav > li.level1:hover > a,
.navbar.yamm .nav > li.level1.open > a {
    background-color: transparent;
    color: #fff;
}

footer {
    background: #002b5c;
    margin-top: 0;
}

div#home-secondary-adds {
    margin-bottom: 50px;
}

.header-search .searchform .btn {
    background: #002b5c;
    border: 1px solid #002b5c !important;
}

/* -----------------------------------------------------
   Panels — all instances (sidebar, product, group)
   ----------------------------------------------------- */
.panel {
    border-color: #002b5c;
}
.panel-heading,
.panel-default > .panel-heading {
    background-color: #002b5c;
    border-color: #002b5c;
    color: #fff;
}
.panel-heading .panel-title,
.panel-heading .panel-title a,
.panel-heading a {
    color: #fff;
}
.panel-heading i {
    color: #fff;
}
.dec, .inc {
    background-color: #002b5c;
    border: 1px solid #002b5c;
    color: #fff;
}
.featured-list {
    border: 1px solid #002b5c;
}

/* -----------------------------------------------------
   Section headings — ruled title (e.g. Brands)
   ----------------------------------------------------- */
.featured-title {
    background: #002b5c;
    color: #fff;
    text-transform: unset;
    font-size: 3rem;
    font-weight: 600;
    padding: 15px;
}
.login-page-wrap {
    background: #fff;
    padding: 30px;
}
span.price-display.price-display-primary {
    font-weight: bold;
}
span.price-display.price-display-primary .price, span.price-display.price-display-list.price-vat-switch {
    color: #ee4035;
}
#home-sub-adds img {
    margin-top: 30px;
}
#home-slideshow-section, #home-featured-products-section, #home-sub-adds, #home-brands-section {
    margin-bottom: 0;
}

/* -----------------------------------------------------
   Base / all widths
   ----------------------------------------------------- */


/* -----------------------------------------------------
   xs — <768px (phones, stacked)
   ----------------------------------------------------- */
@media (max-width: 991px) {
   /* Mobile top bar — light background, dark text/icons */
   .navbar-fixed-top,
   .navbar-fixed-top.navbar-default {
      background-color: #eaebf0;
      border-color: #eaebf0;
   }
   .navbar-default .top-bar-links a,
   .navbar-default .top-bar-links button,
   .navbar-default .top-bar-social li a,
   .navbar-default .navbar-logout,
   .navbar-default .mobile-top-bar-wrapper a,
   .navbar-default .mobile-top-bar-wrapper button,
   .navbar-default .navbar-toggle {
      color: #002b5c;
   }
   .navbar-default .top-bar-links a i,
   .navbar-default .top-bar-links button i,
   .navbar-default .top-bar-social li a i,
   .navbar-default .navbar-logout i,
   .navbar-default .mobile-top-bar-wrapper a i,
   .navbar-default .mobile-top-bar-wrapper button i,
   .navbar-default .navbar-toggle i {
      color: #002b5c;
   }
   .navbar-default .top-bar-links a:hover,
   .navbar-default .top-bar-links button:hover,
   .navbar-default .top-bar-social li a:hover,
   .navbar-default .navbar-logout:hover,
   .navbar-default .mobile-top-bar-wrapper a:hover,
   .navbar-default .mobile-top-bar-wrapper button:hover {
      background-color: transparent;
      color: #ee4035;
   }
   .navbar-default .top-bar-links a:hover i,
   .navbar-default .top-bar-links button:hover i,
   .navbar-default .mobile-top-bar-wrapper a:hover i,
   .navbar-default .mobile-top-bar-wrapper button:hover i {
      color: #ee4035;
   }
   .navbar-default .navbar-toggle:hover {
      background-color: #002b5c;
      color: #fff;
   }
   .navbar-default .navbar-toggle .icon-bar {
      background-color: #002b5c;
   }

   #search .searchform .btn {
      background: #ee4035;
      border: 1px solid #ee4035 !important;
   }
   .drilldown .navback {
      background: #ee4035;
   }
   .drilldown a.navback,
   .drilldown button.navback {
      color: #fff;
   }
   .drilldown a,
   .drilldown button {
      color: #fff;
      background: #002b5c;
   }
   #home-secondary-adds > div:nth-child(-n+2) {
      margin-bottom: 15px;
   }

}

/* -----------------------------------------------------
   sm — 768px–991px (tablets, portrait)
   ----------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {

}

/* -----------------------------------------------------
   md — 992px–1199px (small desktops)
   ----------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* -----------------------------------------------------
   lg — ≥1200px (large desktops)
   ----------------------------------------------------- */
@media (min-width: 1200px) {

}
@media (min-width: 992px) {
    .menu-container {
        background-color: #002b5c;
        margin-top: 30px;
    }
    .yamm {
        margin-top: 0;
    }
}
.homecarousel {
    margin-top: 0;
}

/* Top Adverts bar */
.ta-bar { background: #f4f6fb; border-top: 1px solid #dde3f0; border-bottom: 3px solid #002b5c; padding: 0; }
.ta-item { display: flex; align-items: center; gap: 12px; padding: 14px 8px; color: #1a1a1a; text-decoration: none; margin-bottom: 0;}
a.ta-item:hover { color: #002b5c; text-decoration: none; }
a.ta-item:hover .ta-icon { color: #ee4035; }
.ta-icon { font-size: 28px; color: #002b5c; flex-shrink: 0; width: 32px; text-align: center; }
.ta-text { display: flex; flex-direction: column; line-height: 1.3; }
.ta-title { font-weight: 700; font-size: 14px; }
.ta-subtitle { font-size: 12px; color: #555; }