@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: var(--bs-primary);
  border-color: var(--bs-primary);
  border-width: 2px;
  font-weight: 500;
}

.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: "Albert Sans", sans-serif !important;
}

.ui-datepicker {
  border: 1px solid #D2D2B1;
  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: #FFFFF2;
  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 #D2D2B1;
  border-radius: 0.5rem;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
  background-color: #FFCC00;
  border-color: #FFCC00;
}

.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: #FFEAD4;
  border-color: #FFEAD4;
  border-radius: 0.5rem;
  box-shadow: none;
  padding: 0.75rem 1.5rem;
}
.form-control:focus, .form-select:focus {
  background-color: #FFEAD4;
  border-color: #fff5eb;
  box-shadow: none;
}
.form-control::-moz-placeholder, .form-select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.375);
}
.form-control::placeholder, .form-select::placeholder {
  color: rgba(0, 0, 0, 0.375);
}

.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;
}

.input-group-text {
  background-color: #FFEAD4;
  border-color: #FFEAD4;
}

.form-check-input {
  background-color: #FFEAD4;
  border-color: #fff5eb;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  border-radius: 0.25rem;
  margin-top: 0.1rem !important;
}

.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.btn-outline-primary {
  --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-size: .875em;
  --bs-btn-font-weight: 500;
  text-transform: none;
}

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

.form-buttons .btn {
  width: 100%;
}
@media (min-width: 768px) {
  .form-buttons .btn {
    min-width: 270px;
    width: auto;
  }
}

.toast {
  --bs-toast-bg: var(--bs-secondary);
  --bs-toast-color: #000;
  background-color: var(--bs-toast-bg) !important;
  border: 1px solid #fff5eb;
  color: var(--bs-toast-color) !important;
  padding: 0.5rem !important;
}
.toast .btn-close {
  filter: none !important;
  font-size: 1.15rem !important;
  width: 24px;
  height: 24px;
  opacity: 0.75;
  margin: 0.45rem !important;
}

#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: 0 .25rem .75rem rgba(0,0,0,.16);
  --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;
}
@media (min-width: 768px) {
  .modal {
    --bs-modal-padding: 2rem;
  }
}
.modal .modal-body {
  padding-top: 0;
}
.modal .accordion {
  padding: 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);
}

.embla {
  --bs-spacer: 1rem;
  --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;
  --embla-arrow-bg: #FFEFD5;
  --embla-arrow-hover-bg: #fff6e9;
  --embla-arrow-active-bg: #fff6e9;
  --embla-arrow-opacity: 1;
  --embla-arrow-disabled-opacity: 0;
}
@media (min-width: 768px) {
  .embla {
    --bs-spacer: 1.5rem;
    --embla-dot-width: .75rem;
    --embla-dot-height: .75rem;
  }
}
.embla .embla__button {
  width: 44px;
  height: 44px;
}

i.fa-try {
  font-size: 0.85em;
}

.slbOverlay {
  background-color: #000;
}

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

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;
  }
  */
}

