/* =========================================
   Base / Reset
========================================= */
html, body {
  background-color: #161616;
}

* {
  font-family: Montserrat;
}

hr {
  border-top: 1px solid #8d8d8d59;
}

.container {
  max-width: 1240px;
}

.bg-dark {
    background-color: #2d2d2d !important;
}
.required {
  color: #df0000 !important;
}


/* =========================================
   Alerts
========================================= */
.alert-error.alert-bg {
    background-color: #df0000;
    color: #fff;
    border: 1px solid #f14e4e;
    box-shadow: 0 2px 13px 0px rgb(0 0 0 / 25%);
}

.alert-info.alert-bg {
    background-color: #4208bb;
    color: #fff;
    border: 1px solid #6820ff;
    box-shadow: 0 2px 13px 0px rgb(0 0 0 / 25%);
}
.alert-success.alert-bg {
    background-color: #6adf07;
    color: #fff;
    border: 1px solid #95ff34;
    box-shadow: 0 2px 13px 0px rgb(0 0 0 / 25%);
}
.alert-warning.alert-bg {
    background-color: #ff9800;
    color: #fff;
    border: 1px solid #ffb347;
    box-shadow: 0 2px 13px 0px rgb(0 0 0 / 25%);
}
.alert-danger.alert-bg {
    background-color: #ff3d3d;
    color: #fff;
    border: 1px solid #ff6e6e;
    box-shadow: 0 2px 13px 0px rgb(0 0 0 / 25%);
}
/* =========================================
   Typography & Colors
========================================= */
h1, h2, h3, h4, h5, h6 {
  color: #e7e7e7;
    line-height: 1.4em;
}

.text-dark, 
.container p {
    color: #979797;
    line-height: 1.4em;
}

.text-default {
  color: #979797 !important;
}
.text-dark {
    color: #b4aeae !important;
}
.text-primary {
  color: #4208bb !important;
}
.box.bg-dark .text-primary {
  color: #4208bb !important;
}
.box.bg-dark a:hover {
  color: #fff !important;
  text-decoration: underline;
  transition: all 0.3s ease;
}


a:hover {
  color: #fff; 
  cursor: pointer;
}

.save-price,
.product-price .new-price {
  color: #6adf07;
}

.discount-percent {
  background-color: #6adf07;
}

/* =========================================
   Utilities
========================================= */
.box-shadow {
  box-shadow: 0 2px 13px 0px rgb(0 0 0 / 65%) !important;
}

.box-border {
  border: none !important;
}

/* =========================================
   Global Backgrounds
========================================= */
body {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url('../images/bg/road-1.jpg');
  background-position: top center;
}

body.home .main {
  background: transparent;
}
.main {
  background: #161616;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url('../images/bg/road-footer-1.jpg');
  background-position: top center;
}

/* =========================================
   Header
========================================= */
.header,
.header-middle,
.header-bottom {
  background: transparent;
  border: none;
  color: #fff;
  font-weight: 400;
}

.header-top {
  background: #4208bb;
  color: #fff;
}

.header {
  background: rgb(0 0 0 / 16%);
  border-radius: 0 0 8px 8px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-bottom: 1px solid rgb(95 95 95 / 30%);
  position: relative;
  z-index: 99;
}

.header-top .welcome-msg {
  padding: 12px 0;
}

.header-top a:hover {
  text-decoration: underline;
  color: #fff;
}

.header-search.hs-expanded input.form-control,
.header a:not(.btn) {
  color: #fff;
}

.header a:not(.btn):hover {
  color: #fff;
}

