html, body{
  background: var(--koder-background);
}

.koder_fixed_header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: var(--koder-primary);
  transition: box-shadow .2s ease;
}

.koder_fixed_header.koder_is_scrolled{
  box-shadow: 0 8px 24px rgba(0, 0, 0, .10);
}

.koder_header_spacer{
  display: block;
  width: 100%;
  height: 0;
}

main{
  display:block;
  padding-top:6px;
}


.btn.btn-primary,
.btn-primary{
  background-color:var(--koder-btn-primary-bg);
  border-color:var(--koder-btn-primary-border);
  color:var(--koder-btn-primary-text);
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
  background-color:var(--koder-btn-primary-bg);
  border-color:var(--koder-btn-primary-border);
  color:var(--koder-btn-primary-text);
}
.btn.btn-light,
.btn-light{
  background-color:var(--koder-btn-light-bg);
  border-color:var(--koder-btn-light-border);
  color:var(--koder-btn-light-text);
}
.btn.btn-light:hover,
.btn.btn-light:focus,
.btn.btn-light:active,
.btn-light:hover,
.btn-light:focus,
.btn-light:active{
  background-color:var(--koder-btn-light-bg);
  border-color:var(--koder-btn-light-border);
  color:var(--koder-btn-light-text);
}
.btn.btn-secondary,
.btn-secondary{
  background-color:var(--koder-btn-secondary-bg);
  border-color:var(--koder-btn-secondary-border);
  color:var(--koder-btn-secondary-text);
}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active{
  background-color:var(--koder-btn-secondary-bg);
  border-color:var(--koder-btn-secondary-border);
  color:var(--koder-btn-secondary-text);
}
.btn.btn-danger,
.btn-danger{
  background-color:var(--koder-btn-danger-bg);
  border-color:var(--koder-btn-danger-border);
  color:var(--koder-btn-danger-text);
}
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active{
  background-color:var(--koder-btn-danger-bg);
  border-color:var(--koder-btn-danger-border);
  color:var(--koder-btn-danger-text);
}
.btn.btn-info,
.btn-info{
  background-color:var(--koder-btn-info-bg);
  border-color:var(--koder-btn-info-border);
  color:var(--koder-btn-info-text);
}
.btn.btn-info:hover,
.btn.btn-info:focus,
.btn.btn-info:active,
.btn-info:hover,
.btn-info:focus,
.btn-info:active{
  background-color:var(--koder-btn-info-bg);
  border-color:var(--koder-btn-info-border);
  color:var(--koder-btn-info-text);
}
.btn.btn-outline-secondary,
.btn-outline-secondary{
  background-color:var(--koder-btn-outline-secondary-bg);
  border-color:var(--koder-btn-outline-secondary-border);
  color:var(--koder-btn-outline-secondary-text);
}
.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary:focus,
.btn.btn-outline-secondary:active,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active{
  background-color:var(--koder-btn-outline-secondary-bg);
  border-color:var(--koder-btn-outline-secondary-border);
  color:var(--koder-btn-outline-secondary-text);
}
.btn.btn-primary i,
.btn.btn-primary svg,
.btn-primary i,
.btn-primary svg,
.btn.btn-light i,
.btn.btn-light svg,
.btn-light i,
.btn-light svg,
.btn.btn-secondary i,
.btn.btn-secondary svg,
.btn-secondary i,
.btn-secondary svg,
.btn.btn-danger i,
.btn.btn-danger svg,
.btn-danger i,
.btn-danger svg,
.btn.btn-info i,
.btn.btn-info svg,
.btn-info i,
.btn-info svg,
.btn.btn-outline-secondary i,
.btn.btn-outline-secondary svg,
.btn-outline-secondary i,
.btn-outline-secondary svg{
  color:inherit;
}

#top{display:none!important;}

.koder_header_row{
  padding:8px 0;
  align-items:center !important;
}

.koder_header_tools{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:0;
}

.koder_header_search{
  flex:1 1 auto;
  min-width:220px;
}

.koder_header_search .form-control,
.koder_header_search .btn{
  height:48px;
}

.koder_header_actions{
  display:flex;
  align-items:center;
  align-self:center;
  gap:.35rem;
  margin-left:auto;
}

.koder_header_text_link,
.koder_wishlist_link,
.koder_header_cart_button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  height:48px;
  padding:0 .75rem;
  text-decoration:none;
  color:var(--koder-header-text-color);
  line-height:1;
  border-radius:4px;
  transition:background .15s, transform .05s;
}

.koder_header_text_link:hover,
.koder_wishlist_link:hover,
.koder_header_cart_button:hover{
  background:#f3f4f6;
}

.koder_wishlist_link:active{
  background:#e5e7eb;
  transform:scale(.97);
}

