/* ================================================bl==========================
   BEAUTYLOOK
   Custom styles for BeautyLook
   Theme: CiMart / OpenCart 3

   Rules:
   • New styles only through parent containers.
   • Do not modify CiMart styles directly.
   • Do not use global selectors (.btn, a:hover, .dropdown-menu, etc.).
   • All custom classes use the "bl-" prefix where applicable.
   ========================================================================== */


/* ========================================================================
   00. DESIGN SYSTEM
   ======================================================================== */

/* ------------------------------------------------------------------------
   Design Tokens
------------------------------------------------------------------------ */

/*
TEXT
Primary..................#163845
Secondary................#444444
Muted....................#777777
Disabled.................#B8B8B8

BRAND
Accent...................#E97906

BUTTONS
Primary..................#2B2B2B
Primary Hover............#E97906
Primary Text.............#FFFFFF

STATUS
Success..................#67B53A
Error....................#E53935
Warning..................#F4B400

SURFACE
Background...............#FFFFFF
Background Secondary.....#F7F7F7
Hover....................#F5F5F5

BORDERS
Default..................#ECECEC
Light....................#F3F3F3

BORDER RADIUS
Small....................2px
Default..................4px
Medium...................6px
Large....................8px
*/

/* ------------------------------------------------------------------------
   Typography
------------------------------------------------------------------------ */
/*
Primary font............Manrope
Secondary font..........Roboto
*/

/* ------------------------------------------------------------------------
   Shadows
------------------------------------------------------------------------ */
/*
Default shadow...........0 8px 20px rgba(0,0,0,.08)
*/

/* ------------------------------------------------------------------------
   Breakpoints
------------------------------------------------------------------------ */

/*
Desktop.................1200+
Laptop..................992-1199
Tablet..................768-991
Mobile..................<768
*/

/* ========================================================================
   01. COMPONENTS
   ======================================================================== */
.bl-btn-dark {

  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 46px;
  padding: 0 28px;

  border: 0;
  border-radius: 4px;

  background: #2B2B2B;
  color: #fff;

  font-size: 16px;
  font-weight: 600;

  text-decoration: none;

  transition: .2s;

}

.bl-btn-dark:hover {

  background: #E97906;
  color: #fff;
  text-decoration: none;

}

.bl-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-width: 190px;
  height: 52px;

  border-radius: 8px;

  font-weight: 500;
}

.bl-btn-secondary i {
  font-size: 14px;
  transition: .2s;
}

.bl-btn-secondary:hover i {
  transform: translateX(-3px);
}

.bl-btn-light {

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-width: 190px;
  height: 52px;

  padding: 0 24px;

  background: #eef3f7;
  color: #203947;

  border: 1px solid #e5ebf0;
  border-radius: 2px;

  font-weight: 500;
  text-decoration: none;

  transition: .25s;
}

.bl-btn-light:hover {

  background: #E97906;
  color: #fff;

}

.bl-btn-light i {

  font-size: 14px;
  transition: .2s;

}

.bl-btn-light:hover i {

  color: #fff;
  transform: translateX(-3px);

}

/* ------------------------------------------------------------------------
   ACCOUNT DROPDOWN
------------------------------------------------------------------------ */

.dropdown.open>.dropdown-menu.dropdown-menu-right {
  top: calc(100% + 8px);

  min-width: 175px;

  padding: 6px;

  border: 1px solid #ddd;
  border-radius: 0 0 6px 6px;

  background: #fff;

  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}


/* LINKS */

.dropdown.open>.dropdown-menu.dropdown-menu-right>li>a {
  display: block;

  padding: 10px 14px;

  border-radius: 4px;

  color: #344955;

  font-size: 14px;

  text-decoration: none;

  transition: all .2s ease;
}


/* HOVER */

.dropdown.open>.dropdown-menu.dropdown-menu-right>li>a:hover,
.dropdown.open>.dropdown-menu.dropdown-menu-right>li>a:focus {
  background: #f1f1f1;

  color: #344955;

  text-decoration: none;
}

/* ------------------------------------------------------------------------
   01.01 Icon Button
------------------------------------------------------------------------ */

.bl-btn-icon {

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;

  padding: 0;

  background: #fff;

  border: 1px solid #D9D9D9;

  border-radius: 6px;

  color: #5A5A5A;

  cursor: pointer;

  transition:
    background .2s,
    border-color .2s,
    color .2s,
    transform .15s;

}

.bl-btn-icon:hover {

  border-color: #E97906;

  color: #E97906;

}

.bl-btn-icon:active {

  transform: scale(.97);

}

.bl-btn-icon:disabled {

  opacity: .45;

  cursor: default;

}

/* ------------------------------------------------------------------------
   Breadcrumbs
------------------------------------------------------------------------ */
.breadcrumb>li {

  display: inline;
  position: relative;

  white-space: normal;

  overflow-wrap: anywhere;

}

/* ------------------------------------------------------------------------
   Page Title
------------------------------------------------------------------------ */

.productTitle {

  margin: 16px 0 36px;

  color: #163845;

  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}

/* ------------------------------------------------------------------------
   Stock Status
------------------------------------------------------------------------ */

.bl-stock {
  display: inline-flex;
  align-items: center;

  white-space: nowrap;

  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.bl-stock--in {
  color: #63B746;
}

.bl-stock--out {
  color: #E45A5A;
}

/* ------------------------------------------------------------------------
   Buttons
------------------------------------------------------------------------ */
/* Primary */
.bl-btn {

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: none;
  border-radius: 2px;

  transition: .2s ease;

  cursor: pointer;

  text-decoration: none;

}

/* Secondary */

/* Light */

/* Dark */

/* ------------------------------------------------------------------------
   Icon Button
------------------------------------------------------------------------ */
.bl-btn-cart {

  width: 46px;
  height: 46px;

  padding: 0;

  background: #222 !important;

  border: none;

  border-radius: 2px;

  color: #fff;

  box-shadow: none;

  background-image: none;
  margin-top: auto;

}

.bl-btn-cart:hover {

  background: #E97906 !important;

  color: #fff;

}

.bl-btn-cart i {

  font-size: 15px;

  margin: 0;

}

.bl-btn-cart span {

  display: none;

}

/* убираем наследования bootstrap - градиенты */
.bl-btn-cart,
.bl-btn-cart:hover,
.bl-btn-cart:focus {

  background-image: none !important;

  text-shadow: none;

  border: none;

}

/* Quantity Buttons */

/* MOBILE */

/* ------------------------------------------------------------------------
   Inputs
------------------------------------------------------------------------ */
/* Text Input */

/* Input Group */

/* Input States */

/* MOBILE */

/* ------------------------------------------------------------------------
   Select
------------------------------------------------------------------------ */
/* Default */

/* Custom Arrow */

/* MOBILE */

/* ------------------------------------------------------------------------
   Textarea
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
   Checkboxes & Radio
------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------
   Badges
------------------------------------------------------------------------ */
/* New */

/* Sale */

/* Discount */

/* ------------------------------------------------------------------------
   Pagination
------------------------------------------------------------------------ */

body .pagination {
  border: 0;
  border-radius: 0px;
}

body .pagination>li>a,
body .pagination>li>span {
  border: 0;
  background: transparent;
  color: #bdbdbd;
}

body .pagination>.active>a,
body .pagination>.active>span,
body .pagination>.active>a:hover,
body .pagination>.active>span:hover,
body .pagination>.active>a:focus,
body .pagination>.active>span:focus {
  background: #dee2e6;
  color: #264962;

  border: 0;
}

body .pagination>li>a:hover {
  background: #dee2e6;
  border: 0;
}

/* ------------------------------------------------------------------------
   Tables
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
   Forms
------------------------------------------------------------------------ */

/* ========================================================================
   02. HEADER
   ======================================================================== */

/* ------------------------------------------------------------------------
   Header Layout
------------------------------------------------------------------------ */

/* Logo */


/* User Actions */


/* ------------------------------------------------------------------------
   Language Switcher
------------------------------------------------------------------------ */

#form-language .dropdown-menu {
  margin-top: 8px;

  padding: 6px;

  min-width: 180px;

  border: 1px solid #ececec;

  border-radius: 6px;

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);

  background: #fff;
}

#form-language .dropdown-menu>li {
  margin: 0;
}

#form-language .dropdown-menu>li>.language-select {
  display: flex;

  align-items: center;

  gap: 10px;

  width: 100%;

  padding: 10px 12px;

  border: 0;

  border-radius: 4px;

  background: transparent;

  color: #444;

  text-align: left;

  transition: all 0.2s ease;
}

#form-language .dropdown-menu>li>.language-select:hover {
  background: #f5f5f5 !important;

  color: #e97906 !important;
}

#form-language .language-select:focus,
#form-language .language-select:active {
  background: #f5f5f5 !important;

  color: #e97906 !important;

  box-shadow: none;

  outline: none;
}


/* ------------------------------------------------------------------------
   Currency Switcher
------------------------------------------------------------------------ */




/* ------------------------------------------------------------------------
   Mobile Header
------------------------------------------------------------------------ */

@media (max-width: 991px) {

  .bl-header-logo {

    display: flex;
    align-items: center;
    padding-left: 8px;
    margin-top: 0;

  }

  .bl-mobile-toggle-wrap {
    flex: 0 0 auto;
    margin-right: 8px;
  }

  #logo {

    flex: 1;
    min-width: 0;

  }

  #logo a {
    display: block;
  }

  /* #logo img {
    width: 100%;
    max-width: 150px;
    height: auto;
  } */
  #logo img {
    width: clamp(120px, 28vw, 150px);
    height: auto;
  }

  .bl-header-actions {
    flex: 0 0 auto;
  }

  .bl-mobile-menu .bl-mobile-toggle {
    width: 44px;
    height: 44px;

    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .bl-mobile-toggle i {
    font-size: 22px;
    line-height: 1;
    color: #163845;
  }

}

/* ========================================================================
   03. MAIN MENU
   ======================================================================== */

.cimenu {
  border-bottom: 1px solid #ECECEC;
}

.cimenu #menu {
  background: none;
  border: 0;
  padding: 0;
}

/* ------------------------------------------------------------------------
   Desktop Navigation
------------------------------------------------------------------------ */
@media (min-width: 992px) {

  #menu .navbar-nav {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 28px;
  }

  #menu .navbar-nav>li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* --------------------------------------------------------------------
     Category Icons
  -------------------------------------------------------------------- */

  #menu .navbar-nav>li>a:first-child {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100px;
    padding: 0;
  }

  #menu .navbar-nav>li>a:first-child img {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
  }

  /* --------------------------------------------------------------------
     Category Titles
  -------------------------------------------------------------------- */

  #menu .navbar-nav>li>a.dropdown-toggle {

    margin-top: 10px;
    padding: 0;

    font-size: 14px;
    font-weight: 500;

    text-transform: uppercase;

    color: #163845;

    transition: color .2s ease;
  }

  #menu .navbar-nav>li>a.dropdown-toggle:hover {
    color: #E97906;
  }

}

/* ------------------------------------------------------------------------
   Mobile Navigation
------------------------------------------------------------------------ */
@media (max-width: 991px) {

  #menu .navbar-nav {
    display: block;
  }

}


/* ========================================================================
   04. MEGA MENU
   ======================================================================== */

/* ------------------------------------------------------------------------
   Language Rules
------------------------------------------------------------------------ */

/* Mega Menu */

body.lang-en .cimenu #menu li .dropdown-menu a {
  text-transform: capitalize;
}

body.lang-lv .cimenu #menu li .dropdown-menu a,
body.lang-ru .cimenu #menu li .dropdown-menu a {
  text-transform: none;
}

/* Refined Search */

body.lang-en #compare-total,
body.lang-en .list-cate {
  text-transform: capitalize;
}

body.lang-lv #compare-total,
body.lang-lv .list-cate,
body.lang-ru #compare-total,
body.lang-ru .list-cate {
  text-transform: none;
}

/* ------------------------------------------------------------------------
   Dropdown Links
------------------------------------------------------------------------ */

#menu .dropdown-menu a::before {
  display: none !important;
  content: none !important;
}

#menu .dropdown-menu a:hover::before {
  display: none !important;
  width: 0 !important;
}

#menu .dropdown-menu {
  border: 1px solid #ECECEC;
  border-radius: 2px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
  padding: 8px;
  width: auto;
  min-width: max-content;
}

#menu .dropdown-inner {
  display: flex;
  align-items: flex-start;
}

#menu .dropdown-inner a {
  display: block;
  min-width: max-content;
  white-space: nowrap;
  padding: 8px 18px;
}

#menu .dropdown-inner li a {

  color: #444;
  text-decoration: none;
  border-radius: 2px;

  transition:
    background .2s ease,
    color .2s ease;

}

#menu .dropdown-inner li a:hover {

  background: #ECECEC;
  color: #E97906 !important;

}


/* ------------------------------------------------------------------------
   Mobile Mega Menu
------------------------------------------------------------------------ */

/* Desktop / Mobile Switch */

@media (min-width: 992px) {

  .bl-mobile-menu,
  .bl-mobile-extra {
    display: none !important;
  }

}

@media (max-width: 991px) {

  .bl-desktop-menu {
    display: none !important;
  }

  /* ------------------------------------------------------------
     Menu Layout
  ------------------------------------------------------------ */

  .navbar-collapse>ul {

    position: fixed;

    width: min(88vw, 360px);

    height: 95% !important;

    top: 2%;
    /* left: -1500px; */

    padding: 18px 0;

    background: #FFF;

    border-radius: 8px;

    overflow-y: auto;

    z-index: 5;

    transition: all .35s ease;

  }

  /* ------------------------------------------------------------
     Header
  ------------------------------------------------------------ */

  #menu .mobile-logo {
    display: none;
  }

  /* ------------------------------------------------------------
   Category Item
------------------------------------------------------------ */

  .bl-mobile-menu .bl-mobile-item {
    border-bottom: 1px solid #EFEFEF;
  }

  .bl-mobile-menu>li>.bl-mobile-menu-link {

    display: flex;
    align-items: center;

    gap: 16px;

    min-height: 72px;

    padding: 14px 18px;

    text-decoration: none;

  }

  .bl-mobile-menu>li>.bl-mobile-menu-link::after {
    display: none;
  }

  #menu .navbar-nav>li>a:hover {
    background: #FFF;
    color: #323232;
  }

  .bl-mobile-menu>li.bl-mobile-close+li.bl-mobile-item {
    border-top: 1px solid #EFEFEF;
  }

  /* ------------------------------------------------------------
   Category Image
------------------------------------------------------------ */

  .bl-mobile-menu .bl-mobile-icon {

    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    object-fit: contain;

  }

  /* ------------------------------------------------------------
   Category Title
------------------------------------------------------------ */

  .bl-mobile-menu .bl-mobile-name {

    flex: 1;

    color: #163845;

    font-size: 15px;
    font-weight: 600;

    text-transform: uppercase;

    white-space: nowrap;

  }

  /* ------------------------------------------------------------
   Chevron
------------------------------------------------------------ */

  .bl-mobile-menu .bl-mobile-chevron {

    font-size: 12px;

    transition: transform .2s ease;

  }

  .bl-mobile-item.open .bl-mobile-chevron {
    transform: rotate(180deg);
  }

  /* ------------------------------------------------------------
   Extra Links
------------------------------------------------------------ */

  .bl-mobile-menu>li.bl-mobile-extra>a {

    display: flex;

    align-items: center;

    min-height: 68px;

    padding: 0 18px;

    text-decoration: none;

    color: #163845;

  }

  .bl-mobile-menu .bl-mobile-icon-wrap {

    display: flex;

    align-items: center;
    justify-content: center;

    width: 55px;
    height: 55px;

    flex: 0 0 55px;

  }

  .bl-mobile-menu .bl-mobile-extra-title {

    font-size: 15px;
    font-weight: 600;

    text-transform: uppercase;
    margin-left: 16px;
  }

  .bl-mobile-menu .bl-badge-new,
  .bl-mobile-menu .bl-badge-sale {

    display: block;

    width: 12px;
    height: 12px;

    border-radius: 2px;

  }

  .bl-mobile-menu .bl-badge-new {
    background: #75BD11;
  }

  .bl-mobile-menu .bl-badge-sale {
    background: #E97906;
  }

  /* ------------------------------------------------------------
   Close Button
------------------------------------------------------------ */

  /* .bl-mobile-close {

    display: flex;

    justify-content: flex-end;

    padding: 6px 8px 0;

  } */

  .bl-mobile-menu>li.bl-mobile-close {

    display: flex !important;
    justify-content: flex-end;

    padding: 4px 8px 0;

    border: 0;
    background: transparent;

  }

  .bl-mobile-close-btn {

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    background: transparent;
    box-shadow: none;

    color: #163845;

    font-family: Arial, sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;

  }

  .bl-mobile-close-btn {
    transform: translate(4px, -8px);
  }

  .bl-mobile-close-btn:hover,
  .bl-mobile-close-btn:focus {

    background: transparent;
    border: 0;
    box-shadow: none;

    color: #E97906;

  }

}



/* ========================================================================
   05. HOME
   ======================================================================== */
/* ------------------------------------------------------------------------
   Main Categories images
------------------------------------------------------------------------ */
.main-cats-layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.main-cats-tile {
  display: block;
  overflow: hidden;
  border-radius: 4px;
  background: #f5f5f5;
  position: relative;
}

.main-cats-tile img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 1.7;
  object-fit: cover;

  transition: transform .35s ease;
}

.main-cats-tile:hover img {
  transform: scale(1.04);
}

/* TABLET */
@media (max-width:1024px) {

  .main-cats-layout {
    grid-template-columns: repeat(2, 1fr);
  }

}

/* MOBILE */
@media (max-width:767px) {

  .main-cats-layout {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  .main-cats-tile {
    width: 100%;
    display: block;
    box-sizing: border-box;
  }

  .main-cats-tile img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* SEARCH PAGE MOBILE */

  .bl-search-title {
    margin-bottom: 22px;
    font-size: 24px;
  }

  .bl-search-criteria {
    margin-bottom: 24px;
  }

  .bl-search-criteria-title {
    font-size: 22px;
  }

  .bl-search-criteria-fields {
    display: block;

    margin-bottom: 8px;
  }

  .bl-search-field,
  .bl-search-field:first-child,
  .bl-search-field:last-child {
    width: 100%;
    margin-bottom: 12px;
  }

  .bl-search-options {
    display: block;

    margin-top: 4px;
  }

  .bl-search-options .checkbox-inline {
    display: block;

    margin-bottom: 8px;
  }

  .bl-search-action {
    margin-top: 12px;
  }

  .bl-search-action #button-search {
    width: 100%;
  }

  .bl-search-results-title {
    margin-top: 28px;

    font-size: 22px;
  }

}

/* ------------------------------------------------------------------------
   Brand Marquee
------------------------------------------------------------------------ */
.brand-marquee {
  display: flex;

  overflow: hidden;
}

.brand-track {
  display: flex !important;
  flex-direction: row !important;

  width: fit-content;
  flex-wrap: nowrap;
  white-space: nowrap !important;
  align-items: center;
  animation: brandScroll 80s linear infinite;
}

.brand-item {
  flex: 0 0 auto;
  flex-shrink: 0;
  padding: 0 45px;
}

.brand-item img {

  max-width: none;

  height: 120px;

  width: auto;
  opacity: 0.55;

  transition: 0.3s;
}

.brand-item:hover img {
  opacity: 1;
}

@keyframes brandScroll {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

.brand-track:hover {
  animation-play-state: paused;
}

/* ========================================================================
   06. PRODUCT CARD
   ======================================================================== */

/* ------------------------------------------------------------------------
   Layout
------------------------------------------------------------------------ */


@media (max-width: 767px) {
  .product-thumb {
    min-height: auto;
    padding-bottom: 15px;
  }

  .owl-item {
    padding-bottom: 20px;
  }

  .swiper-slide {
    padding-bottom: 20px;
    box-sizing: border-box;
  }

  .product-layout {
    margin-bottom: 20px;
  }
}

/* ========================================================================
   07. PRODUCT PAGE
   ======================================================================== */

/* ------------------------------------------------------------------------
   Product Header
------------------------------------------------------------------------ */

#product-product .productTitle {
  text-align: left;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

/* ------------------------------------------------------------------------
   Product Layout
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
   Product Images
------------------------------------------------------------------------ */

/* Main Image */

#product-product .thumbnails {

  margin: 0;
  padding: 0;

  border: 0;
  border-radius: 0;

  background: transparent;

  list-style: none;
}

#product-product .thumbnails>li:first-child {
  margin-bottom: 16px;
}

#product-product .thumbnails>li:first-child>.thumbnail {

  padding: 16px;

  background: #FFFFFF;

  border: 1px solid #ECECEC;
  border-radius: 6px;
}

/* Gallery */

#product-product .image-additional {

  display: inline-block;

  margin: 12px 12px 0 0;
}

#product-product .image-additional a:hover {

  border-color: #CCCCCC;
}

#product-product .image-additional .thumbnail {

  padding: 8px;

  background: #FFFFFF;

  border: 1px solid #ECECEC;
  border-radius: 4px;

  transition: border-color .2s ease;
}

#product-product .image-additional .thumbnail:hover {

  border-color: #163845;
}

#product-product .thumbnails img {

  display: block;

  margin: 0 auto;
}

/* ------------------------------------------------------------------------
   Product Summary
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
   Product Badge
------------------------------------------------------------------------ */
/* По умолчанию — показываем desktop-бейджи */
.bl-product-badge-mobile {
  display: none;
}

.bl-product-badge-desktop {
  display: flex;

  justify-content: flex-start;
  align-items: center;
  gap: 8px;

  margin-bottom: 16px;
}


/* Mobile */
@media (max-width: 767px) {

  .bl-product-badge-mobile {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
  }

  .bl-product-badge-desktop {
    display: none;
  }

}

/* #product-product .bl-product-badge {

} */

#product-product .bl-product-badge .badge-new,
#product-product .bl-product-badge .badge-special {
  position: static;

  /* display: inline-block;

  top: auto;
  right: auto;
  bottom: auto;
  left: auto; */
}

/* ------------------------------------------------------------------------
   Product Meta
------------------------------------------------------------------------ */

.bl-product-meta {
  display: flex;
  flex-direction: column;
  gap: 10px;

  margin-bottom: 24px;
}

.bl-meta-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;

  font-size: 15px;
}

.bl-meta-label {
  flex: 0 0 120px;

  color: #777;

  font-weight: 400;
}

.bl-meta-value {
  flex: 1;

  color: #163845;

  font-weight: 600;
}

.bl-meta-value a {
  color: inherit;
  text-decoration: none;
}

.bl-meta-value a:hover {
  color: #E97906;
}



/* ------------------------------------------------------------------------
   Product Price
------------------------------------------------------------------------ */

#product-product .bl-product-price .bl-price-current {

  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;

  color: #163845;
  background: none;
  padding: 0;
  border-radius: 0;

}

/* ------------------------------------------------------------------------
   Product Extra
------------------------------------------------------------------------ */

.bl-product-extra {

  margin-top: 16px;
}

.bl-extra-row {

  display: flex;
  justify-content: space-between;
  align-items: flex-start;

  gap: 16px;

  margin-bottom: 6px;

  font-size: 15px;
  line-height: 1.4;
}

.bl-extra-label {
  flex: 0 0 120px;

  color: #777;

  font-weight: 400;
}

.bl-extra-value {

  flex: 1;

  color: #163845;

  font-weight: 600;

  /* text-align: right; */
}

/* ------------------------------------------------------------------------
   Product Tools
------------------------------------------------------------------------ */

#product-product .bl-product-tools {
  display: flex;
  gap: 10px;
  margin: 16px 0 20px;
}

#product-product .bl-tool-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;
  padding: 0;

  border: 1px solid #E5E5E5;
  border-radius: 4px;

  font-size: 15px;

  background: #fff;
  color: #163845;

  transition: all .2s ease;
}

