@charset "UTF-8";
a {
  transition-property: color;
  transition-duration: 0.3s;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.btn-close {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: none !important;
  border: 1px solid #f2f2f2;
  font-size: 1.5rem !important;
  font-weight: 400;
  line-height: 1;
  opacity: 1;
  padding: 0 !important;
  width: 40px;
  height: 40px;
  margin: 0 !important;
}
.btn-close:after {
  content: "×";
}
.btn-close.btn-close-white {
  color: #000;
  border-color: #000;
}

.zoomContainer {
  border-radius: 1rem;
  overflow: hidden;
}

@media (max-width: 991.98px) {
  .zoomContainer {
    display: none;
  }
  img[data-zoom-image], .zoomWindow, .zoomContainer {
    pointer-events: none;
  }
}
.daterangepicker {
  font-family: Jost, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.ui-datepicker {
  border: 1px solid #D4C5AC;
  border-radius: 1rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.16);
  padding: 1rem 1rem;
}
.ui-datepicker .ui-datepicker-header {
  background-color: #FFF2DE;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  padding: 0 1rem;
  margin-top: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 1rem;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  border: 1px solid #D4C5AC;
  border-radius: 0.5rem;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
  background-color: #7A4F23;
  border-color: #7A4F23;
}

.slbOverlay {
  background-color: rgba(0, 0, 0, 0.2);
}

.container-fluid {
  max-width: 1864px;
}

.container {
  width: 100%;
  max-width: 1600px;
}

@media (min-width: 768px) {
  .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

h1, .h1 {
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2rem;
  }
}

h1.hide-h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

.fw-semibold {
  font-weight: 500 !important;
}

.form-control, .form-select {
  background-color: #FFEFD5;
  border-color: var(--bs-border-color);
  border-radius: 0.5rem;
  box-shadow: none;
}
.form-control:focus, .form-select:focus {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.form-select-sm {
  font-size: 0.875rem;
  background-position: right 0.5rem center;
  background-size: 9px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
}

input[type=number][name=GuvenlikKodu] {
  -moz-appearance: textfield;
}
input[type=number][name=GuvenlikKodu]::-webkit-outer-spin-button, input[type=number][name=GuvenlikKodu]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-check-input {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  border-radius: 0.25rem;
}

.btn {
  --bs-btn-padding-x: 2rem;
  --bs-btn-padding-y: 1rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.375;
}
.btn.btn-link {
  --bs-btn-font-weight: 400;
}
.btn.btn-primary {
  --bs-btn-color: #FFE3B7;
  --bs-btn-hover-color: #FFE3B7;
  --bs-btn-active-color: #FFE3B7;
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: .5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-weight: 500;
  text-transform: none;
}

.text-bg-danger {
  color: #fff !important;
}

.form-buttons .btn {
  width: 100%;
}

.toast {
  --bs-toast-bg: var(--bs-secondary);
  --bs-toast-color: #000;
}
.toast .btn-close {
  filter: none !important;
  font-size: 1rem !important;
  width: 24px;
  height: 24px;
  opacity: 0.75;
}

#toastMessage .toast-body {
  flex: 1 1 auto;
}

#cookieAlert {
  --bs-toast-bg: rgba(var(--bs-primary-rgb),.85);
  --bs-toast-color: #fff;
  backdrop-filter: blur(5px);
  max-width: 100%;
  width: calc(100% - 1.5rem);
  border: none;
  margin: 0.75rem;
}
#cookieAlert .toast-body {
  padding: 1rem 0.75rem;
  line-height: 1.375 !important;
  text-align: center;
}
#cookieAlert a {
  color: inherit;
  opacity: 0.75;
}
#cookieAlert .btn-outline-primary {
  --bs-btn-color: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #E8E8E8;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #E8E8E8;
}
#cookieAlert .btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #fff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #E8E8E8;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #E8E8E8;
}

#cookieForm .buttons .btn {
  width: calc(50% - 0.25rem) !important;
  padding: 1rem;
}

.dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dropdown-toggle:after {
  content: "\f078";
  margin: 0 0 2px;
  border: none;
  font-family: "Font Awesome 6 Free";
  font-size: 0.75em;
  font-weight: 900;
}

.dropdown-menu {
  --bs-dropdown-bg: #FFDDB9;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-border-color: #FFEEDB;
  --bs-dropdown-box-shadow: $box-shadow;
  --bs-dropdown-border-radius: 1.5rem;
  --bs-dropdown-spacer: 0;
  min-width: 220px;
  animation: slideIn 0.4s;
  -webkit-animation: slideIn 0.35s;
}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-bg: #FFDDB9;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  max-width: calc(100% - 1.5rem);
  margin: 0.75rem;
  border: 1px solid #FFEEDB !important;
  border-radius: 1.5rem;
}
@media (min-width: 576px) {
  .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
    max-width: calc(100% - 2rem);
    margin: 1rem;
  }
}

.modal-header {
  position: relative;
  padding: 1.5rem 2rem;
}
.modal-header:has(.btn-close) {
  padding-right: 3rem;
}
.modal-header .modal-title {
  font-size: 1.25rem;
  font-weight: 500;
}
.modal-header .btn-close {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  border: none !important;
}

.modal {
  --bs-modal-bg: #FFDDB9;
  --bs-modal-header-border-width: 0;
}

.offcanvas-header {
  position: relative;
  padding: 1.5rem 2rem;
}
.offcanvas-header:has(.btn-close) {
  padding-right: 3rem;
}
.offcanvas-header .offcanvas-title {
  font-size: 1.25rem;
  font-weight: 500;
}
.offcanvas-header .btn-close {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  border: none !important;
}

.offcanvas-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.offcanvas-body::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.offcanvas-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.offcanvas-body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.45);
}

body[data-page=homepage] {
  background-image: url("../images/bg.png");
  background-position: right top;
  background-repeat: no-repeat;
  /*
  @include media-breakpoint-up(md) {
      background-size: 56% auto;
  }
  */
}

#cartNav, #mainNav {
  background: linear-gradient(180deg, #F5D1AB 0%, #e9c6a3 calc(100% - 265px));
}
#cartNav .offcanvas-header, #mainNav .offcanvas-header {
  background: url("../images/offcanvas-header.webp") top center no-repeat;
  border-radius: 1.5rem 1.5rem 0 0;
  padding-bottom: 2.5rem;
}
#cartNav .offcanvas-header .btn-close, #mainNav .offcanvas-header .btn-close {
  top: 40%;
}
#cartNav .offcanvas-body, #mainNav .offcanvas-body {
  background: url("../images/offcanvas-bottom.webp") bottom center no-repeat;
  border-radius: 0 0 1.5rem 1.5rem;
}

.slbOverlay {
  background-color: #000;
}

.svg-hidden {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

@media (min-width: 576px) {
  .header-nav {
    gap: calc(3vw - 2rem);
  }
}
@media (min-width: 992px) {
  .header-nav {
    padding-right: 4vw;
    position: relative;
  }
}
.header-nav > button, .header-nav > a, .header-nav .dropdown-toggle {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 100%;
  color: inherit;
  text-decoration: none;
  transition-property: all;
  transition-duration: 0.3s;
}
@media (min-width: 576px) {
  .header-nav > button, .header-nav > a, .header-nav .dropdown-toggle {
    width: 50px;
  }
}
.header-nav > button:hover, .header-nav > button:focus, .header-nav > button:active, .header-nav > button.focus, .header-nav > button.active, .header-nav > a:hover, .header-nav > a:focus, .header-nav > a:active, .header-nav > a.focus, .header-nav > a.active, .header-nav .dropdown-toggle:hover, .header-nav .dropdown-toggle:focus, .header-nav .dropdown-toggle:active, .header-nav .dropdown-toggle.focus, .header-nav .dropdown-toggle.active {
  color: #DEBC86;
}
.header-nav > button[data-cart-qty]:not([data-cart-qty=""]):not([data-cart-qty="0"]):before, .header-nav > a[data-cart-qty]:not([data-cart-qty=""]):not([data-cart-qty="0"]):before, .header-nav .dropdown-toggle[data-cart-qty]:not([data-cart-qty=""]):not([data-cart-qty="0"]):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 6px;
  height: 6px;
  background-color: #DEBC86;
  border-radius: 50em;
  margin: 20px 0 0 -3px;
}
.header-nav .search-btn {
  position: absolute;
  left: 50px;
}
@media (min-width: 576px) {
  .header-nav .search-btn {
    left: calc(50px + 2vw);
  }
}
@media (min-width: 992px) {
  .header-nav .search-btn {
    position: static;
    left: auto;
  }
}
.header-nav .cart-btn {
  position: relative;
  width: 50px;
  background-color: var(--bs-primary);
  background: linear-gradient(168deg, rgb(122, 79, 35) 60%, rgb(97, 124, 76) 100%);
  color: #DEBC86;
  border-left: 2px solid #DEBC86;
  border-right: 2px solid #DEBC86;
}
.header-nav .cart-btn:after {
  content: "";
  position: absolute;
  top: 100%;
  left: -2px;
  width: calc(100% + 4px);
  height: 24px;
  background: url("../images/cart-bg.svg") top center no-repeat;
  background-size: contain;
}
.header-nav .dropdown-toggle {
  height: 86px;
}
.header-nav .dropdown-toggle:after {
  content: none;
}
.header-nav .dropdown-menu:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFDDB9;
  margin-left: -10px;
}
.header-nav .dropdown-menu a {
  display: block;
  padding: 0.25rem 0;
  text-decoration: none;
}
.header-nav .dropdown-menu a:hover {
  color: var(--bs-primary);
}