.main-header {
  --bs-bg-color: #EBEBC3;
  position: relative;
  z-index: 1010;
  background-color: var(--bs-bg-color);
  background-image: url("../images/header-bg.png");
  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 .logo {
  width: calc(100% - 200px - 1rem);
  max-width: 160px;
  margin-top: -42px;
  margin-bottom: -7vw;
}
.main-header .logo a {
  padding: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 576px) {
  .main-header .logo {
    width: 160px;
  }
}
@media (min-width: 1400px) {
  .main-header .logo {
    width: 17%;
    max-width: 292px;
  }
  .main-header .logo a {
    padding: 1.5rem;
    padding: clamp(1.5rem, 2.25vw, 4rem);
  }
}
.main-header .menu-nav {
  width: 100px;
}
@media (min-width: 768px) {
  .main-header .menu-nav {
    width: 168px;
  }
}
@media (min-width: 992px) {
  .main-header .menu-nav {
    width: calc(41.5% - 0.5rem);
  }
}
.main-header .menu-btn {
  width: 44px;
  height: 44px;
  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: #000;
}

.marquee-text {
  --bs-gap: 0rem;
  background-color: var(--bs-bg-color);
  border-bottom: 1px solid #D2D2B1;
  position: relative;
  display: flex;
  align-items: center;
  height: 44px;
  font-size: 0.8125em;
  white-space: nowrap;
}
.marquee-text .embla__slide {
  flex-basis: auto;
}
.marquee-text a {
  display: flex !important;
  align-items: center;
  text-decoration: none;
}
.marquee-text a:after {
  content: "";
  width: 10px;
  height: 10px;
  margin: 0 0.75rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.marquee-text * {
  margin: 0;
  font-family: inherit !important;
  font-size: inherit !important;
}
.marquee-text strong {
  font-weight: 500 !important;
}

#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;
}

@media (min-width: 992px) {
  .header-nav {
    width: calc(41.5% - 0.5rem);
  }
}
.header-nav > button, .header-nav > a, .header-nav .dropdown-toggle {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: inherit;
  text-decoration: none;
  transition-property: all;
  transition-duration: 0.3s;
}
.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: #000;
}
.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: 44px;
}
@media (min-width: 768px) {
  .header-nav .search-btn {
    left: 52px;
  }
}
@media (min-width: 992px) {
  .header-nav .search-btn {
    position: static;
  }
}
.header-nav .cart-btn {
  position: relative;
  width: 52px;
  height: 52px;
  background-color: #EBA900;
  box-shadow: 0 0.75rem 0.75rem rgba(0, 0, 0, 0.16);
  border-radius: 50em;
  margin-left: 0.25rem;
}
@media (min-width: 768px) {
  .header-nav .cart-btn {
    width: 56px;
    height: 56px;
    margin-left: 0.5rem;
  }
}
.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);
}

#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;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.16);
    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;
    text-transform: uppercase;
  }
  #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);
  }
}

.antakya {
  position: fixed;
  bottom: 10%;
  left: 0.5rem;
  z-index: 2;
  width: 62px;
  font-size: 0.75em;
  color: #76613F;
  line-height: 1.3;
  text-align: center;
  border-radius: 0 0 50em 50em;
  overflow: hidden;
  padding-top: 1rem;
}
.antakya img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
.antakya div {
  background-color: #FAD79D;
  border: 1px solid #C7B89E;
  padding: 52px 0.25rem 0.75rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.04);
  border-radius: 50em;
}
.antakya div:before, .antakya div:after {
  content: "";
  width: 128px;
  height: 128px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translate(-40%, -50%);
}
.antakya div:after {
  width: 98px;
  height: 98px;
  top: 50%;
  left: 100%;
}
.antakya div span {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .antakya {
    left: 1rem;
    width: 72px;
  }
  .antakya div {
    padding: 64px 0.5rem 1.5rem;
  }
}

.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 {
  --embla-viewport-radius: 1.5rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 768px) {
  .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;
}

.home-products.position-relative:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  min-width: 420px;
  transform: translate(-44%, -30%);
}

.product-carousel {
  --bs-spacer: .5rem;
  --embla-gap: 1rem;
  --embla-count: 2;
}
@media (max-width: 575.98px) {
  .product-carousel .embla__button {
    display: none;
  }
}
@media (min-width: 768px) {
  .product-carousel {
    --embla-count: 3;
    --bs-spacer: -22px;
  }
  .product-carousel .embla__dots {
    display: none;
  }
}
@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;
  }
}
.product-carousel .embla__dots {
  position: relative;
  left: auto;
  bottom: auto;
}
.product-carousel .embla__button {
  margin-top: -65px;
}

.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;
}