#product-product .bl-tool-btn:hover {
  border-color: #E97906;
  background: #E97906;
  color: #fff;
}

/* ------------------------------------------------------------------------
   Product Options
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
   Product Buy
------------------------------------------------------------------------ */
/* Buy Container */

#product-product .bl-product-buy {
  margin-top: 20px;
}

#product-product .bl-buy-group {
  margin: 0;
  border-radius: 4px;
}

/* Quantity */

#product-product .bl-product-qty {

  width: 100%;
  height: 42px;

  border: 1px solid #E6E6E6;
  border-radius: 4px;

  overflow: hidden;

  background: #fff;
}

#product-product .bl-product-qty-btn {

  width: 46px;
  height: 42px;

  background: #F7F7F7;

  color: #163845;

  transition: .2s ease;
}

#product-product .bl-product-qty-btn:hover {

  background: #E97906;
  color: #fff;
}

#product-product .bl-product-qty-input {

  border: 0;

  box-shadow: none;

  text-align: center;

  font-size: 18px;
  font-weight: 600;

  color: #163845;
}

/* Add to Cart */

#product-product .bl-cart-button {

  height: 46px;

  margin-top: 8px;

  border: 0;
  border-radius: 4px;

  background: #2B2B2B;

  color: #fff;

  font-size: 16px;
  font-weight: 600;

  transition: all .2s ease;
}

#product-product .bl-cart-button:hover {

  background: #E97906;

  color: #fff;
}

.bl-cart-buttons {

  display: flex;
  justify-content: space-between;
  align-items: center;

  margin-top: 48px;

}

/* ------------------------------------------------------------------------
   Product Tabs
------------------------------------------------------------------------ */

#product-product ul.nav.nav-tabs.bl-product-tabs {
  margin-top: 32px;
  margin-bottom: 0;

  padding: 0;

  background: transparent;

  border: 0;
  border-bottom: 1px solid #ECECEC;

  border-radius: 0;
}

#product-product ul.nav.nav-tabs.bl-product-tabs>li {
  margin-bottom: -1px;
}

#product-product ul.nav.nav-tabs.bl-product-tabs>li>a {

  padding: 10px 20px;

  background: transparent;

  border: 0;
  border-radius: 0;

  color: #444444;

  font-weight: 500;

  transition: all .2s ease;
}

#product-product ul.nav.nav-tabs.bl-product-tabs>li>a:hover {

  background: #F5F5F5;

  color: #163845;
}

#product-product ul.nav.nav-tabs.bl-product-tabs>li.active>a,
#product-product ul.nav.nav-tabs.bl-product-tabs>li.active>a:hover,
#product-product ul.nav.nav-tabs.bl-product-tabs>li.active>a:focus {

  background: #FFFFFF;

  color: #163845;

  border: 0;
  border-top: 2px solid #E97906;
  border-bottom: 1px solid #FFFFFF;

  border-radius: 0;

  font-weight: 600;

  box-shadow: none;
}

#product-product .bl-product-tab-content {

  padding: 24px 0;

  background: transparent;

  border: 0;
}

/* ------------------------------------------------------------------------
   Product Description
------------------------------------------------------------------------ */
#product-product #tab-description,
#product-product #tab-inci {

  font-size: 16px;
  line-height: 1.8;
  color: #444444;
}

#product-product #tab-description p,
#product-product #tab-inci p {

  margin-bottom: 20px;
}

/* ------------------------------------------------------------------------
   Related Products
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
   MOBILE
------------------------------------------------------------------------ */
@media (max-width: 767px) {

  .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  .nav-tabs>li {
    flex: 0 0 auto;
  }

  #tab-manufacturer a.btn-primary {
    width: 100%;
  }



}

#tab-manufacturer a.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 46px;
  padding: 12px 16px;

  background: #e9eef2;
  color: #344b5a;

  border: 1px solid #d9e0e5;
  border-radius: 4px;

  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;

  white-space: normal;
  overflow-wrap: anywhere;

  transition: all .2s ease;
}

#tab-manufacturer a.btn-primary:hover {
  background: #f58200;
  border-color: #f58200;
  color: #fff;
  text-decoration: none;
}

/* ========================================================================
   08. CATEGORY
   ======================================================================== */

/* ------------------------------------------------------------------------
     Sidebar Links
------------------------------------------------------------------------ */

.bl-sidebar-links {
  background: #fff;
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
  padding: 0;
}

.bl-sidebar-link {
  display: flex !important;
  width: 100%;

  padding: 14px 18px !important;
  margin: 0 !important;

  border: 0 !important;
  background: transparent !important;

  box-shadow: none !important;
  border-radius: 0 !important;

  font-size: 15px;
  font-weight: 500;
  color: #444 !important;

  text-decoration: none;
  justify-content: space-between;
  align-items: center;

}

.bl-sidebar-link+.bl-sidebar-link {
  border-top: 1px solid #ededed;
}

.bl-sidebar-link:hover {
  background: #fafafa !important;
  color: #E97906 !important;
}

.bl-sidebar-link .badge-new,
.bl-sidebar-link .badge-special {
  position: static;

  top: auto;
  right: auto;
  bottom: auto;
  left: auto;

  display: inline-block;
  flex-shrink: 0;
}

/* ------------------------------------------------------------------------
   Category Tree
------------------------------------------------------------------------ */
.bl-category-tree {
  background: #fff;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  overflow: hidden;
}

/* ------------------------------------------------------------------------
   Category Items
------------------------------------------------------------------------ */
.bl-category-item {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: space-between;

  min-height: 48px;

  box-sizing: border-box;

  color: #4A5560;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  text-decoration: none;

  transition:
    background .2s ease,
    color .2s ease;
}

.bl-category-item:hover {
  background: #FAFAFA;
  color: #E97906;
}

.bl-category-item:focus {
  outline: none;
}

/* ------------------------------------------------------------------------
   Levels
------------------------------------------------------------------------ */

.bl-category-item.level-0 {
  padding: 14px 18px 14px 46px;
  font-weight: 600;
  border-top: 1px solid #F2F2F2;
}

.bl-category-item.level-0:first-child {
  border-top: none;
}

.bl-category-item.level-0.active {
  background: #E97906;
  color: #fff;
}

.bl-category-item.level-1 {
  padding: 13px 18px;
}

.bl-category-item.level-2 {
  padding: 13px 18px 13px 38px;
}

.bl-category-item.level-3 {
  padding: 13px 18px 13px 74px;
}

.bl-category-item.level-4 {
  padding: 13px 18px 13px 94px;
}

/* ------------------------------------------------------------------------
   Content
------------------------------------------------------------------------ */
.bl-category-content {
  display: flex;
  align-items: center;
  flex: 1;
}

.bl-category-name {
  flex: 1;
}

/* ------------------------------------------------------------------------
   Counter
------------------------------------------------------------------------ */
.bl-category-dot {
  width: 6px;
  height: 6px;

  flex: 0 0 6px;

  margin-right: 12px;

  border-radius: 50%;

  background: #CDD2D8;
}


.bl-category-count {
  flex-shrink: 0;

  min-width: 22px;

  margin-left: 14px;

  padding: 2px 7px;

  border-radius: 999px;

  background: #F4F4F4;

  color: #666;

  font-size: 12px;
  font-weight: 600;
  line-height: 18px;

  text-align: center;
}

.bl-category-item:hover .bl-category-count {
  background: rgba(233, 121, 6, .12);
  color: #E97906;
}

/* ------------------------------------------------------------------------
   Arrow
------------------------------------------------------------------------ */

.bl-category-arrow {
  position: absolute;

  left: 18px;
  top: 50%;

  width: 8px;
  height: 8px;

  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;

  transform: translateY(-50%) rotate(-45deg);

  transition: transform .2s ease;
}

.bl-category-item.level-0.open .bl-category-arrow {
  transform: translateY(-50%) rotate(45deg);
}

/* ------------------------------------------------------------------------
   States
------------------------------------------------------------------------ */

/* Root */

.bl-category-item.level-0.active .bl-category-count {
  background: rgba(255, 255, 255, .18);
  color: #fff;
}


/* States */

.bl-category-item.level-1.open,
.bl-category-item.level-2.open {
  background: #FFF8F1;
  border-left: 4px solid #E97906;
  color: #E97906;
  font-weight: 600;
}

.bl-category-item.level-3.open {
  background: #FAFAFA;
  color: #E97906;
  font-weight: 300;
}

.bl-category-item.active:not(.open):not(.level-0) {
  background: #FAFAFA;
  color: #E97906;
  font-weight: 300;
}

/* Expanded */

.bl-category-item.open:not(.level-0) {
  background: #FFF8F1;
  border-left: 4px solid #E97906;
  color: #E97906;
  font-weight: 500;
}

/* Current Category */

.bl-category-item.current:not(.level-0) {
  background: #FAFAFA;
  border-left: none;
  color: #E97906;
  font-weight: 400;
}



/* ------------------------------------------------------------------------
   Toolbar Layout
------------------------------------------------------------------------ */
.product-filter {
  display: flex;
  align-items: stretch;
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid #ECECEC;
  border-radius: 6px;
  overflow: hidden;
}

/* все колонки тулбара */
.product-filter>.row {
  width: 100%;
  margin: 0;
  display: flex;
  align-items: stretch;
}

.product-filter>.row>div {
  display: flex;
  align-items: center;
  min-height: 54px;
  padding: 0;
}

/* ------------------------------------------------------------------------
   View Mode
------------------------------------------------------------------------ */
.btn-group.btn-group-sm {
  display: flex;
  height: 48px;
  margin-left: 10px;

}

.btn-group.btn-group-sm .btn {
  width: 40px;
  height: 40px;
  border: 0;
  padding: 0;
  border-radius: 0;
  background: #fff;
  color: #1F3B53;
  box-shadow: none;
  transition: .25s;
}

.btn-group.btn-group-sm .btn:hover {
  background: #f7f7f7;
  color: #E97906;
}

.btn-group.btn-group-sm .btn.active {
  background: #E97906;
  color: #fff;
}

.btn-group.btn-group-sm .btn i {
  font-size: 18px;
}

.btn-group.btn-group-sm .btn:first-child {
  margin-right: 2px;
}

/* ------------------------------------------------------------------------
   Compare
------------------------------------------------------------------------ */
#compare-total {
  display: flex !important;
  align-items: center;
  gap: 10px;

  height: 48px;

  margin: 0;
  padding: 0 0 0 20px;

  color: #BDBDBD;
  font-size: 14px;
  font-weight: 300;
  text-transform: none;
  text-decoration: none;

  transition: color .25s ease;
}

#compare-total:hover {
  color: #E97906;
}

#compare-total::before {
  content: "\f0ec";
  font-family: FontAwesome;
  font-size: 14px;
  margin-right: 6px;
  font-weight: normal;
  color: inherit;
}

/* ------------------------------------------------------------------------
   Sort & Limit
------------------------------------------------------------------------ */
.product-filter .input-group {
  width: 100%;
}

.product-filter .input-group-addon {
  background: #fff;
  border: 0;
  border-left: 1px solid #ECECEC;
  border-radius: 0;
  color: #163845;
  font-weight: 600;
  min-width: 70px;
}

.product-filter .form-control {
  height: 54px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}

/* ------------------------------------------------------------------------
   Custom Arrow
------------------------------------------------------------------------ */
#input-sort,
#input-limit {
  padding-right: 28px;
}

.product-filter .form-group {
  position: relative;
}

.product-filter .form-group::after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #666;
  font-size: 14px;
}

.product-filter select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 36px;
}

/* ------------------------------------------------------------------------
   Desktop
------------------------------------------------------------------------ */
.product-filter .col-md-2,
.product-filter .col-md-3,
.product-filter .col-md-4 {
  border-right: 1px solid #ECECEC;
}

.product-filter .col-md-3:last-child {
  border-right: 0;
}

/* ------------------------------------------------------------------------
   MOBILE
------------------------------------------------------------------------ */

/* ========================================================================
   09. CART
   ======================================================================== */
.bl-cart-empty {

  max-width: 520px;

  margin: 70px auto 90px;

  text-align: center;

}

.bl-cart-empty-image {
  width: 280px;
  max-width: 90%;
  height: auto;
  margin: 0 auto 32px;
  display: block;
}



.bl-cart-empty-text {

  max-width: 360px;
  margin: 0 auto 32px;

  font-size: 17px;
  line-height: 1.7;

  color: #7b7b7b;

}

.bl-cart-empty .bl-btn {

  min-width: 220px;
  height: 52px;

  border-radius: 8px;

}

/* ------------------------------------------------------------------------
   09.01 Cart Layout
------------------------------------------------------------------------ */

#checkout-cart {
  background: #fff;
}

.bl-cart-top {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

.bl-cart-products-wrap {
  flex: 1;
  min-width: 0;
}

.bl-cart-summary-wrap {
  flex: 0 0 320px;
}


/* ------------------------------------------------------------------------
   09.02 Cards
------------------------------------------------------------------------ */

/* .bl-cart-products,
.bl-cart-summary {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 12px;
} */

.bl-cart-products {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  /* padding: 24px; */
  margin-bottom: 24px;
}


/* .bl-cart-summary {
  padding: 24px;
  position: sticky;
  top: 20px;
} */
.bl-cart-summary {
  background: #fff;
  border: 1px solid #ECECEC;
  border-radius: 6px;
  padding: 28px;
  position: sticky;
  top: 20px;
}

/* .bl-cart-summary table {
  margin-bottom: 0;
} */

.bl-cart-summary td:first-child {
  color: #555;
  font-weight: 600;
}

.bl-cart-summary td:last-child {
  text-align: right;
  white-space: nowrap;
}


/* ------------------------------------------------------------------------
   09.03 Cart Table
------------------------------------------------------------------------ */

.bl-cart-table {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
}

.bl-cart-table>thead>tr>td,
.bl-cart-table>tbody>tr>td {
  border: none;
  vertical-align: middle;
}


/* ------------------------------------------------------------------------
   09.04 Table Columns
------------------------------------------------------------------------ */

.bl-cart-col-image,
.bl-cart-image-cell {
  width: 90px;
}

.bl-cart-col-product {
  width: auto;
}

.bl-cart-col-qty,
.bl-cart-quantity {
  width: 150px;
}

.bl-cart-col-price,
.bl-cart-price {
  width: 95px;
}

.bl-cart-col-total,
.bl-cart-total {
  width: 95px;
}


/* ------------------------------------------------------------------------
   09.05 Table Header
------------------------------------------------------------------------ */

.bl-cart-head td {
  padding: 18px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #666;
  border-bottom: 1px solid #ececec;
  vertical-align: bottom;
}


/* ------------------------------------------------------------------------
   09.06 Table Body
------------------------------------------------------------------------ */

.bl-cart-body td {
  padding: 22px 14px;
  vertical-align: middle;
}

.bl-cart-row {
  border-bottom: 1px solid #f3f3f3;
  transition: background-color .2s ease;
}

.bl-cart-row:last-child {
  border-bottom: none;
}

.bl-cart-row:hover {
  background: #fcfcfc;
}


/* ------------------------------------------------------------------------
   09.07 Product
------------------------------------------------------------------------ */

.bl-cart-product {
  padding-left: 18px !important;
}

/* .bl-cart-product-name,
.bl-cart-table td:nth-child(2)>a {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
  color: #203947;
  transition: color .2s ease;
} */

.bl-cart-product-name {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
  color: #203947;
  transition: color .2s ease;
}

.bl-cart-product-name:hover,
.bl-cart-table td:nth-child(2)>a:hover {
  color: #E97906;
  text-decoration: none;
}


.bl-cart-model {
  margin-top: 6px;
  font-size: 13px;
  color: #9c9c9c;
  letter-spacing: .2px;
}

.bl-cart-table small {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: #8d8d8d;
}


/* ------------------------------------------------------------------------
   09.08 Product Image
------------------------------------------------------------------------ */

.bl-cart-image {
  width: 72px;
  height: 72px;
  padding: 6px;
  object-fit: contain;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 2px;
  transition: all .25s ease;
}

.bl-cart-image:hover {
  border-color: #E97906;
  transform: scale(1.03);
}


/* ------------------------------------------------------------------------
   09.09 Prices
------------------------------------------------------------------------ */

.bl-cart-price,
.bl-cart-total {
  font-size: 18px;
  font-weight: 500;
  color: #3f3f3f;
}


/* ------------------------------------------------------------------------
   09.10 Summary
------------------------------------------------------------------------ */

.bl-cart-summary table {
  width: 100%;
}

.bl-cart-summary td {
  padding: 10px 0;
  border: 0;
}

.bl-cart-summary tr:last-child td {

  padding-top: 18px;

  border-top: 1px solid #ECECEC;

}

.bl-cart-summary tr:last-child td:first-child {

  font-size: 18px;
  font-weight: 700;

  color: #163845;

}

.bl-cart-summary tr:last-child td:last-child {

  font-size: 22px;
  font-weight: 700;

  color: #163845;

}

/* ------------------------------------------------------------------------
   09.11 Cart accordions
------------------------------------------------------------------------ */

.bl-cart-modules {
  margin-top: 60px;
}

.bl-cart-modules .panel {

  margin-bottom: 18px;

  border: 1px solid #ececec;
  border-radius: 10px;

  box-shadow: none;
  overflow: hidden;

}

.bl-cart-modules .panel-heading {

  padding: 0;
  background: #fff;
  border: none;

}

.bl-cart-modules .panel-title {

  margin: 0;

}

.bl-cart-modules .panel-title a {

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 22px 28px;

  font-size: 18px;
  font-weight: 600;

  color: #203947;

  text-decoration: none;

  transition: .25s;

}

.bl-cart-modules .panel-title a:hover {

  color: #E97906;

}

.bl-cart-modules .panel-body {

  border-top: 1px solid #ececec;

  padding: 28px;

  background: #fff;

}


/* ------------------------------------------------------------------------
   09.12 Cart Mobile
------------------------------------------------------------------------ */

.bl-cart-mobile {
  display: none;
}


@media (max-width: 767px) {

  /* --------------------------------------------------
     Main cart layout
  -------------------------------------------------- */

  .bl-cart-top {
    flex-direction: column;
    gap: 24px;
  }

  .bl-cart-products-wrap,
  .bl-cart-summary-wrap {
    width: 100%;
    flex: 0 0 auto;
  }


  /* --------------------------------------------------
     Hide desktop cart
  -------------------------------------------------- */

  .bl-cart-table-responsive {
    display: none !important;
  }

  .bl-cart-mobile {
    display: block !important;
    width: 100%;
  }


  /* --------------------------------------------------
     Mobile product card
  -------------------------------------------------- */

  .bl-cart-card {

    padding: 16px 0 20px;

    border-bottom: 1px solid #e1e1e1;

  }

  .bl-cart-card+.bl-cart-card {
    margin-top: 4px;
  }


  /* Product top */

  .bl-cart-card-top {

    display: flex;

    align-items: flex-start;

    gap: 14px;

  }


  /* Image */

  .bl-cart-card-image {

    flex: 0 0 82px;

    width: 82px;

    height: 82px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #ddd;

    border-radius: 4px;

  }

  .bl-cart-card-image img {

    max-width: 100%;

    max-height: 100%;

    object-fit: contain;

  }


  /* Product information */

  .bl-cart-card-info {

    flex: 1;

    min-width: 0;

  }


  .bl-cart-card-title {

    display: block;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 600;

    white-space: normal;

    word-break: normal;

    overflow-wrap: break-word;

  }


  .bl-cart-card-sku {

    margin-top: 8px;

    font-size: 13px;

    line-height: 1.4;

    color: #888;

  }


  /* --------------------------------------------------
     Quantity
  -------------------------------------------------- */

  .bl-cart-card-quantity {

    margin-top: 16px;

  }

  .bl-cart-card-quantity .input-group {

    width: 100%;

  }


  /* --------------------------------------------------
     Prices
  -------------------------------------------------- */

  .bl-cart-card-prices {

    margin-top: 10px;

  }

  .bl-cart-card-price-row {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 5px;

    font-size: 14px;

  }


  /* --------------------------------------------------
     Remove
  -------------------------------------------------- */

  .bl-cart-card-remove {

    margin-top: 8px;

  }


  /* --------------------------------------------------
     Buttons
  -------------------------------------------------- */

  .bl-cart-actions,
  .bl-cart-buttons {

    display: flex;

    flex-direction: column-reverse;

    gap: 16px;

  }

  .bl-cart-actions .bl-btn-light,
  .bl-cart-actions .bl-btn-dark,

  .bl-cart-buttons .bl-btn-light,
  .bl-cart-buttons .bl-btn-dark {

    width: 100%;

  }


  /* --------------------------------------------------
     Desktop product name fallback
  -------------------------------------------------- */

  .bl-cart-product-name {

    display: block;

    font-size: 16px;

    line-height: 1.45;

    white-space: normal;

    word-break: break-word;

  }

}

/* ------------------------------------------------------------------------
   CART – MOBILE PRODUCT CARDS
------------------------------------------------------------------------ */

@media (max-width: 767px) {

  .bl-cart-mobile {
    display: block !important;
    width: 100%;
  }


  /* CARD */

  .bl-cart-card {
    position: relative;

    padding: 16px 6px 20px;

    border-bottom: 1px solid #ddd;
  }

  .bl-cart-card:last-child {
    border-bottom: 0;
  }


  /* TOP */

  .bl-cart-card-top {
    display: flex;
    align-items: flex-start;
    gap: 14px;
  }


  /* IMAGE */

  .bl-cart-card-image {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #ddd;
  }

  .bl-cart-card-image a {
    display: flex;

    width: 100%;
    height: 100%;

    align-items: center;
    justify-content: center;
  }

  .bl-cart-card-image .img-thumbnail {
    width: 100%;
    height: 100%;

    padding: 6px;

    object-fit: contain;

    border: 0 !important;
    border-radius: 0;
  }


  /* PRODUCT INFO */

  .bl-cart-card-info {
    flex: 1;
    min-width: 0;

    padding-right: 28px;
  }

  .bl-cart-card-info .bl-cart-product-name {
    display: block;

    margin: 0 0 8px;

    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;

    color: #344955;

    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
  }

  .bl-cart-model {
    margin-top: 4px;

    font-size: 13px;

    color: #888;
  }

  .bl-cart-card-info small {
    display: block;

    margin-top: 4px;

    color: #777;
  }


  /* REMOVE */

  .bl-cart-remove {
    position: absolute;

    top: 16px;
    right: 4px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    padding: 0;

    border: 0;
    background: transparent;

    color: #c75b5b;

    font-size: 16px;
  }


  /* BOTTOM */

  .bl-cart-card-bottom {
    display: flex;
    flex-direction: column;

    gap: 12px;

    margin-top: 14px;
  }


  /* QUANTITY */

  .bl-cart-card-qty {
    width: 100%;
  }

  .bl-cart-qty-control {
    display: flex;

    width: 100%;
    height: 46px;

    border: 1px solid #ddd;
  }

  .bl-cart-qty-minus,
  .bl-cart-qty-plus {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    min-width: 48px;

    padding: 0;

    border: 0;

    background: #f5f5f5;

    color: #344955;

    font-size: 15px;
  }

  .bl-cart-qty-input {
    flex: 1;

    min-width: 0;

    padding: 0;

    text-align: center;

    border: 0;

    background: #fff;

    color: #344955;

    font-size: 16px;
    font-weight: 600;
  }


  /* PRICES */

  .bl-cart-card-prices {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }

  .bl-cart-card-prices>div {
    display: flex;
    flex-direction: column;

    gap: 4px;
  }

  .bl-cart-card-prices span {
    font-size: 13px;

    color: #777;
  }

  .bl-cart-card-prices strong {
    font-size: 16px;

    color: #344955;
  }

  .bl-cart-card-prices>div:last-child {
    text-align: right;
  }

  /* SEARCH CHECKBOXES — MOBILE */

  .bl-search-options {
    display: block;

    margin-top: 8px;
    margin-bottom: 12px;
  }

  .bl-search-options .checkbox-inline {
    display: flex;

    margin-bottom: 10px;
  }

  .bl-search-options .checkbox-inline:last-child {
    margin-bottom: 0;
  }

}

/* ------------------------------------------------------------------------
   09.13 buttons
------------------------------------------------------------------------ */
.bl-cart-qty {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

/* .bl-cart-qty-input {
  width: 58px;
  height: 42px;
  text-align: center;
} */
.bl-cart-qty-input {

  width: 54px;

  border: 0;

  background: #fff;

  text-align: center;

  font-weight: 600;

  color: #203947;

  box-shadow: none;
}


/* .bl-cart-remove {

  width: 42px;

  background: #fff;

  border: 1px solid #ddd;

  transition: .2s;

} */
.bl-cart-remove {

  display: flex;
  align-items: center;
  justify-content: center;

  width: 20px;
  height: 20px;

  margin-left: 12px;

  padding: 0;

  border: 0;

  background: none;

  color: #E35B5B;

  cursor: pointer;

  transition: .2s;
}

.bl-cart-remove:hover {

  color: #C62828;

  transform: scale(1.12);

}

.bl-cart-remove:active {

  transform: scale(.95);

}

.bl-cart-qty-minus,
.bl-cart-qty-plus {

  width: 40px;

  border: 0;

  background: #fff;

  transition: .2s;
}

.bl-cart-qty-minus:hover,
.bl-cart-qty-plus:hover {

  background: #F7F7F7;

}

.bl-cart-qty-minus:active,
.bl-cart-qty-plus:active {

  background: #EFEFEF;

}

.bl-cart-qty-control button {

  width: 38px;
  height: 42px;

  border: 0;

  background: #FAFAFA;

  color: #203947;

  transition: .2s;
}

.bl-cart-qty-control {

  display: flex;
  align-items: center;

  height: 42px;

  border: 1px solid #E5E5E5;
  border-radius: 2px;
  overflow: hidden;

  background: #fff;
}

/* ------------------------------------------------------------------------
   Mini Cart Layout
------------------------------------------------------------------------ */
#CiCartModal .modal-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}

#CiCartModal .modal-body {
  padding: 24px;
}

.scrollCart {
  flex: 1 1 auto;
  max-height: none !important;
  height: auto !important;

  overflow: visible !important;
  display: flow-root;

}

#CiCartModal .bl-mini-cart-footer {

  position: static !important;
  width: 100%;

  margin-top: 32px;

}