.header-middle {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.header-bottom .main-nav {
  margin-left: 0;
}

.header-border .header-bottom {
  border: none;
}

/* Header Right Pill */
.header-bottom .header-right {
  background: #df0000;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-top: 1px solid rgb(137 137 137 / 46%);
  border-left: 1px solid rgb(137 137 137 / 46%);
  border-right: 1px solid rgb(137 137 137 / 46%);
  padding: 0 10px;
}
.header-bottom .header-right:hover {
  background-color: #b80000;
  transition: background 0.3s ease;
  cursor: pointer;
}
.header-bottom .header-right > a:first-child {
  margin-right: 0;
}

/* Header Actions */
.compare.label-down,
.wishlist.label-down,
.header-call,
.cart-dropdown .cart-toggle {
  padding: 9px;
  border-radius: 5px;
}

.compare.label-down:hover,
.wishlist.label-down:hover,
.header-call:hover,
.cart-dropdown .cart-toggle:hover {
  background: rgb(255 255 255 / 29%);
  transition: background 0.3s ease;
  color: #fff;
  cursor: pointer;
}

.header-call:hover .w-icon-call,
.header-call:hover .phone-number {
  color: #fff;
}

/* =========================================
   Menu
========================================= */
.menu > li {
  margin-right: 1rem;
  padding: 0 15px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  transition: all 0.3s ease;
}

.menu > li:hover > a:not(.menu-title),
.menu > li.active > a:not(.menu-title) {
  color: #fff;
}

.menu > li:hover {
  border-radius: 5px 5px 0 0;
  background-color: rgb(163 163 163 / 34%);
  border-top: 1px solid rgb(137 137 137 / 46%);
  border-left: 1px solid rgb(137 137 137 / 46%);
  border-right: 1px solid rgb(137 137 137 / 46%);
}

.menu > li.active {
  border-radius: 5px 5px 0 0;
  background-color: #2d2d2d;
  border-top: 1px solid rgb(95 95 95 / 30%);
  border-left: 1px solid rgb(95 95 95 / 30%);
  border-right: 1px solid rgb(95 95 95 / 30%);
}

/* =========================================
   Header Search
========================================= */
.header-search.hs-round.hs-expanded .form-control,
.header-search.hs-expanded .btn-search {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 6px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: background 0.3s ease;
}

.header-search.hs-round.hs-expanded .form-control:hover,
.header-search.hs-round.hs-expanded .form-control:focus,
.header-search.hs-round.hs-expanded .form-control:active,
.header-search.hs-expanded .btn-search:hover,
.header-search.hs-expanded .btn-search:focus,
.header-search.hs-expanded .btn-search:active {
  background: rgb(255 255 255 / 25%);
}

.header-search.hs-round.hs-expanded .form-control {
  border-radius: 6px 0 0 6px;
}

.header-search.hs-expanded .btn-search {
  border-radius: 0 6px 6px 0;
  color: #fff;
}

/* =========================================
   Feature Strip (Swiper)
========================================= */
.swiper-wrapper.box-features {
  background: rgb(0 0 0 / 27%);
  border-radius: 8px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.box-features .swiper-slide {
  background: #2d2d2d;
  color: #fff;
  border: none;
  border-right: 1px solid #727272;
  padding: 0 13px;
}

.box-features .swiper-slide:last-child {
  border-right: none;
}

.box-features .icon-box i,
.box-features .icon-box p,
.box-features .icon-box .icon-box-title {
  color: #fff;
}

.box-features .icon-box .icon-box-title {
  font-size: 14px;
  letter-spacing: -1px;
  margin-bottom: .4rem;
  font-family: Montserrat;
  font-weight: 600;
  text-transform: uppercase;
}

.box-features .icon-box p {
  font-size: 11px;
  word-break: break-word;
  margin: 0;
  line-height: 1.2;
  color: #b4aeae;
  text-transform: uppercase;
}

/* =========================================
   Titles / Page Header
========================================= */
.title-link-wrapper .title,
.page-header {
  color: #fff;
  background-color: transparent;
}

/* =========================================
   Categories
========================================= */
.category-box {
  background-color: #2d2d2d; 
  border-radius: 6px;
  overflow: hidden;
  position: relative;
    border: 1px solid #494848;
  border-bottom: 7px solid rgb(66 8 187);
}

.category-box .category-media {
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
  
}
.category-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2;
  background: linear-gradient(0deg, rgb(0 0 0 / 78%) 0%, rgb(0 0 0 / 78%) 50%, rgba(0, 0, 0, 0) 100%);
  transition: all 0.3s ease;
  width: 100%;
    left: 0;

}
.category-content:hover{
 background: linear-gradient(0deg, rgb(0 0 0 / 78%) 0%, rgb(0 0 0 / 78%) 50%, rgba(0, 0, 0, 0) 100%);
  padding-top: 20px;
  padding-bottom: 10px;
}
.category-content ul {
  padding: 10px 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.category-content ul li a {
  color: #fff;
  font-size: 14px;
}
a.category-name {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1em;
  color: #fff;
  letter-spacing: 0;
  font-size: 23px;
  width: 100%;
  display: block;
  text-align: center;
  /* position: absolute; */
  /* bottom: -3px; */
  padding-top: 50px;
}
 
/* =========================================
   Generic Content Boxes / Widgets
========================================= */
.box.bg-dark,
.widget {
  background: #2d2d2d;
  border-radius: 4px;
  box-shadow: 0 2px 13px 0px rgb(0 0 0 / 65%); 
  border: 1px solid #494848;
  border-bottom: 7px solid rgb(66 8 187);
  color: #fff;
  padding: 20px;
}

.widget .widget-title {
  color: #fff;
  border: none;
}

.widget-icon-box {
  border: none;
}

/* =========================================
   Product Card / List
========================================= */
.product-wrap .product,
.product-slide.product {
  background: #2d2d2d;
  border: 1px solid #494848;
  border-radius: 6px;
  overflow: hidden;
  color: #fff;
  padding: 0;
  box-shadow: 0 2px 13px 0px rgb(0 0 0 / 65%);

}

.product-details {
  background: transparent;
  padding-top: 0;
}

.product-media {
  background-color: #fff;
  border-bottom: 9px solid #4208bb;
  height: 200px;
  overflow: hidden;
}

.product-name {
  margin-bottom: 1.1rem;
}

.product-name a {
  color: #fff;
}
.product-name a:hover {
 text-decoration: underline;
}

.product .badge {
  font-size: 1.8rem;
  background-color: #404040;
  color: #686868;
  border-radius: 6px;
  padding: 9px;
  margin-right: 2px;
}

.product-media .manufacturer-fig img {
  width: 120px;
  max-width: 120px;
  max-height: 80px;
}

.product .cnt {
  padding: 20px;
}

/* Product Actions / Buttons */
.btn-product-icon {
  color: #575757;
  border: 1px solid #575757;
}

.btn-product-icon:hover,
.btn-product-icon:active {
  border-color: #4208bb;
  color: #fff;
  background-color: #4208bb;
}


.btn-dark {
  color: #fff;
  border-color: #4208bb;
  background-color: #4208bb;
  border-radius: 4px;
  overflow: hidden;
}

.btn-red {
  background-color: #df0000;
  border-color: #df0000;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
}

.btn-red:hover,
.btn-red:active {
  background-color: #b80000;
  border-color: #b80000;
  color: #fff;
}

.btn-add-to-cart {
  border-radius: 4px;
  overflow: hidden;
}

.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
    color: #fff;
    border-color: #3c09a5;
    background-color: #290f62;
    transition: all 0.3s ease;
}


/* Product Score & Labels */
.product-score {
  background-color: #202020;
  padding: 10px 12px;
  width: 100%;
}

.product-media ul.product-labels {
  display: block;
  position: absolute;
  z-index: 0;
  bottom: 0px;
  width: 110px;
  left: -15px;
}

.product-labels span.bar:after {
  border-left-width: 10px;
}

/* Starting Price Ribbon */
.starting-product-price {
  grid-area: thumbnail;
  position: absolute;
  z-index: 2;
  top: 10px;
  left: -10px;
  font-size: 12px;
  padding: 8px 15px;
  background: #df0000;
  border-radius: 4px;
  box-shadow: 0 2px 13px 0px rgb(0 0 0 / 65%) !important;
}

.starting-product-price.diff {
  background: #302c2c;
}

.starting-product-price small {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
}

.starting-product-price span.price {
  font-size: 18px;
  font-weight: 600;
  line-height: 1em;
}

.starting-product-price sup {
  top: -.55em;
  font-size: 10px;
  padding-left: 4px;
}

/* Swiper Pagination */
.swiper-pagination .swiper-pagination-bullet {
  border: 1px solid #474747;
}

.product-action-horizontal {
  background-color: transparent;
}
.product-action-horizontal .btn-product-icon {
  background-color: #ffffff;
}
.product-action-horizontal .btn-product-icon:hover {
      background-color: #4208bb;
      color:#fff;
}
/* =========================================
   Banners Grid
========================================= */
.banners.grid-container-4x1,
.banners.grid-container-3x2,
.banners.grid-container-2x2 {
  display: grid;
  gap: 20px;
  width: 100%;
}

.banners.grid-container-4x1 {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
}

.banners.grid-container-3x2 {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.banners.grid-container-2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.banners .grid-item {
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 4px;
  position: relative;
  transition: transform 0.3s ease;
}

.banners .grid-item:hover {
  transform: scale(1.03);
  z-index: 1;
  box-shadow: 0 2px 13px 0px rgb(0 0 0 / 65%) !important;
}

.banners .grid-item img {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #494848;
  border-bottom: 7px solid rgb(66 8 187);
}

/* =========================================
   Breadcrumb
========================================= */
ul.breadcrumb,
.breadcrumb a {
  color: #fff;
  border: none;
}

/* =========================================
   Filters / Toolbox
========================================= */
.toolbox-right,
.toolbox-left,
.toolbox label,
.toolbox-right label,
.toolbox-left label,
.toolbox-item label,
.toolbox select {
  color: #fff;
  transition: all 0.3s ease;
}

.toolbox-item .btn-layout i {
  color: #6e6d6d;
}
.toolbox-item .btn-layout.active i {
  color: #fff;
}
.toolbox-item {
  margin-bottom: 0;
}
.toolbox .select-box {
  padding: 0;
  margin: 0;
}

.toolbox select {
  background-color: #2d2d2d;
  border: 1px solid #ffffff38;
}
 
.cat-list > .div-list,
.filter-items .div-list {
  border-bottom: none;
  color: #fff;
}

.custom-checkbox {
  width: 23px;
  height: 23px;
  left: 0;
  top: 0;
  display: none;
}

.custom-checkbox + label::before {
  width: 23px;
  height: 23px;
  border: 1px solid #6a6a6a;
}

.custom-checkbox:checked + label::before,
.custom-checkbox.checked + label::before {
  border-color: #4208bb;
  background: #4208bb;
  font-size: 12px;
  line-height: 23px;
}

.filter-items .div-list label,
.filter-items .div-list input {
  padding-left: 35px;
  transition: all 0.3s ease;
}
.filter-items .div-list:hover label {
  color: #a1a1a1;
}
.filter-items .div-list li {
  margin: 0 0 14px;
}
/* =========================================
   Product Single
========================================= */
.product-single {
  background: #2d2d2d;
  border-radius: 4px;
  box-shadow: 0 2px 13px 0px rgb(0 0 0 / 65%) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-bottom: 7px solid rgb(66 8 187);
  color: #fff;
  padding: 20px;
}

.product-single .product-title {
  color: #fff;
}

.product-brand-logo img {
  background-color: #fff;
}

.product-single .product-categories a:hover,
.product-single .product-sku a:hover,
.product-single .product-categories span,
.product-single .product-sku span,
.product-single .product-categories,
.product-single .product-sku {
  color: #fff;
}

.product-gallery-col {
  background-color: #fff;
  border-radius: 4px;
}

/* Stock Button */
.btn-availability {
  color: #fff;
}

/* =========================================
   Sidebar
========================================= */
.widget .product-media {
  height: auto;
}

.widget .product {
  background: none;
}

.widget .categories li a {
  color: #fff;
  padding: 7px 11px;
  line-height: 1.4em;
  display: block;
  border: 1px solid rgb(123 123 123 / 43%);
  margin: 10px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.widget .categories li a:hover,
.widget .categories li a.active {
  background-color: #242424;
    border: 1px solid #4208bb;
}

.widget .categories li a i {
  margin-right: 5px;
}

.sidebar-content .widget-icon-box .icon-box-side:not(:last-child) {
  border-bottom: 1px solid #393939;
}

.sidebar-content .widget-icon-box .icon-box-title,
.sidebar-content .widget .icon-box-side .icon-box-icon i {
  color: #d9d9d9;
}

.sidebar-content .title-link-wrapper::after {
  border-bottom: 1px solid #393939;
}

.sidebar-content .widget .product,
.sidebar-content .product-media {
  border: none;
}

.sidebar-content .product-name a {
  font-size: 12px;
}

.sidebar-content .product-widget .product-price {
  font-size: 12px;
  color: #fff;
}

/* =========================================
   Forms
========================================= */
.form-control { 
  background-color: #242424;
  border: 1px solid #3b3b3b;
  color: #fff;
}
.form-control:focus,
.form-control:hover {
  color: #2d2d2d; 
  border: 1px solid #4208bb;
  
  transition: all 0.3s ease;
}

.form-control option {
  color: #999;
}

.input-group .form-control {
  border: solid #5b5b5b;
}

button.quantity-change {
  background-color: #4208bb;
  color: #fff;
}

.widget .select2-container--default .select2-selection--single {
  background-color: #242424;
  border: 1px solid #434343;
  border-radius: 4px;
  height: 34px;
  transition: all 0.3s ease;
}
.widget .select2-container--default .select2-selection--single:hover {
background-color: #242424;
    border: 1px solid #4208bb;
}
.widget .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
  line-height: 34px;
  font-size: 12px;
}

#product-tab-reviews .review-form .form-control {
  background-color: #242424;
  border: 1px solid #434343;
  border-radius: 4px;
  height: 34px;
}
#search-manuf { 
    background: rgba(255, 255, 255, 0.16);
    border-radius: 6px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: background 0.3s ease;
} 
.widget-search-form .btn-search {
  background: #4208bb;
  color: #fff;
  border-radius: 0 6px 6px 0;
  border: none;
}
form label {
  color: #2d2d2d;
}
.password-format-hint {
  color: #b4aeae !important;
}
/* =========================================
   Tabs
========================================= */
.tab-content {
  background: #2d2d2d;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-bottom: 7px solid rgb(66 8 187);
  border-radius: 4px;
  box-shadow: 0 2px 13px 0px rgb(0 0 0 / 65%) !important;
}