.koder_header_text_link:active,
.koder_wishlist_link:active,
.koder_header_cart_button:active{
  background:#e5e7eb;
  transform:scale(.97);
}

.koder_header_cart{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  align-self:center;
  margin-bottom:0;
}

.koder_fixed_header,
.koder_fixed_header .container,
.koder_fixed_header .row{
  background:var(--koder-primary);
}

.koder_fixed_header,
.koder_fixed_header a,
.koder_fixed_header button,
.koder_fixed_header .btn,
.koder_fixed_header .input-group-text,
.koder_fixed_header .dropdown-toggle,
.koder_fixed_header .fa-solid,
.koder_fixed_header .fa-regular,
.koder_fixed_header .fa,
.koder_fixed_header i,
.koder_fixed_header svg{
  color:var(--koder-header-icon-color);
}

.koder_fixed_header .form-control{
  color:var(--koder-header-search-text);
}

.koder_fixed_header .koder_header_text_link,
.koder_fixed_header .koder_header_text_link span,
.koder_fixed_header .koder_header_wishlist,
.koder_fixed_header .koder_header_wishlist span,
.koder_fixed_header .koder_header_wishlist i,
.koder_fixed_header .koder_header_cart_button,
.koder_fixed_header .koder_header_cart_button span,
.koder_fixed_header .koder_header_cart_button i{
  color:var(--koder-header-text-color) !important;
}

.koder_fixed_header .koder_header_text_link,
.koder_fixed_header .koder_header_text_link span,
.koder_fixed_header .koder_header_wishlist,
.koder_fixed_header .koder_header_wishlist span,
.koder_fixed_header .koder_header_cart_button span,
.koder_fixed_header .koder_mobile_logo_link{
  color:var(--koder-header-text-color) !important;
}

.koder_fixed_header .koder_header_text_link i,
.koder_fixed_header .koder_header_wishlist i,
.koder_fixed_header .koder_header_cart_button i,
.koder_fixed_header .koder_search_mobile_toggle i,
.koder_mobile_logo_bar,
.koder_mobile_logo_bar a,
.koder_mobile_logo_bar i,
.koder_mobile_logo_bar svg{
  color:var(--koder-header-icon-color) !important;
}

.koder_fixed_header .koder_catalog_button{
  color:var(--koder-header-text-color) !important;
}

.koder_fixed_header .koder_catalog_button .koder_catalog_icon,
.koder_fixed_header .koder_catalog_button .koder_catalog_icon *,
.koder_fixed_header .koder_catalog_button i,
.koder_fixed_header .koder_catalog_button svg{
  color:var(--koder-header-icon-color) !important;
}

.koder_fixed_header .koder_catalog_button{
  background:transparent;
  border:1px solid rgba(255,255,255,.22);
}

.koder_fixed_header .koder_header_text_link:hover,
.koder_fixed_header .koder_wishlist_link:hover,
.koder_fixed_header .koder_catalog_button:hover{
  background:rgba(255,255,255,.08);
}

.koder_fixed_header .koder_header_cart_button:hover{
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
  transform:translateY(-1px);
}

.koder_fixed_header .koder_header_text_link:active,
.koder_fixed_header .koder_wishlist_link:active,
.koder_fixed_header .koder_catalog_button:active,
.koder_fixed_header .koder_catalog_button.koder_is_open{
  background:rgba(255,255,255,.14);
}

.koder_fixed_header .koder_header_cart_button:active{
  background:rgba(255,255,255,.18);
  transform:translateY(0);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
}

.koder_fixed_header #cart.koder_header_cart > .koder_header_cart,
.koder_fixed_header #cart.koder_header_cart,
.koder_fixed_header .koder_header_cart_button{
  display:flex;
  align-items:center;
}

.koder_fixed_header #cart{
  margin-bottom:0;
}

.koder_fixed_header .form-control{
  color:var(--koder-header-search-text);
}