.bl-mini-cart {

  background: #FFF;

  border-radius: 4px;

  overflow: hidden;

}

.bl-mini-cart-body {

  padding: 32px;

}

/* ------------------------------------------------------------------------
   Mini Cart Item
------------------------------------------------------------------------ */
/* Item */
.bl-mini-cart-item {

  position: relative;

  display: flex;

  align-items: center;

  gap: 24px;

  padding: 24px 48px 24px 0;

  border-bottom: 1px solid #ECECEC;
  transition: background-color .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.bl-mini-cart-item:hover {

  background: #FAFAFA;

}

.bl-mini-cart-item:hover .bl-mini-cart-image img {

  transform: scale(1.03);

}

/* Image */
.bl-mini-cart-image {

  flex: 0 0 84px;

}

.bl-mini-cart-image img {

  width: 84px;
  height: auto;
  transition: transform .25s ease;
  display: block;

}

/* Content */
.bl-mini-cart-content {

  flex: 1;

  min-width: 0;
  max-width: 85%;

}

/* Title */
.bl-mini-cart-title {

  display: block;
  max-width: calc(100% - 40px);

  color: #163845;

  font-size: 16px;

  font-weight: 500;

  line-height: 1.45;

  text-decoration: none;

  margin-bottom: 16px;

}

.bl-mini-cart-title:hover {

  color: #E97906;

}

/* Meta */
.bl-mini-cart-meta {

  margin-top: 14px;
  display: flex;

  justify-content: space-between;

  align-items: center;

}

/* Quantity */
.bl-mini-cart-qty {

  font-size: 15px;

  color: #163845;

}

/* Price */
.bl-mini-cart-price {

  font-size: 20px;

  font-weight: 700;

  color: #163845;

}

/* Remove */
.bl-mini-cart-remove {

  position: absolute;
  top: 22px;
  right: 4px;

  width: 24px;
  height: 24px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  cursor: pointer;

  color: #FF5B5B;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;

}

.bl-mini-cart-remove:hover {

  color: #E97906;

}

/* ------------------------------------------------------------------------
   Mini Cart Buttons
------------------------------------------------------------------------ */
.bl-mini-cart-buttons {

  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;

  margin-top: 24px;

}

.bl-mini-cart-buttons .bl-btn {

  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 150px;
  height: 48px;

  padding: 0 22px;

  border-radius: 3px;

  font-size: 16px;
  font-weight: 500;
  text-decoration: none;

  transition: all .25s ease;
}

/* View Cart */
.bl-mini-cart-buttons .bl-btn-light {

  background: #E8EEF3 !important;
  border: 1px solid #E8EEF3 !important;
  color: #163845 !important;

}

.bl-mini-cart-buttons .bl-btn-light:hover {

  background: #E97906 !important;
  border-color: #E97906 !important;
  color: #FFF !important;

}

/* Checkout */
.bl-mini-cart-buttons .bl-btn-dark {

  background: #232323 !important;
  border: 1px solid #232323 !important;
  color: #FFF !important;

}

.bl-mini-cart-buttons .bl-btn-dark:hover {

  background: #E97906 !important;
  border-color: #E97906 !important;

}

.bl-mini-cart-buttons .bl-btn i {

  margin-right: 8px;

}

/* ------------------------------------------------------------------------
   Mini Cart Total
------------------------------------------------------------------------ */
.bl-mini-cart-total {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 18px 24px;

  margin: 34px 0 24px;

  border: 1px solid #E9E9E9;
  border-radius: 2px;

  background: #F9F9F9;

}

.bl-mini-cart-total-left {

  display: flex;

  flex-direction: column;
  justify-content: center;

}

.bl-mini-cart-total-title {

  font-size: 18px;

  font-weight: 700;
  line-height: 1.2;

  color: #163845;

}

.bl-mini-cart-total-note {

  margin-top: 4px;

  font-size: 15px;

  color: #8D8D8D;

}

.bl-mini-cart-total-price {

  font-size: 28px;

  font-weight: 700;

  color: #163845;
  line-height: 1;

  white-space: nowrap;

}

/* ------------------------------------------------------------------------
   Empty Cart
------------------------------------------------------------------------ */
.bl-mini-cart-empty {

  padding: 40px 20px 30px;

  text-align: center;

}

.bl-mini-cart-empty-image {

  width: 220px;
  max-width: 100%;

  margin: 0 auto 28px;

  display: block;

}

.bl-mini-cart-empty-title {

  margin: 0 0 14px;

  font-size: 24px;
  font-weight: 700;

  color: #163845;

}

.bl-mini-cart-empty-text {

  max-width: 320px;

  margin: 0 auto;

  font-size: 16px;
  line-height: 1.6;

  color: #A8A8A8;

}

/* ------------------------------------------------------------------------
   MOBILE
------------------------------------------------------------------------ */
@media (max-width: 767px) {

  #CiCartModal .modal-dialog {

    width: calc(100% - 24px);
    margin: 12px auto;

  }

  #CiCartModal .modal-body {

    padding: 20px;

  }

  .bl-mini-cart-buttons {

    display: flex;
    flex-direction: column;
    gap: 12px;

  }

  .bl-mini-cart-buttons .bl-btn {

    width: 100%;

  }

  .bl-mini-cart-empty-image {

    width: 160px;

  }

  .modal-close {

    width: 40px;
    height: 40px;

  }

}

/* ========================================================================
   10. CHECKOUT
   ======================================================================== */

/* ========================================================================
   11. WISHLIST
   ======================================================================== */

/* ------------------------------------------------------------------------
   Wishlist Layout
------------------------------------------------------------------------ */
.bl-wishlist {

  border: none;

  margin-bottom: 40px;

}

.bl-wishlist thead {

  border-bottom: 1px solid #ECECEC;

}

.bl-wishlist thead td {

  border: none !important;

  padding: 0 0 22px;

  font-family: 'Manrope', sans-serif;

  font-size: 15px;

  font-weight: 700;

  color: #163845;

  background: #fff;

}

.bl-wishlist tbody tr {

  border-bottom: 1px solid #ECECEC;

  transition: .2s;

}

.bl-wishlist tbody tr:hover {

  background: #FAFAFA;

}

.bl-wishlist td {

  border: none !important;

  vertical-align: middle !important;

  padding: 18px 0;

  background: none;

}

/* ------------------------------------------------------------------------
   Wishlist Image
------------------------------------------------------------------------ */

.wishlist-thumb {

  width: 90px;

  height: auto;

  display: block;

}

/* ------------------------------------------------------------------------
   Wishlist Content
------------------------------------------------------------------------ */
.bl-wishlist-mobile {

  display: none !important;

}

.bl-wishlist-desktop {

  display: block !important;

}

.wishlist-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  height: 100%;
  min-height: 110px;
}

.wishlist-title {

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;

  font-family: 'Manrope', sans-serif;

  font-size: 16px;

  font-weight: 600;

  line-height: 1.45;

  color: #163845;

  text-decoration: none;

  margin-bottom: 14px;

}

.wishlist-title:hover {

  color: #E97906;

}

.wishlist-code {

  font-size: 12px;

  color: #B8B8B8;

  padding-top: 12px;

  border-top: 1px dashed #DCDCDC;

}

/* ------------------------------------------------------------------------
   Wishlist Stock
------------------------------------------------------------------------ */
.wishlist-stock {

  font-size: 15px;

  font-weight: 600;

  color: #63B746;
  white-space: nowrap;

}

.wishlist-stock.out {

  color: #E45A5A;

}

/* ------------------------------------------------------------------------
   Wishlist Price
------------------------------------------------------------------------ */
.wishlist-price {

  font-size: 18px;

  font-weight: 700;

  color: #163845;

  white-space: nowrap;

}

.bl-wishlist-price {

  display: flex;
  flex-direction: column;
  align-items: flex-end;

}

.bl-price-old {

  margin-top: 6px;

  font-size: 14px;
  font-weight: 400;

  color: #BDBDBD;

  text-decoration: line-through;

}

/* ------------------------------------------------------------------------
   Wishlist Remove
------------------------------------------------------------------------ */
.wishlist-remove {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 36px;

  height: 36px;

  margin-top: 10px;

  color: #FF6A6A;

  font-size: 26px;
  line-height: 1;

  text-decoration: none;

  transition: .2s ease;

}

.wishlist-remove:hover {

  color: #E97906;

}

/* ------------------------------------------------------------------------
   Continue Shopping
------------------------------------------------------------------------ */
.buttons {

  margin-top: 40px;

}

.buttons .btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-width: 220px;

  height: 50px;

  background: #EEF2F5;

  color: #163845;

  border: none;

  border-radius: 2px;

  font-family: 'Manrope', sans-serif;

  font-size: 15px;

  font-weight: 600;

  transition: .2s;

}

.buttons .btn:hover {

  background: #E97906;

  color: #fff;

}

.bl-continue-wrap {
  margin-top: 40px;
}

.bl-continue-wrap .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-width: 220px;
  height: 50px;
}

.bl-continue-wrap .fa {
  font-size: 16px;
}

/* ------------------------------------------------------------------------
   Empty Wishlist
------------------------------------------------------------------------ */
.bl-empty-wishlist-text {

  margin-top: 12px;

  font-size: 20px;

  font-weight: 600;

  line-height: 1.5;

  color: #163845;

  text-align: center;

}

.bl-empty-wishlist-description {

  margin-top: 12px;

  max-width: 420px;

  color: #9AA6AF;

  font-size: 15px;

  line-height: 1.7;

  text-align: center;

}

/* ------------------------------------------------------------------------
   MOBILE
------------------------------------------------------------------------ */
@media (max-width: 767px) {

  /* Hide desktop table */

  .bl-wishlist-desktop {
    display: none !important;
  }

  .bl-wishlist-mobile {
    display: block !important;
    margin: 20px 0 30px;
  }

  /* Card */

  .bl-wishlist-card {

    position: relative;

    display: flex;
    gap: 16px;

    padding: 18px;

    margin-bottom: 18px;

    background: #fff;

    border: 1px solid #ECECEC;
    border-radius: 8px;

  }

  /* Remove */

  .bl-wishlist-remove {

    position: absolute;

    top: 12px;
    right: 12px;

    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 24px;
    line-height: 1;

    color: #FF5B5B;

    text-decoration: none;

    transition: .25s;

  }

  .bl-wishlist-remove:hover {

    color: #E97906;

    text-decoration: none;

  }

  /* Image */

  .bl-wishlist-image {

    flex: 0 0 72px;

  }

  .bl-wishlist-image img {

    display: block;

    width: 72px;
    height: auto;

  }

  /* Content */

  .bl-wishlist-content {

    flex: 1;

    min-width: 0;

  }

  /* Title */

  .wishlist-title {

    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;

    font-size: 17px;
    font-weight: 600;

    line-height: 1.45;

    color: #163845;

    text-decoration: none;

    margin-bottom: 10px;

  }

  /* Code */

  .wishlist-code {

    font-size: 12px;

    color: #9D9D9D;

    margin-bottom: 14px;

  }

  /* Footer */

  .bl-wishlist-bottom {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 12px;

  }

  /* Stock */

  .wishlist-stock {

    width: 100%;

    font-size: 15px;
    font-weight: 600;

    color: #59B327;

    white-space: nowrap;

  }

  /* Price */

  .wishlist-price {

    font-size: 28px;
    font-weight: 700;

    color: #163845;

    line-height: 1;

  }

  /* Cart Button */

  .bl-btn-cart {

    margin-left: auto;

    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

  }

  .bl-btn-cart i {

    margin: 0;

    font-size: 17px;

  }

  .bl-btn-cart span {

    display: none;

  }

  /* Continue Shopping */

  .bl-continue-wrap {

    margin-top: 24px;

    text-align: center;

  }

  .bl-continue-wrap .btn {

    width: 100%;
    max-width: 320px;

    justify-content: center;

  }

  /* Empty Wishlist */
  #account-wishlist .bl-empty-wishlist {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  #account-wishlist .bl-empty-wishlist-image {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }

  #account-wishlist .bl-empty-wishlist-text {
    margin: 16px 0 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #163845;
  }

  /* Center Wishlist content on mobile */
  #account-wishlist #content {
    width: 100%;
    float: none;
  }

  #account-wishlist #content>h2 {
    text-align: center;
  }

  #account-wishlist .bl-continue-wrap {
    float: none !important;
    width: 100%;
    text-align: center;
  }

  #account-wishlist .bl-continue-wrap .btn {
    margin-left: auto;
    margin-right: auto;
  }

  #account-wishlist .bl-empty-wishlist-image {
    width: 100%;
    max-width: 360px;
    height: auto;
    margin: 0 auto;
  }

}

/* ========================================================================
   12. ACCOUNT
   ======================================================================== */

/* ------------------------------------------------------------------------
    Sidebar
  ------------------------------------------------------------------------ */

#column-right .list-group {

  margin: 0;
  padding: 8px;

  background: #fff;

  border: 1px solid #E6E6E6;

  border-radius: 2px;

}

#column-right .list-group-item {

  display: flex;

  align-items: center;

  min-height: 46px;

  padding: 0 26px;

  margin: 0;

  border: none;

  border-radius: 2px;

  background: #fff;

  color: #163845;

  font-family: 'Manrope', sans-serif;

  font-size: 14px;

  font-weight: 600;

  text-decoration: none;

  transition: all .2s ease;

}

#column-right .list-group-item:hover {

  background: #F5F5F5;

  color: #E97906;

  text-decoration: none;

}

#column-right .list-group-item.active {

  background: #F5F5F5;

  color: #E97906;

}

/* ------------------------------------------------------------------------
   09.13 ACCOUNT LOGIN
------------------------------------------------------------------------ */

.bl-account-login {
  padding-top: 30px;
  padding-bottom: 50px;
}


/* MAIN LAYOUT */

.bl-account-login-layout {
  align-items: flex-start;
}


/* CONTENT */

.bl-account-login-content {
  min-width: 0;
}


/* LOGIN CARDS */

.bl-login-cards {
  display: flex;
  align-items: stretch;
}


/* CARD */

.bl-login-card {
  height: 100%;
  margin-bottom: 0;

  padding: 24px;

  background: #fff;

  border: 1px solid #ddd;
  border-radius: 5px;

  box-shadow: none;
}


/* TITLES */

.bl-login-title {
  margin: 0 0 10px;

  font-size: 28px;
  line-height: 1.15;

  font-weight: 600;

  color: #344954;
}


/* SUBTITLE */

.bl-login-subtitle {
  margin-bottom: 14px;

  font-size: 15px;

  color: #344954;
}


/* DESCRIPTION */

.bl-login-description {
  margin-bottom: 24px;

  line-height: 1.5;

  color: #5f6b72;
}


/* REGISTER CARD */

.bl-register-card {
  display: flex;
  flex-direction: column;
}


/* PUSH BUTTON DOWN */

.bl-register-card .bl-login-button {
  margin-top: auto;
}


/* FORM */

.bl-login-form {
  display: flex;
  flex-direction: column;
}


/* FORM GROUP */

.bl-login-form-group {
  margin-bottom: 16px;
}


/* LABELS */

.bl-login-form-group .control-label {
  display: block;

  margin-bottom: 6px;

  font-weight: 400;

  color: #5f6b72;
}


/* INPUTS */

.bl-login-form-group .form-control {
  height: 42px;

  padding: 8px 12px;

  border: 1px solid #ccd4db;
  border-radius: 5px;

  box-shadow: none;

  color: #344954;
}


.bl-login-form-group .form-control:focus {
  border-color: #aeb9c1;

  box-shadow: none;
}


/* FORGOTTEN PASSWORD */

.bl-login-forgotten {
  display: inline-block;

  margin-top: 8px;

  font-size: 14px;

  color: #344954;
}


.bl-login-forgotten:hover {
  text-decoration: underline;

  color: #344954;
}


/* BUTTONS */

.bl-login-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 46px;

  padding: 10px 24px;

  border: 0;

  cursor: pointer;

  text-decoration: none;
}


/* REGISTER BUTTON */

.bl-register-card .bl-login-button {
  align-self: flex-start;
}


/* RIGHT COLUMN */

#account-login .column-right,
#account-login [class*="col-sm"]+.column-right {
  min-width: 0;
}

/* ========================================================================
   13. BLOG
   ======================================================================== */

/* ========================================================================
   14. FOOTER
   ======================================================================== */

/* ------------------------------------------------------------------------
     Copyright
------------------------------------------------------------------------ */
.footer-copyright {

  display: flex;

  align-items: center;

  gap: 6px;

  font-size: 14px;

}

.footer-copyright a {

  color: #555555;

  text-decoration: none;

  transition: .2s;

}

.footer-copyright a:hover {

  color: #E97906;

}

.footer-copyright span {

  margin-left: 6px;

  color: #C8C8C8;

}

/* ========================================================================
   15. UTILITIES
   ======================================================================== */
/* ------------------------------------------------------------------------
   Short Pages
------------------------------------------------------------------------ */

#information-information #content,
#account-login #content,
#account-register #content,
#account-forgotten #content,
#account-account #content,
#account-wishlist #content,
#product-compare #content,
#information-contact #content,
#information-sitemap #content {
  min-height: 43vh;
}


/* ========================================================================
   TO BE SORTED
   ======================================================================== */







/* ==========================================================================
   BeautyLook Toolbar
========================================================================== */






/* ==========================================================================
   BeautyLook Toolbar Icons
========================================================================== */

.product-filter .display a {

  width: 48px;
  height: 56px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #163845;

  font-size: 22px;

  transition: .25s;

}

.product-filter .display a:hover {

  color: #E97906;

}

.product-filter .display a.active {

  color: #E97906;

}

/* каретки - правка  */
.product-filter select {

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image: url("../image/icons/chevron-down.svg");

  background-repeat: no-repeat;

  background-position: right 18px center;

  background-size: 12px;

  padding-right: 46px;

}

/* ==========================================================================
   BeautyLook Toolbar v2 (CiMart)
========================================================================== */
.product-filter {
  display: flex;
  align-items: stretch;
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid #ECECEC;
  border-radius: 6px;
  overflow: hidden;
}

/* все колонки тулбара */
.product-filter>.row {
  width: 100%;
  margin: 0;
  display: flex;
  align-items: stretch;
}

.product-filter>.row>div {
  display: flex;
  align-items: center;
  min-height: 54px;
  padding: 0;
}


/* ==========================================================
   View buttons
========================================================== */

.btn-group.btn-group-sm {
  display: flex;
  height: 48px;
  margin-left: 10px;

}

.btn-group.btn-group-sm .btn {
  width: 40px;
  height: 40px;
  border: 0;
  padding: 0;
  border-radius: 0;
  background: #fff;
  color: #1F3B53;
  box-shadow: none;
  transition: .25s;
}

.btn-group.btn-group-sm .btn:hover {
  background: #f7f7f7;
  color: #E97906;
}

.btn-group.btn-group-sm .btn.active {
  background: #E97906;
  color: #fff;
}

.btn-group.btn-group-sm .btn i {
  font-size: 18px;
}

.btn-group.btn-group-sm .btn:first-child {
  margin-right: 2px;
}


/* ==========================================================
   Product Compare
========================================================== */

#compare-total {
  display: flex !important;
  align-items: center;
  gap: 10px;

  height: 48px;

  margin: 0;
  padding: 0 0 0 20px;

  color: #BDBDBD;
  font-size: 14px;
  font-weight: 300;
  text-transform: none;
  text-decoration: none;

  transition: color .25s ease;
}

#compare-total:hover {
  color: #E97906;
}

#compare-total::before {
  content: "\f0ec";
  font-family: FontAwesome;
  font-size: 14px;
  margin-right: 6px;
  font-weight: normal;
  color: inherit;
}

/* ==========================================================
   Sort / Show
========================================================== */


.product-filter .input-group {
  width: 100%;
}

.product-filter .input-group-addon {
  background: #fff;
  border: 0;
  border-left: 1px solid #ECECEC;
  border-radius: 0;
  color: #163845;
  font-weight: 600;
  min-width: 70px;
}

.product-filter .form-control {
  height: 54px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}


/* ==========================================================
   Custom Arrow
========================================================== */

#input-sort,
#input-limit {
  padding-right: 28px;
}

.product-filter .form-group {
  position: relative;
}

.product-filter .form-group::after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #666;
  font-size: 14px;
}

.product-filter select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 36px;
}

/* ==========================================================
   Desktop separators
========================================================== */

.product-filter .col-md-2,
.product-filter .col-md-3,
.product-filter .col-md-4 {
  border-right: 1px solid #ECECEC;
}

.product-filter .col-md-3:last-child {
  border-right: 0;
}



/* ==========================================================================
   Account Layout
========================================================================== */

@media (min-width: 992px) {

  body[class*="account-"] #content {
    /* padding-right: 40px; */
    padding-right: 15px;
  }

}

/* ------------------------------------------------------------------------
   09.13 ACCOUNT LOGIN
------------------------------------------------------------------------ */

.bl-account-login {
  padding-top: 30px;
  padding-bottom: 50px;
}


/* MAIN LAYOUT */

.bl-account-login-layout {
  /* display: flex; */
  align-items: flex-start;
}


/* CONTENT */

.bl-account-login-content {
  min-width: 0;
}


/* LOGIN CARDS */

.bl-login-cards {
  display: flex;
  align-items: stretch;
}


/* CARD */