.nav-tabs {
  border-bottom: none;
}

.product-tabs .nav-tabs .nav-link { 
  font-size: 15px !important;
}
.product-tabs .nav-tabs .nav-link:hover,
.product-tabs .nav-tabs .nav-link.active {
  color: #fff;
  font-size: 15px;
}

.tab-pane-title {
  color: #fff;
}

.tab-pane .ratings-wrapper {
  color: #ccc;
}

.ratings-full::before {
  color: #ccc;
}

/* =========================================
   Buttons (Misc)
========================================= */
.wishlist-btn,
.compare-btn {
  background-color: #656565;
  color: #fff;
}

/* =========================================
   Footer
========================================= */
footer.footer {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #1d1c1c;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url('../images/bg/footer-bg.png');
  background-position: top center;
}

footer.footer .widget {
  margin-top: .2rem;
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.footer-top {
  border: none;
  z-index: 1;
  position: relative;
}

.footer-bottom {
  /*background-color: rgba(23, 23, 23, 0.5);*/
  background-color: #fff;
  z-index: 1;
  position: relative;
}

.footer-bottom .copyright{
  color: #b4aeae;
}

.page-wrapper + footer.footer {
  margin-top: -50px;
}
.footer a:hover {
  text-decoration: underline;
}



/* =========================================
   noUI Slider
========================================= */
.noUi-horizontal .noUi-handle {
    width: 1.5rem;
    height: 1.5rem;
    left: -0.55rem;
    top: -0.4em;
}
.noUi-horizontal .noUi-handle {
  background: #4208bb;
}


/* =========================================
   Select2 Dark theme (cleaned & deduped)
========================================= */
.select2-search--dropdown {
  background-color: #2d2d2d;
}
/* Dropdown results container */
.select2-container--default .select2-results {
  background-color: #2d2d2d;
  border: 1px solid #434343;
}
.select2-container--default .select2-results__option {
  background-color: #2d2d2d;
  color: #fff;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #b4aeae;
  background-color: #2d2d2d;
}
/* Selected & highlighted states */
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #4208bb;
  color: #fff;
}