.koder_fixed_header .form-control::placeholder{
  color:color-mix(in srgb, var(--koder-header-search-text) 65%, #ffffff 35%);
}

.koder_fixed_header .koder_search_form{
  background:var(--koder-header-search-bg);
  border:1px solid var(--koder-header-search-border);
  border-radius:4px;
  overflow:hidden;
  min-height:48px;
}

.koder_fixed_header .koder_search_form .form-control{
  border:0;
  background:var(--koder-header-search-bg);
  color:var(--koder-header-search-text);
  padding-top:.5rem;
  padding-bottom:.5rem;
}

.koder_fixed_header .koder_search_form .btn{
  background:var(--koder-header-search-bg);
  border:0;
  border-left:1px solid var(--koder-header-search-border);
  color:var(--koder-header-search-icon-color);
  padding:0 1rem;
}

.koder_fixed_header .koder_search_form .btn:hover{
  background:color-mix(in srgb, var(--koder-header-search-bg) 92%, #000000 8%);
}

.koder_fixed_header .koder_search_form .btn:active,
.koder_fixed_header .koder_search_form .btn:focus,
.koder_fixed_header .koder_search_form .btn:focus-visible{
  background:color-mix(in srgb, var(--koder-header-search-bg) 88%, #000000 12%);
  color:var(--koder-header-search-icon-color);
  box-shadow:none;
}

.koder_fixed_header .koder_search_form button[type="submit"] i,
.koder_fixed_header .koder_search_form button[type="submit"] svg{
  color:var(--koder-header-search-icon-color) !important;
}

.koder_fixed_header .koder_catalog_dropdown,
.koder_fixed_header .dropdown-menu{
  background:var(--bs-body-bg);
}

.koder_fixed_header .koder_catalog_dropdown a,
.koder_fixed_header .koder_catalog_dropdown button,
.koder_fixed_header .dropdown-menu a,
.koder_fixed_header .dropdown-menu button{
  color:var(--koder-header-search-text);
}


.koder_cart_icon_wrap,
.koder_wishlist_icon_wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}

.koder_cart_badge,
.koder_wishlist_badge{
  position:absolute;
  top:-8px;
  right:-10px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:var(--koder-header-badge-bg) !important;
  color:var(--koder-header-badge-text) !important;
  -webkit-text-fill-color:var(--koder-header-badge-text) !important;
  font-size:11px;
  line-height:18px;
  text-align:center;
  font-weight:700;
  display:none;
}

.koder_cart_badge.koder_visible,
.koder_wishlist_badge.koder_visible{
  display:inline-block;
}

.koder_fixed_header .koder_header_wishlist #koder_wishlist_badge,
.koder_fixed_header .koder_header_cart_button #koder_cart_badge{
  color:var(--koder-header-badge-text) !important;
  -webkit-text-fill-color:var(--koder-header-badge-text) !important;
}

@media (max-width:767px){
  .koder_header_tools{
    flex-wrap:wrap;
  }

  .koder_header_search{
    flex:1 1 100%;
  }
}

.koder_breadcrumb_scroll_wrap{
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
ul.breadcrumb{
  display:flex;
  flex-wrap:nowrap !important;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  padding-bottom:8px;
  align-items:stretch;
  background:var(--koder-breadcrumb-bg);
}
ul.breadcrumb::-webkit-scrollbar{
  height:6px;
}
ul.breadcrumb::-webkit-scrollbar-thumb{
  background:rgba(0,0,0,.18);
  border-radius:999px;
}
ul.breadcrumb .breadcrumb-item{
  flex:0 0 auto;
  white-space:nowrap;
  display:flex;
  align-items:stretch;
}

ul.breadcrumb > li.breadcrumb-item > a{
  color:var(--koder-breadcrumb-link);
}

ul.breadcrumb > li.breadcrumb-item.active,
ul.breadcrumb > li.breadcrumb-item.active > a,
ul.breadcrumb > li.breadcrumb-item:last-child,
ul.breadcrumb > li.breadcrumb-item:last-child > a{
  color:var(--koder-breadcrumb-active);
}


.koder_catalog_container{
  width:auto;
  flex:0 0 auto;
}
.koder_header_brand_zone{
  display:flex;
  align-items:center;
  gap:1rem;
}
.koder_header_logo_link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  line-height:1;
}
.koder_header_logo_link img{
  display:block;
  height:48px;
  width:auto;
  max-width:180px;
  object-fit:contain;
}
@media (min-width:1200px){
  .koder_header_row{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:1rem;
    align-items:center !important;
  }
  .koder_header_row > .col-md-3,
  .koder_header_row > .col-md-9{
    width:auto;
    max-width:none;
    flex:none;
    padding-left:0;
    padding-right:0;
    min-width:0;
  }
  .koder_header_tools{
    width:100%;
    gap:.75rem;
  }
  .koder_header_search{
    flex:1 1 auto;
    width:auto;
    min-width:0;
    max-width:none;
  }
  .koder_header_search .koder_search_wrap{
    width:100%;
    min-width:0;
  }
  .koder_header_actions{
    margin-left:0;
    flex:0 0 auto;
  }
}
.koder_catalog_wrap{
  position:relative;
  display:inline-block;
  width:auto;
  max-width:none;
}
.koder_catalog_button{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:.75rem;
  width:auto;
  min-width:0;
  height:48px;
  padding:0 1rem;
  border:0;
  border-radius:4px;
  text-decoration:none;
  color:#212529;
  background:var(--bs-body-bg);
  transition:background .15s, transform .05s, border-color .15s;
}
.koder_catalog_icon{
  display:inline-flex;
  width:20px;
  height:20px;
  flex:0 0 20px;
  align-items:center;
  justify-content:center;
}
.koder_catalog_grid{
  width:18px;
  height:18px;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  grid-template-rows:repeat(2, 1fr);
  gap:4px;
}
.koder_catalog_square{
  display:block;
  width:7px;
  height:7px;
  border:1.6px solid currentColor;
  border-radius:1px;
  background:transparent;
  box-sizing:border-box;
  transition:transform .18s ease;
  transform-origin:center;
}
.koder_catalog_button:hover{
  background:#f3f4f6;
}
.koder_catalog_button:active,
.koder_catalog_button.koder_is_open{
  background:#e5e7eb;
  transform:scale(.99);
}
.koder_catalog_button_left{
  display:inline-flex;
  align-items:center;
  gap:.65rem;
}
.koder_catalog_dropdown{
  position:absolute;
  top:100%;
  left:0;
  width:280px;
  min-width:280px;
  margin-top:0;
  background:var(--bs-body-bg);
  border:1px solid var(--bs-border-color);
  border-radius:4px;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
    display:none;
  z-index:1050;
  overflow:hidden;
}
.koder_catalog_dropdown.koder_is_open{
  display:block;
}
.koder_catalog_list{
  list-style:none;
  margin:0;
  padding:0;
}
.koder_catalog_item{
  display:block;
  width:100%;
  padding:.9rem 1rem;
  color:#212529;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.koder_catalog_item:hover{
  background:#f8f9fa;
}
.koder_catalog_item:active{
  background:#e9ecef;
}
@media (max-width:767px){
  .koder_catalog_wrap{
    width:auto;
    max-width:none;
  }
  .koder_catalog_button{
    min-width:140px;
  }
  .koder_catalog_dropdown{
    width:280px;
    min-width:280px;
  }
}


.koder_catalog_button.koder_is_open .koder_catalog_square_4{
  transform:rotate(45deg);
}
@media (min-width:768px) and (max-width:1199.98px){
  .koder_fixed_header{
    box-shadow:0 8px 24px rgba(0, 0, 0, .10);
  }
  .koder_header_row{
    min-height:48px;
    padding:8px 0;
    align-items:center !important;
  }
  .koder_header_brand_zone{
    gap:.65rem;
  }
  .koder_header_logo_link img{
    height:48px;
    max-width:180px;
  }
  .koder_header_tools{
    display:flex;
    gap:.35rem;
    align-items:center;
    justify-content:flex-end;
    min-width:0;
  }
  .koder_header_search{
    min-width:48px;
    width:48px;
    flex:0 0 48px;
    margin-right:0;
  }
  .koder_header_search .koder_search_wrap{
    width:48px;
  }
  .koder_header_actions{
    display:flex !important;
    flex-wrap:nowrap;
    gap:.25rem;
    margin-left:0;
    min-width:max-content;
    flex:0 0 auto;
  }
  .koder_header_actions .koder_header_text_link,
  .koder_header_actions .koder_header_wishlist{
    min-width:48px;
    width:48px;
    height:48px;
    padding:0;
    gap:0;
  }
  .koder_header_actions .koder_header_text_link:not(.koder_header_wishlist) span,
  .koder_header_actions .koder_header_wishlist > span#wishlist-total-compact{
    display:none !important;
  }
  .koder_header_actions .koder_header_text_link i,
  .koder_header_actions .koder_header_wishlist i{
    font-size:1rem;
    margin:0;
  }
  .koder_header_cart{
    flex:none;
    width:auto;
    min-width:48px;
    margin-left:0;
  }
  .koder_header_cart .koder_header_cart_button{
    white-space:nowrap;
    min-width:48px;
    width:48px;
    height:48px;
    padding:0;
    gap:0 !important;
    justify-content:center;
  }
  .koder_header_cart #koder_header_cart_text{
    display:none;
  }
  .koder_header_cart .koder_header_cart_button i{
    font-size:1rem;
    margin:0;
  }
}