.bl-login-card {
  height: 100%;
  margin-bottom: 0;

  padding: 24px;

  background: #fff;

  border: 1px solid #ddd;
  border-radius: 5px;

  box-shadow: none;
}


/* TITLES */

.bl-login-title {
  margin: 0 0 10px;

  font-size: 28px;
  line-height: 1.15;

  font-weight: 600;

  color: #344954;
}


/* SUBTITLE */

.bl-login-subtitle {
  margin-bottom: 14px;

  font-size: 15px;

  color: #344954;
}


/* DESCRIPTION */

.bl-login-description {
  margin-bottom: 24px;

  line-height: 1.5;

  color: #5f6b72;
}


/* REGISTER CARD */

.bl-register-card {
  display: flex;
  flex-direction: column;
}


/* PUSH BUTTON DOWN */

.bl-register-card .bl-login-button {
  margin-top: auto;
}


/* FORM */

.bl-login-form {
  display: flex;
  flex-direction: column;
}


/* FORM GROUP */

.bl-login-form-group {
  margin-bottom: 16px;
}


/* LABELS */

.bl-login-form-group .control-label {
  display: block;

  margin-bottom: 6px;

  font-weight: 400;

  color: #5f6b72;
}


/* INPUTS */

.bl-login-form-group .form-control {
  height: 42px;

  padding: 8px 12px;

  border: 1px solid #ccd4db;
  border-radius: 5px;

  box-shadow: none;

  color: #344954;
}


.bl-login-form-group .form-control:focus {
  border-color: #aeb9c1;

  box-shadow: none;
}


/* FORGOTTEN PASSWORD */

.bl-login-forgotten {
  display: inline-block;

  margin-top: 8px;

  font-size: 14px;

  color: #344954;
}


.bl-login-forgotten:hover {
  text-decoration: underline;

  color: #344954;
}


/* BUTTONS */

.bl-login-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 46px;

  padding: 10px 24px;

  border: 0;

  cursor: pointer;

  text-decoration: none;
}


/* REGISTER BUTTON */

.bl-register-card .bl-login-button {
  align-self: flex-start;
}


/* RIGHT COLUMN */

#account-login .column-right,
#account-login [class*="col-sm"]+.column-right {
  min-width: 0;
}

/* ------------------------------------------------------------------------
   09.13 Search Page
------------------------------------------------------------------------ */

/* SEARCH TITLE */

.bl-search-title {
  margin: 0 0 26px;

  color: #304955;

  font-size: 26px;
  line-height: 1.2;

  font-weight: 500;
}

.bl-search-title-label {
  color: #68747b;
  font-weight: 500;
}

.bl-search-title-separator {
  margin: 0 8px;
  color: #a5aaad;
  font-weight: 400;
}

.bl-search-title-query {
  color: #304955;
  font-weight: 600;
}


/* SEARCH CRITERIA */

.bl-search-criteria {
  margin-bottom: 28px;
}


/* HEADER */

.bl-search-criteria-header {
  margin-bottom: 14px;
}

.bl-search-criteria-title {
  margin: 0;

  color: #304955;

  font-size: 24px;
  line-height: 1.2;

  font-weight: 600;
}


/* SEARCH FIELDS */

.bl-search-criteria-fields {
  display: flex;
  gap: 30px;

  margin-bottom: 8px;
}

.bl-search-field {
  flex: 1 1 0;
  min-width: 0;
}

.bl-search-field:first-child {
  flex: 0 0 55%;
}

.bl-search-field:last-child {
  flex: 1 1 auto;
}


/* LABELS */

.bl-search-field .control-label {
  display: block;

  margin-bottom: 6px;

  color: #68747b;

  font-size: 13px;
  line-height: 1.3;

  font-weight: 400;
}


/* INPUTS */

.bl-search-field .form-control {
  height: 36px;

  padding: 7px 12px;

  border: 1px solid #d4dce1;
  border-radius: 4px;

  background: #fff;

  color: #4d5960;

  box-shadow: none;
}

.bl-search-field .form-control:focus {
  border-color: #aeb9c1;

  box-shadow: none;
}


/* SEARCH OPTIONS */

.bl-search-options {
  display: flex;
  align-items: center;
  gap: 24px;

  margin: 2px 0 10px;
}

.bl-search-options .checkbox-inline {
  margin: 0;
  padding-left: 20px;

  color: #5f696f;

  font-size: 13px;
  font-weight: 400;
}


/* SEARCH BUTTON */

.bl-search-action {
  margin-top: 12px;
}

.bl-search-action #button-search {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 44px;
  min-width: 96px;

  padding: 10px 22px;

  border: 1px solid #2b2b2b;
  border-radius: 3px;

  background: #2b2b2b;
  color: #fff;

  font-size: 15px;
  font-weight: 600;
  line-height: 1;

  box-shadow: none;

  cursor: pointer;

  transition: all .2s ease;
}

.bl-search-action #button-search:hover,
.bl-search-action #button-search:focus {
  background: #ef7d00;
  border-color: #ef7d00;

  color: #fff;

  outline: none;
}


/* RESULTS TITLE */

.bl-search-results-title {
  margin: 28px 0 14px;

  color: #304955;

  font-size: 25px;
  line-height: 1.2;

  font-weight: 600;
}

/* ------------------------------------------------------------------------
   09.14 Search — Checkboxes
------------------------------------------------------------------------ */

.bl-search-options {
  display: flex;
  align-items: center;
  gap: 28px;

  margin: 6px 0 12px;
}

.bl-search-options .checkbox-inline {
  position: relative;

  display: inline-flex;
  align-items: center;

  margin: 0;
  padding: 0;

  color: #5f696f;

  font-size: 13px;
  line-height: 20px;

  cursor: pointer;
}


/* HIDE NATIVE CHECKBOX */

.bl-search-options .checkbox-inline input[type="checkbox"] {
  position: relative;

  width: 16px;
  height: 16px;

  margin: 0 7px 0 0;

  appearance: none;
  -webkit-appearance: none;

  border: 1px solid #c8d0d5;
  border-radius: 3px;

  background: #fff;

  cursor: pointer;

  transition: all .2s ease;
}


/* CHECKED */

.bl-search-options .checkbox-inline input[type="checkbox"]:checked {
  background: #ef7d00;
  border-color: #ef7d00;
}


/* CHECK MARK */

.bl-search-options .checkbox-inline input[type="checkbox"]:checked::after {
  content: "";

  position: absolute;

  left: 4px;
  top: 1px;

  width: 5px;
  height: 9px;

  border: solid #fff;
  border-width: 0 2px 2px 0;

  transform: rotate(45deg);
}


/* HOVER */

.bl-search-options .checkbox-inline:hover {
  color: #304955;
}

.bl-search-options .checkbox-inline:hover input[type="checkbox"] {
  border-color: #ef7d00;
}

/* ------------------------------------------------------------------------
   09.15 Account Page
------------------------------------------------------------------------ */

/* ACCOUNT CONTENT */

.bl-account-content {
  max-width: 100%;
}


/* ACCOUNT SECTIONS */

.bl-account-section {
  margin-bottom: 28px;
}

.bl-account-section-title {
  margin: 0 0 10px;

  color: #304955;

  font-size: 25px;
  line-height: 1.2;

  font-weight: 600;
}


/* ACCOUNT LINKS */

.bl-account-links {
  margin: 0;
  padding: 0;

  list-style: none;
}

.bl-account-links li {
  margin: 0;
  padding: 0;
}

.bl-account-links li a {
  display: block;

  padding: 7px 20px;

  color: #304955;

  font-size: 14px;
  line-height: 1.4;

  text-decoration: none;

  transition: color .2s ease;
}

.bl-account-links li a:hover,
.bl-account-links li a:focus {
  color: #ef7d00;

  text-decoration: none;
}


/* RIGHT ACCOUNT MENU */

#column-right {
  padding-left: 20px;
}

#column-right .list-group {
  margin-bottom: 0;
}

#column-right .list-group-item {
  padding: 12px 18px;

  border: 0 !important;

  background: transparent;

  color: #304955;

  font-size: 14px;

  transition: background .2s ease, color .2s ease;
}


/* HOVER / ACTIVE */

#column-right .list-group-item:hover,
#column-right .list-group-item:focus,
#column-right .list-group-item.active {
  background: #f7f8f9 !important;
  color: #ef7d00 !important;

  text-decoration: none;
}


/* REMOVE OLD FIRST-ITEM STYLING */

#column-right .list-group-item:first-child {
  border-top: 0 !important;
  border-bottom: 1px solid #edf0f2 !important;
  background: transparent;
  color: #304955;

  font-size: 14px;
  font-weight: 400;
}

#column-right .list-group-item:first-child:hover,
#column-right .list-group-item:first-child:focus,
#column-right .list-group-item:first-child.active {
  background: #f7f8f9 !important;
  color: #ef7d00 !important;
}


/* MOBILE */

@media (max-width: 767px) {

  .bl-account-section {
    margin-bottom: 24px;
  }

  .bl-account-section-title {
    font-size: 22px;
  }

  .bl-account-links li a {
    padding: 8px 20px;
  }

  #column-right {
    padding-left: 0;
    margin-top: 30px;
  }

}

/* ------------------------------------------------------------------------
   09.16 Address Book
------------------------------------------------------------------------ */

.bl-address-book {
  width: 100%;
}


/* TITLE */

.bl-address-title {
  margin: 0 0 16px;

  color: #304955;

  font-size: 26px;
  line-height: 1.2;

  font-weight: 600;
}


/* ADDRESS LIST */

.bl-address-list {
  width: 100%;
}

.bl-address-item {
  display: flex;
  align-items: center;
  justify-content: space-between;

  min-height: 118px;

  padding: 18px 20px;

  margin-bottom: 12px;

  border: 1px solid #d9e0e4;
  border-radius: 4px;

  background: #fff;
}


/* ADDRESS */

.bl-address-text {
  color: #5f696f;

  font-size: 14px;
  line-height: 1.45;
}


/* ACTIONS */

.bl-address-actions {
  display: flex;
  align-items: center;
  gap: 14px;

  flex-shrink: 0;

  margin-left: 20px;
}


/* EDIT */

.bl-address-edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 68px;
  height: 40px;

  padding: 8px 16px;

  border-radius: 3px;

  background: #2b2b2b;
  color: #fff;

  font-size: 14px;
  font-weight: 600;

  text-decoration: none;

  transition: background .2s ease;
}

.bl-address-edit:hover,
.bl-address-edit:focus {
  background: #ef7d00;

  color: #fff;

  text-decoration: none;
}


/* DELETE */

.bl-address-delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;

  color: #e45555;

  font-size: 17px;

  text-decoration: none;

  transition: color .2s ease;
}

.bl-address-delete:hover,
.bl-address-delete:focus {
  color: #c93636;

  text-decoration: none;
}


/* BOTTOM BUTTONS */

.bl-address-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: 28px;
}

.bl-address-buttons .bl-btn-light,
.bl-address-buttons .bl-btn-dark {
  min-width: 150px;
  min-height: 44px;
}


/* EMPTY */

.bl-address-empty {
  margin: 0 0 20px;

  color: #68747b;

  font-size: 14px;
}

/* ADDRESS BOOK — ACTIVE RIGHT MENU ITEM */

body:has(.bl-address-book) #column-right .list-group-item[href*="route=account/address"] {
  background: #f7f8f9 !important;
  color: #ef7d00 !important;
}



/* MOBILE */

@media (max-width: 767px) {

  .bl-address-title {
    font-size: 23px;
  }

  .bl-address-item {
    align-items: flex-start;

    padding: 16px;

    min-height: 0;
  }

  .bl-address-text {
    font-size: 14px;
  }

  .bl-address-actions {
    margin-left: 12px;
    gap: 8px;
  }

  .bl-address-edit {
    min-width: 60px;
    height: 38px;

    padding: 7px 12px;
  }

  .bl-address-buttons {
    gap: 12px;
  }

  .bl-address-buttons .bl-btn-light,
  .bl-address-buttons .bl-btn-dark {
    width: 50%;
    min-width: 0;
  }

}

/* ------------------------------------------------------------------------
   09.17 Address Form
------------------------------------------------------------------------ */

.bl-address-form {
  max-width: 100%;
}


/* TITLE */

.bl-address-form-title {
  margin: 0 0 22px;

  color: #304955;

  font-size: 26px;
  line-height: 1.2;

  font-weight: 600;
}


/* FORM GROUPS */

.bl-address-form .form-group {
  display: flex;
  align-items: center;

  margin: 0 0 15px;
}


/* LABEL */

.bl-address-form .control-label {
  width: 110px;
  flex: 0 0 110px;

  margin: 0;
  padding: 0 15px 0 0;

  color: #5f696f;

  font-size: 13px;
  line-height: 1.35;

  font-weight: 400;

  text-align: right;
}


/* REQUIRED STAR */

.bl-address-form .form-group.required .control-label:before {
  color: #e45555;
}


/* FIELD */

.bl-address-form .form-group>.col-sm-10 {
  width: auto;
  flex: 1;

  padding: 0;
}


/* INPUTS + SELECTS */

.bl-address-form .form-control {
  height: 38px;

  padding: 8px 12px;

  border: 1px solid #d4dce1;
  border-radius: 4px;

  background: #fff;

  color: #4f5c63;

  font-size: 14px;

  box-shadow: none;

  transition: border-color .2s ease;
}

.bl-address-form .form-control:focus {
  border-color: #aeb9c1;

  box-shadow: none;
}


/* ERRORS */

.bl-address-form .text-danger {
  margin-top: 5px;

  color: #d94a4a;

  font-size: 12px;
}


/* DEFAULT ADDRESS */

.bl-address-form .radio-inline {
  margin-right: 18px;
  padding-left: 20px;

  color: #5f696f;

  font-size: 14px;
}

.bl-address-form .radio-inline input {
  margin-top: 2px;
}


/* BUTTONS */

.bl-address-form-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: 28px;
}

.bl-address-form-buttons .bl-btn-light,
.bl-address-form-buttons .bl-btn-dark {
  min-width: 150px;
  min-height: 44px;

  box-sizing: border-box;
}

.bl-address-form-buttons input.bl-btn-dark {
  cursor: pointer;
}


/* MOBILE */

@media (max-width: 767px) {

  .bl-address-form-title {
    margin-bottom: 20px;

    font-size: 23px;
  }

  .bl-address-form .form-group {
    display: block;

    margin-bottom: 16px;
  }

  .bl-address-form .control-label {
    display: block;

    width: auto;

    margin-bottom: 6px;
    padding: 0;

    text-align: left;
  }

  .bl-address-form .form-group>.col-sm-10 {
    width: 100%;
  }

  .bl-address-form .form-control {
    height: 40px;
  }

  .bl-address-form-buttons {
    display: flex;
    flex-direction: column-reverse;

    gap: 12px;

    margin-top: 24px;
  }

  .bl-address-form-buttons>div {
    width: 100%;
  }

  .bl-address-form-buttons .bl-btn-light,
  .bl-address-form-buttons .bl-btn-dark {
    width: 100%;
  }

}

body:has(.bl-address-form) #column-right .list-group-item[href*="route=account/address"] {
  background: #f7f8f9 !important;
  color: #ef7d00 !important;
}

/* RADIO BUTTONS */

.bl-address-form .radio-inline {
  position: relative;

  display: inline-flex;
  align-items: center;

  margin: 0 20px 0 0;
  padding: 0;

  color: #304955;

  font-size: 14px;
  line-height: 20px;

  cursor: pointer;
}

.bl-address-form .radio-inline input[type="radio"] {
  position: absolute;

  width: 1px;
  height: 1px;

  margin: -1px;
  padding: 0;

  opacity: 0;

  pointer-events: none;
}

.bl-address-form .radio-inline:before {
  content: "";

  width: 20px;
  height: 20px;

  margin-right: 8px;

  border: 1px solid #cfd8dd;
  border-radius: 50%;

  background: #fff;

  box-sizing: border-box;

  transition:
    border-color .2s ease,
    box-shadow .2s ease;
}

.bl-address-form .radio-inline:after {
  content: "";

  position: absolute;

  left: 6px;
  top: 6px;

  width: 8px;
  height: 8px;

  border-radius: 50%;

  background: #ef7d00;

  opacity: 0;

  transform: scale(.5);

  transition:
    opacity .15s ease,
    transform .15s ease;
}


/* CHECKED */

.bl-address-form .radio-inline:has(input[type="radio"]:checked):before {
  border-color: #ef7d00;
}

.bl-address-form .radio-inline:has(input[type="radio"]:checked):after {
  opacity: 1;
  transform: scale(1);
}


/* HOVER */

.bl-address-form .radio-inline:hover:before {
  border-color: #ef7d00;
}


/* MOBILE */

@media (max-width: 767px) {

  .bl-address-form .radio-inline {
    margin-right: 18px;
  }

}

/* ------------------------------------------------------------------------
   09.18 Password Form
------------------------------------------------------------------------ */

.bl-password-form {
  max-width: 100%;
}


/* TITLE */

.bl-password-title {
  margin: 0 0 22px;

  color: #304955;

  font-size: 26px;
  line-height: 1.2;

  font-weight: 600;
}


/* FIELDSET */

.bl-password-form fieldset {
  margin: 0;
  padding: 0;

  border: 0;
}


/* LEGEND */

.bl-password-form legend {
  margin: 0 0 18px;
  padding: 0 0 10px;

  border-bottom: 1px solid #d9e0e4;

  color: #304955;

  font-size: 17px;
  line-height: 1.3;

  font-weight: 500;
}


/* FORM GROUPS */

.bl-password-form .form-group {
  display: flex;
  align-items: center;

  margin: 0 0 15px;
}


/* LABEL */

.bl-password-form .control-label {
  width: 110px;
  flex: 0 0 110px;

  margin: 0;
  padding: 0 15px 0 0;

  color: #5f696f;

  font-size: 13px;
  line-height: 1.35;

  font-weight: 400;

  text-align: right;
}


/* INPUT */

.bl-password-form .form-group>.col-sm-10 {
  width: auto;
  flex: 1;

  padding: 0;
}

.bl-password-form .form-control {
  height: 38px;

  padding: 8px 12px;

  border: 1px solid #d4dce1;
  border-radius: 4px;

  background: #fff;

  color: #4f5c63;

  font-size: 14px;

  box-shadow: none;

  transition: border-color .2s ease;
}

.bl-password-form .form-control:focus {
  border-color: #aeb9c1;

  box-shadow: none;
}


/* ERRORS */

.bl-password-form .text-danger {
  margin-top: 5px;

  color: #d94a4a;

  font-size: 12px;
}


/* BUTTONS */

.bl-password-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: 28px;
}

.bl-password-buttons .bl-btn-light,
.bl-password-buttons .bl-btn-dark {
  min-width: 150px;
  min-height: 44px;

  box-sizing: border-box;
}

.bl-password-buttons input.bl-btn-dark {
  cursor: pointer;
}


/* ACTIVE RIGHT MENU */

body:has(.bl-password-form) #column-right .list-group-item[href*="route=account/password"] {
  background: #f7f8f9 !important;
  color: #ef7d00 !important;
}


/* MOBILE */

@media (max-width: 767px) {

  .bl-password-title {
    margin-bottom: 20px;

    font-size: 23px;
  }

  .bl-password-form .form-group {
    display: block;

    margin-bottom: 16px;
  }

  .bl-password-form .control-label {
    display: block;

    width: auto;

    margin-bottom: 6px;
    padding: 0;

    text-align: left;
  }

  .bl-password-form .form-group>.col-sm-10 {
    width: 100%;
  }

  .bl-password-form .form-control {
    height: 40px;
  }

  .bl-password-buttons {
    display: flex;
    flex-direction: column-reverse;

    gap: 12px;

    margin-top: 24px;
  }

  .bl-password-buttons>div {
    width: 100%;
  }

  .bl-password-buttons .bl-btn-light,
  .bl-password-buttons .bl-btn-dark {
    width: 100%;
  }

}

/* ------------------------------------------------------------------------
   09.19 Company Details
------------------------------------------------------------------------ */

.bl-company-title {
  margin: 0 0 22px;

  color: #304955;

  font-size: 26px;
  line-height: 1.2;

  font-weight: 600;
}


/* FORM */

.bl-company-form {
  max-width: 100%;
}


/* FIELDSET */

.bl-company-form fieldset {
  margin: 0;
  padding: 0;

  border: 0;
}


/* LEGEND */

.bl-company-form legend {
  margin: 0 0 18px;
  padding: 0 0 10px;

  border-bottom: 1px solid #d9e0e4;

  color: #304955;

  font-size: 17px;
  line-height: 1.3;

  font-weight: 500;
}


/* FORM GROUPS */

.bl-company-form .form-group {
  display: flex;
  align-items: center;

  margin: 0 0 15px;
}


/* LABELS */

.bl-company-form .control-label {
  color: #5f696f;

  font-size: 13px;
  line-height: 1.35;

  font-weight: 400;
}


/* COMPANY FIELDS */

.bl-company-form #company-fields .control-label {
  width: 150px;
  flex: 0 0 150px;

  margin: 0;
  padding: 0 15px 0 0;

  text-align: right;
}

.bl-company-form #company-fields .col-sm-8 {
  width: auto;
  flex: 1;

  padding: 0;
}


/* INPUTS */

.bl-company-form .form-control {
  height: 38px;

  padding: 8px 12px;

  border: 1px solid #d4dce1;
  border-radius: 4px;

  background: #fff;

  color: #4f5c63;

  font-size: 14px;

  box-shadow: none;

  transition: border-color .2s ease;
}

.bl-company-form .form-control:focus {
  border-color: #aeb9c1;

  box-shadow: none;
}


/* REQUIRED */

.bl-company-form .required .control-label:before {
  color: #e53935;
}


/* ERRORS */

.bl-company-form .text-danger {
  margin-top: 5px;

  color: #d94a4a;

  font-size: 12px;
}


/* CHECKBOX */

.bl-company-checkbox-row {
  margin-bottom: 24px !important;
}

.bl-company-checkbox-row .control-label {
  width: 110px;
  flex: 0 0 110px;

  margin: 0;
  padding: 0 15px 0 0;

  text-align: right;
}

.bl-company-checkbox-row .col-sm-10 {
  width: auto;
  flex: 1;

  padding: 0;
}

.bl-checkbox {
  position: relative;

  display: inline-flex;
  align-items: center;

  width: 20px;
  height: 20px;

  margin: 0;

  cursor: pointer;
}

.bl-checkbox input {
  position: absolute;

  width: 20px;
  height: 20px;

  margin: 0;

  opacity: 0;

  cursor: pointer;
}

.bl-checkbox-box {
  display: block;

  width: 20px;
  height: 20px;

  box-sizing: border-box;

  border: 1px solid #cfd9df;
  border-radius: 4px;

  background: #fff;

  transition:
    border-color .2s ease,
    background-color .2s ease;
}

.bl-checkbox input:checked+.bl-checkbox-box {
  border-color: #ef7d00;

  background: #ef7d00;
}

.bl-checkbox input:checked+.bl-checkbox-box:after {
  content: "";

  position: absolute;

  left: 7px;
  top: 3px;

  width: 5px;
  height: 10px;

  border: solid #fff;
  border-width: 0 2px 2px 0;

  transform: rotate(45deg);
}


/* BUTTONS */

.bl-company-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: 28px;
}

.bl-company-buttons .bl-btn-light,
.bl-company-buttons .bl-btn-dark {
  min-width: 150px;
  min-height: 44px;

  box-sizing: border-box;
}

.bl-company-buttons input.bl-btn-dark {
  cursor: pointer;
}


/* ACTIVE ACCOUNT MENU */

body:has(.bl-company-form) #column-right .list-group-item[href*="route=account/company"] {
  background: #f7f8f9 !important;
  color: #ef7d00 !important;
}


/* MOBILE */