/* Search field inside dropdown */
.select2-search--dropdown .select2-search__field {
  background-color: #2d2d2d;
  border: 1px solid #434343;
  color: #fff;
}
.select2-search--dropdown .select2-search__field:focus {
  background-color: #3d3c3c;
  border: 1px solid #434343;
  color: #fff;
}
.select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
  color: #bbb;
}

/* Single select */
.select2-container--default .select2-selection--single {
  background-color: #242424;
  border: 1px solid #434343;
  border-radius: 4px;
  height: 34px;
  transition: all 0.3s ease;
}
.select2-container--default .select2-selection--single:hover {
  background-color: #3d3c3c;
  border: 1px solid #434343;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
  line-height: 34px;
  font-size: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #fff transparent transparent;
}

/* Multiple select */
.select2-container--default .select2-selection--multiple {
  background-color: #242424;
  border: 1px solid #434343;
  border-radius: 4px;
  min-height: 34px;
  transition: all 0.3s ease;
}
.select2-container--default .select2-selection--multiple:hover {
  background-color: #3d3c3c;
  border: 1px solid #434343;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #4208bb;
  border: 1px solid #4208bb;
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
  cursor: pointer;
}
 


/* =========================================
   Posts
========================================= */
.post-meta .post-date {
  color: #ccc;
}
.post-title a:hover {
  transition: all 0.3s ease;
  color: #4208bb;
}
.post-title {
  line-height: 1.4em;
}