.box-content, .article-page {
  background-color: var(--bs-light);
  border-radius: clamp(1rem, 2.25vw, 2.5rem);
  padding-top: clamp(1.5rem, 3.325vw, 5rem);
  padding-bottom: clamp(1.5rem, 3.325vw, 5rem);
  padding-left: clamp(1rem, 3.325vw, 5rem);
  padding-right: clamp(1rem, 3.325vw, 5rem);
}

.modul-wrapper .bg-white {
  background-color: var(--bs-light) !important;
  border: none !important;
}

.modul-wrapper .bg-white.px-3.py-4 {
  padding-top: clamp(1.5rem, 3.325vw, 5rem) !important;
  padding-bottom: clamp(1.5rem, 3.325vw, 5rem) !important;
  padding-left: clamp(1rem, 3.325vw, 5rem) !important;
  padding-right: clamp(1rem, 3.325vw, 5rem) !important;
}

.modul-wrapper .bg-white.rounded {
  border-radius: clamp(1rem, 2.25vw, 2.5rem) !important;
}
.modul-wrapper .bg-white.rounded .cart-steps-content, .modul-wrapper .bg-white.rounded .cart-steps-summary {
  padding-top: clamp(1.5rem, 3.325vw, 5rem) !important;
  padding-bottom: clamp(1.5rem, 3.325vw, 5rem) !important;
}
.modul-wrapper .bg-white.rounded .cart-steps-content .card-body:first-child, .modul-wrapper .bg-white.rounded .cart-steps-summary .card-body:first-child {
  padding-top: 0 !important;
}
.modul-wrapper .bg-white.rounded .mt-4.mt-xl-5 {
  margin-top: clamp(1.5rem, 3.325vw, 5rem) !important;
}

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

.socialJS {
  justify-content: start;
}

.banner img {
  background-color: var(--bs-primary);
  transition-property: box-shadow, opacity;
  transition-duration: 0.3s;
}
.banner a {
  text-decoration: none;
}
.banner a:hover {
  color: var(--bs-primary);
}
.banner a:hover img {
  opacity: 0.85;
  box-shadow: 0 0 0 2px var(--bs-primary);
}

.banner02:before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  min-width: 420px;
  transform: translate(-44%, -52%);
}
@media (max-width: 991.98px) {
  .banner02 .h4 {
    font-size: 1.125rem;
  }
}

.shopping-info {
  position: relative;
}
.shopping-info:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  min-width: 420px;
  transform: translate(-40%, -60%);
}
.shopping-info div {
  background: #FFEFD5 url("../images/shopping-bg.png") center no-repeat;
  background-size: cover;
  border: 1px solid #D8C9B0;
  border-radius: 1rem;
  padding: 1.5rem 1rem;
  font-size: 1.125em;
  text-align: center;
}
@media (min-width: 1200px) {
  .shopping-info div {
    font-size: 1.25em;
    padding: 3vw 1rem;
  }
}
.shopping-info div * {
  font-size: inherit;
  font-weight: 400;
  margin: 0;
}
.shopping-info img {
  display: block;
  width: 48px;
  margin: 0 auto 0.5rem;
}
@media (min-width: 1200px) {
  .shopping-info img {
    width: 56px;
    margin-bottom: 1rem;
  }
}
.shopping-info strong {
  font-weight: 600;
}