.main-header {
  position: relative;
  z-index: 1010;
  background-image: url("../images/header-bg.png");
  color: #FFE3B7;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .main-header {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .main-header {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1400px) {
  .main-header {
    margin-bottom: 4.5rem;
  }
}
.main-header ul {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
.main-header .top {
  font-size: 0.75rem;
  color: var(--bs-primary);
  background-color: #DDB184;
  border-bottom: 1px solid #FFE3B7;
  border-end-start-radius: 1rem;
  border-end-end-radius: 1rem;
}
@media (max-width: 575.98px) {
  .main-header .top {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.main-header .top a {
  color: inherit;
  text-decoration: none;
}
.main-header .top a:hover {
  color: var(--bs-link-hover-color);
}
.main-header .logo {
  width: 157px;
  max-width: calc(100% - 180px - 1rem);
  margin-top: -0.5rem;
  margin-bottom: -1.5rem;
}
@media (min-width: 992px) {
  .main-header .logo {
    width: 168px;
    margin-top: -0.75rem;
  }
}
@media (min-width: 1200px) {
  .main-header .logo {
    width: 195px;
    margin-top: -1.75rem;
    margin-bottom: -2.75rem;
  }
}
@media (min-width: 1400px) {
  .main-header .logo {
    width: 217px;
  }
}
.main-header .menu-nav, .main-header .header-nav {
  width: calc(50% - 80px - 0.5rem);
}
@media (min-width: 992px) {
  .main-header .menu-nav {
    padding-left: 4vw;
  }
}
.main-header .menu-btn {
  width: 50px;
  transition-property: all;
  transition-duration: 0.3s;
}
.main-header .menu-btn:hover, .main-header .menu-btn:focus, .main-header .menu-btn:active, .main-header .menu-btn.focus, .main-header .menu-btn.active {
  color: #DEBC86;
}

#searchNav {
  --bs-offcanvas-bg: #D2A679;
  --bs-offcanvas-padding-x: 1.5rem;
  --bs-offcanvas-padding-y: 1.5rem;
  margin: 0;
  border: none !important;
  border-radius: 0;
  max-width: none;
}
#searchNav .box {
  background-color: transparent;
  border-bottom: 1px solid #FFE3B7;
  height: 52px;
  color: #FFE3B7;
}
@media (max-width: 991.98px) {
  #searchNav .box {
    background-color: #FFEFD5;
    border: 1px solid #AE8860;
    border-radius: 0.5rem;
    height: 56px;
    color: #7A4F23;
  }
  #searchNav .ui-menu.ui-widget.ui-widget-content.ui-autocomplete {
    display: flex !important;
    width: 100% !important;
    position: static !important;
    background-color: transparent;
    max-height: none;
    padding: 0;
  }
  #searchNav .ui-menu.ui-widget.ui-widget-content.ui-autocomplete:empty {
    display: none !important;
  }
  #searchNav .ui-autocomplete-category {
    margin-top: 1rem;
    padding-top: 1rem;
  }
  #searchNav .ui-autocomplete-category:not(:first-child) {
    margin-top: 1rem;
    padding-top: 2rem;
  }
  #searchNav .more {
    margin-top: 2rem;
  }
  #searchNav .btn-link {
    height: 64px;
  }
}
@media (max-width: 575.98px) {
  #searchNav {
    --bs-offcanvas-width: 100%;
  }
}
@media (min-width: 992px) {
  #searchNav {
    --bs-offcanvas-width: 240px;
    --bs-offcanvas-bg: transparent;
    --bs-offcanvas-padding-x: 0;
    --bs-offcanvas-padding-y: 0;
    position: absolute;
    top: 18px;
    left: auto;
    right: calc(10vw + 36px);
    transform: translateX(-2rem);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition-property: transform, opacity, visibility;
    transition-duration: 0.3s;
  }
  #searchNav.showing, #searchNav.show:not(.hiding) {
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  #searchNav.show ~ .offcanvas-backdrop, #searchNav.showing ~ .offcanvas-backdrop {
    background-color: transparent;
  }
  #searchNav .btn-close {
    display: none;
  }
  #searchNav .form-control {
    padding: 0;
  }
  #searchNav .form-control::-moz-placeholder {
    font-size: 0;
  }
  #searchNav .form-control::placeholder {
    font-size: 0;
  }
  #searchNav #searchFormButton svg {
    opacity: 0;
    visibility: hidden;
  }
  #searchNav .ui-menu.ui-widget.ui-widget-content.ui-autocomplete {
    display: flex;
    width: 360px !important;
    background-color: #FFDDB9;
    border: 1px solid #FFEEDB;
    border-radius: 1.5rem;
    padding-top: 1.5rem;
  }
  #searchNav .ui-autocomplete-category:not(:first-child) {
    margin-top: 0.5rem;
    padding-top: 1rem;
  }
  #searchNav .more {
    margin-top: 1rem;
  }
}
#searchNav .form-control {
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  color: inherit;
}
#searchNav .form-control::-moz-placeholder {
  color: inherit;
}
#searchNav .form-control::placeholder {
  color: inherit;
}
#searchNav #searchFormButton {
  width: 50px;
  flex-shrink: 0;
}
#searchNav .btn-close {
  width: 54px;
  height: 50px;
  border-radius: 0.5rem;
  font-size: 2rem !important;
  font-weight: 300;
  background-color: #DDB388;
  color: #FFEFD5;
  border-color: currentColor;
  padding-bottom: 0.25rem !important;
}
#searchNav .ui-menu.ui-widget.ui-widget-content.ui-autocomplete {
  flex-wrap: wrap;
  gap: 1rem;
  border: none;
  color: #7A4F23;
}
#searchNav .ui-menu.ui-widget.ui-widget-content.ui-autocomplete::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
#searchNav .ui-menu.ui-widget.ui-widget-content.ui-autocomplete::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
#searchNav .ui-menu.ui-widget.ui-widget-content.ui-autocomplete::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
#searchNav .ui-menu.ui-widget.ui-widget-content.ui-autocomplete::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.45);
}
#searchNav li:not(.ui-autocomplete-category):not(.more) {
  width: 100%;
}
#searchNav .ui-autocomplete-category {
  width: 100%;
  font-weight: 500;
  padding-left: 1rem;
  padding-right: 1rem;
}
#searchNav .ui-autocomplete-category:not(:first-child) {
  border-top: 1px solid rgba(255, 239, 213, 0.5);
}
#searchNav .ui-autocomplete-category:not(:first-child) ~ .ui-menu-item {
  width: auto;
  background-color: #FFEFD5;
  border-radius: 0.5rem;
}
#searchNav .ui-autocomplete-category:not(:first-child) ~ .ui-menu-item .ui-menu-item-wrapper {
  padding: 0.5rem 1.5rem;
}
#searchNav .ui-autocomplete-category:not(:first-child) ~ .ui-menu-item .text {
  padding: 0;
}
#searchNav .more {
  width: 100%;
}
#searchNav .ui-menu-item-wrapper {
  padding: 0;
}
#searchNav .ui-menu-item-wrapper .image {
  margin-right: 1rem;
}
#searchNav .ui-menu-item-wrapper .image img {
  border-color: #FFDCB8 !important;
  border-radius: 0.75rem !important;
}
#searchNav .ui-menu-item-wrapper .text {
  padding: 1rem 0;
}
#searchNav .ui-menu-item-wrapper .text[aria-category]:after {
  content: none;
}
#searchNav .btn-link {
  border-color: #7A4F23 !important;
  border-radius: 0.5rem !important;
  color: #7A4F23;
  text-decoration: none;
}

#cartNav .sepete-eklendi-mesaj {
  margin: 0 1rem 1rem;
  padding: 0.5rem;
}
#cartNav .sepete-eklendi-mesaj:empty {
  display: none;
}
#cartNav i {
  font-size: 0.875em;
}
#cartNav .list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
#cartNav .list::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
#cartNav .list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
#cartNav .list::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.45);
}
#cartNav .list li {
  padding: 1rem;
  display: flex;
  align-items: start;
  gap: 1rem;
  font-size: 0.75em;
}
#cartNav .list li:first-child {
  padding-top: 0;
}
#cartNav .list li:nth-child(even) {
  background-color: #FFDDB9;
}
#cartNav .list li > a {
  flex-shrink: 0;
  border-radius: 0.75rem;
  border: 1px solid #E3E4D7;
  width: 100px;
  overflow: hidden;
}
#cartNav .list li > div {
  flex-grow: 1;
}
#cartNav .list li a {
  text-decoration: none;
}
#cartNav .amount {
  display: flex;
  max-width: 114px;
  height: 28px;
  border: 1px solid #FFE5CA;
  border-radius: 0.5rem;
  margin: 0.75rem 0 0.5rem;
}
#cartNav .amount input {
  width: 50%;
  flex-grow: 1;
  text-align: center;
  background-color: transparent;
  border: none;
  font-size: inherit;
}
#cartNav .amount button {
  padding: 0 0.75rem;
}
#cartNav .price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#cartNav .price div {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
#cartNav .price strong {
  font-size: 1.175em;
  font-weight: normal;
}
#cartNav .price del {
  opacity: 0.75;
}
#cartNav .widget-remove {
  min-width: 36px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