@media (max-width:767px){
  html, body{
    overflow-x:hidden;
  }
  .koder_fixed_header .container{
    padding-top:8px;
    padding-bottom:8px;
  }
  .koder_header_row{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:.35rem;
    padding:0;
    min-height:48px;
    align-items:center !important;
  }
  .koder_header_row > .col-md-3,
  .koder_header_row > .col-md-9{
    width:auto;
    max-width:none;
    flex:none;
    padding-left:0;
    padding-right:0;
    min-width:0;
  }
  .koder_header_row > .col-md-3{
    grid-column:1;
  }
  .koder_header_row > .col-md-9{
    grid-column:2;
    min-width:0;
  }
  .koder_catalog_container{
    width:auto;
    min-width:0;
  }
  .koder_catalog_wrap{
    width:auto;
    max-width:none;
    padding-bottom:0;
  }
  .koder_catalog_button{
    width:auto;
    min-width:0;
    min-height:48px;
    padding:0 .9rem;
    justify-content:flex-start;
    gap:.75rem;
    white-space:nowrap;
  }
  .koder_catalog_button_left{
    gap:.65rem;
  }

  .koder_header_tools{
    display:flex;
    gap:.25rem;
    align-items:center;
    justify-content:flex-end;
    padding:0;
    min-width:0;
    min-height:48px;
  }
  .koder_header_search{
    min-width:48px;
    width:48px;
    flex:0 0 48px;
    margin-right:0;
  }
  .koder_header_search .koder_search_wrap{
    width:48px;
  }
  .koder_header_actions{
    display:flex !important;
    flex-wrap:nowrap;
    gap:.25rem;
    margin-left:0;
    min-width:max-content;
    flex:0 0 auto;
  }
  .koder_header_actions .koder_header_text_link,
  .koder_header_actions .koder_header_wishlist{
    min-width:48px;
    width:48px;
    height:48px;
    padding:0;
    gap:0;
  }
  .koder_header_actions .koder_header_text_link:not(.koder_header_wishlist) span,
  .koder_header_actions .koder_header_wishlist > span#wishlist-total-compact{
    display:none !important;
  }
  .koder_header_actions .koder_header_wishlist,
  .koder_header_actions .koder_header_wishlist .koder_wishlist_icon_wrap{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
  }
  .koder_header_actions .koder_header_text_link i,
  .koder_header_actions .koder_header_wishlist i{
    font-size:1rem;
    margin:0;
  }
  .koder_header_search .koder_search_mobile_toggle{
    display:inline-flex;
    width:48px;
    min-width:48px;
    height:48px;
    padding:0;
    border:0;
    border-radius:4px;
    background:transparent;
    color:inherit;
  }
  .koder_header_search .koder_search_mobile_toggle:hover,
  .koder_header_search .koder_search_mobile_toggle:focus,
  .koder_header_search .koder_search_mobile_toggle:active{
    background:rgba(255,255,255,.14);
    color:inherit;
    box-shadow:none;
  }
  .koder_header_search .koder_search_mobile_toggle i{
    font-size:1rem;
    margin:0;
  }
  .koder_header_cart{
    flex:none;
    width:auto;
    min-width:48px;
    margin-left:0;
  }
  .koder_header_cart .koder_header_cart_button{
    white-space:nowrap;
    min-width:48px;
    width:48px;
    height:48px;
    padding:0;
    gap:0 !important;
    justify-content:center;
  }
  .koder_header_cart #koder_header_cart_text{
    display:none;
  }
  .koder_header_cart .koder_header_cart_button i{
    font-size:1rem;
    margin:0;
  }
  .koder_fixed_header{
    overflow-x:clip;
  }
  .koder_catalog_dropdown{
    box-sizing:border-box;
    max-width:calc(100vw - 24px);
  }
}