@media (max-width: 767px) {

  .bl-company-title {
    margin-bottom: 20px;

    font-size: 23px;
  }

  .bl-company-form .form-group {
    display: block;

    margin-bottom: 16px;
  }

  .bl-company-form .control-label,
  .bl-company-form #company-fields .control-label,
  .bl-company-checkbox-row .control-label {
    display: block;

    width: auto;

    margin-bottom: 6px;
    padding: 0;

    text-align: left;
  }

  .bl-company-form #company-fields .col-sm-8,
  .bl-company-checkbox-row .col-sm-10 {
    width: 100%;
  }

  .bl-company-form .form-control {
    height: 40px;
  }

  .bl-company-checkbox-row {
    display: flex !important;
    align-items: center;

    margin-bottom: 22px !important;
  }

  .bl-company-checkbox-row .control-label {
    margin: 0 12px 0 0;
  }

  .bl-company-checkbox-row .col-sm-10 {
    width: auto;
    flex: 0 0 auto;
  }

  .bl-company-buttons {
    display: flex;
    flex-direction: column-reverse;

    gap: 12px;

    margin-top: 24px;
  }

  .bl-company-buttons>div {
    width: 100%;
  }

  .bl-company-buttons .bl-btn-light,
  .bl-company-buttons .bl-btn-dark {
    width: 100%;
  }

}

/* ------------------------------------------------------------------------
   09.20 Wishlist active menu
------------------------------------------------------------------------ */

body:has(#account-wishlist) #column-right .list-group-item[href*="route=account/wishlist"] {
  background: #f7f8f9 !important;
  color: #ef7d00 !important;
}

/* ------------------------------------------------------------------------
   09.21 Newsletter Radio Buttons
------------------------------------------------------------------------ */

#account-newsletter .radio-inline {
  position: relative;

  display: inline-flex;
  align-items: center;

  margin: 0 18px 0 0;
  padding: 0;

  color: #304955;

  font-size: 14px;
  line-height: 20px;

  cursor: pointer;
}


/* Hide native radio */

#account-newsletter .radio-inline input[type="radio"] {
  position: absolute;

  width: 20px;
  height: 20px;

  margin: 0;

  opacity: 0;

  cursor: pointer;
}


/* Custom circle */

#account-newsletter .radio-inline:before {
  content: "";

  display: block;

  width: 20px;
  height: 20px;

  margin-right: 8px;

  box-sizing: border-box;

  border: 1px solid #cfd9df;
  border-radius: 50%;

  background: #fff;

  transition: border-color .2s ease;
}


/* Selected */

#account-newsletter .radio-inline:has(input[type="radio"]:checked):before {
  border-color: #ef7d00;
}


/* Selected dot */

#account-newsletter .radio-inline:has(input[type="radio"]:checked):after {
  content: "";

  position: absolute;

  left: 6px;
  top: 6px;

  width: 8px;
  height: 8px;

  border-radius: 50%;

  background: #ef7d00;
}


/* Mobile */

@media (max-width: 767px) {

  #account-newsletter .radio-inline {
    margin-right: 18px;
  }

}

/* ------------------------------------------------------------------------
   Newsletter Buttons
------------------------------------------------------------------------ */

#account-newsletter .buttons {
  display: flex;

  align-items: center;
  justify-content: space-between;

  margin-top: 28px;
}

#account-newsletter .buttons .pull-left,
#account-newsletter .buttons .pull-right {
  float: none !important;
}

#account-newsletter .buttons .btn {
  min-width: 150px;
  min-height: 44px;

  box-sizing: border-box;
}


/* Active menu */

body:has(#account-newsletter) #column-right .list-group-item[href*="route=account/newsletter"] {
  background: #f7f8f9 !important;
  color: #ef7d00 !important;
}


/* Mobile */

@media (max-width: 767px) {

  #account-newsletter .buttons {
    flex-direction: column-reverse;

    gap: 12px;

    margin-top: 28px;
  }

  #account-newsletter .buttons .pull-left,
  #account-newsletter .buttons .pull-right {
    width: 100%;
  }

  #account-newsletter .buttons .btn {
    width: 100%;
  }

}

/* ------------------------------------------------------------------------
   09.23 Information Pages
------------------------------------------------------------------------ */

#information-information #content {
  color: #4f5c63;
  font-size: 14px;
  line-height: 1.65;
}


/* PAGE TITLE */

#information-information #content>h1 {
  margin: 0 0 28px;

  color: #304955;

  font-size: 30px;
  line-height: 1.2;

  font-weight: 600;
}


/* CONTENT WIDTH */

#information-information #content>*:not(h1) {
  max-width: 900px;
}


/* HEADINGS */

#information-information #content h2 {
  margin: 30px 0 14px;

  color: #304955;

  font-size: 22px;
  line-height: 1.3;

  font-weight: 600;
}

#information-information #content h3 {
  margin: 24px 0 10px;

  color: #304955;

  font-size: 18px;
  line-height: 1.35;

  font-weight: 600;
}


/* PARAGRAPHS */

#information-information #content p {
  margin: 0 0 16px;
}


/* LINKS */

#information-information #content a {
  color: #ef7d00;

  text-decoration: none;

  transition: color .2s ease;
}

#information-information #content a:hover,
#information-information #content a:focus {
  color: #d96900;

  text-decoration: underline;
}


/* LISTS */

#information-information #content ul,
#information-information #content ol {
  margin-top: 0;
  margin-bottom: 18px;

  padding-left: 22px;
}

#information-information #content li {
  margin-bottom: 6px;
}


/* IMAGES */

#information-information #content img {
  max-width: 100%;
  height: auto;
}


/* TABLES */

#information-information #content table {
  width: 100%;
  max-width: 900px;

  margin: 20px 0;

  border-collapse: collapse;
}

#information-information #content table th,
#information-information #content table td {
  padding: 10px 12px;

  border: 1px solid #d9e0e4;

  text-align: left;
}

#information-information #content table th {
  color: #304955;

  font-weight: 600;

  background: #f7f8f9;
}


/* MOBILE */

@media (max-width: 767px) {

  #information-information #content>h1 {
    margin-bottom: 20px;

    font-size: 24px;
  }

  #information-information #content {
    font-size: 14px;
    line-height: 1.6;
  }

  #information-information #content h2 {
    margin-top: 24px;

    font-size: 20px;
  }

  #information-information #content h3 {
    margin-top: 20px;

    font-size: 17px;
  }

  #information-information #content>*:not(h1) {
    max-width: 100%;
  }

}

.ciFooter ul li a.active {
  color: #ef7d00;
}

/* ------------------------------------------------------------------------
   09.24 Mobile Footer
------------------------------------------------------------------------ */

@media (max-width: 767px) {

  /* Footer section headings */
  .ciFooter h5 {
    color: #2b2b2b;
    border-bottom: 1px solid #dfe3e5 !important;
  }

  /* Active section */
  .ciFooter h5.active {
    color: #ef7d00;
  }

  /* Remove the extra chevron we added */
  .ciFooter h5::after {
    content: none !important;
  }

  /* Keep the theme's original chevron */
  .ciFooter h5.active::before {
    transform: rotate(180deg);
  }

  /* Lighter dividers */
  .ciFooter .row>[class*="col-sm-3"] h5 {
    border-color: #dfe3e5 !important;
  }

  /* Footer links */
  .ciFooter ul li a {
    color: #5f696f;
  }

  .ciFooter ul li a:hover,
  .ciFooter ul li a:focus {
    color: #ef7d00;
  }

  .ciFooter ul li a.active {
    color: #ef7d00;
  }

}

@media (max-width: 767px) {

  /* Footer section blocks — single light divider */
  .ciFooter .container>.row>[class*="col-sm-3"],
  .ciFooter .container>.row>[class*="col-sm-"]>.row>[class*="col-sm-3"] {
    border-color: #dfe3e5 !important;
  }

  /* No divider directly under the section title */
  .ciFooter h5 {
    border-bottom: none !important;
  }

  /* Active section */
  .ciFooter h5.active {
    color: #ef7d00;
  }

  /* Don't create another chevron */
  .ciFooter h5::after {
    content: none !important;
  }

  /* Open chevron */
  .ciFooter h5.active::before {
    transform: rotate(180deg);
  }

  /* Footer links */
  .ciFooter ul li a {
    color: #5f696f;
  }

  .ciFooter ul li a:hover,
  .ciFooter ul li a:focus {
    color: #ef7d00;
  }


}

/* ------------------------------------------------------------------------
   09.25 404 Page
------------------------------------------------------------------------ */
.bl-404-image {
  display: block;
  width: 350px;
  height: auto;
  margin: 0 auto 18px;
}

#error-not-found {
  color: #5f696f;
}

#error-not-found #content {
  padding-top: 20px;
  padding-bottom: 70px;
}

.bl-404-content {
  max-width: 760px;
  margin: 10px auto 30px;
  text-align: center;
}

.bl-404-number {
  margin-bottom: 8px;
  color: #ef7d00;
  font-size: 96px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -4px;
}

.bl-404-content h1 {
  margin: 0 0 18px;
  color: #304955;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 600;
}

.bl-404-message {
  max-width: 600px;
  margin: 0 auto 30px;
  color: #5f696f;
  font-size: 15px;
  line-height: 1.6;
}

.bl-404-buttons {
  text-align: center;
}

.bl-404-buttons .btn {
  min-width: 170px;
  padding: 12px 24px;
  border: 0;
  border-radius: 3px;
  background: #2b2b2b;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  transition: background .2s ease, color .2s ease;
}

.bl-404-buttons .btn:hover,
.bl-404-buttons .btn:focus {
  background: #ef7d00;
  color: #fff;
}

@media (max-width: 767px) {
  .bl-404-image {
    width: 200px;
    margin-bottom: 14px;
  }

  #error-not-found #content {
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .bl-404-content {
    margin: 35px auto 20px;
  }

  .bl-404-number {
    font-size: 72px;
    letter-spacing: -3px;
  }

  .bl-404-content h1 {
    font-size: 24px;
  }

  .bl-404-message {
    font-size: 14px;
  }

  .bl-404-buttons .btn {
    width: 100%;
    max-width: 260px;
  }
}

/* ------------------------------------------------------------------------
   09.26 Delivery Information
------------------------------------------------------------------------ */

.bl-delivery-page {
  max-width: 900px;
  margin: 0 auto;
  color: #5f696f;
}

/* Delivery block */

.bl-delivery-block {
  margin: 0 0 20px;
  padding: 28px 30px;
  background: #f7f8f9;
  border: 1px solid #e3e7e9;
  border-radius: 6px;
}

/* Delivery page alignment */

.bl-delivery-page {
  width: 100%;
  max-width: 900px;
  margin-left: 0 !important;
  margin-right: auto !important;
  padding: 0 !important;
}

.bl-delivery-block,
.bl-delivery-time {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

/* Logo */

.bl-delivery-header {
  display: flex;
  align-items: center;
  min-height: 48px;
  margin-bottom: 22px;
}

.bl-delivery-logo img {
  display: block;
  width: auto !important;
  max-width: 145px !important;
  max-height: 42px !important;
  object-fit: contain;
}



/* Hide duplicate carrier name */

.bl-delivery-header h2 {
  display: none;
}

/* Delivery methods */

.bl-delivery-methods {
  border-top: 1px solid #dfe3e5;
}

.bl-delivery-method {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 13px 0;
  border-bottom: 1px solid #dfe3e5;
}

.bl-delivery-method-name {
  flex: 1;
  color: #4f5c63;
  font-size: 14px;
  line-height: 1.5;
}

.bl-delivery-price {
  flex: 0 0 70px;
  color: #304955;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}

/* Free delivery */

.bl-delivery-free {
  margin-top: 18px;
  padding: 13px 16px;
  background: #fff;
  border-left: 3px solid #ef7d00;
  color: #304955;
  font-size: 14px;
  line-height: 1.5;
}

.bl-delivery-free strong {
  font-weight: 600;
}

/* Delivery time */

.bl-delivery-time {
  margin-top: 24px;
  padding: 24px 30px;
  border: 1px solid #e3e7e9;
  border-radius: 6px;
}

.bl-delivery-time h2 {
  margin: 0 0 10px;
  color: #304955;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
}

.bl-delivery-time p {
  margin: 0;
  color: #5f696f;
  font-size: 14px;
  line-height: 1.6;
}


/* ------------------------------------------------------------------------
   Mobile
------------------------------------------------------------------------ */

@media (max-width: 767px) {

  .bl-delivery-page {
    max-width: 100%;
  }

  .bl-delivery-block {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 5px;
  }

  .bl-delivery-header {
    margin-bottom: 18px;
  }

  .bl-delivery-logo img {
    width: auto !important;
    max-width: 145px !important;
    height: 42px !important;
    object-fit: contain;
  }

  .bl-delivery-method {
    display: block;
    padding: 12px 0;
  }

  .bl-delivery-method-name {
    margin-bottom: 4px;
  }

  .bl-delivery-price {
    text-align: left;
    font-size: 15px;
  }

  .bl-delivery-free {
    margin-top: 16px;
  }

  .bl-delivery-time {
    margin-top: 20px;
    padding: 20px;
  }

  .bl-delivery-time h2 {
    font-size: 19px;
  }

}

/* ------------------------------------------------------------------------
   09.27 Payments
------------------------------------------------------------------------ */

.bl-payment-page {
  max-width: 900px;
  color: #5f696f;
  font-size: 14px;
  line-height: 1.6;
}

.bl-payment-intro {
  margin: 0 0 18px;
}

.bl-payment-methods {
  margin-bottom: 28px;
  border-top: 1px solid #dfe3e5;
}

.bl-payment-method {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 64px;
  padding: 12px 0;
  border-bottom: 1px solid #dfe3e5;
}

.bl-payment-method-title {
  flex: 0 0 180px;
  color: #304955;
  font-weight: 600;
}

.bl-payment-method-text {
  flex: 1;
}

.bl-payment-card {
  min-height: 76px;
}

.bl-payment-logos {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bl-payment-logos img {
  display: block;
  width: auto !important;
  height: 24px !important;
  max-width: 80px !important;
  object-fit: contain;
}

.bl-payment-notes {
  padding: 20px 22px;
  background: #f7f8f9;
  border-left: 3px solid #ef7d00;
}

.bl-payment-notes p {
  margin: 0 0 14px;
}

.bl-payment-notes p:last-child {
  margin-bottom: 0;
}

.bl-payment-notes strong {
  color: #304955;
  font-weight: 600;
}


/* ------------------------------------------------------------------------
   Mobile
------------------------------------------------------------------------ */

@media (max-width: 767px) {

  .bl-payment-page {
    max-width: 100%;
  }

  .bl-payment-method {
    display: block;
    padding: 14px 0;
  }

  .bl-payment-method-title {
    margin-bottom: 4px;
  }

  .bl-payment-card {
    padding-bottom: 16px;
  }

  .bl-payment-logos {
    margin-top: 8px;
  }

  .bl-payment-logos img {
    height: 24px !important;
  }

  .bl-payment-notes {
    padding: 16px 18px;
  }

}

/* ------------------------------------------------------------------------
   09.28 Return Policy
------------------------------------------------------------------------ */

.bl-return-page {
  max-width: 900px;
  color: #5f696f;
  font-size: 14px;
  line-height: 1.65;
}

.bl-return-section {
  margin: 0 0 30px;
}

.bl-return-section h2 {
  margin: 0 0 16px;
  color: #304955;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 600;
}

.bl-return-section p {
  margin: 0 0 16px;
}

.bl-return-section p:last-child {
  margin-bottom: 0;
}

/* Important withdrawal information */

.bl-return-highlight {
  margin: 10px 0 32px;
  padding: 20px 22px;
  background: #f7f8f9;
  border-left: 3px solid #ef7d00;
  color: #304955;
}

.bl-return-highlight p {
  margin: 0;
}

.bl-return-highlight strong {
  font-weight: 600;
}

/* Links */

.bl-return-page a {
  color: #ef7d00;
  text-decoration: none;
  transition: color .2s ease;
}

.bl-return-page a:hover,
.bl-return-page a:focus {
  color: #d96900;
  text-decoration: underline;
}

/* Dispute resolution list */

.bl-return-disputes ul {
  margin: 14px 0 0;
  padding-left: 22px;
}

.bl-return-disputes li {
  margin-bottom: 12px;
}

.bl-return-disputes li:last-child {
  margin-bottom: 0;
}

.bl-return-disputes strong {
  color: #4f5c63;
  font-weight: 600;
}


/* ------------------------------------------------------------------------
   Mobile
------------------------------------------------------------------------ */

@media (max-width: 767px) {

  .bl-return-page {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.6;
  }

  .bl-return-section {
    margin-bottom: 24px;
  }

  .bl-return-section h2 {
    margin-bottom: 12px;
    font-size: 19px;
  }

  .bl-return-highlight {
    margin: 8px 0 26px;
    padding: 16px 18px;
  }

  .bl-return-disputes ul {
    padding-left: 20px;
  }

  .bl-return-disputes li {
    margin-bottom: 14px;
  }

}

/* ------------------------------------------------------------------------
   09.29 Contacts
------------------------------------------------------------------------ */

.bl-contacts-page {
  max-width: 900px;
  color: #5f696f;
  font-size: 14px;
  line-height: 1.65;
}

.bl-contact-section {
  margin: 0 0 32px;
}

.bl-contact-section h2 {
  margin: 0 0 16px;
  color: #304955;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 600;
}

.bl-contact-section p {
  margin: 0 0 18px;
}

/* Contact details */

.bl-contact-details {
  margin: 20px 0;
  border-top: 1px solid #dfe3e5;
}

.bl-contact-item {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 62px;
  padding: 12px 0;
  border-bottom: 1px solid #dfe3e5;
}

.bl-contact-label {
  flex: 0 0 150px;
  color: #304955;
  font-weight: 600;
}

.bl-contact-value {
  color: #ef7d00;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.bl-contact-value:hover,
.bl-contact-value:focus {
  color: #d96900;
  text-decoration: underline;
}

.bl-contact-hours {
  color: #5f696f;
}


/* Company / bank details */

.bl-company-details {
  border-top: 1px solid #dfe3e5;
}

.bl-company-row {
  display: flex;
  align-items: baseline;
  gap: 24px;
  padding: 11px 0;
  border-bottom: 1px solid #dfe3e5;
}

.bl-company-row span {
  flex: 0 0 260px;
  color: #5f696f;
}

.bl-company-row strong {
  flex: 1;
  color: #304955;
  font-weight: 600;
}

.bl-contact-bank {
  margin-bottom: 0;
}


/* ------------------------------------------------------------------------
   Mobile
------------------------------------------------------------------------ */

@media (max-width: 767px) {

  .bl-contacts-page {
    max-width: 100%;
    font-size: 14px;
  }

  .bl-contact-section {
    margin-bottom: 26px;
  }

  .bl-contact-section h2 {
    margin-bottom: 12px;
    font-size: 19px;
  }

  .bl-contact-item {
    display: block;
    padding: 13px 0;
  }

  .bl-contact-label {
    margin-bottom: 3px;
  }

  .bl-contact-value {
    font-size: 15px;
  }

  .bl-company-row {
    display: block;
    padding: 11px 0;
  }

  .bl-company-row span {
    display: block;
    margin-bottom: 3px;
  }

  .bl-company-row strong {
    display: block;
  }

}

/* =========================================================
   09.30 Terms and Conditions
   ========================================================= */

.bl-terms-page {
  max-width: 900px;
  color: #5f696f;
  font-size: 14px;
  line-height: 1.65;
}

.bl-terms-toc {
  margin: 0 0 42px;
  padding: 24px 28px;
  background: #f7f8f9;
  border: 1px solid #e3e7e9;
  border-radius: 6px;
}

.bl-terms-toc-title {
  margin: 0 0 16px;
  color: #304955;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
}

.bl-terms-toc ol {
  margin: 0;
  padding-left: 22px;
  column-count: 2;
  column-gap: 40px;
}

.bl-terms-toc li {
  margin: 0 0 7px;
  padding-left: 4px;
  break-inside: avoid;
  color: #7a858b;
}

.bl-terms-toc a {
  color: #5f696f;
  text-decoration: none;
  transition: color .2s ease;
}

.bl-terms-toc a:hover,
.bl-terms-toc a:focus {
  color: #ef7d00;
  text-decoration: none;
}

.bl-terms-section {
  margin: 0 0 38px;
  scroll-margin-top: 30px;
}

.bl-terms-section h2 {
  margin: 0 0 17px;
  color: #304955;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 600;
}

.bl-terms-section p {
  margin: 0 0 16px;
}

.bl-terms-section p:last-child {
  margin-bottom: 0;
}

.bl-terms-section a {
  color: #ef7d00;
  text-decoration: none;
  transition: color .2s ease;
}

.bl-terms-section a:hover,
.bl-terms-section a:focus {
  color: #d96900;
  text-decoration: underline;
}

.bl-terms-letter-list {
  margin: 0 0 18px;
  padding-left: 24px;
}

.bl-terms-letter-list li {
  margin-bottom: 7px;
  padding-left: 4px;
}

.bl-terms-letter-list li:last-child {
  margin-bottom: 0;
}


/* Mobile */

@media (max-width: 767px) {

  .bl-terms-page {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.6;
  }

  .bl-terms-toc {
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 5px;
  }

  .bl-terms-toc-title {
    margin-bottom: 13px;
    font-size: 18px;
  }

  .bl-terms-toc ol {
    column-count: 1;
    column-gap: 0;
    padding-left: 21px;
  }

  .bl-terms-toc li {
    margin-bottom: 7px;
  }

  .bl-terms-section {
    margin-bottom: 28px;
    scroll-margin-top: 20px;
  }

  .bl-terms-section h2 {
    margin-bottom: 12px;
    font-size: 19px;
  }

  .bl-terms-section p {
    margin-bottom: 14px;
  }

  .bl-terms-letter-list {
    padding-left: 22px;
  }

  .bl-terms-letter-list li {
    margin-bottom: 8px;
  }
}

/* =========================================================
   09.31 Customer Service / E-mail Us
   ========================================================= */

#information-contact #content {
  color: #5f696f;
  font-size: 14px;
  line-height: 1.6;
}

#information-contact #content>h1 {
  margin: 0 0 28px;
  color: #304955;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
}


/* ---------- Location ---------- */

.bl-contact-location {
  margin: 0 0 34px;
}

.bl-contact-location h2,
.bl-contact-stores h2,
.bl-contact-form h2 {
  margin: 0 0 18px;
  color: #304955;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
}

.bl-contact-location-box {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 20px 22px;
  border: 1px solid #e1e5e7;
  border-radius: 5px;
  background: #fff;
}

.bl-contact-location-logo {
  flex: 0 0 210px;
}

.bl-contact-location-logo img {
  display: block;
  width: 100%;
  max-width: 210px;
  height: auto;
  max-height: 90px;
  object-fit: contain;
}

.bl-contact-location-info {
  flex: 1;
}

.bl-contact-location-contact {
  flex: 0 0 170px;
}

.bl-contact-location-hours {
  flex: 0 0 170px;
}

.bl-contact-location-info strong,
.bl-contact-detail span {
  display: block;
}

.bl-contact-location-info strong {
  margin-bottom: 5px;
  color: #5f696f;
  font-weight: 600;
}

.bl-contact-location-info address {
  margin: 0 0 14px;
  color: #5f696f;
  line-height: 1.5;
}

.bl-contact-map {
  display: inline-block;
  color: #ef7d00;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s ease;
}

.bl-contact-map:hover,
.bl-contact-map:focus {
  color: #d96900;
  text-decoration: none;
}

.bl-contact-map i {
  margin-right: 5px;
}

.bl-contact-detail {
  margin-bottom: 16px;
}

.bl-contact-detail:last-child {
  margin-bottom: 0;
}

.bl-contact-detail span {
  margin-bottom: 3px;
  color: #7a858b;
  font-size: 13px;
}

.bl-contact-detail strong {
  color: #304955;
  font-weight: 600;
}


/* ---------- Additional stores ---------- */

.bl-contact-stores {
  margin: 0 0 34px;
}

.bl-contact-store {
  border-top: 1px solid #dfe3e5;
}

.bl-contact-store:last-child {
  border-bottom: 1px solid #dfe3e5;
}

.bl-contact-store-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px 0;
  border: 0;
  background: none;
  color: #304955;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}

.bl-contact-store-title:hover,
.bl-contact-store-title:focus {
  color: #ef7d00;
  outline: none;
}

.bl-contact-store-title i {
  font-size: 12px;
  transition: transform .2s ease;
}

.bl-contact-store-title[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.bl-contact-store-content {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 0 0 20px;
}

.bl-contact-store-logo {
  flex: 0 0 180px;
}

.bl-contact-store-logo img {
  display: block;
  width: 100%;
  max-width: 180px;
  height: auto;
  object-fit: contain;
}

.bl-contact-store-info {
  flex: 1;
}

.bl-contact-store-info strong {
  display: block;
  margin-bottom: 5px;
  color: #304955;
}

.bl-contact-store-info address {
  margin: 0 0 12px;
}


/* ---------- Contact form ---------- */

.bl-contact-form {
  margin-top: 10px;
}

.bl-contact-form h2 {
  padding-bottom: 12px;
  border-bottom: 1px solid #dfe3e5;
}

.bl-contact-field {
  margin: 0 0 18px;
}

.bl-contact-field label {
  display: block;
  margin: 0 0 7px;
  color: #5f696f;
  font-size: 14px;
  font-weight: 500;
}

.bl-contact-field.required label:before {
  content: "* ";
  color: #ef7d00;
}

.bl-contact-field .form-control {
  width: 100%;
  height: 44px;
  padding: 10px 13px;
  border: 1px solid #d7dde0;
  border-radius: 3px;
  background: #fff;
  color: #4f5c63;
  font-size: 14px;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.bl-contact-field textarea.form-control {
  height: 220px;
  min-height: 180px;
  resize: vertical;
}

.bl-contact-field .form-control:focus {
  border-color: #ef7d00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(239, 125, 0, .08);
}

.bl-contact-field .text-danger {
  margin-top: 5px;
  font-size: 13px;
}


/* ---------- Submit ---------- */

.bl-contact-buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 26px;
}

.bl-contact-buttons .btn {
  min-width: 130px;
  min-height: 44px;
  padding: 10px 22px;
  border: 1px solid #2b2b2b;
  border-radius: 3px;
  background: #2b2b2b;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
  transition: background .2s ease, border-color .2s ease;
}

.bl-contact-buttons .btn:hover,
.bl-contact-buttons .btn:focus {
  border-color: #ef7d00;
  background: #ef7d00;
  color: #fff;
  box-shadow: none;
}


/* ---------- Mobile ---------- */

@media (max-width: 767px) {

  #information-contact #content>h1 {
    margin-bottom: 22px;
    font-size: 24px;
  }

  .bl-contact-location h2,
  .bl-contact-stores h2,
  .bl-contact-form h2 {
    margin-bottom: 14px;
    font-size: 20px;
  }

  .bl-contact-location-box {
    display: block;
    padding: 18px;
  }

  .bl-contact-location-logo {
    margin-bottom: 18px;
    text-align: left;
  }

  .bl-contact-location-logo img {
    margin-left: 0 !important;
    margin-right: auto !important;
    max-width: 180px;
    max-height: 80px;
  }

  .bl-contact-location-info,
  .bl-contact-location-contact,
  .bl-contact-location-hours {
    margin-bottom: 18px;
  }

  .bl-contact-location-hours {
    margin-bottom: 0;
  }

  .bl-contact-store-content {
    display: block;
    padding-bottom: 18px;
  }

  .bl-contact-store-logo {
    margin-bottom: 15px;
  }

  .bl-contact-store-logo img {
    max-width: 160px;
  }

  .bl-contact-store-contact {
    margin-top: 18px;
  }

  .bl-contact-store-hours {
    margin-top: 18px;
  }

  .bl-contact-field {
    margin-bottom: 16px;
  }

  .bl-contact-field .form-control {
    height: 44px;
  }

  .bl-contact-field textarea.form-control {
    height: 200px;
  }

  .bl-contact-buttons {
    justify-content: stretch;
    margin-top: 20px;
  }

  .bl-contact-buttons .btn {
    width: 100%;
  }

  .bl-contact-location-logo {
    margin-bottom: 18px;
    text-align: left;
  }

  .bl-contact-location-logo img {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

/* =========================================================
   09.32 Site Map
   ========================================================= */

#information-sitemap #content {
  color: #5f696f;
  font-size: 14px;
  line-height: 1.55;
}

#information-sitemap #content>h1 {
  margin: 0 0 28px;
  color: #304955;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
}

.bl-sitemap-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
}

.bl-sitemap-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bl-sitemap-list li {
  margin: 0;
  padding: 0;
}

.bl-sitemap-list a {
  color: #5f696f;
  text-decoration: none;
  transition: color .2s ease;
}

.bl-sitemap-list a:hover,
.bl-sitemap-list a:focus {
  color: #ef7d00;
  text-decoration: none;
}


/* ---------- Level 1 ---------- */

.bl-sitemap-level-1 {
  margin-bottom: 11px !important;
}

.bl-sitemap-level-1>a,
.bl-sitemap-level-1>span {
  display: block;
  color: #304955;
  font-size: 15px;
  font-weight: 600;
}


/* ---------- Level 2 ---------- */

.bl-sitemap-level-2 {
  margin: 4px 0 8px;
  padding-left: 18px;
}

.bl-sitemap-level-2>li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 13px;
}