#cartNav .cart-summary {
  display: flex;
  flex-direction: column;
  padding: 1rem 1rem 5rem;
}
#cartNav .cart-summary p {
  font-size: 0.75em;
  background-color: #FFE0BF;
  border-radius: 0.5rem;
  margin: 0 0 0.75rem;
  padding: 0.375rem 1rem;
}
#cartNav .cart-summary ul {
  background-color: #FFE0BF;
  border-radius: 1rem 1rem 0 0;
  padding: 1rem 1rem 2.5rem;
  margin-bottom: -1.5rem;
}
#cartNav .cart-summary ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
#cartNav .cart-summary ul li:last-child {
  margin-bottom: 0;
}
#cartNav .cart-summary ul li small {
  font-size: 0.75em;
}
#cartNav .btn-primary {
  position: relative;
  box-shadow: 0 3px 0 #6C4824, 0 0.75rem 0.75rem rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#cartNav .btn-primary:before, #cartNav .btn-primary:after {
  content: "";
  position: absolute;
  top: 0;
  left: -10%;
  width: 160px;
  height: 160px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.75;
}
#cartNav .btn-primary:after {
  top: auto;
  bottom: 0;
  left: auto;
  right: -10%;
  width: 200px;
  height: 200px;
  opacity: 1;
}
#cartNav .no-item svg {
  width: 4rem;
  min-width: auto;
  height: auto;
  color: var(--bs-primary);
}
#cartNav .pistachio {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 96px;
  pointer-events: none;
}

#mainNav a {
  text-decoration: none;
}
#mainNav .pistachio {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 96px;
  pointer-events: none;
}
@media (max-width: 991.98px) {
  #mainNav .offcanvas-body {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  #mainNav a {
    color: inherit;
  }
  #mainNav .first, #mainNav .side-nav ul {
    margin: 1rem 1rem 0;
  }
  #mainNav .first > li, #mainNav .side-nav ul > li {
    display: flex;
    flex-wrap: wrap;
    background-color: #FFE1C2;
    border-radius: 0.75rem;
    margin-bottom: 0.75rem;
  }
  #mainNav .first > li > a, #mainNav .side-nav ul > li > a {
    display: block;
    width: calc(100% - 52px);
    padding: 0.75rem 1.5rem;
    font-weight: 500;
  }
  #mainNav .first > li > button, #mainNav .side-nav ul > li > button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    padding-right: 0.75rem;
  }
  #mainNav .first > li > button i, #mainNav .side-nav ul > li > button i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    transition-property: all;
    transition-duration: 0.3s;
  }
  #mainNav .first > li.active > button i, #mainNav .side-nav ul > li.active > button i {
    transform: rotate(90deg);
  }
  #mainNav .first > li ul, #mainNav .side-nav ul > li ul {
    display: none;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.16);
    margin: 0 1.5rem;
    padding-top: 0.5rem;
  }
  #mainNav .first > li ul a, #mainNav .side-nav ul > li ul a {
    display: block;
    font-size: 0.875em;
    font-weight: 500;
    padding: 0.375rem 0;
  }
  #mainNav .first > li {
    padding: 0.65rem 0;
    border-radius: 1rem;
  }
  #mainNav .first > li > a {
    font-size: 1.25rem;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }
  #mainNav .side-nav {
    margin-top: auto;
    margin-bottom: 7.5rem;
  }
  #mainNav .side-nav ul {
    display: block !important;
  }
  #mainNav .side-nav ul > li {
    border: 1px solid #FFE6CD;
    margin-bottom: 0.5rem;
  }
  #mainNav {
    /*
    .side-nav {
        margin: auto 1rem 3rem;
        font-size: .875em;

        ul {
            justify-content: center;
        }
    }
    */
  }
}
@media (min-width: 992px) {
  #mainNav {
    --bs-offcanvas-zindex: auto;
    margin: 0;
    background: none;
    border: none !important;
    border-radius: 0;
  }
  #mainNav .offcanvas-body {
    background: linear-gradient(90deg, rgba(122, 79, 35, 0) 0%, rgb(122, 79, 35) 20%, rgb(122, 79, 35) 80%, rgba(122, 79, 35, 0) 100%);
    height: 88px;
  }
  #mainNav .pistachio {
    display: none;
  }
  #mainNav button {
    pointer-events: none;
  }
  #mainNav button i:before {
    content: "\f107";
    font-size: 0.875em;
  }
  #mainNav .first {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    gap: 3vw;
    margin-left: auto;
    margin-right: auto;
  }
  #mainNav .first > li {
    display: flex;
    position: relative;
  }
  #mainNav .first > li > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.5rem;
    height: 100%;
    color: inherit;
  }
  #mainNav .first > li:hover {
    color: #DEBC86;
  }
  #mainNav .first > li:hover > ul {
    display: block;
  }
  #mainNav .first ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: var(--bs-offcanvas-zindex);
    width: 220px;
    background-color: #FFDDB9;
    border: 1px solid #FFEEDB;
    border-radius: 1.5rem;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.16);
    padding: 1rem 1.5rem;
    animation: slideIn ease 0.35s;
    margin-left: -110px;
    text-align: center;
  }
  #mainNav .first ul:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFDDB9;
    margin-left: -10px;
  }
  #mainNav .first ul a {
    display: block;
    padding: 0.25rem 0;
  }
  #mainNav .first ul a:hover {
    color: var(--bs-primary);
  }
}

.slider {
  position: relative;
  margin-bottom: 2.5rem;
}
@media (max-width: 767.98px) {
  .slider.mobile + .slider {
    display: none;
  }
}
@media (min-width: 768px) {
  .slider {
    margin-bottom: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .slider {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1400px) {
  .slider {
    margin-bottom: 7rem;
  }
}
.slider:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  width: 100%;
  min-width: 420px;
  transform: translate(-44%, -52%);
}
.slider .pistachio {
  max-width: 12vw;
  min-width: 96px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
  transform: translate(-30%, 30%);
}
.slider .embla {
  --bs-spacer: 1rem;
  --embla-viewport-radius: 1.5rem;
  --embla-dot-border-width: 0;
  --embla-dot-hover-border-width: 0;
  --embla-dot-active-border-width: 0;
  --embla-dot-width: .5rem;
  --embla-dot-height: .5rem;
  --embla-dot-opacity: .4;
  --embla-dot-hover-opacity: .6;
  --embla-dot-active-opacity: 1;
  --embla-dot-bg: #fff;
  --embla-dot-hover-bg: #fff;
  --embla-dot-active-bg: #fff;
  --embla-dot-gap: .5rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 768px) {
  .slider .embla {
    --bs-spacer: 1.5rem;
    --embla-dot-width: .75rem;
    --embla-dot-height: .75rem;
  }
  .slider .embla.mobile {
    display: none;
  }
}
.slider .embla a {
  display: block;
  color: inherit;
}
.slider .embla img {
  display: block;
  width: 100%;
}
.slider .embla .embla__slide {
  position: relative;
}
.slider .embla .embla__dots {
  bottom: 1.5rem;
}
.slider .embla .embla__button {
  width: 44px;
  height: 44px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 767.98px) {
  .slider .embla .embla__button {
    display: none;
  }
}
.slider .embla .embla__button svg {
  display: none;
}
.slider .embla .desc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 5vw 10vw;
  pointer-events: none;
  font-size: 2rem;
  font-size: clamp(2rem, 2.25vw, 999px);
  font-weight: 500;
  color: #fff;
  line-height: 1.1;
  text-align: right;
}
@media (min-width: 768px) {
  .slider .embla .desc {
    font-size: 2rem;
    font-size: clamp(2rem, 2.25vw, 999px);
  }
}
@media (min-width: 1200px) {
  .slider .embla .desc {
    font-size: 2.25rem;
    font-size: clamp(2.25rem, 2.25vw, 999px);
  }
}
.slider .embla .desc * {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
}
.slider .embla .desc h1, .slider .embla .desc h2, .slider .embla .desc h3 {
  font-size: 1.6em;
  line-height: 1;
  letter-spacing: -0.025em;
}
.slider .embla .desc h1 small, .slider .embla .desc h1 .small, .slider .embla .desc h2 small, .slider .embla .desc h2 .small, .slider .embla .desc h3 small, .slider .embla .desc h3 .small {
  font-size: 0.875em;
}
.slider .embla .desc small, .slider .embla .desc .small {
  font-size: 0.5em;
}
.slider .embla .desc > div > *:last-child {
  margin-bottom: 0;
}
.slider .embla .desc .btn {
  --bs-btn-padding-x: 1em;
  --bs-btn-padding-y: .5em;
  --bs-btn-bg: #FFEA00;
  --bs-btn-font-weight: 500;
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  margin-top: 1.5rem;
  font-size: 0.5em;
  line-height: 1.25;
}
.slider .embla.mobile .desc {
  padding-bottom: 20vw;
}

.home-products > header .btn, .home-blog > header .btn {
  font-size: 0.75em;
  border-radius: 0.5rem;
  text-transform: uppercase;
}

.embla__button {
  --embla-arrow-bg: #FFEFD5;
  --embla-arrow-hover-bg: #fff6e9;
  --embla-arrow-active-bg: #fff6e9;
  --embla-arrow-opacity: 1;
  --embla-arrow-disabled-opacity: 0;
  width: 44px;
  height: 44px;
  margin-top: -65px;
}

.product-carousel {
  --bs-spacer: .5rem;
  --embla-gap: 1rem;
  --embla-count: 2;
}
@media (min-width: 768px) {
  .product-carousel {
    --embla-count: 3;
    --bs-spacer: -22px;
  }
}
@media (min-width: 992px) {
  .product-carousel {
    --embla-count: 4;
  }
}
@media (min-width: 1200px) {
  .product-carousel {
    --embla-gap: 1.5rem;
    --embla-count: 4;
  }
}
@media (min-width: 1400px) {
  .product-carousel {
    --embla-count: 5;
  }
}

