window.addEventListener('load', function () {
  const cssCode = `
  div.main,
html.chrome.windows.windows-10 {
  background-color: #262A2B !important;
}
div.widget-separator-image-wrapper,
div.top-bar.header-fw {
  background-color: #ff5500 !important;
}
nav.navbar.header-fw.p-0.border-bottom.border.megamenu {
  background-color: #1E2122 !important;
  border: none !important;
}
ul.mainmenu li a {
  color: #E8E6D5 !important;
  text-decoration: none !important;
}
ul.mainmenu li a:hover {
  color: #ff5500 !important;
}
input.search-input.flex-grow-1.px-3.py-2 {
  background-color: #1E2122 !important;
  color: #C8C3BC !important;
  border: 1px solid #3E4446 !important;
  border-radius: 4px !important;
  padding: 10px 15px !important;
  transition: all 0.3s ease !important;
}
input.search-input.flex-grow-1.px-3.py-2:focus {
  background-color: #272B2C !important;
  color: #E8E6D5 !important;
  border: 1px solid #ff5500 !important;
  outline: none !important;
  box-shadow: 0 0 5px #ff5500 !important;
}
button.search-submit.px-3 {
  background-color: #1E2122 !important;
}
a.nav-link {
  background-color: #ff5500 !important;
  color: #181A1B !important;
  text-decoration: none !important;
  padding: 10px 15px !important;
  border-radius: 4px !important;
  display: inline-block !important;
}
a.nav-link:hover {
  background-color: #FF5500 !important;
  color: #000000 !important;
  transition: all 0.3s ease !important;
}
nsd #newsletterWrapper {
  display: none !important;
}
#shippinginfo {
  background-color: #1E2122 !important;
  border: none;
}
.widget.widget-code .shippingtext,
.widget.widget-code #cID {
  color: #E8E6D5 !important;
}
.widget.widget-code b {
  color: #E8E6D5 !important;
}
ul.collapse.nav-dropdown-0,
ul.collapse.nav-dropdown-1,
ul.collapse.nav-dropdown-2,
ul.collapse.nav-dropdown-3,
ul.collapse.nav-dropdown-4,
ul.collapse.nav-dropdown-5,
ul.collapse.nav-dropdown-6,
ul.collapse.nav-dropdown-7,
ul.collapse.nav-dropdown-8,
ul.collapse.nav-dropdown-9,
ul.collapse.nav-dropdown-10 {
  background-color: #34393B !important;
}
div.top-bar.header-fw {
  border: none !important;
  box-shadow: none !important;
}
div.owl-item.active,
div.thumb-content {
  background-color: #181A1B !important;
}
a.thumb-title.small {
  color: #E8E6D5 !important;
}
article.cmp.cmp-product-thumb {
  border: 1px solid #4F4B2B !important;
  border-radius: 4px !important;
}
div.price {
  color: #E8E6D5 !important;
}
div.col.clearfix {
  background-color: #262A2B !important;
}
div.app {
  background-color: #262A2B !important;
}
div.col-12,
div.bfootertitle {
  color: #E8E6D5 !important;
}
div div hr {
  display: none !important;
}
#email-input-id_100 {
  background-color: #181A1B !important;
  border: 1px solid #8D864D !important;
  border-radius: 4px !important;
}
i.fa.fa-arrow-right.fa-lg.d-none.d-sm-block,
i.fa.fa-lg.mobile-icon-right.fa-cart-plus {
  color: #262A2B !important;
}
div.bfootercontactfield {
  background-color: #2E3133 !important;
  border: 1px solid #8D864D !important;
  border-radius: 4px !important;
  color: #E8E6D5 !important;
}
#bfooterabout .link-container a,
#bfooterinfo .info-link-container a {
  color: #E8E6D5 !important;
  background-color: #2E3133 !important;
  padding: 5px 10px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  display: inline-block !important;
  border: 1px solid #8D864D !important;
}
#bfootershopping,
#bfooterpay,
#bfootershipping {
  background-color: #2E3133 !important;
  border: 1px solid #8D864D !important;
  color: #E8E6D5 !important;
}
#bfootersocialinner .social-link-container a {
  background-color: #2E3133 !important;
  border: 1px solid #8D864D !important;
}
div a span {
  color: #E8E6D5 !important;
}
#email-input-id_39 {
  background-color: #181A1B !important;
  border: 1px solid #8D864D !important;
  border-radius: 4px !important;
}
button.btn.btn-block.btn-primary.btn-appearance {
  background-color: #ff5500 !important;
  border: 5px solid #ff5500 !important;
  color: #E8E6D5 !important;
  transition: all 0.3s ease !important;
}
button.btn.btn-block.btn-primary.btn-appearance:hover {
  background-color: #FF5500 !important;
  border-color: #FF5500 !important;
  color: #000000 !important;
}
#newsletterWrapper {
  display: none !important;
}
span.d-none.d-sm-inline,
span.badge.p-0.ml-2 {
  color: #181A1B !important;
}
h1.pt-4.category-title {
  color: #E8E6D5 !important;
}
div.list-controls-inner {
  background-color: #262A2B !important;
}
a.btn.btn-link.text-appearance.align-self-center.collapsed {
  display: none !important;
}
select.custom-select {
  background-color: #181A1B !important;
  border: 1px solid #8D864D !important;
  border-radius: 4px !important;
  color: #E8E6D5 !important;
}
nav.small.d-none.d-md-block.px-0 {
  background-color: #262A2B !important;
  border-radius: 4px !important;
  color: #E8E6D5 !important;
}
ul.breadcrumb.container-max.px-3.py-2.my-0.mx-auto {
  background-color: #262A2B !important;
  color: #E8E6D5 !important;
}
.widget-navigation-tree a.nav-link {
  background-color: #181A1B !important;
  color: #E8E6D5 !important;
  font-weight: bold !important;
  border-radius: 0px !important;
}
div.category-title {
  background-color: #181A1B !important;
  text-align: center !important;
  font-weight: bold !important;
  color: #ff5500 !important;
  border-radius: 0px !important;
}
div.widget-inner.d-none.d-lg-block {
  background-color: #181A1B !important;
}
.widget-inner .nav-item.active {
  border: 2px solid #ff5500 !important;
  border-radius: 4px !important;
  padding: 5px !important;
  background-color: #2E3133 !important;
}
.widget-inner .nav-item.active .nav-link {
  color: #FFFFFF !important;
  text-decoration: none !important;
}
.widget-inner .nav-item.active .nav-link:hover {
  background-color: #ff5500 !important;
  color: #000000 !important;
}
.pagination.widget-alignment {
  background-color: #2E3133 !important;
  border: 1px solid #8D864D !important;
  border-radius: 4px !important;
  padding: 10px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 5px !important;
}
.pagination .page-item {
  list-style: none !important;
}
.pagination .page-link {
  background-color: transparent !important;
  color: #E8E6D5 !important;
  border: 1px solid #8D864D !important;
  border-radius: 4px !important;
  padding: 8px 12px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  transition: all 0.3s ease !important;
}
.pagination .page-link:hover {
  background-color: #3E4446 !important;
  color: #ff5500 !important;
  border-color: #ff5500 !important;
}
.pagination .page-item.active .page-link {
  background-color: #ff5500 !important;
  color: #FFFFFF !important;
  border: 1px solid #8D864D !important;
  pointer-events: none !important;
}
.pagination .page-item.disabled .page-link {
  background-color: #2E3133 !important;
  color: #7A7A7A !important;
  border-color: #8D864D !important;
  pointer-events: none !important;
}
.pagination .page-link i {
  color: #E8E6D5 !important;
}
.pagination .page-link:hover i {
  color: #ff5500 !important;
}
.pagination.widget-alignment {
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}
div div h1,
div.widget-inner.bg-appearance.pt-0.pr-0.pb-0.pl-0 {
  background-color: #262A2B !important;
  border: none !important;
}
a.nav-link.text-appearance {
  background-color: #181A1B !important;
  border: 1px solid #E8E6D5 !important;
}
div div p {
  color: #E8E6D5 !important;
}
.widget-item-data-table {
  border: 1px solid #8D864D !important;
  background-color: #262A2B !important;
  color: #ff5500 !important;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}
.widget-item-data-table .widget-inner {
  padding: 16px !important;
}
.widget-item-data-table table {
  width: 100% !important;
  border-collapse: collapse !important;
}
.widget-item-data-table th,
.widget-item-data-table td {
  padding: 12px 8px !important;
  text-align: left !important;
}
.widget-item-data-table tr {
  border-bottom: 1px solid #8D864D !important;
}
.widget-item-data-table tr:last-child {
  border-bottom: none !important;
}
.widget-item-data-table td:first-child {
  font-weight: bold !important;
  color: #ff5500 !important;
  width: 30% !important;
}
.widget-item-data-table td:last-child {
  color: #FFFFFF !important;
}
.widget-item-data-table tbody tr:hover {
  background-color: #3A3C3D !important;
}
@media (max-width: 600px) {
  .widget-item-data-table table,
  .widget-item-data-table thead,
  .widget-item-data-table tbody,
  .widget-item-data-table th,
  .widget-item-data-table td,
  .widget-item-data-table tr {
    display: block !important;
  }
  .widget-item-data-table tr {
    margin-bottom: 15px !important;
  }
  .widget-item-data-table td {
    text-align: right !important;
    padding-left: 50% !important;
    position: relative !important;
  }
  .widget-item-data-table td::before {
    content: attr(data-label) !important;
    position: absolute !important;
    left: 0 !important;
    width: 50% !important;
    padding-left: 15px !important;
    font-weight: bold !important;
    text-align: left !important;
    color: #ff5500 !important;
  }
}
div.widget-inner.m-0.p-0.bg-appearance {
  background-color: #262A2B !important;
  color: #E8E6D5 !important;
}
h1.h2 {
  color: #E8E6D5 !important;
}
div.component-loading,
div.card-body,
div.card {
  background-color: #3E4446 !important;
}
div div h3 {
  color: #E8E6D5 !important;
}
.order-item.border-top {
  background-color: #2C2C2C !important;
  color: #e0e0e0 !important;
  border-top: 1px solid #444444 !important;
  padding: 20px !important;
  border-radius: 8px !important;
  margin-bottom: 20px !important;
  transition: background-color 0.3s ease, color 0.3s ease !important;
}
.order-item .accordion .container-clickable {
  background-color: #3E4446 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  padding: 15px !important;
  display: flex !important;
  align-items: center !important;
  transition: background-color 0.3s ease !important;
}
.order-item .accordion .container-clickable:hover {
  background-color: #4A5053 !important;
}
.order-item .accordion .container-clickable i.fa-chevron-up {
  color: #ff5500 !important;
  margin-right: 10px !important;
  transition: transform 0.3s ease !important;
}
.order-item .accordion.collapsed .container-clickable i.fa-chevron-up {
  transform: rotate(-180deg) !important;
}
.order-item .accordion .row span {
  font-size: 16px !important;
  margin-right: 15px !important;
}
.order-item .accordion .row span:last-child {
  margin-right: 0 !important;
}
.order-item .accordion .icons a i.fa-truck,
.order-item .accordion .icons a i.fa-eye {
  color: #ff5500 !important;
  font-size: 20px !important;
  transition: color 0.3s ease !important;
}
.order-item .accordion .icons a:hover i.fa-truck,
.order-item .accordion .icons a:hover i.fa-eye {
  color: #ff5500 !important;
}
.order-item .accordion .buttons a.btn {
  background-color: #ff5500 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 10px 15px !important;
  margin-bottom: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.3s ease !important;
  font-size: 14px !important;
}
.order-item .accordion .buttons a.btn:hover {
  background-color: #b33f00 !important;
}
.order-item .accordion .buttons a.btn i {
  margin-left: 5px !important;
}
.order-item .collapse .container-main .loading {
  background-color: #3E4446 !important;
  border: none !important;
  padding: 20px !important;
  border-radius: 6px !important;
}
.order-item .collapse .loading .loading-animation .rect1,
.order-item .collapse .loading .loading-animation .rect2,
.order-item .collapse .loading .loading-animation .rect3,
.order-item .collapse .loading .loading-animation .rect4,
.order-item .collapse .loading .loading-animation .rect5 {
  background-color: #ff5500 !important;
  height: 8px !important;
  width: 20px !important;
  margin: 4px !important;
  display: inline-block !important;
  animation: loading 1.2s infinite ease-in-out !important;
  border-radius: 4px !important;
}
@keyframes loading {
  0%,
  40%,
  100% {
    transform: scaleY(0.4) !important;
  }
  20% {
    transform: scaleY(1) !important;
  }
}
.order-item.border-top:hover {
  background-color: #383E42 !important;
}
.order-item .accordion .row .col-md-4 span:last-child {
  color: #ff5500 !important;
  font-weight: bold !important;
}
.order-item .collapse .container-main .modal-content {
  background-color: #2C2C2C !important;
  color: #e0e0e0 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}
.order-item .collapse .container-main .modal-header {
  background-color: #3E4446 !important;
  border-bottom: 1px solid #555555 !important;
}
.order-item .collapse .container-main .modal-header h4.modal-title {
  color: #ff5500 !important;
}
.order-item .collapse .container-main .modal-body {
  padding: 20px !important;
}
.order-item .collapse .container-main .modal-footer {
  padding: 10px 20px !important;
  border-top: 1px solid #555555 !important;
  text-align: right !important;
}
.order-item .collapse .container-main .modal-footer button {
  margin-left: 10px !important;
}
.order-item .collapse .container-main .close {
  color: #e0e0e0 !important;
  opacity: 0.8 !important;
  font-size: 24px !important;
  transition: opacity 0.3s ease !important;
}
.order-item .collapse .container-main .close:hover {
  opacity: 1 !important;
}
.order-item .accordion .icons a i[data-toggle="tooltip"] {
  position: relative !important;
}
.tooltip-inner {
  background-color: #333333 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  padding: 5px 10px !important;
  font-size: 0.875rem !important;
}
@media (max-width: 768px) {
  .order-item.border-top {
    padding: 15px !important;
  }
  .order-item .accordion .container-clickable {
    padding: 10px !important;
  }
  .order-item .accordion .row span {
    font-size: 14px !important;
    margin-right: 10px !important;
  }
  .order-item .accordion .icons a i.fa-truck,
  .order-item .accordion .icons a i.fa-eye {
    font-size: 18px !important;
  }
  .order-item .accordion .buttons a.btn {
    padding: 8px 12px !important;
    font-size: 12px !important;
  }
  .order-item .accordion .buttons a.btn i {
    margin-left: 3px !important;
  }
  .order-item .collapse .container-main .loading .loading-animation .rect1,
  .order-item .collapse .container-main .loading .loading-animation .rect2,
  .order-item .collapse .container-main .loading .loading-animation .rect3,
  .order-item .collapse .container-main .loading .loading-animation .rect4,
  .order-item .collapse .container-main .loading .loading-animation .rect5 {
    height: 6px !important;
    width: 16px !important;
    margin: 3px !important;
  }
  .order-item .collapse .container-main .modal-content {
    padding: 10px !important;
  }
  .order-item .collapse .container-main .modal-header h4.modal-title {
    font-size: 1rem !important;
  }
  .order-item .accordion .row .col-md-4 span:last-child {
    font-size: 14px !important;
  }
}
div.col-md-2,
div.col-md-4 {
  color: #E8E6D5 !important;
}
.row.container-bottom {
  background-color: #2C2C2C !important;
  color: #e0e0e0 !important;
  padding: 20px !important;
  border-radius: 8px !important;
  margin-top: 20px !important;
}
.row.container-bottom h5 {
  color: #ffffff !important;
  font-size: 18px !important;
  margin-bottom: 10px !important;
}
.row.container-bottom span {
  font-size: 16px !important;
  color: #cccccc !important;
}
.row.container-bottom .address-list {
  margin-bottom: 20px !important;
}
.row.container-bottom .address-list .font-bold.address-title {
  color: #ff5500 !important;
  font-size: 16px !important;
  margin-bottom: 5px !important;
}
.row.container-bottom .address-list div {
  margin-bottom: 5px !important;
}
.col-md-5.button-container {
  background-color: #3E4446 !important;
  padding: 20px !important;
  border-radius: 8px !important;
  margin-top: 20px !important;
}
.col-md-5.button-container .alert-info {
  background-color: #444444 !important;
  color: #ff5500 !important;
  border: none !important;
  padding: 15px !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
}
.col-md-5.button-container .alert-info i.fa-info-circle {
  margin-right: 10px !important;
  font-size: 20px !important;
}
.modal-content {
  background-color: #2C2C2C !important;
  color: #e0e0e0 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}
.modal-header {
  background-color: #3E4446 !important;
  border-bottom: 1px solid #555555 !important;
  padding: 15px 20px !important;
}
.modal-header h4.modal-title {
  color: #ff5500 !important;
  font-size: 20px !important;
}
.modal-body {
  padding: 20px !important;
  background-color: #2C2C2C !important;
}
.modal-footer {
  padding: 10px 20px !important;
  border-top: 1px solid #555555 !important;
  text-align: right !important;
}
.modal-footer .btn {
  min-width: 100px !important;
}
.method-list {
  list-style: none !important;
  padding: 0 !important;
}
.method-list-item {
  background-color: #3E4446 !important;
  border: 1px solid #555555 !important;
  border-radius: 6px !important;
  padding: 15px !important;
  margin-bottom: 10px !important;
  display: flex !important;
  align-items: center !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}
.method-list-item:hover {
  background-color: #4A5053 !important;
}
.method-list-item input[type="radio"] {
  margin-right: 15px !important;
  accent-color: #ff5500 !important;
}
.method-list-item .icon img {
  width: 40px !important;
  height: auto !important;
  margin-right: 15px !important;
}
.method-list-item .content {
  flex-grow: 1 !important;
  font-size: 16px !important;
}
.method-list-item.current-payment-text .content {
  color: #ff5500 !important;
  font-weight: bold !important;
}
.modal-footer .btn-danger {
  background-color: #f44336 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 10px 20px !important;
  transition: background-color 0.3s ease !important;
}
.modal-footer .btn-danger:hover {
  background-color: #d32f2f !important;
}
.modal-footer .btn-primary {
  background-color: #ff5500 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 10px 20px !important;
  transition: background-color 0.3s ease !important;
}
.modal-footer .btn-primary:hover {
  background-color: #b33f00 !important;
}
#cashinadvanceBankDetails table {
  width: 100% !important;
  border-collapse: collapse !important;
  color: #e0e0e0 !important;
}
#cashinadvanceBankDetails table td {
  padding: 8px 10px !important;
  border: none !important;
}
#cashinadvanceBankDetails table td:first-child {
  font-weight: bold !important;
  width: 30% !important;
}
#cashinadvanceBankDetails table td:last-child {
  color: #cccccc !important;
}
.row .col-xs-6,
.row .col-sm-5 {
  font-weight: bold !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
}
.row .col-xs-6+.col-sm-7 {
  color: #cccccc !important;
  font-size: 16px !important;
}
@media (max-width: 768px) {
  .row.container-bottom,
  .col-md-5.button-container {
    padding: 15px !important;
  }
  .row.container-bottom h5 {
    font-size: 16px !important;
  }
  .row.container-bottom span,
  .row.container-bottom .address-list .font-bold.address-title {
    font-size: 14px !important;
  }
  .method-list-item .icon img {
    width: 30px !important;
    margin-right: 10px !important;
  }
  .modal-header h4.modal-title {
    font-size: 18px !important;
  }
  .modal-body,
  .modal-footer {
    padding: 15px !important;
  }
  #cashinadvanceBankDetails table td {
    padding: 6px 8px !important;
    font-size: 14px !important;
  }
  .row .col-xs-6+.col-sm-7 {
    font-size: 14px !important;
  }
}
#mobileMenuToggle {
  display: none !important;
}
div.icons.d-none.d-md-block {
  background-color: #3E4446 !important;
}
ul li a:hover {
  background-color: #FF5500 !important;
  color: black !important;
}
/* Basket Preview Wrapper */
.basket-preview-wrapper {
  background-color: #1e1e1e !important;
  /* Dark background */
  color: #e0e0e0 !important;
  /* Light text */
  font-family: 'Arial', sans-serif !important;
}
/* Basket Preview Container */
.basket-preview {
  background-color: #2c2c2c !important;
  /* Darker background for the preview */
  color: #e0e0e0 !important;
  /* Light text */
  border-radius: 8px !important;
  /* Rounded corners */
  overflow: hidden !important;
  /* Hide overflow */
}
/* Basket Preview Header */
.basket-preview-header {
  background-color: #3e3e3e !important;
  /* Slightly lighter dark background */
  color: #ffffff !important;
  /* White text */
  padding: 12px 16px !important;
  /* Reduced padding for compactness */
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-bottom: 1px solid #444444 !important;
  /* Subtle divider */
}
.basket-preview-header .h3 {
  font-size: 1.2rem !important;
  /* Increased font size */
  font-weight: bold !important;
}
.basket-preview-header .close {
  background: none !important;
  border: none !important;
  font-size: 1.5rem !important;
  color: #ffffff !important;
  cursor: pointer !important;
  transition: color 0.3s ease !important;
}
.basket-preview-header .close:hover {
  color: #ff5500 !important;
  /* Primary color on hover */
}
/* Basket Preview Content */
.basket-preview-content {
  background-color: #2c2c2c !important;
  /* Consistent dark background */
  padding: 16px !important;
  /* Reduced padding */
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  /* Spacing between sections */
}
/* Item List */
.item-list {
  background-color: #1e1e1e !important;
  /* Dark background for item list */
  border-radius: 6px !important;
  padding: 12px !important;
  overflow-y: auto !important;
  /* Scroll if overflow */
}
.basket-list-item {
  display: flex !important;
  align-items: center !important;
  padding: 12px !important;
  border-bottom: 1px solid #444444 !important;
  /* Divider between items */
}
.basket-list-item:last-child {
  border-bottom: none !important;
  /* Remove divider for last item */
}
.basket-list-item .image-container a img {
  width: 60px !important;
  height: auto !important;
  border-radius: 4px !important;
  /* Rounded image corners */
  object-fit: cover !important;
}
.meta-container {
  flex: 1 !important;
  margin-left: 16px !important;
}
.meta-container .item-name {
  color: #ff5500 !important;
  /* Primary color for item names */
  font-size: 1rem !important;
  /* Increased font size */
  font-weight: bold !important;
  margin-bottom: 8px !important;
}
.meta-container .item-base-price,
.meta-container .item-total-price {
  color: #ffffff !important;
  /* White text */
  font-size: 0.9rem !important;
  /* Slightly smaller font */
}
.meta-container .text-muted {
  color: #a0a0a0 !important;
  /* Muted text color */
  font-size: 0.85rem !important;
  /* Smaller font size */
}
.basket-item-container-right {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  margin-left: auto !important;
}
.qty-box {
  display: flex !important;
  align-items: center !important;
  background-color: #3e3e3e !important;
  /* Dark background for quantity box */
  border-radius: 4px !important;
  overflow: hidden !important;
}
.qty-input {
  width: 40px !important;
  text-align: center !important;
  background-color: #2c2c2c !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 1rem !important;
}
.qty-btn-container button {
  background-color: #ff5500 !important;
  /* Primary color for buttons */
  border: none !important;
  color: #ffffff !important;
  width: 30px !important;
  height: 30px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}
.qty-btn-container button:hover:not(.disabled) {
  background-color: #b33f00 !important;
  /* Darker shade on hover */
}
.qty-btn-container button.disabled {
  background-color: #555555 !important;
  /* Disabled state color */
  cursor: not-allowed !important;
}
.price-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  margin-left: 16px !important;
}
.price-box .item-total-price {
  font-size: 1rem !important;
  color: #ffffff !important;
}
.price-box .btn {
  background-color: transparent !important;
  border: none !important;
  color: #ff5555 !important;
  /* Light red for delete button */
  cursor: pointer !important;
  transition: color 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
}
.price-box .btn:hover {
  color: #ff5500 !important;
  /* Primary color on hover */
}
.price-box .btn .fa-trash-o {
  margin-left: 4px !important;
}
/* Totals Section */
.totals {
  background-color: #1e1e1e !important;
  /* Dark background */
  border-radius: 6px !important;
  padding: 16px !important;
  color: #e0e0e0 !important;
}
.totals .h3 {
  font-size: 1.2rem !important;
  margin-bottom: 12px !important;
  color: #ffffff !important;
}
.totals select.form-control {
  background-color: #2c2c2c !important;
  /* Dark background for select */
  color: #e0e0e0 !important;
  /* Light text */
  border: 1px solid #444444 !important;
  border-radius: 4px !important;
  padding: 8px 12px !important;
}
.totals select.form-control option {
  background-color: #2c2c2c !important;
  /* Dark background for options */
  color: #ffffff !important;
  /* White text */
}
/* cmp-totals Section */
.cmp-totals {
  background-color: #1e1e1e !important;
  /* Dark background */
  border-radius: 6px !important;
  padding: 16px !important;
  color: #e0e0e0 !important;
}
.cmp-totals .h3 {
  font-size: 1.2rem !important;
  margin-bottom: 12px !important;
  color: #ffffff !important;
}
.cmp-totals dl {
  margin: 0 !important;
}
.cmp-totals dt {
  font-weight: bold !important;
  margin-top: 8px !important;
  color: #ffffff !important;
}
.cmp-totals dd {
  margin-left: 0 !important;
  color: #e0e0e0 !important;
}
.cmp-totals .totalSum {
  margin-top: 12px !important;
}
.cmp-totals .totalSum dt {
  font-size: 1.1rem !important;
  color: #ffffff !important;
}
.cmp-totals .totalSum dd {
  font-size: 1.1rem !important;
  color: #ff5500 !important;
  /* Primary color for total sum */
}
/* Basket Preview Footer */
.basket-preview-footer {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
.basket-preview-footer a.btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  font-size: 1rem !important;
  border-radius: 4px !important;
  transition: background-color 0.3s ease, color 0.3s ease !important;
}
.basket-preview-footer a.btn-outline-primary {
  background-color: transparent !important;
  border: 2px solid #ff5500 !important;
  color: #ff5500 !important;
}
.basket-preview-footer a.btn-outline-primary:hover {
  background-color: #ff5500 !important;
  color: #ffffff !important;
}
.basket-preview-footer a.btn-primary {
  background-color: #ff5500 !important;
  color: #ffffff !important;
}
.basket-preview-footer a.btn-primary:hover {
  background-color: #b33f00 !important;
  color: #ffffff !important;
}
.basket-preview-footer .paypalSmartButtons {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}
/* PayPal Buttons */
.paypalSmartButtons iframe {
  width: 100% !important;
  height: 45px !important;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
  /* Reduce padding and margins for mobile */
  .basket-preview-header {
    padding: 8px 12px !important;
  }
  .basket-preview-header .h3 {
    font-size: 1rem !important;
  }
  .basket-preview-header .close {
    font-size: 1.2rem !important;
  }
  .basket-preview-content {
    padding: 12px !important;
    gap: 12px !important;
  }
  .basket-list-item {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 8px !important;
  }
  .basket-list-item .image-container a img {
    width: 50px !important;
  }
  .meta-container {
    margin-left: 12px !important;
  }
  .meta-container .item-name {
    font-size: 0.95rem !important;
  }
  .meta-container .item-base-price,
  .meta-container .item-total-price {
    font-size: 0.85rem !important;
  }
  .basket-item-container-right {
    align-items: flex-start !important;
    margin-left: 0 !important;
    margin-top: 8px !important;
  }
  .qty-box {
    width: 100% !important;
  }
  .qty-input {
    width: 35px !important;
    font-size: 0.9rem !important;
  }
  .qty-btn-container button {
    width: 25px !important;
    height: 25px !important;
  }
  .price-box {
    margin-left: 0 !important;
    margin-top: 8px !important;
  }
  .price-box .item-total-price {
    font-size: 0.95rem !important;
  }
  .price-box .btn {
    padding: 6px 10px !important;
    font-size: 0.9rem !important;
  }
  /* Totals Section */
  .totals {
    padding: 12px !important;
  }
  .totals .h3 {
    font-size: 1rem !important;
  }
  .totals select.form-control {
    padding: 6px 10px !important;
    font-size: 0.9rem !important;
  }
  .cmp-totals {
    padding: 12px !important;
  }
  .cmp-totals .h3 {
    font-size: 1rem !important;
  }
  .cmp-totals dt,
  .cmp-totals dd {
    font-size: 0.9rem !important;
  }
  .cmp-totals .totalSum dt,
  .cmp-totals .totalSum dd {
    font-size: 1rem !important;
  }
  /* Basket Preview Footer */
  .basket-preview-footer a.btn {
    padding: 10px !important;
    font-size: 0.9rem !important;
  }
  .basket-preview-footer .paypalSmartButtons iframe {
    height: 35px !important;
  }
}
/* Center and arrange "Kasse" and "Warenkorb" buttons inline, make them smaller, and remove scale hover effects */
/* Ensure the footer uses flexbox to arrange buttons inline and center them */
.basket-preview-footer {
  display: flex !important;
  justify-content: center !important;
  /* Center the buttons horizontally */
  align-items: center !important;
  /* Center the buttons vertically */
  gap: 10px !important;
  /* Space between buttons */
  padding: 10px !important;
  /* Optional: Adjust padding if needed */
}
/* Style for both "Warenkorb" and "Kasse" buttons */
.basket-preview-footer a.btn-outline-primary,
.basket-preview-footer a.btn-primary {
  display: inline-flex !important;
  /* Arrange content inline */
  align-items: center !important;
  /* Center icon and text vertically */
  justify-content: center !important;
  /* Center content horizontally */
  padding: 6px 10px !important;
  /* Smaller padding for compact buttons */
  font-size: 0.85rem !important;
  /* Smaller font size */
  border-radius: 3px !important;
  /* Slightly smaller border radius */
  transition: background-color 0.3s ease, color 0.3s ease !important;
  /* Smooth color transitions */
  transform: none !important;
  /* Remove any scaling transforms */
  min-width: 100px !important;
  /* Ensure buttons have a consistent width */
  height: 35px !important;
  /* Smaller height */
}
/* Hover Effects: Remove any scaling and maintain color changes */
.basket-preview-footer a.btn-outline-primary:hover,
.basket-preview-footer a.btn-primary:hover {
  transform: none !important;
  /* Ensure no scaling on hover */
  /* Maintain existing hover background and text color */
  /* Example: If you want to keep existing color changes, no additional changes are needed */
}
/* Adjust icon sizes and spacing within buttons */
.basket-preview-footer a.btn-outline-primary i,
.basket-preview-footer a.btn-primary i {
  font-size: 1rem !important;
  /* Smaller icon size */
  margin-right: 5px !important;
  /* Reduced space between icon and text */
}
/* Optional: Adjust button height if necessary */
.basket-preview-footer a.btn-outline-primary,
.basket-preview-footer a.btn-primary {
  height: 35px !important;
  /* Ensure consistent height */
}
/* Ensure PayPal buttons remain unaffected */
.basket-preview-footer .paypalSmartButtons {
  width: auto !important;
  /* Maintain default width */
  height: auto !important;
  /* Maintain default height */
  padding: 0 !important;
  /* Remove any padding */
  margin-left: 10px !important;
  /* Optional: Adjust margin if needed */
}
/* Remove any scale hover effects globally within the basket preview */
.basket-preview-wrapper .basket-preview a.btn:hover {
  transform: none !important;
  /* Ensure no scaling */
}
/* Optional: Remove any scaling transitions if previously added */
.basket-preview-wrapper .basket-preview a.btn {
  transition: background-color 0.3s ease, color 0.3s ease !important;
  /* Remove transform from transitions */
}
li.ddown {
  border: none !important;
}
div.widget-inner.bg-appearance.pt-5.pr-0.pb-0.pl-0,
select.form-control {
  background-color: #262A2B !important;
  border: none !important;
  color: #E8E6D5 !important;
}
label.btn-collapse.collapsed {
  display: none !important;
}
div.basket-item-container-right {
  padding-right: 10px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
input.form-control,
input[id^="email-input-id_"],
#email35,
#password35 {
  color: #E8E6D5 !important;
  /* Light text color */
  background-color: #1E2122 !important;
  /* Dark background color */
  border: 1px solid #444444 !important;
  /* Optional: Dark border for better contrast */
  border-radius: 4px !important;
  /* Rounded corners for a sleek look */
  padding: 8px 12px !important;
  /* Adequate padding for readability */
  font-size: 1rem !important;
  /* Consistent font size */
}
div div dl {
  background-color: #1e1e1e !important;
}
h1.login-view-title.mb-5 {
  color: #E8E6D5 !important;
}
div.widget-inner.bg-appearance {
  background-color: #262A2B !important;
  border: none !important;
}
label.provider-select-label {
  background-color: #3E4446;
}
[data-testing="autocomplete-list"] {
  background-color: #121212 !important; /* Dark background for the list */
  color: #ffffff !important; /* Light text for readability */
  border: 1px solid #333 !important; /* Subtle border for the list */
}
[data-testing="autocomplete-list"] a {
  display: block !important;
  background-color: #1e1e1e !important; /* Slightly lighter background for items */
  color: #ffffff !important; /* White text for links */
  padding: 10px !important; /* Add spacing for better touch interaction */
  text-decoration: none !important; /* Remove underline */
}
[data-testing="autocomplete-list"] a:hover {
  background-color: #333333 !important; /* Darker background on hover */
  color: #ffffff !important; /* Ensure text remains white on hover */
}
[data-testing="autocomplete-list"] a .label {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important; /* Prevent wrapping for cleaner display */
}
[data-testing="autocomplete-list"] a p {
  color: #b3b3b3 !important; /* Slightly dimmed text for subtext */
  margin: 0 !important; /* Remove unnecessary margins */
}
[data-testing="autocomplete-list"] a p strong {
  color: #ffffff !important; /* Keep strong text bright */
}
div article div {
  background-color: #262A2B !important;
}
article.cmp.cmp-product-thumb {
  background-color: #262A2B !important;
}
/* Default (desktop) styles */
.cookie-bar {
  background-color: #121212 !important; /* Dark background */
  color: #ffffff !important; /* Light text for readability */
  max-height: 200px !important; /* Set maximum height for desktop */
  overflow: hidden !important; /* Hide overflow */
  display: flex !important;
  flex-direction: column !important; /* Stack content and buttons vertically */
  align-items: stretch !important;
  justify-content: space-between !important;
}
/* Mobile-specific styles */
@media screen and (max-width: 767px) {
  .cookie-bar {
    max-height: 400px !important; /* Taller height for mobile devices */
    overflow: hidden !important; /* Hide overflow initially */
  }
  .cookie-bar .container-max {
    overflow-y: auto !important; /* Enable vertical scrolling on mobile */
    flex: 1 1 auto !important; /* Make content scrollable */
  }
  /* Scrollbar styling for mobile */
  .cookie-bar .container-max::-webkit-scrollbar {
    width: 6px !important;
  }
  .cookie-bar .container-max::-webkit-scrollbar-thumb {
    background-color: #555 !important; /* Thumb color */
    border-radius: 3px !important;
  }
  .cookie-bar .container-max::-webkit-scrollbar-track {
    background-color: #121212 !important; /* Track color */
  }
  .cookie-bar .container-max {
    scrollbar-width: thin !important; /* Firefox scrollbar styling */
    scrollbar-color: #555 #121212 !important; /* Dark mode scrollbar */
  }
}
/* Scrollable text */
.cookie-bar p {
  max-height: 70px !important; /* Adjust max height to leave space for buttons */
  overflow-y: auto !important; /* Enable vertical scrolling for the text */
  margin: 0 !important;
  padding-right: 10px !important;
}
/* Style for switches */
.cookie-bar .custom-switch .custom-control-input:checked ~ .custom-control-label {
  background-color: #FF5500 !important; /* Highlight selected switch */
  color: #ffffff !important; /* Ensure text visibility */
}
.cookie-bar .custom-switch .custom-control-label {
  color: #b3b3b3 !important; /* Dim inactive text */
}
/* Buttons styling */
.cookie-bar .btn {
  background-color: #FF5500 !important; /* Primary button background */
  color: #ffffff !important; /* Button text color */
  border: none !important; /* Remove borders */
  padding: 10px 15px !important; /* Add padding for better visibility */
  border-radius: 5px !important; /* Rounded corners */
  font-weight: bold !important; /* Make text bold */
  text-transform: uppercase !important; /* Capitalize text */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; /* Add subtle shadow */
  transition: all 0.3s ease !important; /* Smooth hover animation */
}
/* Hover effect for buttons */
.cookie-bar .btn:hover {
  background-color: #ff8800 !important; /* Slightly brighter on hover */
  color: #ffffff !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important; /* Deeper shadow */
}
/* Link styling */
.cookie-bar a {
  color: #FF5500 !important; /* Highlight links */
  text-decoration: underline !important; /* Ensure links are noticeable */
}
.cookie-bar a:hover {
  color: #ff8800 !important; /* Lighter link on hover */
}
    `;
  const style = document.createElement('style');
  style.textContent = cssCode;
  document.head.appendChild(style);
  console.log('CSS code has been injected after everything else loaded.');
});