/* =========================================
   Contact
========================================= */
.contact-us-form .form-group label {
  color: #2d2d2d;
}



/* =========================================
   Sidebar 
========================================= */
.cart-dropdown.cart-offcanvas.opened .dropdown-box {
  
}



/* =========================================
   Pagination
========================================= */
.pagination a {
    color: #fff;
    background-color: #b4aeae;
    border-radius: 4px; 
    border: 2px solid transparent !important;
    padding: 12px 17px;

    /* Glass */
    background: rgb(65 64 64 / 60%); 
    box-shadow: 0 2px 13px 0px rgb(0 0 0 / 25%);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);  
    /* END: Glass */
} 
.pagination a:hover { 
    color: #fff !important;
    border-color: #3c09a5 !important;
    background-color: #290f62 !important;
    transition: all 0.3s ease;
}
.pagination .active a {
    background-color: #4208bb !important;
    color: #fff !important;
    border-radius: 4px !important;
}



/* =========================================
   Checkout
========================================= */
 .checkout-form .product,
 .checkout-form .product-name small,
 .checkout-form .product.product-cart .product-name
 {
  color:#fff !important; 
 }
.checkout-form .cart-quantity-buttons button {
    background-color: #4208bb;
    color: #fff;
    border: none;
    width: 30px;
    height: 30px;
    font-size: 21px;
    font-weight: 300;
}
.cart-totals tbody tr th, .cart-totals tbody tr td {
  font-weight: 300;
}
.order-summary .payment-methods .title {
  border-bottom: 3px solid #393939;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.product.product-cart .product-media {
  height: auto !important;
}