.blog-carousel {
  --bs-spacer: .5rem;
  --embla-gap: 1rem;
  --embla-count: 1;
}
@media (min-width: 576px) {
  .blog-carousel {
    --embla-count: 2;
  }
}
@media (min-width: 768px) {
  .blog-carousel {
    --bs-spacer: -22px;
    --embla-count: 3;
  }
}
@media (min-width: 1200px) {
  .blog-carousel {
    --embla-gap: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .blog-carousel {
    --embla-count: 4;
  }
}

.blog-carousel article, .blog-list article {
  --bs-spacer: 1.5rem;
  background-color: #FFF2DE;
  border-radius: 1rem !important;
  padding: 0 var(--bs-spacer) var(--bs-spacer);
  height: 100%;
}
@media (min-width: 992px) {
  .blog-carousel article, .blog-list article {
    --bs-spacer: 2rem;
  }
}
.blog-carousel article figure, .blog-list article figure {
  margin: 0 calc(var(--bs-spacer) * -1) var(--bs-spacer);
}
.blog-carousel article img, .blog-list article img {
  display: block;
  width: 100%;
  border-radius: 1rem;
}
.blog-carousel article a, .blog-list article a {
  display: block;
  text-decoration: none;
}
.blog-carousel article h2, .blog-list article h2 {
  font-size: 1.25rem;
  margin-bottom: calc(var(--bs-spacer) * 0.5);
}
.blog-carousel article p, .blog-list article p {
  font-weight: 300;
  margin-bottom: 0;
}

.blog-img {
  float: left;
  margin: 0 1rem 1rem 0;
  border-radius: 1rem;
}

.socialJS {
  justify-content: start;
}

.banner03, .banner05 {
  --bs-spacer: 0;
  --embla-gap: .75rem;
  --embla-count: 1.25;
  --embla-dot-border-width: 0;
  --embla-dot-hover-border-width: 0;
  --embla-dot-active-border-width: 0;
  --embla-dot-width: 100%;
  --embla-dot-height: 2px;
  --embla-dot-opacity: 0;
  --embla-dot-hover-opacity: .5;
  --embla-dot-active-opacity: 1;
  --embla-dot-bg: #000;
  --embla-dot-hover-bg: #000;
  --embla-dot-active-bg: #000;
  --embla-dot-gap: 0;
}
@media (max-width: 767.98px) {
  .banner03, .banner05 {
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    overflow: hidden;
  }
  .banner03 .embla__viewport, .banner05 .embla__viewport {
    overflow: visible;
  }
  .banner03 figcaption, .banner05 figcaption {
    align-items: flex-start;
  }
  .banner03 .btn, .banner05 .btn {
    display: none;
  }
}
@media (min-width: 576px) {
  .banner03, .banner05 {
    --embla-count: 1.75;
  }
}
@media (min-width: 768px) {
  .banner03, .banner05 {
    --embla-gap: 1rem;
  }
  .banner03 .embla__container, .banner05 .embla__container {
    flex-wrap: wrap;
  }
  .banner03 .embla__slide, .banner05 .embla__slide {
    flex: auto;
    width: 33.33333%;
  }
}
@media (min-width: 992px) {
  .banner03, .banner05 {
    --embla-gap: 1.5rem;
  }
}
.banner03 .embla__dots, .banner05 .embla__dots {
  left: calc(var(--bs-gutter-x) * 0.5);
  right: calc(var(--bs-gutter-x) * 0.5);
  bottom: var(--bs-gutter-x);
  width: auto;
  background-color: #D9D9D9;
}

.shopping-info {
  font-weight: 300;
  line-height: 1.35;
}
.shopping-info .item {
  display: flex;
  gap: 1rem;
  border: 1px solid var(--bs-border-color);
  padding: 1.5rem 2rem;
  height: 100%;
}
@media (min-width: 1200px) {
  .shopping-info .item {
    flex-direction: column;
  }
}
.shopping-info svg {
  flex-shrink: 0;
  background-color: var(--bs-primary);
  color: #fff;
  padding: 0.75rem;
}
.shopping-info h3 {
  font-size: inherit;
}
.shopping-info p {
  margin-bottom: 0;
}

.social-media a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 100%;
}

.ebulletin {
  position: relative;
  background: var(--bs-primary) url("../images/bulletin-bg.png") center right no-repeat;
  background-size: auto 100%;
  color: #fff;
  padding: 1.5rem 1rem calc(1.5rem + 38px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  box-shadow: 2rem 0 2rem rgba(0, 0, 0, 0.45);
}
@media (min-width: 768px) {
  .ebulletin {
    padding: 2rem 2.5rem calc(2rem + 38px);
  }
}
@media (min-width: 992px) {
  .ebulletin {
    flex-direction: row;
  }
  .ebulletin > div, .ebulletin > form {
    position: relative;
    width: calc(50% - 120px);
  }
}
@media (min-width: 1200px) {
  .ebulletin {
    padding: 3rem 3.5rem calc(3rem + 38px);
  }
}
@media (min-width: 1400px) {
  .ebulletin {
    padding: 3.5rem 4rem calc(3.5rem + 38px);
  }
}
.ebulletin:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 50%;
  min-width: 280px;
  transform: translate(-15%, -38%);
}
.ebulletin:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 38px;
  background: url("../images/footer-line.png") center repeat-x;
  border: 4px solid #F8C26E;
}
.ebulletin > div, .ebulletin > form {
  position: relative;
}
.ebulletin p {
  max-width: 320px;
}
.ebulletin .form-control {
  height: 48px;
}
.ebulletin .btn {
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
  height: 48px;
  text-transform: none;
}
.ebulletin .form-check-input {
  background-color: #fff;
  border-color: rgba(255, 255, 255, 0.24);
  margin: -2px 0 0 !important;
}
.ebulletin .form-check-input:checked {
  background-color: var(--bs-primary);
}