.bl-sitemap-level-2>li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #aeb7bc;
}


/* ---------- Level 3 ---------- */

.bl-sitemap-level-3 {
  margin: 3px 0 7px;
  padding-left: 18px;
}

.bl-sitemap-level-3>li {
  position: relative;
  margin-bottom: 3px;
  padding-left: 11px;
}

.bl-sitemap-level-3>li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 3px;
  height: 3px;
  background: #c3c9cc;
}


/* ---------- Information ---------- */

.bl-sitemap-information>span {
  color: #304955;
  font-size: 15px;
  font-weight: 600;
}


/* ---------- Mobile ---------- */

@media (max-width: 767px) {

  #information-sitemap #content>h1 {
    margin-bottom: 22px;
    font-size: 24px;
  }

  .bl-sitemap-grid {
    display: block;
  }

  .bl-sitemap-column {
    margin-bottom: 28px;
  }

  .bl-sitemap-column:last-child {
    margin-bottom: 0;
  }

  .bl-sitemap-level-1 {
    margin-bottom: 10px !important;
  }

  .bl-sitemap-level-2 {
    padding-left: 15px;
  }

  .bl-sitemap-level-3 {
    padding-left: 15px;
  }

}

/* ---------- Site Map hierarchy ---------- */

#information-sitemap .bl-sitemap-level-1>a,
#information-sitemap .bl-sitemap-information>span {
  color: #304955;
  font-size: 15px;
  font-weight: 600;
}

#information-sitemap .bl-sitemap-level-2>li>a {
  color: #304955;
  font-weight: 500;
}

#information-sitemap .bl-sitemap-level-3>li>a {
  color: #5f696f;
  font-weight: 400;
}

#information-sitemap .bl-sitemap-level-2 {
  margin-top: 6px;
  padding-left: 18px;
}

#information-sitemap .bl-sitemap-level-3 {
  margin-top: 3px;
  padding-left: 18px;
}

#information-sitemap .bl-sitemap-list,
#information-sitemap .bl-sitemap-list li {
  list-style: none !important;
}

#information-sitemap .bl-sitemap-list li::before {
  display: none !important;
}

/* =========================================================
   09.32 Site Map — final hierarchy override
   ========================================================= */

#information-sitemap ul.bl-sitemap-list,
#information-sitemap ul.bl-sitemap-list ul,
#information-sitemap ul.bl-sitemap-list li {
  list-style: none !important;
  list-style-type: none !important;
}

#information-sitemap ul.bl-sitemap-list {
  margin: 0 !important;
  padding: 0 !important;
}

#information-sitemap ul.bl-sitemap-list ul {
  margin-top: 6px !important;
  padding-left: 18px !important;
}

#information-sitemap ul.bl-sitemap-list li {
  margin-bottom: 5px !important;
  padding-left: 0 !important;
}

#information-sitemap ul.bl-sitemap-list li::before,
#information-sitemap ul.bl-sitemap-list li::after {
  display: none !important;
  content: none !important;
}


/* Main categories */

#information-sitemap ul.bl-sitemap-level-1>li>a,
#information-sitemap .bl-sitemap-information>span {
  color: #304955 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}


/* Second-level categories */

#information-sitemap ul.bl-sitemap-level-2>li>a {
  color: #304955 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}


/* Third-level categories */

#information-sitemap ul.bl-sitemap-level-3>li>a {
  color: #5f696f !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}


/* Right column standalone links */

#information-sitemap .bl-sitemap-links>.bl-sitemap-group>ul>li>a {
  color: #304955 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}


/* Information sub-links */

#information-sitemap .bl-sitemap-information ul.bl-sitemap-level-2>li>a {
  color: #5f696f !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* =========================================================
   09.32 Site Map — final
   ========================================================= */

#information-sitemap #content>.row>.col-sm-6 ul,
#information-sitemap #content>.row>.col-sm-6 li {
  list-style: none !important;
  list-style-type: none !important;
}

#information-sitemap #content>.row>.col-sm-6 ul {
  margin: 0 !important;
  padding: 0 !important;
}

#information-sitemap #content>.row>.col-sm-6 li {
  margin: 0 0 6px !important;
  padding: 0 !important;
}


/* ---------- Main level ---------- */

#information-sitemap #content>.row>.col-sm-6:first-child>ul>li>a,
#information-sitemap #content>.row>.col-sm-6:last-child>ul>li>a {
  color: #304955 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}


/* ---------- Second level ---------- */

#information-sitemap #content>.row>.col-sm-6 ul ul {
  margin: 5px 0 9px !important;
  padding-left: 18px !important;
}

#information-sitemap #content>.row>.col-sm-6 ul ul>li>a {
  color: #304955 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}


/* ---------- Third level ---------- */

#information-sitemap #content>.row>.col-sm-6 ul ul ul {
  margin: 3px 0 7px !important;
  padding-left: 18px !important;
}

#information-sitemap #content>.row>.col-sm-6 ul ul ul>li>a {
  color: #5f696f !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}


/* ---------- Information label ---------- */

#information-sitemap #content>.row>.col-sm-6:last-child>ul>li:last-child {
  color: #304955 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}


/* ---------- Information links ---------- */

#information-sitemap #content>.row>.col-sm-6:last-child>ul>li:last-child>ul>li>a {
  color: #5f696f !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}


/* Site Map — hover for all levels */

#information-sitemap #content>.row>.col-sm-6:first-child>ul>li>a:hover,
#information-sitemap #content>.row>.col-sm-6:last-child>ul>li>a:hover,
#information-sitemap #content>.row>.col-sm-6 a:hover,
#information-sitemap #content>.row>.col-sm-6 a:focus,
#information-sitemap #content>.row>.col-sm-6 ul ul>li>a:hover,
#information-sitemap #content>.row>.col-sm-6 ul ul>li>a:focus,
#information-sitemap #content>.row>.col-sm-6 ul ul ul>li>a:hover,
#information-sitemap #content>.row>.col-sm-6 ul ul ul>li>a:focus {
  color: #ef7d00 !important;
  text-decoration: none !important;
}

/* Site Map — Information links hover */

#information-sitemap #content>.row>.col-sm-6:last-child ul li ul a:hover,
#information-sitemap #content>.row>.col-sm-6:last-child ul li ul a:focus {
  color: #ef7d00 !important;
  text-decoration: none !important;
}

/* =========================================================
   Site Map — force hover
   ========================================================= */

body #information-sitemap #content a:hover,
body #information-sitemap #content a:focus {
  color: #ef7d00 !important;
  text-decoration: none !important;
}

/* Site Map — Information links hover */

#information-sitemap #content>.row>.col-sm-6:last-child>ul>li:last-child>ul>li>a:hover,
#information-sitemap #content>.row>.col-sm-6:last-child>ul>li:last-child>ul>li>a:focus {
  color: #ef7d00 !important;
}

/* =========================================================
   09.33 Brands
   ========================================================= */

#product-manufacturer #content {
  color: #5f696f;
  font-size: 14px;
  line-height: 1.55;
}

#product-manufacturer #content>h1 {
  margin: 0 0 22px;
  color: #304955;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
}


/* ---------- Brand Index ---------- */

.bl-brands-index {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 9px;
  margin: 0 0 30px;
  padding: 0 0 16px;
  border-bottom: 1px solid #dfe3e5;
}

.bl-brands-index strong {
  margin-right: 5px;
  color: #304955;
  font-weight: 600;
}

.bl-brands-index a {
  color: #5f696f;
  text-decoration: none;
  font-weight: 500;
  transition: color .2s ease;
}

.bl-brands-index a:hover,
.bl-brands-index a:focus {
  color: #ef7d00;
  text-decoration: none;
}


/* ---------- Brand Groups ---------- */

.bl-brand-group {
  margin: 0 0 30px;
}

.bl-brand-group h2 {
  margin: 0 0 12px;
  padding-bottom: 7px;
  color: #304955;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  border-bottom: 1px solid #dfe3e5;
}


/* ---------- Brand Grid ---------- */

.bl-brand-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 30px;
  row-gap: 7px;
  margin-bottom: 7px;
}

.bl-brand-item {
  display: block;
  min-width: 0;
  color: #5f696f;
  text-decoration: none;
  transition: color .2s ease;
}

.bl-brand-item:hover,
.bl-brand-item:focus {
  color: #ef7d00;
  text-decoration: none;
}


/* ---------- Mobile ---------- */

@media (max-width: 767px) {

  #product-manufacturer #content>h1 {
    margin-bottom: 18px;
    font-size: 24px;
  }

  .bl-brands-index {
    gap: 5px 8px;
    margin-bottom: 24px;
    padding-bottom: 14px;
  }

  .bl-brand-group {
    margin-bottom: 24px;
  }

  .bl-brand-group h2 {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .bl-brand-grid {
    grid-template-columns: 1fr;
    row-gap: 6px;
    margin-bottom: 6px;
  }

}

/* Brands — link refinement */

#product-manufacturer .bl-brand-item {
  color: #5f696f !important;
  font-weight: 400;
  text-decoration: none !important;
  transition: color .2s ease;
}

#product-manufacturer .bl-brand-item:hover,
#product-manufacturer .bl-brand-item:focus {
  color: #ef7d00 !important;
  text-decoration: none !important;
}

/* =========================================================
   09.34 Gift Certificate
   ========================================================= */

#account-voucher #content {
  color: #5f696f;
  font-size: 14px;
  line-height: 1.6;
}

#account-voucher #content>h1 {
  margin: 0 0 18px;
  color: #304955;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
}

.bl-voucher-description {
  margin: 0 0 18px;
  color: #5f696f;
}


/* ---------- Fields ---------- */

.bl-voucher-field {
  margin: 0 0 17px;
}

.bl-voucher-field label,
.bl-voucher-label {
  display: block;
  margin: 0 0 7px;
  color: #5f696f;
  font-size: 14px;
  font-weight: 500;
}

.bl-voucher-field.required label:before,
.bl-voucher-theme.required .bl-voucher-label:before {
  content: "* ";
  color: #ef7d00;
}

.bl-voucher-field .form-control {
  width: 100%;
  height: 44px;
  padding: 10px 13px;
  border: 1px solid #d7dde0;
  border-radius: 3px;
  background: #fff;
  color: #4f5c63;
  font-size: 14px;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.bl-voucher-field textarea.form-control {
  height: 150px;
  min-height: 120px;
  resize: vertical;
}

.bl-voucher-field .form-control:focus {
  border-color: #ef7d00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(239, 125, 0, .08);
}

.bl-voucher-field .text-danger,
.bl-voucher-theme .text-danger {
  margin-top: 5px;
  font-size: 13px;
}


/* ---------- Gift Certificate Theme ---------- */

.bl-voucher-theme {
  margin: 0 0 18px;
}

.bl-voucher-radio-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
}

.bl-voucher-radio {
  display: inline-flex;
  align-items: center;
  position: relative;
  margin: 0;
  color: #5f696f;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

.bl-voucher-radio input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.bl-voucher-radio-box {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  border: 1px solid #aeb7bc;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}

.bl-voucher-radio input:checked+.bl-voucher-radio-box {
  border-color: #ef7d00;
}

.bl-voucher-radio input:checked+.bl-voucher-radio-box:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ef7d00;
}


/* ---------- Actions ---------- */

.bl-voucher-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  margin-top: 24px;
}

.bl-voucher-agree {
  display: flex;
  align-items: center;
  margin: 0;
  color: #5f696f;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

.bl-voucher-agree input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.bl-voucher-checkbox {
  position: relative;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  border: 1px solid #aeb7bc;
  border-radius: 3px;
  background: #fff;
  box-sizing: border-box;
}

.bl-voucher-agree input:checked+.bl-voucher-checkbox {
  border-color: #ef7d00;
  background: #ef7d00;
}

.bl-voucher-agree input:checked+.bl-voucher-checkbox:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 7px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.bl-voucher-agree-text {
  line-height: 1.4;
}

.bl-voucher-actions .btn {
  min-width: 130px;
  min-height: 44px;
  padding: 10px 22px;
  border: 1px solid #2b2b2b;
  border-radius: 3px;
  background: #2b2b2b;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
  transition: background .2s ease, border-color .2s ease;
}

.bl-voucher-actions .btn:hover,
.bl-voucher-actions .btn:focus {
  border-color: #ef7d00;
  background: #ef7d00;
  color: #fff;
  box-shadow: none;
}


/* ---------- Mobile ---------- */

@media (max-width: 767px) {

  #account-voucher #content>h1 {
    margin-bottom: 16px;
    font-size: 24px;
  }

  .bl-voucher-description {
    margin-bottom: 20px;
  }

  .bl-voucher-field {
    margin-bottom: 16px;
  }

  .bl-voucher-radio-list {
    display: block;
  }

  .bl-voucher-radio {
    display: flex;
    margin-bottom: 10px;
  }

  .bl-voucher-radio:last-child {
    margin-bottom: 0;
  }

  .bl-voucher-field textarea.form-control {
    height: 180px;
  }

  .bl-voucher-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    margin-top: 20px;
  }

  .bl-voucher-agree {
    align-items: flex-start;
  }

  .bl-voucher-actions .btn {
    width: 100%;
  }

}

#product-product .bl-product-badge .badge-special,
#product-product .bl-product-badge .badge-new {
  color: #fff !important;
  text-decoration: none !important;
  transition: background-color .2s ease;
}

#product-product .bl-product-badge .badge-special:hover,
#product-product .bl-product-badge .badge-special:focus {
  color: #fff !important;
  background-color: #d96900 !important;
  text-decoration: none !important;
}

#product-product .bl-product-badge .badge-new:hover,
#product-product .bl-product-badge .badge-new:focus {
  color: #fff !important;
  background-color: #5f9d0d !important;
  text-decoration: none !important;
}

/* =========================================================
   09.35 Checkout Accordion
   ========================================================= */

#checkout-checkout #content {
  color: #5f696f;
  font-size: 14px;
  line-height: 1.6;
}

#checkout-checkout #content>h1 {
  margin: 0 0 22px;
  color: #304955;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
}

/* Accordion */

#checkout-checkout #accordion {
  margin: 0;
  border: 1px solid #e3e7e9;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}

#checkout-checkout #accordion .panel {
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
}

#checkout-checkout #accordion .panel+.panel {
  border-top: 1px solid #e3e7e9;
}

/* Step heading */

#checkout-checkout #accordion .panel-heading {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #f7f8f9;
}

#checkout-checkout #accordion .panel-title {
  margin: 0;
  padding: 0;
  color: #304955;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}

#checkout-checkout #accordion .panel-title>a,
#checkout-checkout #accordion .panel-title {
  display: block;
  padding: 15px 20px;
  color: #304955;
  text-decoration: none;
  transition: color .2s ease, background-color .2s ease;
}

/* Hover */

#checkout-checkout #accordion .panel-title>a:hover,
#checkout-checkout #accordion .panel-title>a:focus {
  color: #ef7d00;
  background: #f3f5f6;
  text-decoration: none;
}

/* Active step */

#checkout-checkout #accordion .panel-heading:has(.accordion-toggle) {
  background: #fff;
}

#checkout-checkout #accordion .panel-heading:has(.accordion-toggle) .panel-title>a {
  color: #ef7d00;
  background: #fff;
}

/* Arrow */

#checkout-checkout #accordion .accordion-toggle .fa {
  float: right;
  margin-top: 3px;
  color: inherit;
  font-size: 13px;
  transition: transform .2s ease;
}

#checkout-checkout #accordion .accordion-toggle[aria-expanded="true"] .fa,
#checkout-checkout #accordion .accordion-toggle:not(.collapsed) .fa {
  transform: rotate(180deg);
}

/* Open content */

#checkout-checkout #accordion .panel-collapse {
  border: 0;
  background: #fff;
}

#checkout-checkout #accordion .panel-body {
  padding: 22px 20px 24px;
  border: 0;
}

/* Mobile */

@media (max-width: 767px) {

  #checkout-checkout #content>h1 {
    margin-bottom: 18px;
    font-size: 24px;
  }

  #checkout-checkout #accordion {
    border-radius: 5px;
  }

  #checkout-checkout #accordion .panel-title>a,
  #checkout-checkout #accordion .panel-title {
    padding: 14px 16px;
    font-size: 15px;
  }

  #checkout-checkout #accordion .accordion-toggle .fa {
    margin-top: 2px;
  }

  #checkout-checkout #accordion .panel-body {
    padding: 18px 16px 20px;
  }
}

/* =========================================================
   09.36 Checkout - Billing Details
   ========================================================= */

#collapse-payment-address .panel-body {
  color: #5f696f;
}

/* Address choice */

#collapse-payment-address .radio {
  margin-top: 0;
  margin-bottom: 10px;
}

#collapse-payment-address .radio label {
  color: #5f696f;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

#collapse-payment-address .radio input[type="radio"] {
  margin-top: 3px;
}

#payment-existing {
  margin: 0 0 12px;
}

#payment-existing .form-control,
#collapse-payment-address select.form-control {
  height: 44px;
  padding: 10px 13px;
  border: 1px solid #d7dde0;
  border-radius: 3px;
  background: #fff;
  color: #4f5c63;
  font-size: 14px;
  box-shadow: none;
}

#payment-existing .form-control:focus,
#collapse-payment-address select.form-control:focus {
  border-color: #ef7d00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(239, 125, 0, .08);
}

/* Remove empty line from template */

#collapse-payment-address form>br {
  display: none;
}

/* Company order */

#payment-company-order-block {
  margin-top: 18px;
}

#payment-company-order-block>.checkbox {
  margin: 0;
}

#payment-company-order-block>.checkbox label {
  color: #5f696f;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

#payment-company-order-block input[type="checkbox"] {
  margin-top: 2px;
}

/* Company fields */

#company-order-fields {
  margin-top: 18px;
}

#company-order-fields .form-group,
#payment-new .form-group {
  margin-bottom: 17px;
}

#company-order-fields .control-label,
#payment-new .control-label {
  color: #5f696f;
  font-size: 14px;
  font-weight: 500;
}

#company-order-fields .form-control,
#payment-new .form-control {
  height: 44px;
  padding: 10px 13px;
  border: 1px solid #d7dde0;
  border-radius: 3px;
  background: #fff;
  color: #4f5c63;
  font-size: 14px;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