/* fix carousel horizontal overflow */
[id^="carousel-banner-"] .row{
  margin-left:0 !important;
  margin-right:0 !important;
}
[id^="carousel-banner-"] .col-12{
  padding-left:0 !important;
  padding-right:0 !important;
}
@media (max-width: 767px){
  [id^="carousel-banner-"] .carousel-control-prev,
  #slideshow .carousel-control-prev,
  [id^="slideshow"] .carousel-control-prev{
    left:0 !important;
    right:auto !important;
    opacity:.7;
  }

  [id^="carousel-banner-"] .carousel-control-next,
  #slideshow .carousel-control-next,
  [id^="slideshow"] .carousel-control-next{
    right:0 !important;
    left:auto !important;
    opacity:.7;
  }

  [id^="carousel-banner-"] .carousel,
  #slideshow.carousel,
  [id^="slideshow"].carousel,
  [id^="slideshow"] .carousel{
    max-width:100%;
  }
}


@media (max-width: 767.98px){
  .koder_fixed_header{
    box-shadow:0 8px 24px rgba(0, 0, 0, .10);
  }
  .koder_mobile_logo_bar{
    display:block;
    position:relative;
    z-index:1001;
    background:var(--bs-body-bg);
    padding:10px 0 8px;
    border-bottom:0;
  }
  .koder_mobile_logo_inner{
    display:flex;
    justify-content:center;
    align-items:center;
  }
  .koder_mobile_logo_link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    line-height:1;
  }
  .koder_mobile_logo_link img{
    display:block;
    height:40px;
    width:auto;
    max-width:min(70vw, 220px);
    object-fit:contain;
  }
  .koder_fixed_header{
    position:sticky;
    top:0;
    z-index:1002;
    overflow:visible;
  }
  .koder_fixed_header .koder_header_row{
    margin-top:0;
    --bs-gutter-y:0;
  }
  .koder_header_spacer{
    display:none;
  }
  .koder_header_brand_zone{
    gap:.5rem;
  }
  .koder_header_logo_link{
    display:none;
  }
  .koder_header_search,
  .koder_header_search .koder_search_wrap{
    position:relative;
    z-index:1004;
  }
}