.main-footer {
  clear: both;
  background: #EBD9BC url("../images/footer-bg.png") center no-repeat;
  background-size: cover;
  border-radius: 1rem;
  overflow: hidden;
  margin-top: 2.5rem;
  margin-bottom: 4rem;
}
.main-footer address {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
.main-footer address p {
  line-height: 1.25;
  margin-bottom: 0.75rem;
}
.main-footer address p:not(.fw-semibold) {
  font-size: 0.875em;
}
@media (min-width: 576px) {
  .main-footer nav {
    width: calc(25% - 0.75rem);
  }
  .main-footer nav:nth-child(n+3) {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .main-footer {
    margin-top: 3rem;
  }
  .main-footer nav {
    width: 18%;
  }
  .main-footer nav:nth-child(n+3) {
    order: 5;
  }
  .main-footer address {
    width: calc(28% - 4rem);
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .main-footer {
    margin-top: 4rem;
  }
}
@media (min-width: 1400px) {
  .main-footer {
    margin-top: 4.5rem;
  }
}
.main-footer .menu-wrapper {
  padding: 1.5rem 1rem;
}
@media (min-width: 576px) {
  .main-footer .menu-wrapper {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .main-footer .menu-wrapper {
    padding: 4rem 2.5rem 2rem;
  }
}
@media (min-width: 1200px) {
  .main-footer .menu-wrapper {
    padding: 6rem 3.5rem 3rem;
  }
}
@media (min-width: 1400px) {
  .main-footer .menu-wrapper {
    padding: 7rem 4rem 3.5rem;
  }
}
.main-footer .logo {
  position: relative;
  width: 157px;
  max-width: calc(100% - 180px - 1rem);
  margin: 1rem auto 1.5rem;
}
@media (min-width: 768px) {
  .main-footer .logo {
    max-width: 100%;
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .main-footer .logo {
    width: 168px;
  }
  .main-footer .logo:before {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: 50%;
    height: 600px;
    background: var(--bs-primary) url("../images/logo-bg.png") center no-repeat;
    background-size: cover;
    border-left: 2px solid #debc86;
    border-right: 2px solid #debc86;
    box-shadow: 0 0 0 2px var(--bs-primary);
  }
  .main-footer .logo img {
    position: relative;
  }
}
@media (min-width: 1200px) {
  .main-footer .logo {
    width: 195px;
  }
}
@media (min-width: 1400px) {
  .main-footer .logo {
    width: 217px;
  }
}
.main-footer ul {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
}
.main-footer a {
  color: inherit;
  text-decoration: none;
}
.main-footer a:hover {
  color: var(--bs-primary);
}
.main-footer nav {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875em;
  font-weight: 300;
}
@media (min-width: 576px) {
  .main-footer nav {
    display: block;
  }
}
.main-footer nav .title {
  display: flex;
  align-items: center;
  width: calc(100% - 42px);
  height: 42px;
  font-weight: 500;
  padding-left: 0.75rem;
}
@media (min-width: 576px) {
  .main-footer nav .title {
    display: block;
    width: auto;
    height: auto;
    padding-left: 0;
    margin-bottom: 1rem;
  }
}
.main-footer nav button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
}
.main-footer nav button i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transition-property: all;
  transition-duration: 0.3s;
}
@media (min-width: 576px) {
  .main-footer nav button {
    display: none;
  }
}
.main-footer nav.active button i {
  transform: rotate(90deg);
}
.main-footer nav ul {
  display: none;
  width: 100%;
  padding: 0 0.75rem;
}
@media (min-width: 576px) {
  .main-footer nav ul {
    display: block;
    padding: 0;
  }
}
.main-footer nav li {
  margin-top: 0.5rem;
}
.main-footer .bottom {
  font-size: 0.875em;
  padding: 1.5rem 1rem;
  border-top: 1px solid #D4C5AC;
}
@media (min-width: 768px) {
  .main-footer .bottom {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .main-footer .bottom > * {
    width: calc(33% - 0.66666rem);
  }
}
@media (min-width: 1200px) {
  .main-footer .bottom {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (min-width: 1400px) {
  .main-footer .bottom {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.main-footer .cards li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.25rem;
  height: 24px;
  padding: 0.25rem;
  font-size: 0.75rem;
}

.product-list-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
.product-list-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  min-width: 420px;
  transform: translate(-44%, -10%);
}
.product-list-wrapper > * {
  width: 100%;
  position: relative;
}

.breadcrumb {
  --bs-breadcrumb-margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .product-detail-wrapper .breadcrumb {
    margin-top: -1.25rem;
  }
}
.breadcrumb ul {
  width: 100%;
}
@media (max-width: 575.98px) {
  .breadcrumb ul {
    justify-content: start;
  }
}
.breadcrumb ul li:after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-size: 0.5em;
  font-weight: 900;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.section-mb {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .section-mb {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .section-mb {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1400px) {
  .section-mb {
    margin-bottom: 4.5rem;
  }
}

.list-banner {
  order: -1;
  width: 100%;
  height: clamp(160px, 26vw, 400px);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 0 1.5rem 1.5rem;
  margin-top: -2.5rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .list-banner {
    margin-top: -3rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .list-banner {
    margin-top: -4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 1400px) {
  .list-banner {
    margin-top: -4.5rem;
    margin-bottom: 4.5rem;
  }
}

.list-desc {
  font-weight: 300;
}
.list-desc .inner {
  max-height: 120px;
  overflow: hidden;
  transition-property: max-height;
  transition-duration: 0.2s;
}
.list-desc.expanded .inner {
  overflow: auto;
  max-height: 3000px;
}
.list-desc.expanded .inner::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.list-desc.expanded .inner::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.list-desc.expanded .inner::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.list-desc.expanded .inner::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.45);
}
.list-desc .expand {
  margin-top: 1.5rem;
  display: inline-block;
  font-weight: 600 !important;
  text-decoration: underline;
  cursor: pointer;
}
.list-desc * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  line-height: inherit;
}
.list-desc h1, .list-desc h2, .list-desc h3, .list-desc h4 {
  font-weight: 500 !important;
  line-height: 1.3;
}
.list-desc h1 {
  font-size: 2em !important;
}
.list-desc h2 {
  font-size: 1.5em !important;
}
.list-desc h3 {
  font-size: 1.25em !important;
}
.list-desc h4 {
  font-size: 1.1em !important;
}

.filter-wrapper {
  width: calc(50% - 0.5rem);
  order: -2;
}
@media (max-width: 767.98px) {
  .filter-wrapper .collapse-i {
    background-color: #FFEFD5;
    border-radius: 0.5rem;
    padding: 0.375rem 0;
    margin-bottom: 0.5rem;
  }
  .filter-wrapper .collapse-t {
    padding: 0.65rem 1.5rem;
  }
  .filter-wrapper .collapse-c {
    padding: 1rem 0;
    margin: 0 1.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.16);
  }
}
@media (min-width: 768px) {
  .filter-wrapper {
    width: auto;
    flex: 1 1 auto;
  }
  .filter-wrapper .offcanvas {
    --bs-offcanvas-width: auto;
    --bs-offcanvas-height: auto;
    --bs-offcanvas-bg: transparent;
    --bs-offcanvas-box-shadow: none;
    --bs-offcanvas-padding-x: 0;
    --bs-offcanvas-padding-y: 0;
    position: static;
    visibility: visible;
    transform: none;
    transition: none;
    margin: 0;
    border: none !important;
    border-radius: 0 !important;
  }
  .filter-wrapper .offcanvas-header, .filter-wrapper .button-group {
    display: none;
  }
  .filter-wrapper .offcanvas-body {
    overflow: visible;
  }
  .filter-wrapper .item-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .filter-wrapper .collapse-i {
    position: relative;
  }
  .filter-wrapper .collapse-t {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 3rem 0.5rem 1.5rem !important;
    height: 48px;
    background-color: #FFEFD5;
    border-radius: 0.5rem;
  }
  .filter-wrapper .collapse-c {
    position: absolute;
    top: 50px;
    left: 0;
    width: 220px;
    min-width: 100%;
    background-color: #FFEFD5;
    border-radius: 0.5rem;
    padding: 1.25rem 1.5rem;
  }
  .filter-wrapper .collapse-c.show, .filter-wrapper .collapse-c.collapsing {
    z-index: 1;
  }
  .filter-wrapper button:not(.collapsed)[data-bs-toggle]:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.filter-wrapper .button-group .btn {
  width: 100%;
  margin-top: 0.5rem;
}

#filterForm .form-check {
  display: flex;
  padding-left: 0;
  padding-right: 0;
  gap: 0.5rem;
  min-height: auto;
  margin-bottom: 0;
  line-height: 1.25;
}
#filterForm .form-check-input {
  margin: 1px 0 0 !important;
  border-radius: 0.25rem;
}
#filterForm .form-check-input:not(:checked) {
  background-color: transparent;
}
#filterForm .collapse-i {
  position: relative;
}
#filterForm .collapse-t {
  font-size: inherit;
  font-weight: 600;
  position: relative;
  margin-bottom: 0;
}
#filterForm .collapse-t button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0.875em;
}
#filterForm .collapse-t button:not(.collapsed) {
  z-index: 1;
}
#filterForm .collapse-t button.collapsed i {
  transform: rotate(0deg);
}
#filterForm .collapse-t i {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  margin-top: -0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  transform: rotate(-180deg);
  transition-property: transform;
  transition-duration: 0.4s;
}
#filterForm ul {
  margin-bottom: 0;
}
#filterForm li + li {
  margin-top: 0.75rem;
}
#filterForm a {
  text-decoration: none;
}

.btn-filter {
  --bs-btn-bg: #FFEFD5;
  --bs-btn-hover-bg: #fff5e5;
  --bs-btn-active-bg: #fff5e5;
  --bs-btn-border-width: 0;
  --bs-btn-border-radius: .5rem;
  --bs-btn-font-weight: 600;
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: .5rem;
  justify-content: start;
  height: 42px;
  text-transform: none;
}
@media (max-width: 767.98px) {
  .btn-filter {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .btn-filter {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .btn-filter {
    height: 48px;
  }
}

#orderBySelectBox {
  width: calc(50% - 0.5rem);
  border: none;
  height: 42px;
  padding-left: 1.5rem;
  font-weight: 600;
}
@media (min-width: 576px) {
  #orderBySelectBox {
    width: auto;
    height: 48px;
  }
}

.filterSelections {
  gap: 0.5rem;
}
.filterSelections label {
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: 1px solid rgba(var(--bs-primary-rgb), 0.25);
  border-radius: 0.25rem;
  font-size: 1em;
  font-weight: 400;
  color: var(--bs-primary);
}
.filterSelections label i {
  color: rgba(var(--bs-primary-rgb), 0.65);
}
.filterSelections label:hover {
  background-color: transparent !important;
  border-color: rgba(var(--bs-primary-rgb), 0.15) !important;
}
.filterSelections .btn-dark {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.25rem;
  background-color: var(--bs-primary);
  border: 1px solid transparent;
  font-size: 1em;
  font-weight: 400;
  color: #FFE3B7;
}

.product-list {
  position: relative;
}
.product-list > ul:empty {
  display: none;
}
.product-list .no-item svg {
  fill: rgba(122, 79, 35, 0.2);
}

