@media (min-width: 1280px) {
  .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
  }
}

/* Swiper */
.swiper-slide {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.swiper-backface-hidden .swiper-slide {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.swiper-backface-hidden .swiper-slide:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px #d9c9b8;
}

.swiper-slide > div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #d9c9b8 !important;
  padding: 5px !important;
  box-sizing: border-box;
  max-width: 100%;
}

.swiper-scrollbar-drag {
  display: none;
}

/* Product cards */
.animate-fade.animate-duration-1000.relative.flex.w-full.flex-col.overflow-hidden.rounded-xl.border.border-gray-100.bg-white.shadow-lg.h-full.justify-between {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.animate-fade.animate-duration-1000.relative.flex.w-full.flex-col.overflow-hidden.rounded-xl.border.border-gray-100.bg-white.shadow-lg.h-full.justify-between:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px #d7cab9;
}

custom-salla-product-card#product_1383855169 {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

custom-salla-product-card#product_1383855169:hover {
  box-shadow: 0 10px 15px #d9c9b8;
}

/* Cart / icons */
.s-cart-summary-total {
  font-weight: 600;
  color: rgb(255 255 255);
}

.s-cart-summary-count {
  background-color: #ffffff !important;
}

.sicon-user:before,
.sicon-search:before,
[dir="rtl"] .header-btn__icon.icon {
  color: #ffffff !important;
}

/* Primary buttons */
.bg-primary {
  transition: background 0.3s ease, transform 0.3s ease;
  border-radius: 8px;
}

.bg-primary:hover {
  background-color: #faf3e5 !important;
  transform: scale(1.05);
}

/* Header / nav */
.main-nav-container {
  background: #e6d8c3 !important;
  border-bottom: 1px solid #d6c7af;
}

.main-nav-container a {
  color: #111111 !important;
  font-weight: 500;
}

.main-nav-container a:hover {
  color: #c9a97a !important;
}

.main-nav-container svg {
  color: #111111 !important;
}

.navbar-brand img {
  max-height: 60px;
  max-width: 260px !important;
  width: auto;
  height: auto;
}

@media only screen and (min-width: 1024px) {
  .main-nav-container {
    background: #d7cab9 !important;
  }

  .main-nav-container a {
    color: #ffffff !important;
    font-weight: 500;
  }

  .main-menu #offers a {
    color: rgb(0 0 0);
  }

  .main-menu li > a:hover {
    color: #fdfdef !important;
    text-decoration-line: none;
  }

  .text-gray-400 {
    color: #4f66dc !important;
  }

  .text-gray-500 {
    color: #ffffff !important;
    background-color: #d7cab9 !important;
  }
}

/* Borders */
.border-primary {
  border-color: black !important;
}

.border-primary:hover {
  color: black !important;
}

/* Text colors */
.text-red-400 {
  color: #c7172e !important;
}

.text-gray-400 {
  color: #4073cb !important;
}

.text-gray-700 {
  color: #ffffff !important;
}

.text-gray-700:hover {
  color: #faf3e5 !important;
}

.text-gray-500 {
  color: #000000 !important;
}

.text-gray-800,
.text-gray-900 {
  color: #ffffff !important;
}

.font-bold {
  font-weight: 700 !important;
  color: #000000;
}

.text-center {
  text-align: center !important;
}

/* Layout fixes - safe only */
.flex.flex-row.items-center.justify-between,
.flex.items-center.justify-between.-mt-2.lg\:-mt-2\.5.pb-0\.5.mb-4.md\:mb-5.lg\:mb-6.\32 xl\:mb-7.\33 xl\:mb-8 {
  background-color: white !important;
}

p.text-gray-400.mb-2\.5.md\:mb-0 {
  color: white !important;
}

/* Footer */
@media (min-width: 768px) {
  footer .grid > div:last-child {
    text-align: right;
  }
}

@media (min-width: 1024px) {
  footer .lg\:block {
    display: block;
  }

  footer .lg\:hidden {
    display: none;
  }
}

@media (max-width: 1023px) {
  footer .lg\:block {
    display: none;
  }

  footer .lg\:hidden {
    display: block;
  }
}

footer .text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #6b7280;
  display: flex;
  justify-content: center;
  text-align: center;
}

footer .text-xs p {
  color: #9ca3af;
  margin-bottom: 0.625rem;
}

@media (min-width: 768px) {
  footer .text-xs p {
    margin-bottom: 0;
  }
}

footer .text-xs a {
  color: inherit;
  text-decoration: none;
}

footer .text-xs a:hover {
  color: #3b82f6;
}

[dir="rtl"] footer .rtl\:ml-4 {
  margin-left: 1rem;
}

[dir="rtl"] footer .rtl\:space-x-reverse {
  --tw-space-x-reverse: 1;
}

@media (max-width: 768px) {
  footer .mx-auto {
    padding: 2rem 1rem;
  }

  footer .grid {
    gap: 1.5rem;
  }

  footer .grid > div:nth-child(2) {
    gap: 1.5rem;
  }
}

footer .flex.items-center {
  display: flex;
  align-items: center;
}

footer .space-y-4 > * + * {
  margin-top: 1rem;
}

footer .space-y-2 > * + * {
  margin-top: 0.5rem;
}

footer .flex.flex-wrap li img.error {
  opacity: 0.5;
}