@media (min-width: 768px){
  .koder_mobile_logo_bar{
    display:none;
  }
}

@media (max-width:575.98px){
  div[id^="account-"].container > .row{
    padding-bottom:560px;
  }
}

@media (max-width:1199.98px){
  div[id^="account-"].container > .row{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    row-gap:12px;
    padding-bottom:360px;
    box-sizing:border-box;
  }
  div[id^="account-"].container > .row > #content{
    order:1;
    flex:0 0 100% !important;
    width:100%;
    max-width:100% !important;
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }
  div[id^="account-"].container > .row > #column-right{
    order:2;
    flex:0 0 100% !important;
    width:100%;
    max-width:100% !important;
    padding-bottom:0 !important;
    margin-top:0 !important;
  }
  .koder_search_wrap > .koder_search_form,
  .koder_search_wrap > .koder_search_dropdown{
    display:none !important;
  }
  .koder_header_search{
    min-width:48px;
    width:48px;
    flex:0 0 48px;
    margin-right:0;
  }
  .koder_header_search .koder_search_wrap{
    width:48px;
  }
  .koder_header_search .koder_search_mobile_toggle{
    display:inline-flex !important;
    width:48px;
    min-width:48px;
    height:48px;
    padding:0;
    border:0;
    border-radius:4px;
    background:transparent;
    color:inherit;
    align-items:center;
    justify-content:center;
    box-shadow:none;
  }
  .koder_header_search .koder_search_mobile_toggle:hover,
  .koder_header_search .koder_search_mobile_toggle:focus,
  .koder_header_search .koder_search_mobile_toggle:active{
    background:rgba(255,255,255,.14);
    color:inherit;
    box-shadow:none;
  }
  .koder_header_search .koder_search_mobile_toggle i{
    font-size:1rem;
    margin:0;
  }
}

/* Header polish */
:root{
  --koder-header-control-height:52px;
  --koder-header-mobile-control-height:48px;
  --koder-header-radius:8px;
  --koder-header-soft-border:rgba(255,255,255,.22);
  --koder-header-soft-bg:rgba(255,255,255,.07);
  --koder-header-hover-bg:rgba(255,255,255,.12);
  --koder-header-active-bg:rgba(255,255,255,.17);
}