.product-item {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 334px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.25;
}
.product-item figure {
  display: block;
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 0;
}
.product-item img {
  display: block;
  width: 100%;
  max-width: 446px;
  margin: 0 auto;
}
.product-item .new {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  background-color: #F1CB00;
  font-size: 0.875em;
  font-weight: 600;
  line-height: 1;
  color: #000;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  text-transform: uppercase;
  pointer-events: none;
}
.product-item .new:not([data-value="1"]) {
  display: none;
}
@media (min-width: 992px) {
  .product-item .new {
    top: 1.5rem;
    left: 1.5rem;
    padding: 0.315rem 0.75rem;
  }
}
.product-item .addToFavoritesButton {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 1;
  background-color: var(--bs-secondary);
  color: #000;
  padding: 0.625rem;
  border-radius: 50em;
  transition-property: background-color, color;
  transition-duration: 0.2s;
}
.product-item .addToFavoritesButton:hover, .product-item .addToFavoritesButton[data-type="0"] {
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}
.product-item .addToFavoritesButton svg {
  display: block;
}
@media (min-width: 992px) {
  .product-item .addToFavoritesButton svg {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 992px) {
  .product-item .addToFavoritesButton {
    top: 0.75rem;
    right: 0.75rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition-property: opacity;
    transition-duration: 0.2s;
  }
}
.product-item header {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 1.25rem;
  margin-bottom: 0;
}
.product-item header a {
  color: inherit;
  text-decoration: none;
}
.product-item h2 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0 0 0.75rem;
}
.product-item .prices {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
@media (max-width: 575.98px) {
  .product-item .prices {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }
}
@media (min-width: 1400px) {
  .product-item .prices {
    margin-bottom: 2rem;
  }
}
.product-item .prices i {
  font-size: 0.875em;
}
.product-item .prices .discount {
  display: none;
  font-size: 0.875em;
  background-color: var(--bs-secondary);
  padding: 0 0.5rem;
  border-radius: 50em;
}
.product-item .promotion {
  width: 100%;
  padding: 0.375rem 0.75rem;
  background-color: #FFDDA7;
  border-radius: 0.5rem;
  font-size: 0.875em;
  font-weight: 500;
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 42px;
}
.product-item .promotion + .promotion {
  margin-top: 0;
}
@media (min-width: 992px) {
  .product-item .promotion {
    min-height: 56px;
    font-size: 1em;
  }
}
@media (min-width: 1400px) {
  .product-item .promotion {
    margin-top: 1rem;
  }
  .product-item .promotion:last-child {
    margin-bottom: -1rem;
  }
}
.product-item .vars {
  margin-top: auto;
  height: 42px;
  margin-bottom: 0.5rem;
}
@media (min-width: 992px) {
  .product-item .vars {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    padding: 0 1rem;
    margin-bottom: 1rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition-property: opacity;
    transition-duration: 0.2s;
  }
}
@media (min-width: 1400px) {
  .product-item .vars {
    height: 56px;
  }
}
.product-item .form-select {
  font-size: 0.875em;
  font-weight: 600;
  border: none;
  height: 100%;
  background-size: 0.75rem;
}
@media (min-width: 1400px) {
  .product-item .form-select {
    background-size: 1rem;
  }
}
.product-item .sold-out {
  width: 100%;
  height: 42px;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  font-weight: 600;
}
@media (min-width: 992px) {
  .product-item .sold-out {
    height: 56px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition-property: opacity;
    transition-duration: 0.2s;
  }
}
@media (min-width: 1400px) {
  .product-item .sold-out {
    height: 64px;
  }
}
.product-item .sold-out ~ .addToCartButton {
  display: none;
}
.product-item .addToCartButton {
  width: 100%;
  height: 42px;
  border-radius: 0.5rem;
  gap: 0.5rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.16);
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  .product-item .addToCartButton {
    height: 56px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition-property: opacity;
    transition-duration: 0.2s;
  }
}
@media (min-width: 1400px) {
  .product-item .addToCartButton {
    height: 64px;
    font-size: 1.25rem;
  }
  .product-item .addToCartButton svg {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 992px) {
  .product-item:hover .addToFavoritesButton, .product-item:hover .vars, .product-item:hover .addToCartButton, .product-item:hover .sold-out {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

.pagination {
  --bs-pagination-border-width: 0;
  --bs-pagination-color: #FFEFD5;
  --bs-pagination-active-color: #FFEFD5;
  --bs-pagination-bg: transparent;
  --bs-pagination-hover-bg: transparent;
  --bs-pagination-focus-bg: transparent;
  --bs-pagination-active-bg: transparent;
  --bs-pagination-padding-x: 1rem;
  --bs-pagination-focus-box-shadow: none;
}
.pagination .page-link {
  font-size: 1.25em;
  margin: 0 !important;
}
.pagination .page-link.active, .pagination .active > .page-link {
  text-decoration: underline;
}
.pagination span, .pagination .first-page, .pagination .last-page {
  display: none;
}
.pagination .prev-page .page-link, .pagination .next-page .page-link {
  width: 40px;
  height: 40px;
  font-size: 1rem;
  background-color: #FFEFD5;
  border-radius: 0.5rem;
  color: #000;
}
.pagination .prev-page {
  margin-right: 0.75rem;
}
.pagination .next-page {
  margin-left: 0.75rem;
}

#iframeModal {
  --bs-modal-width: 600px;
}
#iframeModal .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background-color: #fff;
}
#iframeModal iframe {
  width: 100%;
  height: 510px;
}

.product-images {
  --bs-spacer: 0;
  --embla-gap: 0rem;
  --embla-count: 1;
  --embla-dot-border-width: 0;
  --embla-dot-hover-border-width: 0;
  --embla-dot-active-border-width: 0;
  --embla-dot-width: 100%;
  --embla-dot-height: .25rem;
  --embla-dot-opacity: 1;
  --embla-dot-hover-opacity: 1;
  --embla-dot-active-opacity: 1;
  --embla-dot-bg: #EFEFEF;
  --embla-dot-hover-bg: #000;
  --embla-dot-active-bg: #000;
  --embla-dot-gap: .25rem;
  --embla-dot-border-radius: 0;
}
.product-images .embla__button {
  display: none;
}
.product-images .embla__dots {
  left: 0.5rem;
  bottom: 0.5rem;
  width: calc(100% - 1rem);
}
.product-images .embla__slide a {
  display: block;
  max-width: 595px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1200px) {
  .product-images {
    --embla-gap: .5rem;
    transform: none !important;
  }
  .product-images .embla__container {
    flex-wrap: wrap;
    row-gap: var(--embla-gap);
  }
  .product-images .embla__slide {
    flex: none;
    width: 50%;
  }
}

.product {
  margin-bottom: 4rem;
}
.product .product-detail {
  display: flex;
  flex-direction: column;
}
.product .share-on-mobile {
  position: absolute;
  top: 4rem;
  right: 1rem;
  background-color: #fff;
  padding: 0.5rem;
}
.product .addToFavoritesButton {
  transition-property: color;
  transition-duration: 0.2s;
}
@media (max-width: 575.98px) {
  .product .addToFavoritesButton {
    position: absolute;
    top: 2rem;
    right: 1rem;
    background-color: #fff;
    padding: 0.5rem;
  }
}
@media (min-width: 576px) {
  .product .addToFavoritesButton {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border: 1px solid #000;
  }
}
.product .addToFavoritesButton:hover, .product .addToFavoritesButton[data-type="0"] {
  color: var(--bs-danger);
  border-color: var(--bs-danger);
}
.product h1 {
  font-weight: 600;
}
.product small {
  font-size: 0.75em;
}
.product .prices {
  line-height: 1.35;
}
.product .prices .badge {
  display: flex;
  align-items: center;
  background-color: #D82629;
  font-size: 0.875em;
  font-weight: 500;
  color: #fff;
}
.product .prices #nonDiscountedPrice, .product .prices #marketPrice {
  font-size: 0.875em;
  color: #535353;
  text-decoration: line-through;
}
.product .prices #salePrice, .product .prices #discountedPrice {
  font-size: 1.125em;
  font-weight: 600;
}
.product .prices .promotionItem {
  margin-top: 0.75rem;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: var(--bs-light);
  background-position: 1rem center;
  background-repeat: no-repeat;
  padding: 0.5rem 1rem 0.5rem 3rem;
  font-size: 0.875em;
  min-height: 48px;
}
.product .prices .promotionItem:has(.sag) {
  align-self: center;
  width: auto;
  margin-top: 0;
  background-color: #fff;
  background-image: none;
  padding-left: 1rem;
  min-height: 36px;
  font-weight: 500;
}
@media (max-width: 575.98px) {
  .product .prices .promotionItem:has(.sag) {
    margin-left: auto;
    border: 1px solid #f5f5f5;
  }
}
.product .prices .promotionItem:has(.sag) strong {
  font-size: 0.875em;
  color: #709d35;
  font-weight: 600;
  margin-right: 4px;
}
.product .prices .promotionItem .text {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.product .prices .promotionItem a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  text-decoration: none;
}
.product .prices .promotionItem a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 10px;
  bottom: 0;
  height: 1px;
  background-color: currentcolor;
  opacity: 0.9;
}
.product .prices .promotionItem a:after {
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.product #variants .title, .product #accessories .title {
  font-size: 0.75em;
}
.product #variants .title strong, .product #accessories .title strong {
  font-weight: 600;
}
.product .variantItem {
  margin-bottom: 2rem;
}
.product .variantItem[data-id="3"] ~ .size-guide {
  display: flex !important;
}
@media (max-width: 767.98px) {
  .product .variantItem[data-id="3"] .title a {
    display: block !important;
    margin-left: auto;
  }
}
.product .variantSelectBox {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.product .variantSelectBox li {
  min-width: calc(25% - 0.375rem);
}
@media (min-width: 576px) {
  .product .variantSelectBox li {
    min-width: calc(20% - 0.4rem);
  }
}
@media (min-width: 992px) {
  .product .variantSelectBox li {
    min-width: 90px;
  }
}
.product .variantSelectBox .btn {
  --bs-btn-bg: #fff;
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #9B9BA7;
  --bs-btn-disabled-bg: #F7F7F7;
  --bs-btn-disabled-border-color: var(--bs-border-color);
  --bs-btn-padding-x: .5rem;
  width: 100%;
}
.product .variantSelectBox li[data-stock="0"] .btn {
  color: var(--bs-btn-disabled-color) !important;
  --bs-btn-bg: var(--bs-btn-disabled-bg);
  --bs-btn-border-color: var(--bs-btn-disabled-border-color);
  position: relative;
}
.product .variantSelectBox li[data-stock="0"] .btn::after {
  content: "";
  height: 1px;
  position: absolute;
  background-color: #bfbfbf;
  top: 50%;
  left: -4px;
  right: -4px;
  transform: rotate(-25deg);
}
.product .variantSelectBox[data-id="4"] li {
  width: 52px;
  min-width: auto;
}
.product .variantSelectBox[data-id="4"] .variant-image {
  display: block !important;
  width: calc(100% - -(var(--bs-btn-padding-x) * 2)) !important;
  height: auto !important;
  margin: calc(var(--bs-btn-padding-y) * -1) calc(var(--bs-btn-padding-x) * -1) !important;
}
.product .variantSelectBox[data-id="4"] .variant-image ~ .variant-title {
  display: none !important;
}
.product .variantSelectBox[data-id="4"] .variant-title {
  font-size: 0;
  color: transparent;
  width: 52px;
  height: calc(70px - 1rem);
}
.product .btn-check:checked + .btn, .product :not(.btn-check) + .btn:active, .product .btn:first-child:active, .product .btn.active, .product .btn.show {
  color: var(--bs-btn-active-color) !important;
}
.product .size-guide {
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  font-size: 0.75em;
  line-height: 1.25;
  margin-top: -1.25rem;
  margin-bottom: 2rem;
}
.product .addToCartDetailButton {
  height: 48px;
}
.product .stock-line {
  font-size: 0.75em;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .product .stock-line {
    order: 2;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 2rem;
  }
}
.product .stock-line div {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.product .stock-line div:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-position: center left;
  background-repeat: no-repeat;
}
.product .stock-line div:empty {
  display: none;
}
.product .stock-info:not([data-product-stock="1"]):not([data-product-stock="2"]):not([data-product-stock="3"]):not([data-product-stock="4"]):not([data-product-stock="5"]):not([data-product-stock="6"]):not([data-product-stock="7"]):not([data-product-stock="8"]):not([data-product-stock="9"]):not([data-product-stock="10"]) {
  display: none;
}
@media (max-width: 575.98px) {
  .product #lookednumber, .product #cartnumber {
    position: absolute;
    top: 120vw;
    right: 0.5rem;
    background-position: 0.5rem center;
    background-repeat: no-repeat;
    background-color: #EFF3FF;
    border: 1px solid #AEC1FF;
    padding: 0.375rem 0.5rem;
    white-space: nowrap;
    pointer-events: none;
  }
  .product #lookednumber#lookednumber, .product #cartnumber#lookednumber {
    margin-top: -2.5rem;
    background-color: #FFFBE9;
    border: 1px solid #FFF2B8;
  }
}
@media (min-width: 576px) {
  .product:not([data-etiket3="1"]) .product-detail {
    position: relative;
  }
}
@media (min-width: 768px) {
  .product:not([data-etiket3="1"]) .stock-info {
    margin-left: auto;
  }
}
@media (min-width: 576px) {
  .product:not([data-etiket3="1"]) #lookednumber, .product:not([data-etiket3="1"]) #cartnumber {
    position: absolute;
    top: 42vw;
    right: 100%;
    margin-right: 2rem;
    background-color: #EFF3FF;
    border: 1px solid #AEC1FF;
    white-space: nowrap;
    padding: 0.375rem 0.5rem;
    pointer-events: none;
  }
  .product:not([data-etiket3="1"]) #lookednumber#lookednumber, .product:not([data-etiket3="1"]) #cartnumber#lookednumber {
    margin-top: -2.5rem;
    background-color: #FFFBE9;
    border: 1px solid #FFF2B8;
  }
}
@media (min-width: 992px) {
  .product:not([data-etiket3="1"]) #lookednumber, .product:not([data-etiket3="1"]) #cartnumber {
    top: 52vw;
    margin-right: 3rem;
    padding: 0.875rem 1.75rem;
  }
  .product:not([data-etiket3="1"]) #lookednumber#lookednumber, .product:not([data-etiket3="1"]) #cartnumber#lookednumber {
    margin-top: -4rem;
  }
}
@media (min-width: 1200px) {
  .product:not([data-etiket3="1"]) #lookednumber, .product:not([data-etiket3="1"]) #cartnumber {
    top: 35vw;
  }
}
.product[data-etiket3="1"] #code, .product[data-etiket3="1"] .prices, .product[data-etiket3="1"] .options, .product[data-etiket3="1"] .addToCartSelectedButton + .addToCartDetailButton, .product[data-etiket3="1"] .accordion-item.installments-item {
  display: none !important;
}
.product[data-etiket3="1"] header {
  margin-bottom: 0.25rem !important;
}
.product[data-etiket3="1"] .total {
  font-weight: 600;
  margin-bottom: 1rem;
}
@media (min-width: 1400px) {
  .product[data-etiket3="1"] .total {
    margin-bottom: 2rem;
  }
}