/* Home seasons */
/* sections/home-season.html */
/* Tyre Quick Links */
#tyre-links {
  --card-bg: #141414;
  --card-bd: rgba(255,255,255,.06);
  --text-dim: #c9c9c9;
  --accent: #e02626; /* match your red button */
}

#tyre-links .box.bg-dark a:hover {
  color:#c9c9c9 !important;
}

#tyre-links .badge{
  background: var(--accent);
  font-weight: 600;
  letter-spacing:.3px;
  padding:.45rem .6rem;
  border-radius:.5rem;
}

.link-panel{
  padding: 1.25rem 1.25rem 1rem;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.link-panel:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.16);
  box-shadow: 0 8px 24px rgba(0,0,0,.45);
}

.panel-title{
  font-size: 1.2rem;
  margin: 0 0 .75rem;
  display:flex;
  align-items:center;
  gap:.25rem;
}

.link-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.25rem;
}

.link-list a{
  display:flex;
  align-items:center;
  gap:.5rem;
  text-decoration:none;
  color: var(--text-dim);
  padding:.5rem .625rem;
  border-radius:.5rem;
  border:1px solid transparent;
  transition: color .2s ease, background .2s ease, border-color .2s ease, padding-left .2s ease;
  position:relative;
}

.link-list a::before{
  content:"›";
  opacity:.6;
  transform:translateY(-1px);
  font-weight:700;
}

.link-list a:hover{
  color:#fff;
  background: rgba(255,255,255,.04);
  border-color: var(--card-bd);
  padding-left:.8rem;
}

/* News CTA bar */
.news-cta{
  background: rgba(255,255,255,.04);
  border:1px solid var(--card-bd);
  color:#fff;
  text-decoration:none;
  padding: .9rem 1.1rem;
  border-radius:.9rem;
  transition: background .2s ease, border-color .2s ease;
}

.news-cta:hover{
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.16);
}

.news-cta .arrow{
  display:inline-block;
  transition: transform .2s ease;
}

.news-cta:hover .arrow{
  transform: translateX(4px);
}

/* Small tweaks on very small screens */
@media (max-width: 576px){
  .panel-title{font-size:1.1rem}
  .link-list a{padding:.45rem .55rem}
}




/* =========================================
   Compare table
========================================= */
.compare-table .compare-row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}
.compare-table > div:nth-child(2n) .compare-col {
    background-color: #363636;
}


.title-deals a {
  color:#ccc;
}



/* =========================================
   Account Pages
========================================= */
#account-dashboard .icon-box {
  border: 1px solid #474646;
}