#company-order-fields .form-control:focus,
#payment-new .form-control:focus {
  border-color: #ef7d00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(239, 125, 0, .08);
}

/* Continue */

#collapse-payment-address .buttons {
  margin-top: 22px;
  padding-top: 0;
  border: 0;
}

#collapse-payment-address .buttons .btn {
  min-width: 130px;
  min-height: 44px;
  padding: 10px 22px;
  border: 1px solid #2b2b2b;
  border-radius: 3px;
  background: #2b2b2b;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
  transition: background .2s ease, border-color .2s ease;
}

#collapse-payment-address .buttons .btn:hover,
#collapse-payment-address .buttons .btn:focus {
  border-color: #ef7d00;
  background: #ef7d00;
  color: #fff;
  box-shadow: none;
}

/* Mobile */

@media (max-width: 767px) {

  #collapse-payment-address .panel-body {
    padding: 16px;
  }

  #payment-existing {
    margin-bottom: 10px;
  }

  #payment-company-order-block {
    margin-top: 16px;
  }

  #company-order-fields {
    margin-top: 16px;
  }

  #company-order-fields .form-group,
  #payment-new .form-group {
    margin-bottom: 15px;
  }

  #collapse-payment-address .buttons {
    margin-top: 20px;
  }

  #collapse-payment-address .buttons .btn {
    width: 100%;
  }
}

/* =========================================================
   09.37 Checkout - Radio & Checkbox
   ========================================================= */

/* Radio */

#collapse-payment-address input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

#collapse-payment-address .radio label {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding-left: 27px;
  color: #5f696f;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

#collapse-payment-address .radio label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid #aeb7bc;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
  transform: translateY(-50%);
}

#collapse-payment-address .radio label:has(input[type="radio"]:checked):before {
  border-color: #ef7d00;
}

#collapse-payment-address .radio label:has(input[type="radio"]:checked):after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ef7d00;
  transform: translateY(-50%);
}


/* Checkbox */

#collapse-payment-address input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

#collapse-payment-address .checkbox label {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding-left: 27px;
  color: #5f696f;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

#collapse-payment-address .checkbox label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid #aeb7bc;
  border-radius: 3px;
  background: #fff;
  box-sizing: border-box;
  transform: translateY(-50%);
}

#collapse-payment-address .checkbox label:has(input[type="checkbox"]:checked):before {
  border-color: #ef7d00;
  background: #ef7d00;
}

#collapse-payment-address .checkbox label:has(input[type="checkbox"]:checked):after {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  width: 7px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: translateY(-60%) rotate(45deg);
}

/* =========================================================
   09.38 Checkout - Shipping Address
   ========================================================= */

/* Address choice */

#collapse-shipping-address .radio {
  margin-top: 0;
  margin-bottom: 10px;
}

#collapse-shipping-address .radio label {
  color: #5f696f;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

#collapse-shipping-address .radio input[type="radio"] {
  margin-top: 3px;
}

#shipping-existing {
  margin: 0 0 12px;
}

#shipping-existing .form-control,
#collapse-shipping-address select.form-control {
  height: 44px;
  padding: 10px 13px;
  border: 1px solid #d7dde0;
  border-radius: 3px;
  background: #fff;
  color: #4f5c63;
  font-size: 14px;
  box-shadow: none;
}

#shipping-existing .form-control:focus,
#collapse-shipping-address select.form-control:focus {
  border-color: #ef7d00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(239, 125, 0, .08);
}

/* Remove empty line from template */

#collapse-shipping-address form>br {
  display: none;
}

/* New address */

#shipping-new .form-group {
  margin-bottom: 17px;
}

#shipping-new .control-label {
  color: #5f696f;
  font-size: 14px;
  font-weight: 500;
}

#shipping-new .form-control {
  height: 44px;
  padding: 10px 13px;
  border: 1px solid #d7dde0;
  border-radius: 3px;
  background: #fff;
  color: #4f5c63;
  font-size: 14px;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

#shipping-new .form-control:focus {
  border-color: #ef7d00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(239, 125, 0, .08);
}

/* Radio & checkbox */

#collapse-shipping-address input[type="radio"],
#collapse-shipping-address input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

#collapse-shipping-address .radio label,
#collapse-shipping-address .checkbox label {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding-left: 27px;
  color: #5f696f;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

#collapse-shipping-address .radio label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid #aeb7bc;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
  transform: translateY(-50%);
}

#collapse-shipping-address .radio label:has(input[type="radio"]:checked):before {
  border-color: #ef7d00;
}

#collapse-shipping-address .radio label:has(input[type="radio"]:checked):after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ef7d00;
  transform: translateY(-50%);
}

/* Continue */

#collapse-shipping-address .buttons {
  margin-top: 22px;
  padding-top: 0;
  border: 0;
}

#collapse-shipping-address .buttons .btn {
  min-width: 130px;
  min-height: 44px;
  padding: 10px 22px;
  border: 1px solid #2b2b2b;
  border-radius: 3px;
  background: #2b2b2b;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
  transition: background .2s ease, border-color .2s ease;
}

#collapse-shipping-address .buttons .btn:hover,
#collapse-shipping-address .buttons .btn:focus {
  border-color: #ef7d00;
  background: #ef7d00;
  color: #fff;
  box-shadow: none;
}

/* Mobile */

@media (max-width: 767px) {

  #collapse-shipping-address .panel-body {
    padding: 16px;
  }

  #shipping-existing {
    margin-bottom: 10px;
  }

  #shipping-new .form-group {
    margin-bottom: 15px;
  }

  #collapse-shipping-address .buttons {
    margin-top: 20px;
  }

  #collapse-shipping-address .buttons .btn {
    width: 100%;
  }
}

/* =========================================================
   09.39 Checkout - Accordion Spacing Refinement
   ========================================================= */

/* Keep all step titles aligned */

#checkout-checkout #accordion .panel-title>a {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Reduce empty space inside opened steps */

#checkout-checkout #accordion .panel-body {
  padding: 18px 20px 10px !important;
}

#checkout-checkout #accordion .panel-body form {
  margin-bottom: 0;
}

#checkout-checkout #accordion .buttons {
  margin-bottom: 0 !important;
}

/* Mobile */

@media (max-width: 767px) {

  #checkout-checkout #accordion .panel-title>a {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #checkout-checkout #accordion .panel-body {
    padding: 16px 16px 8px !important;
  }
}

/* =========================================================
   09.40 Checkout - Fix Active Accordion Heading
   ========================================================= */

#checkout-checkout #accordion .panel-title {
  padding: 15px 20px !important;
  margin: 0 !important;
}

#checkout-checkout #accordion .panel-title>a {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  color: inherit;
  line-height: 1.4;
}

/* Active step */

#checkout-checkout #accordion .panel-heading:has(.accordion-toggle) .panel-title {
  padding: 15px 20px !important;
}

/* Mobile */

@media (max-width: 767px) {

  #checkout-checkout #accordion .panel-title {
    padding: 14px 16px !important;
  }

  #checkout-checkout #accordion .panel-title>a {
    padding: 0 !important;
  }
}

/* =========================================================
   09.41 Checkout - Delivery Method
   ========================================================= */

#collapse-shipping-method {
  color: #5f696f;
  font-size: 14px;
  line-height: 1.6;
}

/* Intro */

#collapse-shipping-method>p:first-child {
  margin: 0 0 16px;
}

/* Carrier selector */

#collapse-shipping-method .shipping-carrier-selector {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin: 0 0 20px;
}

/* Carrier option */

#collapse-shipping-method .shipping-carrier-selector .carrier-option {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 140px;
  min-height: 56px;
  margin: 0;
  padding: 10px 16px;
  border: 1px solid #d7dde0;
  border-radius: 4px;
  background: #fff;
  color: #5f696f;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease;
  box-sizing: border-box;
}

#collapse-shipping-method .shipping-carrier-selector .carrier-option:hover {
  border-color: #ef7d00;
  color: #304955;
}

#collapse-shipping-method .shipping-carrier-selector .carrier-option:has(input:checked) {
  border-color: #ef7d00;
  background: #fffaf5;
  color: #304955;
}

#collapse-shipping-method .shipping-carrier-selector .carrier-option img {
  display: block;
  width: auto !important;
  height: 28px;
  max-width: 55px;
  object-fit: contain;
}

/* Hide native carrier radio */

#collapse-shipping-method .shipping-carrier-selector .carrier-option input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}

/* Custom carrier radio */

#collapse-shipping-method .shipping-carrier-selector .carrier-option:before {
  content: "";
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 1px solid #aeb7bc;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}

#collapse-shipping-method .shipping-carrier-selector .carrier-option:has(input:checked):before {
  border-color: #ef7d00;
  box-shadow: inset 0 0 0 5px #fff;
  background: #ef7d00;
}


/* Shipping carrier block */

#collapse-shipping-method .shipping-carrier-block {
  margin: 0 0 20px;
}

#collapse-shipping-method .shipping-carrier-block>p {
  margin: 0 0 10px;
  color: #304955;
  font-size: 15px;
  font-weight: 600;
}

/* Search */

#collapse-shipping-method .pickup-search {
  width: 100%;
  max-width: none;
  height: 44px;
  margin: 0 0 10px;
  padding: 10px 13px;
  border: 1px solid #d7dde0;
  border-radius: 3px;
  background: #fff;
  color: #4f5c63;
  font-size: 14px;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

#collapse-shipping-method .pickup-search:focus {
  border-color: #ef7d00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(239, 125, 0, .08);
}


/* Pickup list */

#collapse-shipping-method .venipak-pickup-scroll {
  max-height: 300px;
  overflow-y: auto;
  padding: 6px 12px;
  border: 1px solid #dfe3e5;
  border-radius: 3px;
  background: #fff;
}

/* Pickup radio rows */

#collapse-shipping-method .pickup-row {
  margin: 0;
  padding: 9px 0;
  border-bottom: 1px solid #eef0f1;
}

#collapse-shipping-method .pickup-row:last-child {
  border-bottom: 0;
}

#collapse-shipping-method .pickup-row label {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding-left: 27px;
  color: #5f696f;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

/* Hide native shipping radio */

#collapse-shipping-method .pickup-row input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

/* Custom shipping radio */

#collapse-shipping-method .pickup-row label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid #aeb7bc;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
  transform: translateY(-50%);
}

#collapse-shipping-method .pickup-row label:has(input[type="radio"]:checked):before {
  border-color: #ef7d00;
}

#collapse-shipping-method .pickup-row label:has(input[type="radio"]:checked):after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ef7d00;
  transform: translateY(-50%);
}


/* Comments */

#collapse-shipping-method>p:nth-last-of-type(2) {
  margin: 0 0 7px;
  color: #5f696f;
  font-size: 14px;
  font-weight: 500;
}

#collapse-shipping-method>p:last-of-type {
  margin: 0;
}

#collapse-shipping-method textarea.form-control {
  width: 100%;
  min-height: 150px;
  padding: 10px 13px;
  border: 1px solid #d7dde0;
  border-radius: 3px;
  background: #fff;
  color: #4f5c63;
  font-size: 14px;
  line-height: 1.5;
  resize: vertical;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

#collapse-shipping-method textarea.form-control:focus {
  border-color: #ef7d00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(239, 125, 0, .08);
}


/* Continue */

#collapse-shipping-method .buttons {
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  border: 0;
}

#collapse-shipping-method .buttons .btn {
  min-width: 130px;
  min-height: 44px;
  padding: 10px 22px;
  border: 1px solid #2b2b2b;
  border-radius: 3px;
  background: #2b2b2b;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
  transition: background .2s ease, border-color .2s ease, opacity .2s ease;
}

#collapse-shipping-method .buttons .btn:hover,
#collapse-shipping-method .buttons .btn:focus {
  border-color: #ef7d00;
  background: #ef7d00;
  color: #fff;
  box-shadow: none;
}


/* Disabled Continue */

#collapse-shipping-method #button-shipping-method:disabled {
  opacity: .45;
  cursor: not-allowed;
}


/* Mobile */

@media (max-width: 767px) {

  #collapse-shipping-method .shipping-carrier-selector {
    gap: 8px;
    margin-bottom: 18px;
  }

  #collapse-shipping-method .shipping-carrier-selector .carrier-option {
    flex: 1 1 0;
    min-width: 0;
    min-height: 52px;
    padding: 9px 10px;
  }

  #collapse-shipping-method .shipping-carrier-selector .carrier-option img {
    height: 25px;
    max-width: 50px;
  }

  #collapse-shipping-method .shipping-carrier-block {
    margin-bottom: 18px;
  }

  #collapse-shipping-method .venipak-pickup-scroll {
    max-height: 260px;
    padding: 4px 10px;
  }

  #collapse-shipping-method .pickup-row {
    padding: 9px 0;
  }

  #collapse-shipping-method textarea.form-control {
    min-height: 140px;
  }

  #collapse-shipping-method .buttons {
    margin-top: 18px;
  }

  #collapse-shipping-method .buttons .btn {
    width: 100%;
  }
}

/* Checkout Delivery Method refinements */

#collapse-shipping-method .shipping-carrier-selector .carrier-option {
  min-width: 145px;
  min-height: 54px;
}

#collapse-shipping-method .shipping-carrier-selector .carrier-option img {
  height: 26px;
}

#collapse-shipping-method .shipping-carrier-block>p {
  margin-bottom: 8px;
  font-size: 14px;
}

#collapse-shipping-method .pickup-row {
  padding: 8px 0;
}

#collapse-shipping-method textarea.form-control {
  min-height: 115px;
  height: 115px;
}

/* Mobile */

@media (max-width: 767px) {
  #collapse-shipping-method .shipping-carrier-selector .carrier-option {
    min-height: 52px;
  }

  #collapse-shipping-method textarea.form-control {
    min-height: 120px;
    height: 120px;
  }
}

/* =========================================================
   09.42 Checkout - Payment Method
   ========================================================= */

#collapse-payment-method {
  color: #5f696f;
  font-size: 14px;
  line-height: 1.6;
}

/* Intro */

#collapse-payment-method>p:first-child {
  margin: 0 0 16px;
}

/* Payment methods */

#collapse-payment-method .radio {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #eef0f1;
}

#collapse-payment-method .radio:first-of-type {
  border-top: 1px solid #dfe3e5;
}

#collapse-payment-method .radio:last-of-type {
  margin-bottom: 20px;
}

#collapse-payment-method .radio label {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding-left: 27px;
  color: #5f696f;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

#collapse-payment-method .radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}

#collapse-payment-method .radio label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid #aeb7bc;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
  transform: translateY(-50%);
}

#collapse-payment-method .radio label:has(input[type="radio"]:checked):before {
  border-color: #ef7d00;
}

#collapse-payment-method .radio label:has(input[type="radio"]:checked):after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ef7d00;
  transform: translateY(-50%);
}


/* Comments */

#collapse-payment-method>p:nth-last-of-type(2) {
  margin: 0 0 7px;
  color: #5f696f;
  font-size: 14px;
  font-weight: 500;
}

#collapse-payment-method>p:last-of-type {
  margin: 0;
}

#collapse-payment-method textarea.form-control {
  width: 100%;
  height: 115px;
  min-height: 115px;
  padding: 10px 13px;
  border: 1px solid #d7dde0;
  border-radius: 3px;
  background: #fff;
  color: #4f5c63;
  font-size: 14px;
  line-height: 1.5;
  resize: vertical;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

#collapse-payment-method textarea.form-control:focus {
  border-color: #ef7d00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(239, 125, 0, .08);
}


/* Agreement + Continue */

#collapse-payment-method .buttons {
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  border: 0;
}

#collapse-payment-method .buttons .pull-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}

#collapse-payment-method .buttons .pull-right>input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

#collapse-payment-method .buttons .pull-right>input[type="checkbox"]+* {
  margin-left: 0;
}

#collapse-payment-method .buttons .btn {
  min-width: 130px;
  min-height: 44px;
  padding: 10px 22px;
  border: 1px solid #2b2b2b;
  border-radius: 3px;
  background: #2b2b2b;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
  transition: background .2s ease, border-color .2s ease;
}

#collapse-payment-method .buttons .btn:hover,
#collapse-payment-method .buttons .btn:focus {
  border-color: #ef7d00;
  background: #ef7d00;
  color: #fff;
  box-shadow: none;
}


/* Mobile */

@media (max-width: 767px) {

  #collapse-payment-method .panel-body {
    padding: 16px;
  }

  #collapse-payment-method .radio {
    padding: 10px 0;
  }

  #collapse-payment-method textarea.form-control {
    height: 120px;
    min-height: 120px;
  }

  #collapse-payment-method .buttons {
    margin-top: 18px;
  }

  #collapse-payment-method .buttons .pull-right {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  #collapse-payment-method .buttons .btn {
    width: 100%;
  }
}

/* =========================================================
   09.43 Checkout - Payment Agreement
   ========================================================= */

#collapse-payment-method .buttons .pull-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

/* Show agreement checkbox */

#collapse-payment-method .buttons .pull-right>input[type="checkbox"] {
  position: static;
  opacity: 1;
  width: 18px;
  height: 18px;
  margin: 0;
  flex: 0 0 18px;
  accent-color: #ef7d00;
  cursor: pointer;
}

/* Agreement text */

#collapse-payment-method .buttons .pull-right {
  color: #5f696f;
  font-size: 14px;
  font-weight: 400;
}

#collapse-payment-method .buttons .pull-right a {
  color: #304955;
  font-weight: 600;
  text-decoration: none;
}

#collapse-payment-method .buttons .pull-right a:hover,
#collapse-payment-method .buttons .pull-right a:focus {
  color: #ef7d00;
  text-decoration: underline;
}

/* Mobile */

@media (max-width: 767px) {

  #collapse-payment-method .buttons .pull-right {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
  }

  #collapse-payment-method .buttons .pull-right>.btn {
    width: 100%;
    margin-top: 6px;
  }
}

/* =========================================================
   09.44 Checkout - Confirm Order
   ========================================================= */

#collapse-checkout-confirm {
  color: #5f696f;
  font-size: 14px;
  line-height: 1.5;
}

/* Order table */

#collapse-checkout-confirm .table-responsive {
  margin: 0;
  border: 0;
}

#collapse-checkout-confirm table {
  width: 100%;
  margin: 0;
  border: 1px solid #dfe3e5;
  border-collapse: collapse;
  background: #fff;
}

#collapse-checkout-confirm table>thead>tr>td {
  padding: 10px 8px;
  border: 1px solid #dfe3e5;
  background: #f7f8f9;
  color: #304955;
  font-weight: 600;
  vertical-align: middle;
}

#collapse-checkout-confirm table>tbody>tr>td {
  padding: 9px 8px;
  border: 1px solid #dfe3e5;
  color: #5f696f;
  vertical-align: middle;
}

#collapse-checkout-confirm table>tbody>tr:hover {
  background: #fff;
}

#collapse-checkout-confirm table>tbody>tr>td:first-child {
  color: #304955;
}

#collapse-checkout-confirm table>tbody>tr>td:first-child a {
  color: #304955;
  text-decoration: none;
}

#collapse-checkout-confirm table>tbody>tr>td:first-child a:hover,
#collapse-checkout-confirm table>tbody>tr>td:first-child a:focus {
  color: #ef7d00;
  text-decoration: none;
}

/* Product options */

#collapse-checkout-confirm table small {
  color: #7a858a;
  font-size: 12px;
}

/* Totals */

#collapse-checkout-confirm table>tfoot>tr>td {
  padding: 9px 8px;
  border: 0;
  border-top: 1px solid #dfe3e5;
  color: #5f696f;
}

#collapse-checkout-confirm table>tfoot>tr:first-child>td {
  padding-top: 14px;
}

#collapse-checkout-confirm table>tfoot>tr:last-child>td {
  padding-bottom: 14px;
}

#collapse-checkout-confirm table>tfoot>tr:last-child>td {
  color: #304955;
  font-size: 16px;
  font-weight: 600;
}

#collapse-checkout-confirm table>tfoot>tr>td strong {
  color: #5f696f;
  font-weight: 600;
}

#collapse-checkout-confirm table>tfoot>tr:last-child>td strong {
  color: #304955;
}


/* Payment module / Place Order */

#collapse-checkout-confirm #button-confirm,
#collapse-checkout-confirm .buttons .btn {
  min-width: 130px;
  min-height: 44px;
  padding: 10px 22px;
  border: 1px solid #2b2b2b;
  border-radius: 3px;
  background: #2b2b2b;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
  transition: background .2s ease, border-color .2s ease;
}

#collapse-checkout-confirm #button-confirm:hover,
#collapse-checkout-confirm #button-confirm:focus,
#collapse-checkout-confirm .buttons .btn:hover,
#collapse-checkout-confirm .buttons .btn:focus {
  border-color: #ef7d00;
  background: #ef7d00;
  color: #fff;
  box-shadow: none;
}


/* Mobile */

@media (max-width: 767px) {

  #collapse-checkout-confirm .table-responsive {
    margin-bottom: 0;
    border: 0;
  }

  #collapse-checkout-confirm table {
    min-width: 680px;
  }

  #collapse-checkout-confirm table>thead>tr>td,
  #collapse-checkout-confirm table>tbody>tr>td {
    padding: 8px 7px;
  }

  #collapse-checkout-confirm table>tfoot>tr>td {
    padding: 8px 7px;
  }

  #collapse-checkout-confirm table>tfoot>tr:last-child>td {
    font-size: 15px;
  }

  #collapse-checkout-confirm #button-confirm,
  #collapse-checkout-confirm .buttons .btn {
    width: 100%;
  }
}

/* =========================================================
   09.45 Checkout - Confirm Order Mobile Fix
   ========================================================= */

@media (max-width: 767px) {

  #collapse-checkout-confirm .table-responsive {
    overflow-x: visible;
  }

  #collapse-checkout-confirm table {
    width: 100%;
    min-width: 0 !important;
    table-layout: fixed;
  }

  /* Product / Quantity / Unit / Total */

  #collapse-checkout-confirm table th:first-child,
  #collapse-checkout-confirm table td:first-child {
    width: 58%;
  }

  #collapse-checkout-confirm table th:nth-child(2),
  #collapse-checkout-confirm table td:nth-child(2) {
    width: 12%;
    text-align: center;
  }

  #collapse-checkout-confirm table th:nth-child(3),
  #collapse-checkout-confirm table td:nth-child(3) {
    width: 15%;
  }

  #collapse-checkout-confirm table th:nth-child(4),
  #collapse-checkout-confirm table td:nth-child(4) {
    width: 15%;
  }

  /* Product names */

  #collapse-checkout-confirm table>tbody>tr>td:first-child {
    white-space: normal !important;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  /* Compact cells */

  #collapse-checkout-confirm table>thead>tr>td,
  #collapse-checkout-confirm table>tbody>tr>td {
    padding: 9px 6px;
    font-size: 13px;
  }

  #collapse-checkout-confirm table>thead>tr>td {
    font-size: 12px;
  }

  /* Totals */

  #collapse-checkout-confirm table>tfoot>tr>td {
    padding: 8px 6px;
    font-size: 12px;
  }

  #collapse-checkout-confirm table>tfoot>tr:last-child>td {
    font-size: 14px;
  }

  /* Place Order */

  #collapse-checkout-confirm .payment {
    width: 100%;
  }

  #collapse-checkout-confirm .payment .buttons {
    width: 100%;
  }

  #collapse-checkout-confirm #button-confirm,
  #collapse-checkout-confirm .buttons .btn {
    width: 100%;
  }
}

/* =========================================================
   09.46 Checkout - Confirm Totals Mobile
   ========================================================= */