#accordionProduct, #share, .share-on-desktop {
  order: 3;
}

@media (max-width: 575.98px) {
  #accordionProduct {
    --bs-accordion-btn-padding-x: calc(var(--bs-gutter-x) * .5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
  }
}

.accordion-header {
  font-size: inherit;
}

.accordion-button {
  font-size: inherit;
}
.accordion-button small:before {
  content: "(";
}
.accordion-button small:after {
  content: ")";
}
.accordion-button:after {
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  background-image: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85em;
}
.accordion-button:not(.collapsed) {
  font-weight: 600;
}

.main-accordion .accordion-header {
  display: flex;
  justify-content: space-between;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
}
.main-accordion .accordion-header a {
  font-size: 0.875em;
  font-weight: 500;
  color: #4A4A4A;
}

#product-description-title, #benzerurunler, #onerilenurunler, #songezilenurunler {
  width: 100%;
  max-width: 1504px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid var(--bs-border-color);
  font-size: 1em;
  font-weight: 500;
}
@media (min-width: 768px) {
  #product-description-title, #benzerurunler, #onerilenurunler, #songezilenurunler {
    font-size: 1.25em;
    margin-bottom: 2rem;
  }
}
#product-description-title span, #benzerurunler span, #onerilenurunler span, #songezilenurunler span {
  display: inline-block;
  vertical-align: top;
  border-bottom: 1px solid #000;
  padding-bottom: 0.5rem;
  margin-bottom: -1px;
}
@media (min-width: 768px) {
  #product-description-title span, #benzerurunler span, #onerilenurunler span, #songezilenurunler span {
    padding-bottom: 1rem;
  }
}

#product-desc {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.socialJS {
  gap: 0.5rem;
}
.socialJS a {
  display: flex;
  padding: 0.5rem;
  background-color: var(--bs-primary);
  text-decoration: none;
  border-radius: 0.5rem;
  font-size: 1.1em;
  min-width: 32px;
  min-height: 32px;
}
.socialJS a i {
  color: #fff !important;
}

.tableTax {
  font-family: inherit;
  font-size: 0.875em;
}

.sl-video-content {
  width: 100%;
  max-width: 960px;
  padding: 0.75rem;
}
.sl-video-content .sl-video-inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.sl-video-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.recommendedList {
  flex-direction: column;
  padding-top: 1rem;
  border-top: 1px solid #d9d9d9;
}
@media (min-width: 576px) {
  .recommendedList::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .recommendedList::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }
  .recommendedList::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 4px;
  }
  .recommendedList::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.45);
  }
  .recommendedList {
    overflow: auto;
    height: 320px;
    padding-bottom: 1rem;
  }
}
@media (min-width: 992px) {
  .recommendedList {
    height: 460px;
  }
}
.recommendedList .embla__slide {
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
}
.recommendedList .embla__slide:not(:first-child) {
  border-top: 1px solid #F3F3F3;
}
.recommendedList .product-item {
  position: relative;
  background-color: transparent;
  padding-left: 8rem;
  border: none;
  min-height: 124px;
  font-size: 1rem;
  line-height: 1.25;
  /*
  @include media-breakpoint-up(xl) {
      padding-left: 9rem;
      min-height: 135px;
  }
  */
}
@media (min-width: 1400px) {
  .recommendedList .product-item {
    padding-left: 10rem;
    min-height: 158px;
  }
}
.recommendedList .product-item .form-check {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
}
.recommendedList .product-item .form-check-input {
  margin: 0;
}
.recommendedList .product-item .form-check-input:focus {
  box-shadow: none;
}
.recommendedList .product-item .sold-out, .recommendedList .product-item .new {
  display: none;
}
.recommendedList .product-item figure {
  width: 5.5rem;
  position: absolute;
  top: 0;
  left: 1.5rem;
  /*
  @include media-breakpoint-up(xl) {
      width: 6rem;
  }
  */
}
@media (min-width: 1400px) {
  .recommendedList .product-item figure {
    width: 7rem;
    left: 2rem;
  }
}
.recommendedList .product-item .addToFavoritesButton {
  display: none;
}
.recommendedList .product-item header {
  padding: 0.25rem 0 0;
  margin-bottom: 0.75rem;
}
.recommendedList .product-item h2 {
  font-weight: 600;
  min-height: auto;
  margin-bottom: 1rem;
}
.recommendedList .product-item .prices {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  font-size: 1em;
  line-height: 1.35;
  margin-bottom: 1rem;
}
.recommendedList .product-item .prices .old-price {
  font-size: 0.875em;
  order: -1;
}
.recommendedList .product-item .prices .price {
  font-size: 1.125em;
  color: inherit;
}
.recommendedList .product-item .prices:has(.old-price) {
  position: relative;
  padding-left: 3.75rem;
}
.recommendedList .product-item .prices:has(.old-price) .old-price span {
  position: absolute;
  top: 2px;
  left: 0;
  bottom: 4px;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #D82629;
  font-weight: 400;
  color: #fff;
}
.recommendedList .product-item .promotion {
  width: auto;
  text-align: left;
  margin-bottom: 0.5rem;
}
.recommendedList .product-item .promotion:has(.sag) {
  position: relative;
  top: auto;
  right: auto;
  max-width: none;
  font-size: 0.875em;
  text-align: center;
  background-color: #fff;
}
.recommendedList .product-item .promotion:has(.sag) strong {
  display: inline-block;
  font-size: inherit;
}
.recommendedList .product-item .vars-options {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.recommendedList .product-item select {
  background-color: transparent;
  background-position: right center;
  border: none;
  box-shadow: none;
  width: auto;
  font-size: 0.75em;
  padding: 0 1rem 0 0;
}
.recommendedList .product-item .add-to-cart {
  padding: 0;
}
.recommendedList .product-item .add-to-cart .cart-detail {
  height: 36px;
}
.recommendedList .product-item .add-to-cart .cart-detail + div {
  display: none;
}

.nav-pills {
  --bs-nav-link-color: rgba(0,0,0, .5);
  --bs-nav-pills-link-active-bg: transparent;
  --bs-nav-pills-link-active-color: #000;
  --bs-nav-link-padding-x: 1.5rem;
  position: relative;
  flex-wrap: wrap;
  font-weight: 500;
}
.nav-pills:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #f2f2f2;
}
.nav-pills .nav-link {
  position: relative;
  min-width: 150px;
  border-bottom: 1px solid transparent;
}
.nav-pills .nav-link.active {
  border-color: #000;
}

