/* Add custom CSS styles below */ 

.bg-white {
  --tw-bg-opacity: 1;
  background-color: #b1946e;
}
.main-nav-container .inner {
  padding-bottom: 6px;
  padding-top: 6px;
  background: #F7F6EC;
  border-radius: 9px;
}
@media (min-width: 1024px) {
  .lg\:\!block {
    display: block !important;
    background: #F7F6EC;
  }
}
.text-store-text-secondary {
  color: black;
  font-weight: bold;
}
.product-card--vertical {
  flex-direction: column;
  border: #634211 solid 1px;
  border-radius: 7px;
}
.product-card__addToCart__btn salla-button button {
  background: #634211;
  border: 0;
  color: #fff;
}
.product-card__addToCart__btn salla-button button:hover {
  background-color: #634211;
}
.product-card__addToCart__btn salla-button::after {
  background: #634211;
}
.text-store-text-secondary {
  color: black;
}
.s-block--enhanced-features__item:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.0;
}

.footer-is-custom .store-footer .store-footer__contacts-row, .footer-is-custom .store-footer .store-footer__inner, .footer-is-custom .store-footer .store-footer__newsletter {
  background-color: #F7F6EC;
  --tw-border-opacity: 1;
  border-bottom-color: #e5e7eb;
  border-bottom-color: rgba(229,231,235,var(--tw-border-opacity,1));
}
.footer-is-custom .store-footer .store-footer__curve {
  color: #F7F6EC;
}
.footer-is-custom .store-footer .footer-bottom {
  background-color: #F7F6EC;
}
.footer-is-custom .store-footer .contact-icon, .footer-is-custom .store-footer .contact-social, .footer-is-custom .store-footer .social-link {
  border-color: #634211;
  color: #634211;
  opacity: .7;
}
.s-social-link a svg {
  height: 0.875rem;
  width: 0.875rem;
  fill: #634211;
}

.bg-primary {
  background-color: #634211;
}
.border-store-text-secondary {
  border-color: #634211;
}
.bg-store-bg-secondary {
  background-color: var(--bg-secondary);
  border: #634211 solid 1px;
}

/* ===== PageSpeed: layout shift fixes (added 2026-11-13) ===== */

/* 1) Hero slider: lock to the banners' real 2:1 shape (1281x640) */
.advanced-slider {
  aspect-ratio: 2 / 1;
  overflow: hidden;
}

/* 2) About section video: reserve 16:9 space (video is 1920x1080) */
.about__video {
  aspect-ratio: 16 / 9;
  height: auto;
}

/* 3) Logo: square image (501x501), reserve width before it loads */
img.logo-normal {
  aspect-ratio: 1 / 1;
}

/* ===== end PageSpeed fixes ===== */