.ocf-theme-light-block .ocf-search-btn-static, .ocf-theme-light-block .ocf-search-btn-popover, .ocf-theme-light-block .ocf-search-btn-static.ocf-disabled, .ocf-theme-light-block .ocf-search-btn-popover.ocf-disabled, .ocf-noUi-connect:before, .ocf-noUi-handle {background-color:rgb(0, 0, 0) !important;}
:root {--ds-primary-color:rgb(0, 0, 0);}
:root {--ds-body-bg-light-color:rgb(255, 255, 255);}
:root {--ds-links-color:rgb(39, 39, 39);}
.light-theme .ds-header {background:rgb(220, 220, 220);}
.ds-dropdown-links .blue-link, .ds-switcher button {color:rgb(3, 3, 3);}
.ds-dropdown-links .blue-link:hover {color:rgb(0, 0, 0);}
:root {--ds-footer-bg-light-color:rgb(70, 70, 70);}
.light-theme .ds-footer-subscribe-text, .light-theme .ds-footer-item .secondary-text, .light-theme .ds-footer-socials .secondary-text {color:rgb(255, 255, 255);}
.ds-footer .blue-link {color:rgb(255, 255, 255);}
.ds-footer .blue-link:hover {color:rgb(255, 255, 255);}
.light-theme .ds-footer-links li a, .light-theme ul.ds-footer-item li a {color:rgb(255, 255, 255);}
.ds-footer-links li a:hover, ul.ds-footer-item li a:hover {color:rgb(255, 255, 255);}
.light-theme .ds-footer-item-title {color:rgb(255, 255, 255);}
.light-theme .ds-footer-item-title svg path {fill:rgb(255, 255, 255);}
:root {--ds-interactive-color:rgb(255, 0, 0);}
.ds-price-new.red-text {color:rgb(213, 56, 61);}
.ds-header-compare-button, .ds-mobile-bottom-nav-item-compare, .ds-compare-btn {display: none!important;}
.ds-header-wishlist-button, .ds-mobile-bottom-nav-item-wishlist, .ds-wishlist-btn {display: none!important;}
@media (min-width: 1600px) {
    #logo {
        min-width: 220px !important;
    }
}
@media (min-width: 1200px) {
img#logo {
    min-width: 200px;
}
}
@media (min-width: 1200px) {
    .ds-menu-catalog-items {
        background: #dcdcdc;
        border-radius: 0 !important;
    }
}
@media (max-width: 575px) {
.ds-page-title h1 {
    font-size: 24px;
}
}
span.button-text.fsz-14 {
    font-size: 1.4rem !important;
    font-weight: bold;
    text-transform: uppercase;
}
.button.button-outline-primary {
    border-color: var(--ds-primary-color);
    color: #000000;
    background-color: #dcdcdc;
}
.content-block {
    border: 1px solid #000;
}
.ds-price-new {
    font-size: 1.2rem !important;
}
.ds-product-main-cart-button svg {
    width: 2.3rem;
    height: 1.5rem;
}
span.button-text.d-inline {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 20px;
}
.ds-page-title h1 {
    font-weight: bold;
    font-size: 50px;
    line-height: 1.2;
}
a.ds-menu-maincategories-item-title.fsz-14.dark-text {
    text-transform: uppercase;
    font-size: 16px !important;
    letter-spacing: 1px;
    font-weight: bold;
}

.ds-menu-catalog-item {
    padding: .35rem 0.6rem;
}
.py-3.fw-500.dark-text.fsz-20 {
    font-size: 40px !important;
    letter-spacing: 2px;
    font-weight: bold !important;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    .ds-module-title {
        font-size: 1.16rem;
    }
}
span.button-text.d-inline {
    font-size: 15px;
    font-weight: 500;
}
.ds-product-main-actions {
    background: #dcdcdc;
}
@media (min-width: 1200px) {
    .ds-category-products .ds-module-cart .button-text {
        display: inline-flex;
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 2px;
    }
     .ds-category-products .ds-module-cart .button-outline {
        margin-bottom: -55px;
        padding: .5rem;
    }
  .ds-module-cart.d-flex.align-items-center.justify-content-between.position-relative {
    margin-bottom: 30px;
}
      .ds-category-products .ds-module-cart .button-outline svg {
        margin-right: 8px;
}
}
#button-cart.added svg path, #oct-popup-button-cart.added svg path, .ds-category-cart-btn.added svg path, .ds-module-cart-btn.added svg path, .ds-product-fixed-cart-btn.added svg path {
    fill: #ff002a;
}