@media (max-width: 767px) {

  #collapse-checkout-confirm table>tfoot>tr>td {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  /* Total labels */
  #collapse-checkout-confirm table>tfoot>tr>td:first-child {
    width: 85% !important;
    text-align: right;
    line-height: 1.35;
  }

  /* Total values */
  #collapse-checkout-confirm table>tfoot>tr>td:last-child {
    width: 15% !important;
    white-space: nowrap !important;
    text-align: right;
  }

  #collapse-checkout-confirm table>tfoot>tr>td strong {
    white-space: normal !important;
  }

  #collapse-checkout-confirm table>tfoot>tr:last-child>td {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /* Place Order */
  #collapse-checkout-confirm #button-confirm,
  #collapse-checkout-confirm .buttons .btn {
    border-color: #2b2b2b !important;
    background: #2b2b2b !important;
    color: #fff !important;
  }

  #collapse-checkout-confirm #button-confirm:hover,
  #collapse-checkout-confirm #button-confirm:focus,
  #collapse-checkout-confirm .buttons .btn:hover,
  #collapse-checkout-confirm .buttons .btn:focus {
    border-color: #ef7d00 !important;
    background: #ef7d00 !important;
    color: #fff !important;
  }
}

/* =========================================================
   09.47 Checkout - Confirm Table Final Mobile
   ========================================================= */

@media (max-width: 767px) {

  #collapse-checkout-confirm table {
    table-layout: fixed;
  }

  /* Product name */
  #collapse-checkout-confirm table th:first-child,
  #collapse-checkout-confirm table td:first-child {
    width: 54% !important;
  }

  /* Quantity */
  #collapse-checkout-confirm table th:nth-child(2),
  #collapse-checkout-confirm table td:nth-child(2) {
    width: 10% !important;
    text-align: center;
  }

  /* Unit price */
  #collapse-checkout-confirm table th:nth-child(3),
  #collapse-checkout-confirm table td:nth-child(3) {
    width: 18% !important;
    text-align: right;
  }

  /* Total */
  #collapse-checkout-confirm table th:nth-child(4),
  #collapse-checkout-confirm table td:nth-child(4) {
    width: 18% !important;
    text-align: right;
  }

  /* Headers */
  #collapse-checkout-confirm table>thead>tr>td {
    padding: 8px 4px;
    font-size: 11px;
    line-height: 1.15;
    white-space: normal;
  }

  /* Numeric cells */
  #collapse-checkout-confirm table>tbody>tr>td:nth-child(2),
  #collapse-checkout-confirm table>tbody>tr>td:nth-child(3),
  #collapse-checkout-confirm table>tbody>tr>td:nth-child(4) {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 12px;
    white-space: nowrap;
  }

  /* Total value */
  #collapse-checkout-confirm table>tfoot>tr>td:last-child {
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap !important;
  }
}

/* =========================================================
   09.48 Checkout - Place Order Button
   ========================================================= */

#collapse-checkout-confirm .payment .btn,
#collapse-checkout-confirm .buttons .btn {
  min-width: 130px !important;
  min-height: 44px !important;
  padding: 10px 22px !important;

  border: 1px solid #2b2b2b !important;
  border-radius: 3px !important;

  background: #2b2b2b !important;
  background-image: none !important;

  color: #fff !important;

  font-size: 14px !important;
  font-weight: 600 !important;

  text-shadow: none !important;
  box-shadow: none !important;

  transition:
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease !important;
}

#collapse-checkout-confirm .payment .btn:hover,
#collapse-checkout-confirm .payment .btn:focus,
#collapse-checkout-confirm .buttons .btn:hover,
#collapse-checkout-confirm .buttons .btn:focus {
  border-color: #ef7d00 !important;
  background: #ef7d00 !important;
  background-image: none !important;
  color: #fff !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Mobile */

@media (max-width: 767px) {

  #collapse-checkout-confirm .payment .btn,
  #collapse-checkout-confirm .buttons .btn {
    width: 100% !important;
    min-height: 44px !important;
  }
}

/* =========================================================
   09.48 Checkout - Place Order Button Final
   ========================================================= */

#payment button.submit-payment-method-button {
  min-width: 130px !important;
  min-height: 44px !important;
  padding: 10px 22px !important;

  border: 1px solid #2b2b2b !important;
  border-radius: 3px !important;

  background: #2b2b2b !important;
  background-color: #2b2b2b !important;
  background-image: none !important;

  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;

  text-shadow: none !important;
  box-shadow: none !important;
}

#payment button.submit-payment-method-button:hover,
#payment button.submit-payment-method-button:focus {
  border-color: #ef7d00 !important;

  background: #ef7d00 !important;
  background-color: #ef7d00 !important;
  background-image: none !important;

  color: #fff !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  #payment button.submit-payment-method-button {
    width: 100% !important;
  }
}

/* =========================================================
    09.49 Checkout - Step 1 Login / Guest
    ========================================================= */

.bl-checkout-login {
  color: #5f696f;
  font-size: 14px;
  line-height: 1.6;
}

.bl-checkout-login-column {
  min-height: 260px;
}

.bl-checkout-login-column h2 {
  margin: 0 0 10px;
  color: #304955;
  font-size: 28px;
  line-height: 1.25;
  font-weight: 600;
}

.bl-checkout-login-intro {
  margin: 0 0 16px;
  color: #5f696f;
}

.bl-checkout-radio {
  margin: 0 0 10px;
}

.bl-checkout-radio label {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding-left: 27px;
  margin: 0;
  color: #5f696f;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

.bl-checkout-radio input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.bl-radio-box {
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid #aeb7bc;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
  transform: translateY(-50%);
}

.bl-checkout-radio input:checked+.bl-radio-box {
  border-color: #ef7d00;
}

.bl-checkout-radio input:checked+.bl-radio-box:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ef7d00;
}

.bl-radio-text {
  line-height: 1.4;
}

.bl-checkout-register-text {
  max-width: 460px;
  margin: 17px 0 18px;
  color: #5f696f;
  line-height: 1.6;
}

.bl-checkout-login-field {
  margin: 0 0 16px;
}

.bl-checkout-login-field label {
  display: block;
  margin: 0 0 7px;
  color: #5f696f;
  font-size: 14px;
  font-weight: 500;
}

.bl-checkout-login-field .form-control {
  width: 100%;
  height: 44px;
  padding: 10px 13px;
  border: 1px solid #d7dde0;
  border-radius: 3px;
  background: #fff;
  color: #4f5c63;
  font-size: 14px;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.bl-checkout-login-field .form-control:focus {
  border-color: #ef7d00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(239, 125, 0, .08);
}

.bl-checkout-forgotten {
  display: inline-block;
  margin-top: 6px;
  color: #ef7d00;
  text-decoration: none;
}

.bl-checkout-forgotten:hover,
.bl-checkout-forgotten:focus {
  color: #d96900;
  text-decoration: underline;
}

.bl-checkout-login-button {
  min-width: 130px;
  min-height: 44px;
  padding: 10px 22px;
  border: 1px solid #2b2b2b !important;
  border-radius: 3px;
  background: #2b2b2b !important;
  background-image: none !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  text-shadow: none !important;
  box-shadow: none !important;
  transition: background .2s ease, border-color .2s ease;
}

.bl-checkout-login-button:hover,
.bl-checkout-login-button:focus {
  border-color: #ef7d00 !important;
  background: #ef7d00 !important;
  background-image: none !important;
  color: #fff !important;
  text-shadow: none !important;
  box-shadow: none !important;
}


/* Mobile */

@media (max-width: 767px) {

  .bl-checkout-login-column {
    min-height: 0;
  }

  .bl-checkout-login-column+.bl-checkout-login-column {
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid #dfe3e5;
  }

  .bl-checkout-login-column h2 {
    font-size: 23px;
    margin-bottom: 9px;
  }

  .bl-checkout-register-text {
    margin-top: 16px;
  }

  .bl-checkout-login-button {
    width: 100%;
  }
}

/* =========================================================
   09.35 Register Account
   ========================================================= */

#account-register #content {
  color: #5f696f;
  font-size: 14px;
  line-height: 1.6;
}

#account-register #content>h1 {
  margin: 0 0 18px;
  color: #304955;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
}

#account-register #content>p {
  margin: 0 0 20px;
  color: #5f696f;
}

/* Section headings */

#account-register fieldset {
  margin: 0 0 26px;
  padding: 0;
  border: 0;
}

#account-register fieldset legend {
  margin: 0 0 18px;
  padding: 0 0 8px;
  width: 100%;
  color: #304955;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 500;
  border-bottom: 1px solid #dfe3e5;
}

/* Form rows */

#account-register .form-group {
  margin-bottom: 14px;
}

#account-register .control-label {
  padding-top: 10px;
  color: #5f696f;
  font-size: 13px;
  font-weight: 500;
}

#account-register .control-label:before {
  color: #ef7d00;
}

#account-register .form-control {
  height: 44px;
  padding: 10px 13px;
  border: 1px solid #d7dde0;
  border-radius: 3px;
  background: #fff;
  color: #4f5c63;
  font-size: 14px;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

#account-register textarea.form-control {
  height: auto;
  min-height: 120px;
}

#account-register .form-control:focus {
  border-color: #ef7d00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(239, 125, 0, .08);
}

#account-register .text-danger {
  margin-top: 5px;
  font-size: 13px;
}

/* Radio / checkbox */

#account-register .radio-inline,
#account-register .checkbox {
  color: #5f696f;
  font-size: 14px;
}

#account-register input[type="radio"],
#account-register input[type="checkbox"] {
  accent-color: #ef7d00;
}

/* Bottom agreement + button */

#account-register .buttons {
  margin-top: 10px;
  padding-top: 8px;
}

#account-register .buttons .pull-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
}

#account-register .buttons .btn {
  min-width: 130px;
  min-height: 44px;
  padding: 10px 22px;
  border: 1px solid #2b2b2b;
  border-radius: 3px;
  background: #2b2b2b;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
  transition: background .2s ease, border-color .2s ease;
}

#account-register .buttons .btn:hover,
#account-register .buttons .btn:focus {
  border-color: #ef7d00;
  background: #ef7d00;
  color: #fff;
  box-shadow: none;
}

/* Terms link */

#account-register .buttons a {
  color: #304955;
  font-weight: 600;
  text-decoration: none;
}

#account-register .buttons a:hover,
#account-register .buttons a:focus {
  color: #ef7d00;
  text-decoration: none;
}

/* Active Register item in account menu */

body:has(#account-register) #column-right .list-group-item[href*="route=account/register"] {
  background: #f7f8f9 !important;
  color: #ef7d00 !important;
}


/* Mobile */

@media (max-width: 767px) {

  #account-register #content>h1 {
    margin-bottom: 16px;
    font-size: 24px;
  }

  #account-register #content>p {
    margin-bottom: 20px;
  }

  #account-register fieldset {
    margin-bottom: 24px;
  }

  #account-register fieldset legend {
    margin-bottom: 16px;
    font-size: 19px;
  }

  #account-register .form-group {
    margin-bottom: 15px;
  }

  #account-register .control-label {
    padding-top: 0;
    margin-bottom: 6px;
    text-align: left;
  }

  #account-register .form-group>.col-sm-2,
  #account-register .form-group>.col-sm-10 {
    width: 100%;
  }

  #account-register .form-control {
    height: 44px;
  }

  #account-register .buttons {
    margin-top: 4px;
    padding-top: 0;
  }

  #account-register .buttons .pull-right {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  #account-register .buttons .btn {
    width: 100%;
  }

}

/* Register - Newsletter */

#account-register .bl-register-radio {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  position: relative;
  margin: 0 18px 0 0;
  padding: 0;
  color: #5f696f;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer;
}

#account-register .bl-register-radio input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

#account-register .bl-register-radio-dot {
  position: relative;
  display: block;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  border: 1px solid #aeb7bc;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}

#account-register .bl-register-radio input:checked+.bl-register-radio-dot {
  border-color: #ef7d00;
}

#account-register .bl-register-radio input:checked+.bl-register-radio-dot:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ef7d00;
}

#account-register .bl-register-radio-text {
  display: block;
  line-height: 20px;
}


/* Mobile */

@media (max-width: 767px) {

  #account-register .bl-register-radio {
    margin-right: 16px;
  }

}


/* Register agreement checkbox */

/* #account-register input[name="agree"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  margin: 0 0 0 7px;
  padding: 0;
  border: 1px solid #aeb7bc;
  border-radius: 3px;
  background: #fff;
  vertical-align: -5px;
  cursor: pointer;
  box-shadow: none;
}

#account-register input[name="agree"]:checked {
  border-color: #ef7d00;
  background: #ef7d00;
  position: relative;
}

#account-register input[name="agree"]:checked:after {
  content: "";
  display: block;
  width: 6px;
  height: 11px;
  margin: 2px auto 0;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
} */


/* Mobile agreement */

/* @media (max-width: 767px) {

  #account-register .buttons .pull-right {
    display: block;
    width: 100%;
    text-align: left;
  }

  #account-register input[name="agree"] {
    margin-left: 7px;
    vertical-align: -5px;
  }

  #account-register .buttons .btn {
    display: block;
    width: 100%;
    margin-top: 18px;
  }

} */

/* Register - agreement alignment on desktop */

#account-register .buttons .pull-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  width: 100%;
}

#account-register .bl-register-agree {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  color: #5f696f;
  line-height: 20px;
}

#account-register .bl-register-agree input[type="checkbox"] {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin: 0 0 0 7px;
  padding: 0;
}

/* Continue button must never shrink */

#account-register .buttons .pull-right>.btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 767px) {

  #account-register .buttons .pull-right {
    display: block;
    width: 100%;
  }

  #account-register .bl-register-agree {
    display: flex;
    width: 100%;
    align-items: flex-start;
  }

  #account-register .bl-register-agree input[type="checkbox"] {
    flex: 0 0 20px;
    margin: 1px 0 0 7px;
  }

  #account-register .buttons .pull-right>.btn {
    display: block;
    width: 100%;
    margin-top: 18px;
  }

}

/* ==========================================================================
   09.35 Product Compare
========================================================================== */

#product-compare #content {
  color: #5f696f;
  font-size: 14px;
  line-height: 1.55;
}

#product-compare #content>h1 {
  margin: 0 0 24px;
  color: #304955;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
}

/* Compare table */
#product-compare .table {
  width: 100%;
  margin: 0;
  border: 1px solid #dfe3e5;
  border-collapse: collapse;
  background: #fff;
}

#product-compare .table>thead>tr>td {
  padding: 12px 14px;
  border: 1px solid #dfe3e5;
  background: #f7f8f9;
  color: #304955;
  font-weight: 600;
}

#product-compare .table>tbody>tr>td {
  padding: 10px 12px;
  border: 1px solid #dfe3e5;
  vertical-align: middle;
  color: #5f696f;
}

/* Parameter names */
#product-compare .table>tbody>tr>td:first-child {
  width: 115px;
  color: #6b7479;
  font-weight: 500;
}

/* Product names */
#product-compare .table>tbody>tr:first-child>td:not(:first-child) a {
  color: #304955;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.45;
}

#product-compare .table>tbody>tr:first-child>td:not(:first-child) a:hover,
#product-compare .table>tbody>tr:first-child>td:not(:first-child) a:focus {
  color: #ef7d00;
  text-decoration: none;
}

/* Product images */
#product-compare .table .img-thumbnail {
  display: block;
  width: 250px;
  max-width: 100%;
  height: 250px;
  margin: 0 auto;
  padding: 0;
  border: 1px solid #dfe3e5;
  border-radius: 3px;
  object-fit: contain;
  background: #fff;
}

/* Price */
#product-compare .table strike {
  margin-right: 5px;
  color: #aeb4b7;
}

#product-compare .table strike+* {
  color: #304955;
  font-weight: 600;
}

/* Description */
#product-compare .table .description {
  max-width: 430px;
  line-height: 1.55;
}

/* Rating */
#product-compare .table .rating {
  color: #ef7d00;
  white-space: nowrap;
}

#product-compare .table .rating .fa-stack {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

#product-compare .table .rating .fa-stack-2x {
  font-size: 14px;
}

/* Attribute group headers */
#product-compare .table>thead+tbody>tr>td:first-child,
#product-compare .table>thead>tr>td strong {
  color: #304955;
}

/* Bottom buttons */
#product-compare .table>tr:last-child>td,
#product-compare .table>tbody:last-child>tr:last-child>td {
  padding: 12px;
}

#product-compare .table .btn {
  min-height: 42px;
  padding: 10px 18px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

#product-compare .table .btn-primary {
  border-color: #2b2b2b;
  background: #2b2b2b;
  color: #fff;
}

#product-compare .table .btn-primary:hover,
#product-compare .table .btn-primary:focus {
  border-color: #ef7d00;
  background: #ef7d00;
  color: #fff;
}

#product-compare .table .btn-danger {
  margin-top: 5px;
  border-color: #d9534f;
  background: #d9534f;
  color: #fff;
}

#product-compare .table .btn-danger:hover,
#product-compare .table .btn-danger:focus {
  border-color: #c9302c;
  background: #c9302c;
  color: #fff;
}

/* Empty compare */
#product-compare #content>p {
  margin: 0 0 20px;
  color: #5f696f;
}

#product-compare #content>.buttons {
  margin-top: 20px;
}

#product-compare #content>.buttons .btn {
  min-height: 42px;
  padding: 10px 22px;
  border: 1px solid #2b2b2b;
  border-radius: 3px;
  background: #2b2b2b;
  color: #fff;
  font-weight: 600;
}

#product-compare #content>.buttons .btn:hover,
#product-compare #content>.buttons .btn:focus {
  border-color: #ef7d00;
  background: #ef7d00;
  color: #fff;
}


/* Mobile */
@media (max-width: 767px) {

  #product-compare #content>h1 {
    margin-bottom: 18px;
    font-size: 24px;
  }

  #product-compare #content {
    overflow: visible;
  }

  #product-compare .table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: normal;
  }

  #product-compare .table>thead,
  #product-compare .table>tbody {
    width: auto;
  }

  #product-compare .table>thead>tr>td,
  #product-compare .table>tbody>tr>td {
    padding: 9px 10px;
    font-size: 13px;
  }

  #product-compare .table>tbody>tr>td:first-child {
    min-width: 105px;
    width: 105px;
  }

  #product-compare .table>tbody>tr>td:not(:first-child) {
    min-width: 190px;
  }

  #product-compare .table .img-thumbnail {
    width: 180px;
    height: 180px;
  }

  #product-compare .table .description {
    max-width: none;
  }

  #product-compare .table .btn {
    min-height: 40px;
    padding: 9px 14px;
  }
}

/* Compare refinements */

#product-compare .table>thead>tr>td {
  padding: 10px 14px;
  font-size: 13px;
}

#product-compare .table>tbody>tr>td:first-child {
  font-size: 13px;
  font-weight: 600;
}

/* Image row */
#product-compare .table>tbody>tr:nth-child(2)>td {
  padding-top: 10px;
  padding-bottom: 10px;
}

#product-compare .table .img-thumbnail {
  width: 250px;
  height: 250px;
}

/* Bottom buttons */
#product-compare .table .btn {
  width: 100%;
  min-height: 42px;
  padding: 9px 18px;
}

#product-compare .table .btn-danger {
  color: #fff !important;
  margin-top: 5px;
}

/* Keep Remove text white on hover/focus */
#product-compare .table .btn-danger:hover,
#product-compare .table .btn-danger:focus {
  color: #fff !important;
}

/* Compare — remove image frame */

#product-compare .img-thumbnail {
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#product-compare .bl-compare-price {
  white-space: nowrap;
  vertical-align: middle;
}

#product-compare .bl-compare-price-old {
  margin-right: 8px;
  color: #b5bcc0;
  font-size: 13px;
  text-decoration: line-through;
}

#product-compare .bl-compare-price-current {
  color: #163845;
  font-size: 17px;
  font-weight: 700;
}

/* Availability */

#product-compare .bl-compare-availability {
  vertical-align: middle;
}

#product-compare .bl-compare-stock {
  color: #63b746;
  font-size: 14px;
  font-weight: 600;
}

/* ==========================================
   09.35 Floating New / Special navigation
   ========================================== */

.bl-floating-catalog {
  position: fixed;
  right: 0;
  left: auto;
  top: 0;
  transform: none;

  z-index: 999;
  display: flex;
  flex-direction: column;
  width: 130px;
  background: #fff;
  border: 1px solid #dfe3e5;
  border-right: none;
  border-radius: 3px 0 0 3px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.bl-floating-catalog-item {
  display: flex;
  align-items: center;
  position: relative;
  gap: 6px;
  min-height: 38px;
  padding: 7px 9px;
  color: #304955;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none !important;
  transition: background .2s ease, color .2s ease;
}

/* Icon */

.bl-floating-icon {
  flex: 0 0 18px;
  width: 18px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

.bl-floating-new {
  border-left: 3px solid #64b900;
}

.bl-floating-new .bl-floating-icon {
  color: #64b900;
}

.bl-floating-special {
  border-left: 3px solid #ef7d00;
}

.bl-floating-special .bl-floating-icon {
  color: #ef7d00;
}

/* Divider */

.bl-floating-catalog-item+.bl-floating-catalog-item {
  border-top: 1px solid #e5e8ea;
}

/* Hover */

.bl-floating-catalog-item:hover,
.bl-floating-catalog-item:focus {
  background: #f7f8f9;
  color: #304955;
  text-decoration: none !important;
}

.bl-floating-new:hover .bl-floating-icon,
.bl-floating-new:focus .bl-floating-icon {
  color: #64b900;
}

.bl-floating-special:hover .bl-floating-icon,
.bl-floating-special:focus .bl-floating-icon {
  color: #ef7d00;
}

/* Mobile */

@media (max-width: 767px) {
  .bl-floating-catalog {
    display: none !important;
  }
}



/* Hide old New / Special links block in category sidebar */
.bl-sidebar-links {
  display: none !important;
}

.bl-banner-image {
  display: block;
  width: 100%;
  height: auto;
}

/* Mobile */
@media (max-width: 767px) {

  .banner-viewport {
    overflow: hidden;
  }

  .bl-banner-image {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center center;
  }

}

/* ==========================================================
   09.XX Login — mobile layout
========================================================== */

@media (max-width: 767px) {

  #account-login {
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }

  #account-login #content {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  #account-login #content>.row {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #account-login #content>.row>.col-sm-6 {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    float: none !important;
    clear: both !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #account-login #content>.row>.col-sm-6:last-child {
    margin-bottom: 0 !important;
  }

  #account-login .well {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    padding: 24px !important;
  }

}

/* Login — mobile spacing & radius */

@media (max-width: 767px) {

  #account-login #content {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }

  #account-login #content>.row>.col-sm-6 {
    margin-bottom: 20px !important;
  }

  #account-login .well {
    border-radius: 5px !important;
  }

}

/* =========================================
   CHECKOUT — Terms agreement block
   #checkout-checkout
   ========================================= */

#checkout-checkout .buttons.clearfix .pull-right {
  float: none !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  margin: 0 !important;
}

/* Terms text */
#checkout-checkout .buttons.clearfix .pull-right .agree {
  display: inline !important;
}

/* Checkbox */
#checkout-checkout .buttons.clearfix .pull-right input[type="checkbox"] {
  position: static !important;
  opacity: 1 !important;
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  margin: 12px auto 16px auto !important;
  padding: 0 !important;
  flex: none !important;
  accent-color: #f70d00 !important;
  cursor: pointer;
}

/* Continue button */
#checkout-checkout .buttons.clearfix .pull-right input[type="button"] {
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* Social links in footer */
.fSocial.socials_link {
  display: flex;
  align-items: center;
  gap: 10px;
}

.fSocial.socials_link a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #f1f1f3;
  border-radius: 4px;
  color: #304b57;
  text-decoration: none;
  transition: all 0.25s ease;
}

.fSocial.socials_link a i {
  font-size: 18px;
  color: inherit;
}

.fSocial.socials_link a:hover {
  background: #ef7d00;
  color: #ffffff;
  transform: translateY(-2px);
}

.fSocial.socials_link a:active {
  transform: translateY(0);
}