.koder_fixed_header{
  background:linear-gradient(180deg, color-mix(in srgb, var(--koder-primary) 94%, #ffffff 6%) 0%, var(--koder-primary) 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.koder_fixed_header .container,
.koder_fixed_header .row{
  background:transparent;
}

.koder_header_row{
  min-height:72px;
  padding:10px 0;
}

.koder_header_brand_zone{
  gap:1.15rem;
}

.koder_header_logo_link img{
  height:52px;
  max-width:190px;
}

.koder_header_tools{
  gap:.7rem;
  align-items:center;
}

.koder_header_search,
.koder_header_search .koder_search_wrap{
  display:flex;
  align-items:center;
  min-width:0;
}

.koder_header_search{
  align-self:center;
}

.koder_fixed_header .koder_search_form{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  width:100%;
  height:var(--koder-header-control-height);
  min-height:var(--koder-header-control-height);
  margin:0;
  box-sizing:border-box;
  border:1px solid color-mix(in srgb, var(--koder-header-search-border) 76%, #ffffff 24%);
  border-radius:var(--koder-header-radius);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68), 0 1px 0 rgba(0,0,0,.03);
}

.koder_fixed_header .koder_search_form .form-control{
  height:calc(var(--koder-header-control-height) - 2px);
  min-height:0;
  padding:0 20px;
  font-size:16px;
  line-height:calc(var(--koder-header-control-height) - 2px);
  font-weight:500;
  border-radius:0;
  box-sizing:border-box;
}

.koder_fixed_header .koder_search_form .btn{
  width:60px;
  min-width:60px;
  height:calc(var(--koder-header-control-height) - 2px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  font-size:20px;
  line-height:1;
  border-radius:0;
}

.koder_fixed_header .koder_search_form .btn i{
  display:block;
  line-height:1;
}

.koder_header_text_link,
.koder_wishlist_link,
.koder_header_cart_button,
.koder_catalog_button{
  height:var(--koder-header-control-height);
  min-height:var(--koder-header-control-height);
  border-radius:var(--koder-header-radius);
  font-size:15px;
  font-weight:600;
  letter-spacing:0;
}

.koder_header_text_link,
.koder_wishlist_link,
.koder_header_cart_button{
  padding:0 .82rem;
  background:transparent;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0);
  transition:background .16s ease, box-shadow .16s ease, transform .12s ease;
}

.koder_header_text_link i,
.koder_wishlist_link i,
.koder_header_cart_button i{
  width:20px;
  text-align:center;
  font-size:18px;
  line-height:1;
}

.koder_catalog_button{
  padding:0 1.05rem;
  gap:.8rem;
  background:var(--koder-header-soft-bg) !important;
  border:1px solid var(--koder-header-soft-border) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.koder_catalog_grid{
  width:18px;
  height:18px;
  gap:4px;
}

.koder_catalog_square{
  width:7px;
  height:7px;
  border-width:1.7px;
}

.koder_fixed_header .koder_header_text_link:hover,
.koder_fixed_header .koder_wishlist_link:hover,
.koder_fixed_header .koder_header_cart_button:hover,
.koder_fixed_header .koder_catalog_button:hover{
  background:var(--koder-header-hover-bg) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  transform:none;
}

.koder_fixed_header .koder_header_text_link:active,
.koder_fixed_header .koder_wishlist_link:active,
.koder_fixed_header .koder_header_cart_button:active,
.koder_fixed_header .koder_catalog_button:active,
.koder_fixed_header .koder_catalog_button.koder_is_open{
  background:var(--koder-header-active-bg) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
  transform:translateY(1px);
}

.koder_catalog_dropdown,
.koder_search_dropdown{
  border-radius:var(--koder-header-radius);
  border-color:color-mix(in srgb, var(--bs-border-color) 80%, #000000 20%);
  box-shadow:0 16px 36px rgba(25,39,29,.16);
}

.koder_fixed_header .koder_search_dropdown{
  border-radius:var(--koder-header-radius);
  box-shadow:0 16px 36px rgba(25,39,29,.16);
}

.koder_catalog_dropdown{
  margin-top:8px;
}

.koder_cart_badge,
.koder_wishlist_badge{
  top:-7px;
  right:-9px;
  box-shadow:0 0 0 2px var(--koder-primary);
}

@media (max-width:1199.98px){
  .koder_header_row{
    min-height:64px;
    padding:8px 0;
  }

  .koder_header_logo_link img{
    height:48px;
    max-width:180px;
  }

  .koder_header_tools{
    gap:.35rem;
  }

  .koder_header_text_link,
  .koder_wishlist_link,
  .koder_header_cart_button,
  .koder_catalog_button,
  .koder_header_search .koder_search_mobile_toggle{
    height:var(--koder-header-mobile-control-height);
    min-height:var(--koder-header-mobile-control-height);
    border-radius:var(--koder-header-radius);
  }

  .koder_header_actions .koder_header_text_link,
  .koder_header_actions .koder_header_wishlist,
  .koder_header_cart .koder_header_cart_button,
  .koder_header_search,
  .koder_header_search .koder_search_wrap,
  .koder_header_search .koder_search_mobile_toggle{
    width:var(--koder-header-mobile-control-height);
    min-width:var(--koder-header-mobile-control-height);
    flex-basis:var(--koder-header-mobile-control-height);
  }

  .koder_header_search .koder_search_mobile_toggle,
  .koder_header_actions .koder_header_text_link,
  .koder_header_actions .koder_header_wishlist,
  .koder_header_cart .koder_header_cart_button{
    background:transparent;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,0);
  }
}

@media (max-width:767.98px){
  .koder_fixed_header{
    background:var(--koder-primary);
  }

  .koder_mobile_logo_bar{
    display:none !important;
  }

  .koder_header_row{
    grid-template-columns:auto minmax(0, 1fr);
  }

  .koder_header_brand_zone{
    min-width:0;
    gap:.65rem;
  }

  .koder_header_logo_link{
    display:inline-flex !important;
    flex:0 1 auto;
    min-width:0;
  }

  .koder_header_logo_link img{
    height:34px;
    max-width:clamp(92px, 22vw, 132px);
  }

  .koder_catalog_button{
    padding:0 .9rem;
  }
}

@media (max-width:459.98px){
  .koder_mobile_logo_bar{
    display:none !important;
  }

  .koder_header_logo_link{
    display:inline-flex !important;
  }

  .koder_header_logo_link img{
    height:30px;
    max-width:86px;
  }
}

@media (max-width:767.98px){
  .koder_fixed_header .container{
    padding-left:12px;
    padding-right:12px;
  }

  .koder_header_row{
    display:flex;
    flex-wrap:nowrap;
    align-items:center !important;
    gap:.45rem;
    width:100%;
    --bs-gutter-x:0;
  }

  .koder_header_row > .col-md-3{
    flex:0 1 auto;
    min-width:0;
  }

  .koder_header_row > .col-md-9{
    flex:1 1 auto;
    min-width:0;
  }

  .koder_header_brand_zone{
    flex-wrap:nowrap;
    gap:.45rem;
  }

  .koder_catalog_button{
    min-height:42px;
    height:42px;
    padding:0 .68rem;
    gap:.5rem;
    font-size:15px;
  }

  .koder_catalog_button_left{
    gap:.5rem;
  }

  .koder_catalog_icon{
    width:18px;
    height:18px;
    flex-basis:18px;
  }

  .koder_catalog_grid{
    width:17px;
    height:17px;
    gap:3px;
  }

  .koder_catalog_square{
    width:6.5px;
    height:6.5px;
  }

  .koder_header_logo_link img{
    height:28px;
    max-width:78px;
  }

  .koder_header_tools{
    flex-wrap:nowrap !important;
    gap:.12rem;
    justify-content:flex-end;
    width:100%;
    min-width:0;
    min-height:42px;
  }

  .koder_header_actions{
    flex-wrap:nowrap !important;
    gap:.12rem;
    min-width:0;
    flex:0 0 auto;
  }

  .koder_header_search,
  .koder_header_search .koder_search_wrap,
  .koder_header_search .koder_search_mobile_toggle,
  .koder_header_actions .koder_header_text_link,
  .koder_header_actions .koder_header_wishlist,
  .koder_header_cart,
  .koder_header_cart .koder_header_cart_button{
    width:42px;
    min-width:42px;
    flex:0 0 42px;
  }

  .koder_header_search .koder_search_mobile_toggle,
  .koder_header_actions .koder_header_text_link,
  .koder_header_actions .koder_header_wishlist,
  .koder_header_cart .koder_header_cart_button{
    height:42px;
    min-height:42px;
  }

  .koder_header_actions .koder_header_text_link i,
  .koder_header_actions .koder_header_wishlist i,
  .koder_header_cart .koder_header_cart_button i,
  .koder_header_search .koder_search_mobile_toggle i{
    font-size:17px;
  }
}

@media (max-width:389.98px){
  .koder_header_logo_link{
    display:none !important;
  }

  .koder_catalog_button{
    padding:0 .62rem;
  }

  .koder_header_search,
  .koder_header_search .koder_search_wrap,
  .koder_header_search .koder_search_mobile_toggle,
  .koder_header_actions .koder_header_text_link,
  .koder_header_actions .koder_header_wishlist,
  .koder_header_cart,
  .koder_header_cart .koder_header_cart_button{
    width:40px;
    min-width:40px;
    flex-basis:40px;
  }

  .koder_header_search .koder_search_mobile_toggle,
  .koder_header_actions .koder_header_text_link,
  .koder_header_actions .koder_header_wishlist,
  .koder_header_cart .koder_header_cart_button{
    height:40px;
    min-height:40px;
  }
}

@media (max-width:767.98px){
  html,
  body{
    margin:0 !important;
    padding:0 !important;
  }

  #container{
    top:0 !important;
  }

  #top,
  .koder_mobile_logo_bar,
  .koder_header_spacer{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
  }

  .koder_fixed_header{
    top:0 !important;
    margin-top:0 !important;
  }

  .koder_fixed_header .container{
    padding-top:4px !important;
    padding-bottom:4px !important;
    padding-left:12px;
    padding-right:12px;
  }

  .koder_header_row{
    min-height:40px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    margin-top:0 !important;
  }

  .koder_catalog_button{
    min-height:40px !important;
    height:40px !important;
    padding-left:.62rem;
    padding-right:.62rem;
  }

  .koder_header_logo_link img{
    height:25px;
    max-width:72px;
  }

  .koder_header_tools{
    min-height:40px !important;
  }

  .koder_header_search,
  .koder_header_search .koder_search_wrap,
  .koder_header_search .koder_search_mobile_toggle,
  .koder_header_actions .koder_header_text_link,
  .koder_header_actions .koder_header_wishlist,
  .koder_header_cart,
  .koder_header_cart .koder_header_cart_button{
    width:40px !important;
    min-width:40px !important;
    flex:0 0 40px !important;
  }

  .koder_header_search .koder_search_mobile_toggle,
  .koder_header_actions .koder_header_text_link,
  .koder_header_actions .koder_header_wishlist,
  .koder_header_cart .koder_header_cart_button{
    height:40px !important;
    min-height:40px !important;
  }

  .koder_header_actions .koder_header_text_link i,
  .koder_header_actions .koder_header_wishlist i,
  .koder_header_cart .koder_header_cart_button i,
  .koder_header_search .koder_search_mobile_toggle i{
    font-size:16px;
  }
}