.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: 3rem;
  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: 3.5rem;
  }
  .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: 5rem;
  }
}
@media (min-width: 1400px) {
  .main-footer {
    margin-top: 6rem;
  }
}
.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: 20%;
  padding-top: 20%;
}
.main-footer .logo a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-footer .logo {
  /*
  @include media-breakpoint-up(md) {
      max-width: 100%;
      margin-top: 0;
  }
  @include media-breakpoint-up(lg) {
      width: 168px;

      &: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);
      }
      img {
          position: relative;
      }
  }
  @include media-breakpoint-up(xl) {
      width: 195px;
  }
  @include media-breakpoint-up(xxl) {
      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 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875em;
}
@media (min-width: 576px) {
  .main-footer nav {
    display: block;
  }
}
.main-footer nav .title {
  display: flex;
  align-items: center;
  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 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 9px;
  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.875rem;
}

.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.5rem;
}
@media (min-width: 768px) {
  .product-detail-wrapper .breadcrumb {
    margin-top: -0.5rem;
  }
}
.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-mt {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .section-mt {
    margin-top: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .section-mt {
    margin-top: 5rem;
  }
}
@media (min-width: 1400px) {
  .section-mt {
    margin-top: 6rem;
  }
}

.section-mb {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .section-mb {
    margin-bottom: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .section-mb {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1400px) {
  .section-mb {
    margin-bottom: 6rem;
  }
}

.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;
  background-color: #FFEFD5;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  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(255, 204, 0, 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;
  overflow: visible !important;
}
.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: #f8c26e;
}
.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, .product-item h3 {
  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-color: #FFEFD5;
  background-size: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@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;
}

.product-detail-wrapper {
  position: relative;
}
.product-detail-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  min-width: 420px;
  transform: translate(-44%, -40%);
}

.product .pistachio {
  position: absolute;
  bottom: -4rem;
  right: -1.5rem;
  width: 18%;
  max-width: 258px;
  min-width: 140px;
  pointer-events: none;
}
@media (min-width: 768px) {
  .product > figure {
    width: 50%;
    flex: 1 1 auto;
  }
  .product > .product-detail {
    width: 50%;
    max-width: 780px;
  }
}
@media (min-width: 1200px) {
  .product {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .product > figure {
    width: 45%;
  }
  .product > .product-detail {
    width: 55%;
  }
}
.product .shopping {
  font-size: 0.875em;
  line-height: 1.25;
}
@media (min-width: 1200px) {
  .product .shopping {
    font-size: inherit;
  }
}
.product .shopping li + li {
  margin-top: 0.75rem;
}
.product .shopping div {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #FFE6CC;
  border-radius: 50em;
  padding: 0.5rem 1rem;
}
@media (min-width: 1200px) {
  .product .shopping div {
    padding: 0.75rem 1.5rem;
  }
}
.product .shopping li[data-value]:not([data-value="1"]) {
  display: none;
}
.product .shopping svg {
  width: 1.5em;
  height: 1.5em;
}

.product-image .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-image .new:not([data-value="1"]) {
  display: none;
}
@media (min-width: 992px) {
  .product-image .new {
    top: 1rem;
    left: 1rem;
    padding: 0.315rem 0.75rem;
  }
}
@media (min-width: 1400px) {
  .product-image .new {
    top: 2rem;
    left: 2rem;
  }
}
.product-image img {
  background-color: #fff;
}

.product-images {
  --embla-slide-radius: 1rem;
}
.product-images .embla__dot {
  width: var(--embla-dot-width);
}
@media (min-width: 992px) {
  .product-images .embla__dot {
    display: none !important;
  }
}

.product-thumbs {
  --bs-spacer: .25rem;
  --embla-gap: .75rem;
  --embla-count: 4;
  --embla-slide-radius: .75rem;
  margin-top: 0.75rem;
}
@media (max-width: 767.98px) {
  .product-thumbs {
    display: none;
  }
}
@media (min-width: 1200px) {
  .product-thumbs {
    --embla-count: 5;
  }
}
@media (min-width: 1400px) {
  .product-thumbs {
    --embla-count: 6;
  }
}
.product-thumbs img {
  display: block;
  width: 100%;
}
.product-thumbs .embla__slide {
  position: relative;
}
.product-thumbs .embla__slide button {
  position: relative;
}
.product-thumbs .embla__slide button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--embla-slide-radius);
  pointer-events: none;
  transition-property: box-shadow;
  transition-duration: 0.3s;
}
.product-thumbs .embla__slide.is-selected button:before {
  box-shadow: inset 0 0 0 2px #fff;
}
.product-thumbs .embla__button {
  width: 36px;
  height: 36px;
  background-size: 18px;
}
@media (max-width: 767.98px) {
  .product-thumbs .embla__button {
    display: none;
  }
}
.product-thumbs .embla__button svg {
  display: none;
}

.product {
  margin-bottom: 4rem;
}
.product header {
  border-bottom: 1px solid #FFEAD4;
}
.product .info {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  border-bottom: 1px solid #FFEAD4;
}
.product .info li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #FFEAD4;
  border-radius: 50em;
  padding: 0.25rem 0.75rem 0.25rem 0.25rem;
}
.product .info li:not([data-value="1"]) {
  display: none;
}
.product .info:not(:has(li[data-value="1"])) {
  display: none;
}
.product #variants .title {
  font-size: 0.75em;
}
.product .variantItem {
  margin-bottom: 1rem;
}
.product .variantSelectBox {
  display: flex;
  flex-wrap: wrap;
}
.product .variantSelectBox li {
  margin-right: -1px;
  margin-bottom: -1px;
}
.product .variantSelectBox li:first-child .btn {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.product .variantSelectBox li:last-child .btn {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.product .variantSelectBox .btn {
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-border-radius: 0;
  --bs-btn-bg: transparent;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-border-color: #FFEAD4;
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-bg: rgba(#FFEFD5, .75);
  --bs-btn-hover-border-color: #FFEFD5;
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-active-bg: #FFEFD5;
  --bs-btn-active-border-color: #FFEFD5;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #AF9982;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FFEAD4;
  width: 100%;
}
@media (min-width: 1200px) {
  .product .variantSelectBox .btn {
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .65rem;
  }
}
@media (min-width: 1400px) {
  .product .variantSelectBox .btn {
    --bs-btn-padding-y: .75rem;
  }
}
.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: rgba(175, 153, 130, 0.25);
  top: 50%;
  left: -4px;
  right: -4px;
  transform: rotate(-25deg);
}
.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;
  font-weight: 500;
}
.product .prices {
  line-height: 1.35;
}
.product .prices i {
  font-size: 0.75em;
}
.product .prices .badge {
  --bs-badge-padding-x: 1em;
  --bs-badge-padding-y: 0.375em;
  display: flex;
  align-items: center;
  background-color: #F8C26E;
  font-size: 0.875em;
  font-weight: 400;
  color: #2A2E5B;
}
.product .prices #nonDiscountedPrice, .product .prices #marketPrice {
  font-size: 1.5em;
  color: #AF9982;
  text-decoration: line-through;
}
.product .prices #salePrice, .product .prices #discountedPrice {
  font-size: 2em;
  font-weight: 500;
}
.product .prices .promotionItem {
  display: inline-flex;
  padding: 0.5rem 1rem;
  background-color: #FFDDA7;
  border-radius: 0.5rem;
  font-size: 1.35rem;
  font-weight: 500;
}
.product .list-buttons {
  position: relative;
}
@media (max-width: 767.98px) {
  .product .list-buttons {
    position: absolute;
    top: clamp(1.5rem, 3.325vw, 5rem);
    right: clamp(1rem, 3.325vw, 5rem);
    margin: 0.5rem;
  }
}
.product .list-buttons .btn {
  --bs-btn-bg: #FFEFD5;
  --bs-btn-border-color: #FFEAD4;
  --bs-btn-hover-bg: #fff6e8;
  --bs-btn-hover-border-color: #FFEAD4;
  --bs-btn-active-bg: #fff6e8;
  --bs-btn-active-border-color: #FFEAD4;
  --bs-btn-border-radius: .75rem;
  --bs-btn-hover-color: var(--bs-primary);
  color: inherit;
  box-shadow: none !important;
  padding: 0.625rem !important;
  transition-property: background-color, color;
  transition-duration: 0.2s;
}
@media (min-width: 576px) {
  .product .list-buttons .btn {
    min-width: 56px;
    min-height: 56px;
  }
}
@media (min-width: 1400px) {
  .product .list-buttons .btn {
    min-width: 72px;
    min-height: 72px;
  }
}
.product .list-buttons .btn[data-type]:not([data-type="1"]) {
  background-color: #f8c26e;
}
.product .list-buttons .btn svg {
  display: block;
}
@media (min-width: 992px) {
  .product .list-buttons .btn svg {
    width: 24px;
    height: 24px;
  }
}
.product .list-buttons .dropdown-toggle {
  height: 100%;
}
.product .list-buttons .dropdown-toggle:after {
  content: none;
}
.product .list-buttons .dropdown-menu {
  --bs-dropdown-bg: #fff6e8;
  --bs-dropdown-border-color: #FFEAD4;
  --bs-dropdown-border-radius: .75rem;
  min-width: auto;
}
.product .list-buttons .socialJS {
  flex-direction: column;
}
.product .quantity {
  display: flex;
  justify-content: space-between;
  width: 35%;
  background-color: #FFE2C3;
  border: 2px solid #FFEAD4;
  border-radius: 1rem;
  padding: 0 3%;
}
@media (min-width: 1400px) {
  .product .quantity {
    font-size: 1.25rem;
  }
}
.product .quantity button {
  width: 30%;
  font-size: 0.925em;
}
.product .quantity .form-control {
  background-color: transparent;
  border: none;
  border-radius: 0;
  height: auto !important;
  padding: 0;
  font-size: inherit;
  text-align: center;
}
.product .addToCartDetailButton {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: .5rem;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25em;
  line-height: 1.25;
  min-height: 56px;
}
@media (min-width: 1400px) {
  .product .addToCartDetailButton {
    gap: 1rem;
    font-size: 1.5em;
    min-height: 72px;
  }
}
.product .addToCartDetailButton svg {
  width: 1.375em;
  height: 1.375em;
}
.product #stockInfo {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  gap: 0.5rem;
  font-size: 1.25em;
  line-height: 1.25;
  color: #000;
  min-height: 56px;
  border: 1px solid currentColor;
}
@media (min-width: 1400px) {
  .product #stockInfo {
    gap: 1rem;
    font-size: 1.5em;
    min-height: 72px;
  }
}
.product #stockInfo span {
  color: inherit !important;
}

#productWrapper:not([data-cart="1"]) .quantity, #productWrapper:not([data-cart="1"]) .addToCartDetailButton {
  display: none !important;
}

#productTabGroup {
  position: relative;
}
#productTabGroup:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 100%;
  z-index: -1;
  width: 100%;
  min-width: 420px;
  transform: translate(-44%, -52%);
}

.socialJS {
  gap: 0.5rem;
}
.socialJS a {
  display: flex;
  padding: 0.5rem;
  text-decoration: none;
  font-size: 1.25em;
  min-width: 32px;
  min-height: 32px;
}

.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%;
}

.tabs-group, .accordion {
  background-color: var(--bs-light);
  padding: 1.5rem 1rem;
  border-radius: 1rem;
  margin-bottom: 2rem !important;
}
@media (min-width: 576px) {
  .tabs-group, .accordion {
    padding: 1rem 1.5rem;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .tabs-group, .accordion {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.nav-pills {
  --bs-nav-link-font-size: 1.125em;
  --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-pills-border-radius: 0;
  position: relative;
  flex-wrap: wrap;
  gap: 1rem;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .nav-pills {
    --bs-nav-link-font-size: 1.25em;
    gap: 1.5rem;
  }
}
.nav-pills:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #FFEAD4;
}
.nav-pills .nav-link {
  padding: 0.5rem;
  border-bottom: 1px solid transparent;
}
@media (min-width: 1200px) {
  .nav-pills .nav-link {
    padding: 1rem 0.5rem;
  }
}

.tab-content {
  padding: 1rem 0;
  font-size: 0.875em;
}
@media (min-width: 1200px) {
  .tab-content {
    padding: 2rem 0;
  }
}

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

.accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-active-color: var(--bs-body-color);
  --bs-accordion-border-width: 0;
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-padding-x: .5rem;
  --bs-accordion-btn-padding-y: .5rem;
  --bs-accordion-body-padding-x: 0;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-btn-focus-box-shadow: none;
}
@media (min-width: 1200px) {
  .accordion {
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-body-padding-y: 2rem;
  }
}
.accordion .accordion-header {
  font-size: 1.125em;
}
@media (min-width: 1200px) {
  .accordion .accordion-header {
    font-size: 1.25em;
  }
}
.accordion .accordion-button {
  font-size: inherit;
  font-weight: 500;
  line-height: 1.5;
  border-bottom: 1px solid #FFEAD4;
}
.accordion .accordion-button:before {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--bs-accordion-btn-padding-x);
  width: 2px;
  height: 14px;
  background-color: currentColor;
  transform: translate(-6px, -50%);
  transition-property: height;
  transition-duration: 0.3s;
}
.accordion .accordion-button:after {
  position: absolute;
  top: 50%;
  right: var(--bs-accordion-btn-padding-x);
  width: 14px;
  height: 2px;
  background-color: currentColor;
  background-image: none;
  margin-top: -1px;
}
.accordion .accordion-button:not(.collapsed):before {
  height: 0;
}
.accordion .accordion-button:not(.collapsed):after {
  transform: none;
}
.accordion:has(.product-item) .accordion-body {
  padding-bottom: 0;
}

.comments {
  border-radius: 1rem;
}
.comments .btn[href="#commentModal"] {
  --bs-btn-bg: #FFEFD5;
  --bs-btn-border-color: #FFEFD5;
  font-weight: 400;
}
.comments .form-label {
  display: block !important;
}
.comments .left {
  background-color: #FFE2C3;
  border-radius: 1rem;
  padding: 1.5rem 1rem;
}
.comments .left .btn {
  width: 70%;
}
@media (min-width: 576px) {
  .comments .left {
    width: 210px;
  }
  .comments .left .btn {
    width: 100%;
  }
}
.comments .alert, .comments .item {
  background-color: #FFE5C9;
  border: 1px solid #FFDDB9;
  border-radius: 1rem;
  padding: 2rem;
}
.comments #comments {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comments .item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.comments .commentAvatar {
  width: 56px;
  background-color: #FFECD8;
}
.comments .commentRating {
  font-size: 15px;
}
.comments .commentRating[data-value="1"] i:nth-child(1), .comments .commentRating[data-value="2"] i:nth-child(1), .comments .commentRating[data-value="3"] i:nth-child(1), .comments .commentRating[data-value="4"] i:nth-child(1), .comments .commentRating[data-value="5"] i:nth-child(1), .comments .commentRating[data-value="2"] i:nth-child(2), .comments .commentRating[data-value="3"] i:nth-child(2), .comments .commentRating[data-value="4"] i:nth-child(2), .comments .commentRating[data-value="5"] i:nth-child(2), .comments .commentRating[data-value="3"] i:nth-child(3), .comments .commentRating[data-value="4"] i:nth-child(3), .comments .commentRating[data-value="5"] i:nth-child(3), .comments .commentRating[data-value="4"] i:nth-child(4), .comments .commentRating[data-value="5"] i:nth-child(4), .comments .commentRating[data-value="5"] i:nth-child(5) {
  color: #FFE100;
}
.comments .comment-head {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.comments .commentMessage {
  font-size: 0.875rem;
}
.comments .pagination {
  --bs-pagination-bg: #FFEFD5;
  --bs-pagination-color: var(--bs-body-color);
  --bs-pagination-hover-bg: rgb(239.7, 207.74, 173.9);
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-color: #fff;
  justify-content: start !important;
  gap: 0.5rem;
  margin-bottom: 0;
}
.comments .pagination .page-link {
  font-size: 1em;
  border-radius: 0.5rem;
}
.comments .pagination .page-link.active {
  text-decoration: none;
}
.comments .pagination li {
  margin: 0 !important;
}

[name=commentRating][value="1"]:checked ~ .rating label:nth-child(1), [name=commentRating][value="2"]:checked ~ .rating label:nth-child(1), [name=commentRating][value="3"]:checked ~ .rating label:nth-child(1), [name=commentRating][value="4"]:checked ~ .rating label:nth-child(1), [name=commentRating][value="5"]:checked ~ .rating label:nth-child(1), [name=commentRating][value="2"]:checked ~ .rating label:nth-child(2), [name=commentRating][value="3"]:checked ~ .rating label:nth-child(2), [name=commentRating][value="4"]:checked ~ .rating label:nth-child(2), [name=commentRating][value="5"]:checked ~ .rating label:nth-child(2), [name=commentRating][value="3"]:checked ~ .rating label:nth-child(3), [name=commentRating][value="4"]:checked ~ .rating label:nth-child(3), [name=commentRating][value="5"]:checked ~ .rating label:nth-child(3), [name=commentRating][value="4"]:checked ~ .rating label:nth-child(4), [name=commentRating][value="5"]:checked ~ .rating label:nth-child(4), [name=commentRating][value="5"]:checked ~ .rating label:nth-child(5) {
  color: #FFE100;
}

.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;
}

.list-group {
  --bs-list-group-active-color: #FFE3B7;
  --bs-list-group-bg: transparent;
  --bs-list-group-border-color: #FFEAD4;
}

.article-navbar .btn-light {
  --bs-btn-bg: rgb(239.7, 207.74, 173.9);
  --bs-btn-active-bg: rgb(239.7, 207.74, 173.9);
  --bs-btn-active-shadow: none;
}
.article-navbar .list-group {
  --bs-list-group-bg: rgb(239.7, 207.74, 173.9);
  --bs-list-group-border-width: 0;
  --bs-list-group-item-padding-y: .75rem;
  --bs-list-group-item-padding-x: 1.5rem;
  --bs-list-group-active-bg: transparent;
  --bs-list-group-active-color: #9f5e1b;
  padding: 0.75rem 0;
  background-color: var(--bs-list-group-bg);
}

.card-body.security-body {
  background-color: transparent;
  border: none !important;
}
.card-body.security-body .about-security {
  flex-direction: column !important;
  text-align: center;
  gap: 0.5rem;
}
.card-body.security-body svg {
  width: 36px;
  min-width: 36px;
  margin-left: 0;
}
.card-body.security-body h3 {
  color: var(--bs-success);
  font-weight: 600 !important;
}

.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;
}

.order-steps .number {
  box-shadow: 0 0 0 2px var(--bs-body-bg);
}
.order-steps .text-muted {
  color: rgba(255, 221, 185, 0.75) !important;
}

.mark {
  background-color: transparent;
}

.cartPageQty {
  border-radius: 0.5rem !important;
  background-color: #FFEAD4;
  border-color: #FFEAD4 !important;
}

.cartItem img.bg-white.rounded {
  border-radius: 0.5rem !important;
}
.cartItem .cartDiscount {
  background-color: #F8C26E !important;
  font-weight: 400 !important;
}

.box-loading:after, .page-loading:after {
  background-color: rgba(var(--bs-light-rgb), 0.7);
}

.sl-overlay {
  background-color: var(--bs-light);
}

.cart-info button {
  color: inherit;
}

#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;
}

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

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

.card {
  --bs-card-bg: #FFE5C9;
}

.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;
}

.order-list-page .title .text-muted {
  display: none;
}
.order-list-page img.bg-white.rounded {
  border-radius: 0.5rem !important;
}

.order-detail-page .title .btn-sm {
  background-color: rgba(255, 229, 201, 0.35);
}

.category-page-list .item, .brand-page-list .item {
  background-color: var(--bs-light);
}

.stores-page .title {
  background-color: rgb(239.7, 207.74, 173.9);
}/*# sourceMappingURL=main.css.map */