html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

[section="slideshow"] .slideshow-wrapper,
[section="slideshow"] [block="slideshow-slide"],
[section="collections"] [block="collection"],
[section="products"] [block="product"],
[section="products-by-collection"] [block="product"],
[section="related-products"] [block="product"],
[section="single-collection"] [block="product"],
[section="all-collections"] .item,
[section="faq"] [ui-accordion-item],
[section="about-us"] .content,
.section-head {
  border-radius: 14px;
  overflow: hidden;
}

a, button, [ui-link], .action,
[block="product"],
[block="collection"],
.hayyak-offer-card__body,
[ui-accordion-item] > label {
  transition:
    box-shadow 200ms ease,
    border-color 200ms ease,
    filter 200ms ease,
    opacity 200ms ease;
}

[section="products"] [block="product"],
[section="products-by-collection"] [block="product"],
[section="related-products"] [block="product"],
[section="single-collection"] [block="product"] {
  box-shadow: 0 2px 10px rgba(42, 50, 46, 0.05);
}

@media (hover: hover) {
  [section="products"] [block="product"]:hover,
  [section="products-by-collection"] [block="product"]:hover,
  [section="related-products"] [block="product"]:hover {
    box-shadow: 0 6px 18px rgba(42, 50, 46, 0.09);
  }
}

[section="products"] [block="product"] .media img,
[section="products-by-collection"] [block="product"] .media img,
[section="collections"] [block="collection"] .media img,
[section="slideshow"] img {
  transition: transform 450ms cubic-bezier(0.22, 0.8, 0.26, 1);
}

.section-head {
  box-shadow: 0 2px 12px rgba(42, 50, 46, 0.04);
}

[section="faq"] [ui-accordion-item] > label {
  border-radius: 12px;
}

.hayyak-brand-marquee {
  overflow: hidden;
}

ui-express-checkout input:focus,
ui-express-checkout select:focus,
form[ui-order-form] input:focus {
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.hayyak-sticky-cta {
  backdrop-filter: saturate(1.05);
}

[layout="footer"] {
  margin-top: 4px;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}