.tab-content {
  padding: 0.5rem 0;
}

#tabpaneMain *:not(h1):not(h2):not(h3) {
  font-size: inherit !important;
}
#tabpaneMain * {
  font-family: inherit !important;
}
#tabpaneMain img, #tabpaneMain iframe {
  max-width: 100%;
}

#commentForm .form-label {
  display: block !important;
}
#commentForm .btn-primary {
  width: 100%;
}

#comments .item {
  background-color: #f5f5f5;
  padding: 1rem;
}

.commentAvatar {
  font-size: 1.25em;
}

.commentName {
  font-weight: 500;
}

.commentDate {
  font-size: 0.75em;
}

.commentTitle, .commentMessage {
  font-size: 0.875em;
}

.slbElement.product-image-lightbox .slbOverlay {
  background-color: #fff;
}
.slbElement.product-image-lightbox .slbContentOuter {
  padding: 0;
}
.slbElement.product-image-lightbox .slbImage {
  padding: 0;
  max-height: none !important;
}
.slbElement.product-image-lightbox .slbImageWrap:after {
  content: none;
}
.slbElement.product-image-lightbox .slbCaption {
  display: none;
}

.product-info ul {
  font-size: 0.875em;
}

.card-body.security-body {
  background-color: #cdebe0;
  border-top: 1px solid #b3ebd9;
}

.freeShippingInformation {
  background-color: #efefef !important;
}
@media (min-width: 768px) {
  .freeShippingInformation:not(:empty) + .row .card {
    border-top-right-radius: 0;
  }
}

.order-page .title .text-bg-light {
  background-color: #fff !important;
}

.product-info a {
  font-size: 0.875em;
  color: inherit;
}

.cart-info button {
  color: inherit;
}

.addressPostalCode {
  display: block !important;
}

#addressTheSameGroup, .invoice-info, .invoice-detail, #invoiceSection {
  display: none;
}

.cart-steps-page.my-cart-page {
  display: flex;
  flex-direction: column;
}
.cart-steps-page.my-cart-page > .alert-danger {
  order: 5;
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.cart-steps-page.my-cart-page > .freeShippingInformation {
  color: var(--bs-primary);
  order: 4;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

.account-page > .border, .my-account-page > .border, .cart-steps-page > .border {
  border: none !important;
}

.account-nav.list-group .list-group-item[data-bs-target="#kampanyalar"] {
  display: none !important;
}

.list-group-item.active {
  --bs-list-group-active-color: var(--bs-primary);
  --bs-list-group-active-bg: var(--bs-border-color);
  --bs-list-group-active-border-color: var(--bs-border-color);
}

.categories-page .letter-list {
  display: none;
}

@media (max-width: 575.98px) {
  #mapCanvas {
    max-height: 60vh;
  }
}

.article-wrapper {
  margin-top: -1rem;
}
@media (min-width: 768px) {
  .article-wrapper article {
    display: flex;
    gap: 2rem;
  }
  .article-wrapper article .article-content {
    flex: 1 1 auto;
  }
}
@media (min-width: 1200px) {
  .article-wrapper article {
    gap: 3rem;
  }
}
.article-wrapper section * {
  font-family: inherit !important;
  background-color: transparent !important;
}
.article-wrapper header {
  margin-top: 0.5rem;
}
@media (min-width: 1200px) {
  .article-wrapper header {
    margin-top: 0.75rem;
  }
}
@media (max-width: 767.98px) {
  .article-wrapper:not(.hide-nav) header {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
  }
}
.article-wrapper.hide-nav {
  text-align: center;
}
.article-wrapper.hide-nav .article-nav {
  display: none;
}

.article-nav {
  width: 100%;
}
.article-nav .dropdown-toggle {
  justify-content: space-between;
}
.article-nav .dropdown-menu {
  --bs-dropdown-item-padding-y: .5rem;
  width: 100%;
}
.article-nav .dropdown-item {
  --bs-dropdown-link-hover-bg: transparent;
  --bs-dropdown-link-hover-color: inherit;
  --bs-dropdown-link-active-bg: var(--bs-light);
  --bs-dropdown-link-active-color: var(--bs-body-color);
  white-space: normal;
}
@media (min-width: 768px) {
  .article-nav {
    width: 16rem;
    flex-shrink: 0;
  }
  .article-nav .dropdown-toggle {
    display: none;
  }
  .article-nav .dropdown-menu {
    --bs-dropdown-bg: transparent;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-box-shadow: none;
    --bs-dropdown-item-padding-y: .75rem;
    display: block;
    position: relative;
    top: auto;
    animation: none;
    padding: 0;
  }
  .article-nav .dropdown-menu li {
    border-bottom: 1px solid var(--bs-border-color);
  }
  .article-nav .dropdown-item {
    font-weight: 500;
  }
}
@media (min-width: 1200px) {
  .article-nav {
    width: 20rem;
  }
  .article-nav .dropdown-menu {
    --bs-dropdown-item-padding-x: 2rem;
    --bs-dropdown-item-padding-y: 1rem;
  }
}

.anlasmali-kurumlar .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  background-color: #fff !important;
  padding: 1.5rem;
  height: 100%;
  font-weight: 500;
}
.anlasmali-kurumlar .item img {
  margin: 1rem auto 0;
  max-width: calc(100% - 1rem);
}
@media (min-width: 768px) {
  .anlasmali-kurumlar .item img {
    margin: 2.75rem auto 0.5rem;
  }
}

.panel-group {
  border: 1px solid var(--bs-border-color);
}

.panel {
  padding: 0 1rem;
}
@media (min-width: 1200px) {
  .panel {
    padding: 0 1.5rem;
  }
}
.panel:not(:last-child) {
  border-bottom: 1px solid var(--bs-border-color);
}

.panel-title {
  position: relative;
  font-size: inherit;
  font-weight: 500;
  margin-bottom: 0;
}
.panel-title:after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-size: 0.75em;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 15px;
  right: 0;
  transition-property: transform;
  transition-duration: 0.3s;
}
@media (min-width: 1200px) {
  .panel-title:after {
    top: 20px;
  }
}
.is-active .panel-title:after {
  transform: rotate(90deg);
}
.panel-title a {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 0.7rem 0.5rem 0.7rem 0;
}
@media (min-width: 1200px) {
  .panel-title a {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.brands-wrapper .theme-h1 {
  text-align: center;
}

.map {
  height: 50vh;
}

img[data-src] {
  background-color: var(--bs-body-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px 48px;
}
img[data-src]:not([src]) {
  visibility: hidden;
}

.iframe-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px 48px;
}

.whatsapp {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  z-index: 5;
}
@media (max-width: 575.98px) {
  .whatsapp {
    bottom: 75px;
    right: 10px;
  }
}
.whatsapp a {
  display: block;
  background-color: rgba(37, 211, 102, 0.7);
  position: relative;
  border-radius: 100%;
  box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.2);
  transition: background-color 0.4s ease;
  -webkit-transition: background-color 0.4s ease;
  backdrop-filter: blur(5px);
}
.whatsapp a span {
  display: none;
  position: absolute;
  right: 55px;
  top: 50%;
  margin: -20px 0 0 0;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
  background-color: rgba(37, 211, 102, 0.9);
  border-radius: 50px;
  padding: 11px 10px;
  animation: righttoleft ease 0.5s;
  -webkit-animation: righttoleft ease 0.5s;
}
.whatsapp a i {
  display: block;
  text-align: center;
  line-height: 50px;
  font-size: 28px;
  color: #fff;
}
.whatsapp a:focus {
  text-decoration: none;
}
@media (min-width: 1200px) {
  .whatsapp a:hover {
    background-color: #1ab956;
  }
  .whatsapp a:hover span {
    display: block;
  }
}

.page-up {
  width: 40px;
  height: 40px;
  font-size: inherit;
  color: #000;
  line-height: 110%;
  text-transform: uppercase;
  padding: 0.5rem 0.5rem;
  background-color: rgba(255, 255, 255, 0.57);
  border: 1px solid #E8E8E8;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  position: fixed;
  right: 25px;
  bottom: 80px;
  z-index: 100;
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
  backdrop-filter: blur(5px);
  transition-property: bottom;
  transition-duration: 0.4s;
}
.page-up:hover {
  bottom: 85px;
}
@media (max-width: 575.98px) {
  .page-up {
    right: 15px;
    bottom: 135px;
  }
  .page-up:hover {
    bottom: 135px;
  }
}

.estimated-delivery {
  display: block;
  margin: 0 0 1rem;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  padding: 0.75rem;
  text-align: center;
  font-size: 0.875rem;
}
.estimated-delivery:empty {
  display: none;
}

.product-item[data-redprice="1"] .prices:has(.old-price) .price, .product-item[data-redprice="1"] .prices .price, .product[data-redprice="1"] .prices #salePrice, .product[data-redprice="1"] .prices #discountedPrice {
  color: #dc1e1e;
}/*# sourceMappingURL=main.css.map */