@media (min-width: 768px) {
.ds-page-title h1 {
    font-weight: bold;
    font-size: 24px;
}
}
@media (min-width: 1200px) {
    .ds-menu-catalog.ds-menu-main-catalog.with-slideshow {
        max-width: 370px;
    }
}
.slick-slide img {
    border-radius: 0 !important;
}
.ds-footer-logo {
    width: 200px;
}
.content-block {
  border-radius: 0;
}
@media (min-width: 1200px) {
    .ds-product-tabs-item {
        padding: .75rem 1.5rem;
        font-size: 1.2rem;
        text-transform: uppercase;
              color: #000;
        border: 1px solid #000;
  }
      .ds-product-tabs-badge {
    height: 20px;
    min-width: 20px;
    place-items: center;
    color: var(--ds-white-color);
    font-size: 0.9rem !important;
    background: #ed2647;
      }
    
}
.ds-product-tabs {
border: 0;
}
.ds-module-quantity {
    border: 1px solid #000;
    background: #ffffff;
}
.ds-breadcrumb-item a {
    color: #404040;
}

}

#block0-1,#block0-2,#block0-3,#block0-4,#block0-5,#block0-6{
 background: black;

}
.ds-product-main-actions {
    background: #dcdcdc;
}
.form-control {
    border: 1px solid #000;
    background-color: #ffffff;
}
#logo {
    width: 104px;
}
#back-top {
    bottom: 134px !important;
}
@media (max-width: 991px) {
    #ds_fixed_contact_button {
        max-width: 100px !important;
    }
  #ds_fixed_contact_button {
    bottom: 150px !important;
}
.ds-fixed-contact-icon {
    overflow: visible !important;
    display: block !important;
}
.ds-page-title h1 {
    font-size: 24px;
}
}
button#back-top {
    display: none !important;
}
.ds-fixed-contact-text {
    display: none;
}


/* Desktop homepage banner fit - 2026-05-24 */
@media (min-width: 1200px) {
  #common-home .ds-slideshow.menu-active {
    margin-top: 1rem !important;
  }

  #common-home .ds-slideshow-item-full-img,
  #common-home .ds-slideshow-plus-item-fullimg,
  #common-home .ds-slideshow-plus-item-fullimg a,
  #common-home .ds-slideshow-plus-item-fullimg picture {
    display: block;
    height: 100%;
  }

  #common-home .ds-slideshow-plus-item-fullimg img {
    width: 100%;
    height: 590px !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center;
  }
}


/* Desktop homepage banner height tune - 2026-05-24 */
@media (min-width: 1200px) {
  #common-home .ds-slideshow-plus-item-fullimg img {
    height: clamp(590px, 44.5vw, 914px) !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}


/* Desktop header layout - 2026-05-24 */
@media (min-width: 1200px) {
  .ds-header {
    background: #ffffff !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.06) !important;
  }

  .ds-header .container-xl > .d-flex {
    align-items: center !important;
    gap: 28px !important;
    margin-bottom: 0 !important;
    min-height: 82px !important;
  }

  .ds-header-left {
    flex: 0 0 auto !important;
    gap: 26px !important;
    min-width: 0 !important;
  }

  .ds-header-left > span {
    flex: 0 0 315px !important;
    width: 315px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
  }

  img#logo {
    width: 315px !important;
    max-width: 315px !important;
    min-width: 0 !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .ds-header-catalog-button {
    flex: 0 0 260px !important;
    width: 260px !important;
    height: 64px !important;
    margin-left: 0 !important;
    padding: 0 26px !important;
    background: linear-gradient(180deg, #5f930e 0%, #3f7606 100%) !important;
    border-color: #4f8209 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(79, 130, 9, 0.22) !important;
  }

  .ds-header-catalog-button svg path {
    fill: #ffffff !important;
  }

  .ds-header-catalog-button .button-text {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  .ds-header-right {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 24px !important;
    padding-right: 0 !important;
  }

  .ds-header-search {
    flex: 1 1 520px !important;
    max-width: 620px !important;
    padding-left: 0 !important;
  }

  .ds-header-search .form-control {
    height: 64px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    border: 1px solid #e6e9ed !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
    font-size: 15px !important;
    padding-left: 28px !important;
  }

  .ds-header-search-button {
    height: 64px !important;
    width: 64px !important;
  }

  .ds-header-user-button .ds-dropdown-toggle,
  .ds-header-phone-button {
    min-height: 64px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    white-space: nowrap !important;
  }
}


/* Desktop header client/phone alignment - 2026-05-24 */
@media (min-width: 1200px) {
  .ds-header-user-button,
  .ds-header-phone-button,
  .ds-header-cart-button {
    height: 64px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
  }

  .ds-header-user-button .ds-dropdown-toggle,
  .ds-header-phone-button .ds-dropdown-toggle {
    height: 64px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .ds-header-user-button {
    margin-left: 0 !important;
  }

  .ds-header-user-button svg,
  .ds-header-phone-button svg {
    flex: 0 0 auto !important;
  }
}

/* Hide obsolete manually injected duplicate homepage category cards. */
#common-home [data-codex-extra-category="1"] {
  display: none !important;
}

/* Codex fixed contact green */
#ds_fixed_contact_button {
  background: #5b8d20 !important;
  box-shadow: 0 8px 22px rgba(91, 141, 32, .35) !important;
}

#ds_fixed_contact_button:hover {
  background: #4f7f19 !important;
}
