:root {
  --hayyak-ink: #2A322E;
  --hayyak-slate: #5A5248;
  --hayyak-gold: #C79442;
  --hayyak-gold-deep: #B07A2E;
  --hayyak-gold-bright: #E0BF72;
  --hayyak-gold-soft: #F4E8CA;
  --hayyak-cream: #FAFAFA;
  --hayyak-cream-deep: #F5F5F5;
  --hayyak-sand: #E8DCC8;
  --hayyak-border: #E0D4C0;
  --hayyak-coral: #C96B50;

  --color-primary: #C79442;
  --color-on-primary: #2A322E;
  --color-primary-container: #F4E8CA;
  --color-on-primary-container: #2A322E;
  --color-theme: #C79442;
  --color-on-theme: #FFFDF8;
}

html { scroll-padding-top: 72px; }
body { background: #FAFAFA; color: #1A1A1A; }
body > [layout="main"] { gap: 18px; }

[layout="header"] .logo img { max-height: 54px; object-fit: contain; }
[layout="announcement-bar"] { background: var(--hayyak-slate); color: #FFF; min-height: 34px; font-size: 12px; font-weight: 800; letter-spacing: .1px; }
[layout="announcement-bar"] .content { white-space: nowrap; }

[section="slideshow"] { border-radius: 16px; overflow: hidden; box-shadow: 0 8px 24px rgba(39,54,56,.10); }
[section="slideshow"] .content { background: rgba(255,255,255,.93); border: 1px solid rgba(216,179,106,.55); border-radius: 14px; box-shadow: 0 8px 24px rgba(39,54,56,.14); /* backdrop-filter removed for performance */ }
[section="slideshow"] .content .title { color: var(--hayyak-ink); font-weight: 950; text-wrap: balance; }
[section="slideshow"] .content .description { color: #526466; font-weight: 650; line-height: 1.7; }
[section="slideshow"] .content a, [section="slideshow"] .content button { min-height: 44px; border-radius: 9px; background: linear-gradient(100deg,#C79442 0%,#E0BF72 52%,#B98232 100%); color: #263234; font-weight: 900; box-shadow: 0 5px 12px rgba(177,130,50,.20); }
[section="slideshow"] .slideshow-pagination button { background: var(--hayyak-gold); }

.section-head { background: var(--hayyak-cream); border: 1px solid #E8DDC9; box-shadow: 0 4px 14px rgba(39,54,56,.04); }
.section-head h2 { color: var(--hayyak-ink); font-weight: 950; }
[section="collections"] [block="collection"] { border-radius: 14px; overflow: hidden; box-shadow: 0 5px 16px rgba(39,54,56,.09); }
[section="collections"] [block="collection"] .content { background: linear-gradient(180deg,rgba(39,54,56,.03),rgba(39,54,56,.82)); }
[section="collections"] [block="collection"] .content h3 { color: #FFF; font-weight: 950; text-shadow: 0 2px 8px rgba(0,0,0,.25); }
[section="collections"] [block="collection"] .content a { background: var(--hayyak-gold); color: #263234; border-radius: 8px; font-weight: 900; }

[section="products"] [block="product"], [section="products-by-collection"] [block="product"] { border: 1px solid #D8D0C4; border-radius: 13px; background: #FFFFFF; box-shadow: 0 3px 12px rgba(0,0,0,.06); overflow: hidden; }
[section="products"] [block="product"] .title, [section="products-by-collection"] [block="product"] .title { color: var(--hayyak-ink); font-weight: 850; line-height: 1.45; }
[section="products"] [block="product"] .price, [section="products-by-collection"] [block="product"] .price { color: var(--hayyak-slate); font-weight: 950; }
[section="products"] [block="product"] .add-to-cart, [section="products-by-collection"] [block="product"] .add-to-cart { min-height: 42px; border-radius: 8px; background: linear-gradient(100deg,#C79442,#E0BF72,#B98232); color: #263234; font-weight: 900; }

[section="about-us"], [section="faq"] { border-radius: 14px; overflow: hidden; }
[section="about-us"] .content, [section="faq"] .content { background: #FFFFFF; }
[section="about-us"] h2, [section="faq"] h2 { color: var(--hayyak-ink); font-weight: 950; }
[section="about-us"] p, [section="faq"] p { color: #526466; line-height: 1.85; }
[section="faq"] details, [section="faq"] [ui-accordion-item] { border-color: #E5DCCB; background: #FFF; }

[section="single-product"] { background: transparent; }
[section="single-product"] .general-info { gap: 12px; }
[section="single-product"] .general-info .about .title { color: var(--hayyak-ink); font-weight: 950; line-height: 1.45; }
[section="single-product"] .general-info .price .original-price { color: var(--hayyak-slate); font-weight: 950; }
[section="single-product"] .general-info .price .compare-at-price { color: #6B4E2A; font-weight: 800; }
[section="single-product"] .general-info .cta .add-to-cart { min-height: 54px; font-size: 18px; letter-spacing: .1px; }

.hayyak-order-summary { border-radius: 11px; }
.hayyak-form-benefits { border-radius: 0 0 11px 11px; }

[layout="footer"] { margin-top: 20px; background: var(--hayyak-slate); color: #FFF; }
[layout="footer"] a, [layout="footer"] p { color: rgba(255,255,255,.90); }

@media (max-width: 769px) {
  body { padding: 7px; }
  body > [layout="main"] { gap: 12px; }
  [layout="header"] { min-height: 58px; }
  [layout="announcement-bar"] { min-height: 32px; font-size: 11px; }
  [section="slideshow"] { border-radius: 12px; }
  [section="slideshow"] .content { width: min(84%, 330px); max-width: none; inset-inline-end: 8%; padding: 16px !important; }
  [section="slideshow"] .content .title { font-size: clamp(18px,5vw,24px); line-height: 1.35; }
  [section="slideshow"] .content .description { display: block; font-size: 12px; line-height: 1.55; margin-top: 5px; }
  [section="slideshow"] .content a, [section="slideshow"] .content button { width: 100%; margin-top: 10px; }
  .section-head { padding: 12px 10px; }
  .section-head h2 { font-size: 20px; }
  [section="collections"] [block="collection"] .content { padding: 14px; }
  [section="collections"] [block="collection"] .content h3 { font-size: 15px; }
  [section="about-us"] p, [section="faq"] p { font-size: 13px; }
  [section="single-product"] .general-info .about .title { font-size: 21px; }
}

[layout="footer"] .trust-note { max-width: 34rem; margin: 8px 0; color: rgba(255,255,255,.88); font-size: 12px; line-height: 1.7; }
@media (max-width: 769px) { [layout="footer"] .trust-note { font-size: 11px; line-height: 1.6; } }

[section="slideshow"] .content { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 8px; min-height: 0; }
[section="slideshow"] .content .text { display: flex; flex-direction: column; gap: 5px; margin: 0; }
[section="slideshow"] .content .title, [section="slideshow"] .content .description { margin: 0; }
[section="slideshow"] .content a, [section="slideshow"] .content button { margin: 0; align-self: stretch; }
@media (max-width: 769px) {
  [section="slideshow"] .content { gap: 7px; padding: 14px !important; }
  [section="slideshow"] .content .description { line-height: 1.5; }
  [section="slideshow"] .content a, [section="slideshow"] .content button { min-height: 42px; }
}

[section="slideshow"] .content .action { display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 16px; line-height: 1.2; text-align: center; }
@media (max-width: 769px) { [section="slideshow"] .content .action { min-height: 42px; padding: 0 14px; } }

@media (max-width: 769px) {
  [section="collections"] .section-core [block="collection"] .media {
    height: auto !important;
    aspect-ratio: 4 / 5;
    min-height: 0;
  }
  [section="collections"] .section-core [block="collection"] .media img {
    object-fit: cover;
    object-position: center center;
  }
  [section="slideshow"] .wrapper-box [block="slideshow-slide"]:nth-child(3) .content {
    top: 14px;
    bottom: auto;
    inset-inline-start: 7%;
    inset-inline-end: 7%;
    width: auto;
    max-width: none;
    padding: 12px 14px;
    gap: 6px;
    background: rgba(255, 255, 255, 0.72);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.72);
    box-shadow: 0 6px 18px rgba(39, 54, 56, 0.12);
  }
  [section="slideshow"] .wrapper-box [block="slideshow-slide"]:nth-child(3) .content .text .description {
    display: block;
    font-size: 12px;
    line-height: 1.45;
  }
  [section="slideshow"] .wrapper-box [block="slideshow-slide"]:nth-child(3) .content .action {
    min-height: 38px;
    padding: 0 12px;
    background: rgba(199, 148, 66, 0.88);
  }
}

@media (max-width: 769px) {
  [section="slideshow"] {
    height: auto !important;
    aspect-ratio: 4 / 5;
  }
  [section="slideshow"] .slideshow-wrapper,
  [section="slideshow"] .slideshow-wrapper .wrapper-box,
  [section="slideshow"] .slideshow-wrapper .wrapper-box [block="slideshow-slide"] {
    height: 100% !important;
  }
  [section="slideshow"] .wrapper-box [block="slideshow-slide"] picture,
  [section="slideshow"] .wrapper-box [block="slideshow-slide"] picture img {
    display: block;
    width: 100%;
    height: 100%;
  }
  [section="slideshow"] .wrapper-box [block="slideshow-slide"] picture img {
    object-fit: cover;
    object-position: center center;
  }
  [section="slideshow"] .wrapper-box [block="slideshow-slide"]:nth-child(3) .content {
    top: 12px;
    bottom: auto;
    inset-inline-start: auto;
    inset-inline-end: 6%;
    width: 64%;
    max-width: 64%;
    padding: 9px 10px;
    gap: 4px;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.68);
    -webkit-/* backdrop-filter removed for performance */
    /* backdrop-filter removed for performance */
    box-shadow: 0 4px 12px rgba(39, 54, 56, 0.10);
  }
  [section="slideshow"] .wrapper-box [block="slideshow-slide"]:nth-child(3) .content .text {
    gap: 2px;
  }
  [section="slideshow"] .wrapper-box [block="slideshow-slide"]:nth-child(3) .content .text .title {
    font-size: 15px;
    line-height: 1.25;
  }
  [section="slideshow"] .wrapper-box [block="slideshow-slide"]:nth-child(3) .content .text .description {
    display: block;
    font-size: 10px;
    line-height: 1.35;
  }
  [section="slideshow"] .wrapper-box [block="slideshow-slide"]:nth-child(3) .content .action {
    min-height: 32px;
    padding: 0 9px;
    font-size: 11px;
    background: rgba(199, 148, 66, 0.86);
  }
}

@media (max-width: 769px) {
  [section="slideshow"] .wrapper-box [block="slideshow-slide"] .content {
    height: fit-content !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: flex-start !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
  }
  [section="slideshow"] .wrapper-box [block="slideshow-slide"] .content .text {
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    justify-content: flex-start !important;
  }
  [section="slideshow"] .wrapper-box [block="slideshow-slide"] .content .action {
    flex: 0 0 auto !important;
  }
  [section="slideshow"] .wrapper-box [block="slideshow-slide"] .content[data-hayyak-slide-index="3"] {
    position: absolute !important;
    top: 12px !important;
    bottom: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: 6% !important;
    width: 64% !important;
    max-width: 64% !important;
    height: fit-content !important;
    padding: 9px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    overflow: visible !important;
  }
}

[section="slideshow"] .wrapper-box [block="slideshow-slide"]:nth-child(2) .content {
  top: 8%;
  bottom: auto;
  inset-inline-end: 6%;
  width: min(34%, 360px);
  max-width: none;
}

[section="slideshow"] .wrapper-box [block="slideshow-slide"]:nth-child(3) .content {
  display: none !important;
}

@media (max-width: 769px) {
  [section="slideshow"] .wrapper-box [block="slideshow-slide"]:nth-child(2) .content {
    top: 7%;
    bottom: auto;
    inset-inline-end: 6%;
    width: 66%;
    max-width: 66%;
    padding: 12px !important;
  }
}

:root {
  --hayyak-ink: #2A322E;
  --hayyak-slate: #5A5248;
  --hayyak-gold: #C79442;
  --hayyak-gold-soft: #F4E8CA;
  --hayyak-cream: #FAFAFA;
  --hayyak-coral: #C96B50;
  --hayyak-sage: #A89878;
  --hayyak-sand: #E8DCC8;
  --hayyak-border: #E0D4C0;
}

html, body { font-family: 'Tajawal', sans-serif; }
body { background: #FAFAFA; color: #1A1A1A; }
body > [layout="main"] { gap: 20px; }

[layout="announcement-bar"] {
  background: var(--hayyak-slate);
  color: #FFFDF8;
  border-bottom: 3px solid var(--hayyak-gold);
  letter-spacing: .15px;
}

[section="slideshow"] {
  box-shadow: 0 10px 28px rgba(73, 64, 49, .13);
}
[section="slideshow"] .content {
  background: rgba(255, 252, 246, .94);
  border-color: rgba(183, 138, 74, .48);
  box-shadow: 0 10px 26px rgba(73, 64, 49, .16);
}
[section="slideshow"] .content .title,
.section-head h2,
[section="about-us"] h2,
[section="faq"] h2 { color: var(--hayyak-ink); }
[section="slideshow"] .content .description,
[section="about-us"] p,
[section="faq"] p { color: #5A5248; }
[section="slideshow"] .content a,
[section="slideshow"] .content button,
[section="products"] [block="product"] .add-to-cart,
[section="products-by-collection"] [block="product"] .add-to-cart {
  background: linear-gradient(110deg, #A9783E 0%, #C49A5B 52%, #9B6937 100%);
  color: #FFFDF8;
  box-shadow: 0 6px 14px rgba(126, 88, 42, .22);
}
[section="slideshow"] .slideshow-pagination button { background: var(--hayyak-gold); }

.section-head {
  background: var(--hayyak-cream);
  border-color: var(--hayyak-border);
}
[section="collections"] [block="collection"] {
  box-shadow: 0 7px 18px rgba(73, 64, 49, .12);
}
[section="collections"] [block="collection"] .content {
  background: linear-gradient(180deg, rgba(46,58,53,.02), rgba(46,58,53,.88));
}
[section="collections"] [block="collection"] .content .title { color: #FFFDF8; }
[section="collections"] [block="collection"] .content .description { color: #F7EFE4; }
[section="collections"] [block="collection"] .content .action {
  background: var(--hayyak-gold);
  color: #FFFDF8;
  border-radius: 9px;
  font-weight: 800;
}
[section="products"] [block="product"],
[section="products-by-collection"] [block="product"] {
  border-color: var(--hayyak-border);
  background: #FFFDF8;
}
[section="products"] [block="product"] .title,
[section="products-by-collection"] [block="product"] .title { color: var(--hayyak-ink); }
[section="products"] [block="product"] .price,
[section="products-by-collection"] [block="product"] .price { color: var(--hayyak-slate); }

[section="about-us"] .content,
[section="faq"] .content { background: #FFFFFF; }
[section="faq"] details,
[section="faq"] [ui-accordion-item] {
  border-color: var(--hayyak-border);
  background: #FFFDF8;
}
[layout="footer"] {
  background: var(--hayyak-ink);
  border-top: 4px solid var(--hayyak-gold);
}

@media (max-width: 769px) {
  body { padding: 6px; }
  [section="slideshow"] .content .title { font-weight: 800; }
  .section-head h2 { font-size: 21px; letter-spacing: -.15px; }
  [section="collections"] [block="collection"] .content .title { font-size: 16px; }
  [section="collections"] [block="collection"] .content .description { font-size: 11px; line-height: 1.5; }
}

.hayyak-brand-marquee {
  position: relative;
  overflow: hidden;
  direction: ltr;
  margin: -4px 0;
  padding: 12px 0;
  border: 1px solid rgba(183, 138, 74, .45);
  border-radius: 12px;
  background: var(--hayyak-ink);
  color: #FFFDF8;
  box-shadow: 0 5px 14px rgba(46, 58, 53, .16);
}
.hayyak-brand-marquee__track {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 28px;
  white-space: nowrap;
  animation: hayyak-marquee 24s linear infinite;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .2px;
}
.hayyak-brand-marquee__track span:nth-child(even) {
  color: var(--hayyak-gold);
  font-size: 16px;
}
@keyframes hayyak-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .hayyak-brand-marquee__track { animation: none; transform: translateX(0); }
}

[layout="announcement-bar"] {
  background: var(--hayyak-ink) !important;
  border-bottom-color: var(--hayyak-gold);
}

.section-head {
  position: relative;
  overflow: hidden;
  border: 0;
  border-inline-start: 5px solid var(--hayyak-gold);
  background: var(--hayyak-ink);
  box-shadow: 0 5px 14px rgba(46, 58, 53, .12);
}
.section-head h2 {
  position: relative;
  z-index: 1;
  color: #FFFDF8 !important;
  margin: 0;
  font-weight: 800;
}
@media (max-width: 769px) {
  .hayyak-brand-marquee { padding: 10px 0; }
  .hayyak-brand-marquee__track { font-size: 11px; gap: 20px; }
}

body { background: #FAFAFA; color: #1A1A1A; }

[section="slideshow"] .content { background: rgba(255, 253, 249, .96); box-shadow: 0 7px 20px rgba(73,64,49,.10); }

[layout="announcement-bar"] {
  background: #3A4A42 !important;
  border-bottom: 2px solid #C49A5B;
  min-height: 32px;
}
[layout="announcement-bar"] .content { font-weight: 700; }

.section-head {
  background: #FFFFFF;
  border-inline-start: 4px solid var(--hayyak-gold);
  box-shadow: 0 3px 10px rgba(73,64,49,.06);
}
.section-head h2 { color: var(--hayyak-ink) !important; font-weight: 800; }
.section-head::after { color: rgba(83,107,93,.16); font-size: 11px; }

@media (max-width: 769px) {
  body { padding: 5px; }
  .hayyak-brand-marquee__track { font-size: 11px; gap: 16px; }
}

.hayyak-brand-marquee { direction: ltr; }
.hayyak-brand-marquee__track {
  gap: 56px;
  animation-duration: 15s;
  font-size: 13px;
  letter-spacing: 0;
}
.hayyak-brand-marquee__track span:nth-child(even) { color: inherit; font-size: inherit; }

.section-head h2 { letter-spacing: -.2px; }

[section="products"] [block="product"] ui-product-button,
[section="products-by-collection"] [block="product"] ui-product-button {
  display: block;
  min-width: 112px;
}
[section="products"] [block="product"] ui-product-button > button.add-to-cart,
[section="products-by-collection"] [block="product"] ui-product-button > button.add-to-cart {
  min-height: 42px;
  width: 100%;
  border: 0;
  border-radius: 9px;
  padding: 0 12px;
  background: linear-gradient(110deg, #A9783E, #C49A5B);
  color: #FFFDF8;
  font-weight: 800;
  cursor: pointer;
  transition: transform 150ms ease-out, filter 150ms ease-out;
}
[section="products"] [block="product"] ui-product-button > button.add-to-cart::before,
[section="products-by-collection"] [block="product"] ui-product-button > button.add-to-cart::before {
  content: attr(data-cta);
}
[section="products"] [block="product"] ui-product-button > button.add-to-cart:active,
[section="products-by-collection"] [block="product"] ui-product-button > button.add-to-cart:active { transform: scale(.97); }
@media (hover: hover) {
  [section="products"] [block="product"] ui-product-button > button.add-to-cart:hover,
  [section="products-by-collection"] [block="product"] ui-product-button > button.add-to-cart:hover { filter: brightness(1.06); }
}
@media (max-width: 640px) {
  [section="products"] [block="product"] ui-product-button,
  [section="products-by-collection"] [block="product"] ui-product-button { min-width: 124px; }
  [section="products"] [block="product"] ui-product-button > button.add-to-cart,
  [section="products-by-collection"] [block="product"] ui-product-button > button.add-to-cart { min-height: 46px; font-size: 13px; }
  [block="product"] > a { touch-action: manipulation; }
  [block="product"]:active { transform: scale(.99); transition: transform 120ms ease-out; }
  [block="product"] .min-info .title { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}

[section="collections"] [block="collection"] .content {
  background: linear-gradient(180deg, rgba(46,58,53,.02), rgba(42,47,42,.72));
}
[section="collections"] [block="collection"] .content .title { color: #FFF7E8; text-shadow: 0 1px 5px rgba(0,0,0,.28); }
[section="collections"] [block="collection"] .content .description { color: #F3E3C9; }
[section="collections"] [block="collection"] .content .action { background: #C49A5B; color: #2E3A35; }

.section-head::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: -35%;
  width: 26%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.48), transparent);
  transform: skewX(-18deg);
  animation: hayyak-title-sheen 5s ease-in-out infinite;
  pointer-events: none;
}
@keyframes hayyak-title-sheen {
  0%, 35% { inset-inline-start: -35%; }
  75%, 100% { inset-inline-start: 120%; }
}
@media (prefers-reduced-motion: reduce) {
  .section-head::before { animation: none; display: none; }
}

.hayyak-brand-marquee__track { gap: 0; animation-duration: 15s; }
.hayyak-brand-marquee__group { display: flex; align-items: center; gap: 56px; flex: 0 0 auto; padding-inline-end: 56px; }
@keyframes hayyak-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

[section="collections"] [block="collection"] .content .title { color: #E4BD73; text-shadow: 0 1px 6px rgba(0,0,0,.45); font-weight: 850; }
[section="collections"] [block="collection"] .content .description { color: #FFF1D4; }
[section="collections"] [block="collection"] .content .action { background: linear-gradient(110deg,#B7833E,#D7AE68); color: #2E3A35; box-shadow: 0 3px 8px rgba(80,52,21,.24); }
@media (max-width: 769px) { .hayyak-brand-marquee__group { gap: 40px; padding-inline-end: 40px; } }

[section="slideshow"] .wrapper-box {
  transition: inset-inline-start 0.65s cubic-bezier(0.22, 0.8, 0.26, 1) !important;
  will-change: inset-inline-start;
  transform: none !important;
}
[section="slideshow"] .slideshow-arrows > button,
[section="slideshow"] .slideshow-pagination > button { transition-duration: 180ms; }
@media (prefers-reduced-motion: reduce) {
  [section="slideshow"] .wrapper-box { transition: none !important; }
}

[section="collections"] [block="collection"] .content {
  background: linear-gradient(145deg, #B7833E 0%, #D5AE68 52%, #A97235 100%) !important;
  color: #2E2418 !important;
  border: 1px solid rgba(255,246,218,.5);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 6px 16px rgba(91,57,20,.18);
}
[section="collections"] [block="collection"] .content .title,
[section="collections"] [block="collection"] .content .description,
[section="collections"] [block="collection"] .content .action {
  color: #2E2418 !important;
  text-shadow: none;
}
[section="collections"] [block="collection"] .content .title { font-weight: 900; }
[section="collections"] [block="collection"] .content .description { opacity: .86; }
[section="collections"] [block="collection"] .content .action {
  background: #FFF4D8 !important;
  color: #5B3B1B !important;
  font-weight: 900;
  box-shadow: 0 3px 8px rgba(79,48,13,.18);
}

@media (max-width: 640px) {
}

@media (max-width: 769px) {
  [section="faq"] .section-core .media { height: auto; min-height: 35vh; background: #FFFFFF; }
  [section="faq"] .section-core .media img { object-fit: contain; object-position: center center; }
}

[layout="announcement-bar"] .marquee-container { width: 100%; }
[layout="announcement-bar"] .marquee {
  width: max-content;
  display: flex;
  animation-duration: 12s !important;
  animation-timing-function: linear;

}
[layout="announcement-bar"] .bar-wrapper {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  min-width: 100vw;
}
[layout="announcement-bar"] .bar-wrapper li { padding-inline: 28px; font-weight: 850; }
@media (max-width: 640px) {
  [layout="announcement-bar"] .marquee { animation-duration: 10s !important; }
  [layout="announcement-bar"] .bar-wrapper li { padding-inline: 20px; }
}

[section="collections"] [block="collection"] .content .action {
  min-width: 190px;
  min-height: 48px;
  padding: 14px 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  text-align: center;
  line-height: 1.35;
  white-space: normal;
}
@media (max-width: 640px) {
  [section="collections"] [block="collection"] .content .action { min-width: 210px; min-height: 50px; }
}

[section="faq"] .section-core .media { background: #FFFFFF; }
[section="faq"] .section-core .media img { object-fit: cover; object-position: center center; }
@media (max-width: 769px) {
  [section="faq"] .section-core .media { height: auto; aspect-ratio: 2 / 3; min-height: 0; }
  [section="faq"] .section-core .media img { object-fit: cover; object-position: center center; }
}

@media (max-width: 769px) {
  [section="faq"] .section-core {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
  }
  [section="faq"] .section-core .media {
    order: -1;
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 3;
    border-radius: var(--radius-md);
  }
  [section="faq"] .section-core .media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
}

[section="collections"] [block="collection"] img,
[section="faq"] .media img { content-visibility: auto; }
[section="collections"] [block="collection"] .media { aspect-ratio: 4 / 5; }
[section="faq"] .section-core .media { aspect-ratio: 2 / 3; }
img { max-width: 100%; }

[section="slideshow"] [block="slideshow-slide"]:nth-child(1) .content .action,
[section="slideshow"] [block="slideshow-slide"]:nth-child(2) .content .action {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  min-width: 190px;
  padding: 12px 20px;
  border-radius: 10px;
  background: linear-gradient(110deg, #B7833E, #D7AE68) !important;
  color: #2E2418 !important;
  border-color: transparent;
  box-shadow: 0 5px 12px rgba(91,57,20,.22);
  font-weight: 900;
  text-align: center;
}
[section="slideshow"] [block="slideshow-slide"]:nth-child(1) .content .action:hover,
[section="slideshow"] [block="slideshow-slide"]:nth-child(2) .content .action:hover { filter: brightness(1.06); }

[section="slideshow"] [block="slideshow-slide"]:nth-child(3) .content { display: none !important; }

[section="slideshow"] [block="slideshow-slide"]:nth-child(1) .content,
[section="slideshow"] [block="slideshow-slide"]:nth-child(2) .content {
  left: var(--spacing-24) !important;
  right: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  bottom: var(--spacing-24) !important;
}
@media (max-width: 769px) {
  [section="slideshow"] [block="slideshow-slide"]:nth-child(1) .content,
  [section="slideshow"] [block="slideshow-slide"]:nth-child(2) .content {
    left: var(--spacing-24) !important;
    right: auto !important;
    bottom: var(--spacing-24) !important;
  }
}

[section="slideshow"] [block="slideshow-slide"]:nth-child(2) .content {
  top: auto !important;
  bottom: var(--spacing-24) !important;
  inset-block-start: auto !important;
  inset-block-end: var(--spacing-24) !important;
  left: var(--spacing-24) !important;
  right: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  transform: none !important;
  translate: none !important;
  z-index: 10 !important;
}

[section="slideshow"] [block="slideshow-slide"]:nth-child(2) .content {
  inset: auto auto var(--spacing-24) var(--spacing-24) !important;
  top: auto !important;
  right: auto !important;
  bottom: var(--spacing-24) !important;
  left: var(--spacing-24) !important;
  inset-block-start: auto !important;
  inset-block-end: var(--spacing-24) !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
}

@media (max-width: 769px) {
  [section="collections"] .section-core {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  [section="collections"] [block="collection"],
  [section="collections"] [block="collection"]:first-child {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    grid-row: auto !important;
    gap: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #C4A050 !important;
  }
  [section="collections"] [block="collection"] .media {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 260px !important;
    aspect-ratio: 4 / 5 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #2a241c !important;
  }
  [section="collections"] [block="collection"] .media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  [section="collections"] [block="collection"] .content {
    margin: 0 !important;
    padding: 14px !important;
    background: linear-gradient(180deg, rgba(20,16,12,0.15) 0%, #CDB06A 28%, #C4A050 60%, #B89240 100%) !important;
    color: #2A2218 !important;
  }
  [section="collections"] [block="collection"] .content .title,
  [section="collections"] [block="collection"] .content .description {
    color: #2A2218 !important;
  }
  [section="collections"] [block="collection"] .content .action {
    background: #FFF6E4 !important;
    color: #5A3C1A !important;
    border-radius: 999px !important;
    text-decoration: none !important;
  }
  [section="collections"] [block="collection"] .content .action::before { display: none !important; }
  [section="collections"] [block="collection"]:nth-child(2) .content {
    background: linear-gradient(180deg, rgba(10,8,6,0.45) 0%, #CDB06A 45%, #C4A050 70%, #B89240 100%) !important;
  }
  [section="collections"] [block="collection"]:nth-child(3) .content {
    background: linear-gradient(180deg, rgba(12,10,8,0.28) 0%, #CDB06A 40%, #C4A050 70%, #B89240 100%) !important;
  }
  [section="products"] .section-core {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  [section="products"] [block="product"] .media { height: 150px !important; }
  [section="products"] [block="product"] .media img { filter: none !important; }
}
.hayyak-offer-card__visual { display: flex !important; justify-content: center !important; align-items: center !important; gap: 2px !important; }
.hayyak-offer-card__visual img { width: 82% !important; max-height: 70px !important; object-fit: contain !important; }
.hayyak-offer-card__visual:has(img:nth-child(2)) img { width: 48% !important; }
.hayyak-offer-card__visual:has(img:nth-child(3)) img { width: 31% !important; }
.hayyak-offer-card__badge {
  position: absolute !important; top: -13px !important; right: 14px !important; left: auto !important;
  padding: 6px 14px !important; border: 2px solid #fff !important; border-radius: 999px !important;
  background: linear-gradient(100deg,#C79442,#E0BF72,#B98232) !important; color: #263234 !important;
  font-size: 12.5px !important; font-weight: 950 !important; z-index: 9 !important; pointer-events: none !important;
}

.section-head {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  transform: translateZ(0) !important;
  isolation: isolate !important;
}
.section-head h2 {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  transform: translateZ(0) !important;
  will-change: auto !important;
}
.section-head::after,
.section-head::before {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;

  pointer-events: none !important;
}

[section="collections"],
[section="collections"] .section-core,
[section="collections"] [block="collection"] {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  transform: translateZ(0) !important;
}
[section="collections"] [block="collection"] {
  will-change: auto !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease !important;
}
[section="collections"] [block="collection"]:hover {

  transform: translateZ(0) !important;
}
[section="collections"] [block="collection"] .media,
[section="collections"] [block="collection"] .media img {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  transform: translateZ(0) !important;
}

@media (max-width: 769px) {
  [section="slideshow"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
  }
  [section="slideshow"] .slideshow-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  [section="slideshow"] .slideshow-wrapper .wrapper-box,
  :is([section="slideshow"] .slideshow-wrapper) .wrapper-box {

    margin-inline: 0 !important;
    box-sizing: border-box !important;
    max-width: none !important;
  }
  [section="slideshow"] .slideshow-wrapper .wrapper-box [block="slideshow-slide"],
  :is(:is([section="slideshow"] .slideshow-wrapper) .wrapper-box) [block="slideshow-slide"] {
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    flex: 0 0 100% !important;
  }
}

[section="products"],
[section="products-by-collection"],
[section="faq"],
[section="about-us"] {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
}

:root,
[data-theme-mode="light"] {
  --color-primary: #C79442;
  --color-on-primary: #2A322E;
  --color-primary-container: #F4E8CA;
  --color-on-primary-container: #2A322E;
  --color-theme: #C79442;
  --color-on-theme: #FFFDF8;
  --color-outline: #C9B896;
  --color-outline-variant: #E0D4C0;
}

.section-head {
  background: #FFFFFF !important;
  border: 1px solid #E0D4C0 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(42, 50, 46, 0.05) !important;
  padding-block: 14px !important;
  padding-inline: 16px !important;
}
.section-head h1,
.section-head h2,
.section-head h3 {
  color: #2A322E !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
}

[section="about-us"] {
  border-radius: 16px;
}
[section="about-us"] .section-head {
  margin-bottom: 12px;
}
[section="about-us"] .content {
  background: #FFFFFF !important;
  border: 1px solid #E0D4C0 !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 16px rgba(42, 50, 46, 0.06) !important;
  padding: 20px !important;
}
[section="about-us"] .content .title,
[section="about-us"] h2.title {
  color: #2A322E !important;
  font-weight: 800 !important;
  font-size: clamp(18px, 2.4vw, 24px) !important;
  margin-bottom: 10px !important;
}
[section="about-us"] .content .description,
[section="about-us"] .content p,
[section="about-us"] p {
  color: #5A5248 !important;
  line-height: 1.85 !important;
  font-weight: 500 !important;
}
[section="about-us"] .content .action,
[section="about-us"] a.action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 20px !important;
  border-radius: 10px !important;
  background: linear-gradient(100deg, #C79442 0%, #E0BF72 52%, #B07A2E 100%) !important;
  color: #2A322E !important;
  font-weight: 800 !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(176, 122, 46, 0.22) !important;
  text-decoration: none !important;
}

[section="faq"] {
  border-radius: 16px;
}
[section="faq"] .section-head {
  margin-bottom: 12px;
}
[section="faq"] .content {
  background: #FFFFFF !important;
  border: 1px solid #E0D4C0 !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 16px rgba(42, 50, 46, 0.06) !important;
  padding: 18px !important;
}
[section="faq"] .content .title,
[section="faq"] h2.title {
  color: #2A322E !important;
  font-weight: 800 !important;
  font-size: clamp(18px, 2.4vw, 24px) !important;
}
[section="faq"] .content p,
[section="faq"] p {
  color: #5A5248 !important;
  line-height: 1.8 !important;
}
[section="faq"] details,
[section="faq"] [ui-accordion-item],
[section="faq"] .accordion-item {
  background: #FAFAFA !important;
  border: 1px solid #E0D4C0 !important;
  border-radius: 12px !important;
  margin-bottom: 8px !important;
}
[section="faq"] details summary,
[section="faq"] [ui-accordion-item] summary,
[section="faq"] [ui-accordion-item] .title {
  color: #2A322E !important;
  font-weight: 700 !important;
}

[section="related-products"] .section-head,
[section="product-reviews"] .section-head,
[section="all-collections"] .section-head,
[section="single-collection"] .section-head,
[section="search"] .section-head,
[section="cart"] .section-head,
[section="page"] .section-head {
  background: #FFFFFF !important;
  border: 1px solid #E0D4C0 !important;
}
[section="related-products"] [block="product"],
[section="all-collections"] [block="collection"] {
  border: 1px solid #E0D4C0 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 5px 16px rgba(42, 50, 46, 0.06) !important;
}
[section="related-products"] [block="product"] .title {
  color: #2A322E !important;
  font-weight: 700 !important;
}
[section="related-products"] [block="product"] .price {
  color: #5A5248 !important;
  font-weight: 700 !important;
}
[section="related-products"] [block="product"] .add-to-cart,
[section="related-products"] [block="product"] button {
  background: linear-gradient(100deg, #C79442 0%, #E0BF72 52%, #B07A2E 100%) !important;
  color: #2A322E !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 9px !important;
}

[section="product-reviews"] .content,
[section="product-reviews"] .review-card {
  background: #FFFFFF !important;
  border-color: #E0D4C0 !important;
  border-radius: 12px !important;
}
[section="product-reviews"] .star,
[section="product-reviews"] [class*="star"],
.stars svg {
  color: #C79442 !important;
  fill: #C79442 !important;
}

[section="page"] .content,
[section="search"] .content,
[section="cart"] .content {
  background: #FFFFFF !important;
  border: 1px solid #E0D4C0 !important;
  border-radius: 14px !important;
}
[section="page"] h1,
[section="page"] h2,
[section="search"] h2,
[section="cart"] h2 {
  color: #2A322E !important;
  font-weight: 800 !important;
}

[section="cart"] button[type="submit"],
[section="cart"] .checkout,
[section="single-product"] button[type="submit"],
[section="upsell"] button[type="submit"],
[section="upsell"] .action {
  background: linear-gradient(100deg, #C79442 0%, #E0BF72 52%, #B07A2E 100%) !important;
  color: #2A322E !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 12px rgba(176, 122, 46, 0.22) !important;
}

[layout="footer"] {
  background: #2A322E !important;
  color: #FFFDF8 !important;
  border-top: 4px solid #C79442 !important;
}
[layout="footer"] a {
  color: #F4E8CA !important;
}
[layout="footer"] a:hover {
  color: #E0BF72 !important;
}
[layout="footer"] p,
[layout="footer"] span,
[layout="footer"] .trust-note {
  color: rgba(255, 253, 248, 0.88) !important;
}

[section="socials"] a,
[section="socials"] [ui-icon] {
  color: #C79442 !important;
}

.hayyak-brand-marquee {
  background: #2A322E !important;
  color: #FFFDF8 !important;
  border-block: 2px solid #C79442 !important;
}
.hayyak-brand-marquee span,
.hayyak-brand-marquee__group span {
  color: #F4E8CA !important;
}

body > [layout="main"] {
  gap: 22px;
}
@media (max-width: 769px) {
  body > [layout="main"] { gap: 14px; }
  .section-head { padding-block: 12px !important; padding-inline: 12px !important; }
  .section-head h2 { font-size: 20px !important; }
  [section="about-us"] .content,
  [section="faq"] .content { padding: 14px !important; }
}

body {
  background: #FAFAFA !important;
  color: #1A1A1A !important;
}
.section-head {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
  border-inline-start: 4px solid #C79442 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}
.section-head h2 {
  color: #1A1A1A !important;
  -webkit-text-fill-color: #1A1A1A !important;
  font-weight: 800 !important;
}

[section="products"] [block="product"],
[section="products-by-collection"] [block="product"],
[section="related-products"] [block="product"] {
  background: #FFFFFF !important;
  border: 1px solid #D4CCC0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

[section="about-us"] .content,
[section="faq"] .content,
[section="page"] .content,
[section="search"] .content,
[section="cart"] .content {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
}

[section="faq"] details,
[section="faq"] [ui-accordion-item] {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
}

[section="faq"] .content,
[section="faq"] .section-core .content {
  background: #FFFFFF !important;
  border: 1px solid #E5E0D8 !important;
}
[section="faq"] .content .head,
[section="faq"] .content .head .title {
  color: #2A322E !important;
}
[section="faq"] .content .head .description {
  color: #5A5248 !important;
}
[section="faq"] [ui-accordion-item] > label,
[section="faq"] details,
[section="faq"] [ui-accordion-item] {
  background: #F7F7F5 !important;
  border: 1px solid #E8E4DC !important;
  border-radius: 12px !important;
}
[section="faq"] [ui-accordion-item] > label:hover {
  background: #F0EFEC !important;
}
[section="faq"] [ui-accordion-item] [ui-accordion-trigger],
[section="faq"] [ui-accordion-item] .title {
  color: #2A322E !important;
  font-weight: 700 !important;
}

[section="about-us"] .content,
[section="about-us"] .section-core .content {
  background: #FFFFFF !important;
  border: 1px solid #E5E0D8 !important;
}
[section="about-us"] .content .title,
[section="about-us"] h2 {
  color: #2A322E !important;
}
[section="about-us"] .content .description,
[section="about-us"] p {
  color: #5A5248 !important;
}

[section="page"] .page-head,
[section="page"] .page-head .title,
[section="page"] h1.title,
[section="page"] h2.title,
[section="page"] .title {
  color: #2A322E !important;
  -webkit-text-fill-color: #2A322E !important;
  background: none !important;
  font-weight: 800 !important;
}
[section="page"] .page-head [ui-icon],
[section="page"] .page-head svg,
[section="page"] .title [ui-icon],
[section="page"] .title svg {
  color: #2A322E !important;
  fill: #2A322E !important;
  stroke: #2A322E !important;
}
[section="page"] .page-content,
[section="page"] .page-head {
  background: #FFFFFF !important;
  border-color: #E5E0D8 !important;
}
[section="page"] .page-content,
[section="page"] .page-content p {
  color: #5A5248 !important;
}

[section="socials"] a,
[section="socials"] [ui-icon],
[section="socials"] svg {
  color: #2A322E !important;
  fill: #2A322E !important;
}
[section="socials"] a:hover,
[section="socials"] a:hover [ui-icon] {
  color: #C79442 !important;
  fill: #C79442 !important;
}

body {
  background: #F7F7F5 !important;
}

[section="faq"] .section-core {
  background: #FFFFFF !important;
  border: 1px solid #E5E0D8 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(42, 50, 46, 0.06) !important;
}
[section="faq"] .section-core .content {
  background: #FFFFFF !important;
  border: none !important;
  box-shadow: none !important;
}
[section="faq"] .section-core .content .head .title {
  color: #2A322E !important;
  font-weight: 800 !important;
}
[section="faq"] [ui-accordion-item] > label {
  background: #F7F7F5 !important;
  border: 1px solid #E8E4DC !important;
  border-radius: 12px !important;
}
[section="faq"] [ui-accordion-item] [ui-icon] {
  color: #C79442 !important;
}

[section="page"] .page-head .title {
  color: #2A322E !important;
  -webkit-text-fill-color: #2A322E !important;
  background: none !important;
}
[section="page"] .page-head,
[section="page"] .page-content {
  background: #FFFFFF !important;
  border: 1px solid #E5E0D8 !important;
  border-radius: 16px !important;
}

[section="socials"] [block="social"],
[block="social"] {
  color: #2A322E !important;
}
[block="social"] [ui-icon],
[block="social"] svg {
  color: #2A322E !important;
  fill: #2A322E !important;
}

[layout="footer"] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  padding: 28px 20px 24px !important;
  background: #2A322E !important;
  color: #FFFDF8 !important;
  border-top: 3px solid #C79442 !important;
}

[layout="footer"] .general {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  flex: 1 1 220px !important;
}

[layout="footer"] .general .logo {
  color: #FFFDF8 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

[layout="footer"] .general .trust-note {
  color: rgba(255, 253, 248, 0.82) !important;
  font-size: 12.5px !important;
  line-height: 1.65 !important;
  max-width: 28rem !important;
  margin: 0 !important;
}

[layout="footer"] .general .copyright {
  color: rgba(255, 253, 248, 0.55) !important;
  font-size: 11px !important;
}

[layout="footer"] .links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 28px 40px !important;
  margin: 0 !important;
  flex: 2 1 280px !important;
}

[layout="footer"] .links .links-box {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-width: 120px !important;
}

[layout="footer"] .links .links-box > span {
  color: #E0BF72 !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
}

[layout="footer"] .links .links-box ul {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

[layout="footer"] .links .links-box a {
  color: rgba(255, 253, 248, 0.88) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  opacity: 1 !important;
}

[layout="footer"] .links .links-box a:hover {
  color: #E0BF72 !important;
}

[layout="footer"] .links .links-box a::before {
  display: none !important;
  content: none !important;
  background: none !important;
}

@media (max-width: 769px) {
  [layout="footer"] {
    flex-direction: column-reverse !important;
    gap: 22px !important;
    padding: 22px 16px 20px !important;
  }
  [layout="footer"] .links {
    gap: 20px 24px !important;
  }
}

[section="page"] {
  padding: 8px 12px 20px !important;
}
[section="page"] .page-head {
  background: linear-gradient(165deg, #2A322E 0%, #3A4A42 100%) !important;
  border: 1px solid #C79442 !important;
  border-radius: 16px !important;
  padding: 18px 20px !important;
  box-shadow: 0 6px 18px rgba(42, 50, 46, 0.12) !important;
}
[section="page"] .page-head .title {
  color: #FFFDF8 !important;
  -webkit-text-fill-color: #FFFDF8 !important;
  background: none !important;
  font-weight: 800 !important;
  margin: 0 !important;
}
[section="page"] .page-content {
  background: #FFFFFF !important;
  border: 1px solid #E5E0D8 !important;
  border-radius: 16px !important;
  padding: 20px 18px !important;
  color: #5A5248 !important;
  line-height: 1.8 !important;
}

.hayyak-brand-marquee {
  position: relative !important;
  overflow: hidden !important;
  direction: ltr !important;
  margin: 0 !important;
  padding: 11px 0 !important;
  background: #2A322E !important;
  border: 2px solid #C79442 !important;
  color: #F4E8CA !important;
  box-shadow: 0 4px 14px rgba(42, 50, 46, 0.14) !important;
}

.hayyak-brand-marquee--upper,
.hayyak-brand-marquee:not(.hayyak-brand-marquee--secondary) {
  border-radius: 12px !important;
}

.hayyak-brand-marquee--secondary {
  border-radius: 999px !important;
  margin-top: 10px !important;
  margin-left: 18px !important;
  margin-right: 18px !important;
  width: auto !important;
  max-width: calc(100% - 36px) !important;
  box-sizing: border-box !important;
}

@media (max-width: 769px) {
  .hayyak-brand-marquee--secondary {
    margin-left: 14px !important;
    margin-right: 14px !important;
    max-width: calc(100% - 28px) !important;
  }
}

.hayyak-brand-marquee__track {
  display: flex !important;
  width: max-content !important;
  align-items: center !important;
  gap: 0 !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #F4E8CA !important;
  animation: hayyak-marquee 14s linear infinite !important;

  backface-visibility: hidden !important;
}

.hayyak-brand-marquee__group {
  display: flex !important;
  align-items: center !important;
  gap: 1.35rem !important;
  flex: 0 0 auto !important;
  padding-inline-end: 1.35rem !important;
  white-space: nowrap !important;
}

.hayyak-brand-marquee__item {
  display: inline-block !important;
  color: #F4E8CA !important;
}

.hayyak-brand-marquee__dot {
  display: inline-block !important;
  color: #C79442 !important;
  padding-inline: 0.25rem !important;
}

.hayyak-brand-marquee span {
  color: #F4E8CA !important;
}

.hayyak-brand-marquee--fast > .hayyak-brand-marquee__track,
.hayyak-brand-marquee--upper > .hayyak-brand-marquee__track {
  animation: hayyak-marquee 14s linear infinite !important;
}

.hayyak-brand-marquee--secondary > .hayyak-brand-marquee__track {
  animation: hayyak-marquee 12s linear infinite !important;
}

@keyframes hayyak-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .hayyak-brand-marquee__track { animation: none !important; }
}

.hayyak-benefits-ribbon {
  border-radius: 999px !important;
}
.hayyak-benefits-ribbon__track {
  animation: hayyakBenefitsRibbon 18s linear infinite !important;

}
@keyframes hayyakBenefitsRibbon {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

[section="slideshow"] [block="slideshow-slide"] .content .action,
[section="slideshow"] [block="slideshow-slide"]:nth-child(1) .content .action,
[section="slideshow"] [block="slideshow-slide"]:nth-child(2) .content .action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 8px 16px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 248, 230, 0.35) !important;
  background: linear-gradient(145deg, #E0BF72 0%, #C79442 48%, #B07A2E 100%) !important;
  color: #2A322E !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.35) inset,
    0 4px 12px rgba(91, 57, 20, 0.22) !important;
  transition: filter 180ms ease, box-shadow 180ms ease !important;
}

[section="slideshow"] [block="slideshow-slide"] .content .action:hover {
  filter: brightness(1.05) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.4) inset,
    0 6px 14px rgba(91, 57, 20, 0.26) !important;
}

@media (max-width: 769px) {
  [section="slideshow"] [block="slideshow-slide"] .content .action,
  [section="slideshow"] [block="slideshow-slide"]:nth-child(1) .content .action,
  [section="slideshow"] [block="slideshow-slide"]:nth-child(2) .content .action {
    min-height: 36px !important;
    padding: 7px 14px !important;
    font-size: 12.5px !important;
  }
}

html {
  scroll-behavior: smooth;
}

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

body > [layout="main"],
[layout="main"] {
  gap: 20px !important;
}

@media (max-width: 769px) {
  body > [layout="main"],
  [layout="main"] {
    gap: 16px !important;
  }
}

[section="products"] .section-core,
[section="products-by-collection"] .section-core,
[section="collections"] .section-core {
  gap: 12px;
}

[section="products"] [block="product"],
[section="products-by-collection"] [block="product"],
[section="collections"] [block="collection"] {
  transition: box-shadow 220ms ease, transform 220ms ease !important;
}

@media (hover: hover) {
  [section="products"] [block="product"]:hover,
  [section="products-by-collection"] [block="product"]:hover {
    box-shadow: 0 8px 22px rgba(42, 50, 46, 0.1) !important;
    transform: translateY(-2px) !important;
  }
}

a, button, [ui-link], .action,
[section="slideshow"] .content .action,
[section="about-us"] .content .action,
[section="products"] [block="product"] .info .action {
  transition: filter 180ms ease, box-shadow 180ms ease, transform 180ms ease, opacity 180ms ease !important;
}

img {
  max-width: 100%;
}

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

.section-head {
  transition: box-shadow 220ms ease !important;
}

[section="faq"] [ui-accordion-item] > label {
  transition: background 180ms ease, border-color 180ms ease !important;
}

[layout="footer"] {
  margin-top: 8px !important;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .hayyak-brand-marquee__track {
    animation: none !important;
  }
}

:root {
  --hayyak-ink: #2A322E;
  --hayyak-slate: #5A5248;
  --hayyak-gold: #C79442;
  --hayyak-gold-deep: #B07A2E;
  --hayyak-gold-bright: #E0BF72;
  --hayyak-gold-soft: #F4E8CA;
  --hayyak-border: #E0D4C0;
  --color-primary: #C79442;
  --color-on-primary: #2A322E;
  --color-theme: #C79442;
  --color-on-theme: #FFFDF8;
}

[section="all-collections"] .section-head,
[section="single-collection"] .section-head {
  background: #FFFFFF !important;
  border: 1px solid #E0D4C0 !important;
  border-radius: 14px !important;
}
[section="all-collections"] .section-head h2,
[section="single-collection"] .section-head h2 {
  color: #2A322E !important;
  font-weight: 800 !important;
}
[section="all-collections"] [block="collection"],
[section="single-collection"] [block="product"] {
  background: #FFFDF8 !important;
  border: 1px solid #E0D4C0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}
[section="all-collections"] [block="collection"] .title,
[section="single-collection"] [block="product"] .title {
  color: #2A322E !important;
  font-weight: 800 !important;
}
[section="all-collections"] [block="collection"] .action,
[section="single-collection"] [block="product"] .action,
[section="single-collection"] [block="product"] .add-to-cart {
  background: linear-gradient(100deg, #C79442, #E0BF72, #B07A2E) !important;
  color: #2A322E !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 10px !important;
}

[block="product"] .title {
  color: #2A322E !important;
  font-weight: 800 !important;
}
[block="product"] .price,
[block="product"] .original-price,
[section="single-product"] .price,
[section="product-details"] .price {
  color: #2A322E !important;
  font-weight: 900 !important;
}
[block="product"] .compare-at-price,
[block="product"] .price-compare,
[section="single-product"] .compare-at-price,
[section="single-product"] .original-price s,
[section="product-details"] .compare-price {
  color: #8A8278 !important;
  text-decoration: line-through !important;
  font-weight: 600 !important;
}
[block="product"] .action,
[block="product"] .add-to-cart,
[block="product"] ui-product-button {
  background: linear-gradient(100deg, #C79442, #E0BF72, #B07A2E) !important;
  color: #2A322E !important;
  font-weight: 800 !important;
  border-radius: 10px !important;
  border: none !important;
}

[section="single-product"],
[section="product-details"] {
  color: #5A5248 !important;
}
[section="single-product"] .title,
[section="single-product"] h1,
[section="product-details"] .title,
[section="product-details"] h1 {
  color: #2A322E !important;
  font-weight: 900 !important;
}
[section="single-product"] .section-head,
[section="product-details"] .section-head,
[section="related-products"] .section-head {
  background: #FFFFFF !important;
  border: 1px solid #E0D4C0 !important;
  border-radius: 14px !important;
}
[section="single-product"] .section-head h2,
[section="product-details"] .section-head h2,
[section="related-products"] .section-head h2 {
  color: #2A322E !important;
  font-weight: 800 !important;
}

[section="single-product"] button[type="submit"],
[section="single-product"] .buy-button,
[section="single-product"] .add-to-cart,
[section="product-details"] button[type="submit"],
[section="product-details"] .action {
  background: linear-gradient(100deg, #C79442 0%, #E0BF72 50%, #B07A2E 100%) !important;
  color: #2A322E !important;
  font-weight: 900 !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(176, 122, 46, 0.22) !important;
  min-height: 46px !important;
}

[section="single-product"] [class*="offer"],
[section="single-product"] .variant,
[section="product-details"] .variant {
  border-color: #E0D4C0 !important;
}
[section="single-product"] [class*="offer"][aria-selected="true"],
[section="single-product"] .variant.selected {
  border-color: #C79442 !important;
  box-shadow: 0 0 0 1px #C79442 !important;
}

.hayyak-sticky-cta {
  background: #2A322E !important;
  border: 2px solid #C79442 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 28px rgba(42, 50, 46, 0.28) !important;
  color: #F4E8CA !important;
}
.hayyak-sticky-cta__message,
.hayyak-sticky-cta__message strong {
  color: #F4E8CA !important;
}
.hayyak-sticky-cta__button {
  background: linear-gradient(100deg, #C79442, #E0BF72, #B07A2E) !important;
  color: #2A322E !important;
  font-weight: 900 !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(176, 122, 46, 0.25) !important;
}
.hayyak-sticky-cta__button:hover {
  filter: brightness(1.05) !important;
  background: linear-gradient(100deg, #E0BF72, #C79442, #B07A2E) !important;
}

[section="related-products"] [block="product"] {
  background: #FFFDF8 !important;
  border: 1px solid #E0D4C0 !important;
  border-radius: 14px !important;
}

[section="product-reviews"] .section-head h2 {
  color: #2A322E !important;
}
[section="product-reviews"] .star,
[section="product-reviews"] [class*="star"] {
  color: #C79442 !important;
  fill: #C79442 !important;
}

[section="cart"] .section-head h2,
[section="search"] .section-head h2 {
  color: #2A322E !important;
}
[section="cart"] button[type="submit"],
[section="cart"] .checkout {
  background: linear-gradient(100deg, #C79442, #E0BF72, #B07A2E) !important;
  color: #2A322E !important;
  font-weight: 900 !important;
  border-radius: 12px !important;
  border: none !important;
}

[section="single-product"] input,
[section="single-product"] select,
[section="single-product"] textarea,
[section="product-details"] input,
[section="product-details"] select {
  border-color: #E0D4C0 !important;
  border-radius: 10px !important;
  background: #F7F7F5 !important;
  color: #2A322E !important;
}
[section="single-product"] input:focus,
[section="single-product"] select:focus,
[section="product-details"] input:focus {
  border-color: #C79442 !important;
  outline: none !important;
}

[section="upsell"] .action,
[section="upsell"] button[type="submit"] {
  background: linear-gradient(100deg, #C79442, #E0BF72, #B07A2E) !important;
  color: #2A322E !important;
  font-weight: 900 !important;
  border-radius: 12px !important;
  border: none !important;
}

[section="thankyou"] {
  color: #5A5248 !important;
}
[section="thankyou"] h1,
[section="thankyou"] h2 {
  color: #2A322E !important;
}

.hayyak-brand-marquee {
  overflow: hidden !important;
  width: 100% !important;
}
.hayyak-brand-marquee__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  min-width: 100% !important;
  gap: 0 !important;
  animation: hayyak-marquee-seamless 16s linear infinite !important;

}
.hayyak-brand-marquee__group {
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 28px !important;
  padding-inline-end: 28px !important;
  box-sizing: content-box !important;
}
.hayyak-brand-marquee--upper > .hayyak-brand-marquee__track,
.hayyak-brand-marquee--fast > .hayyak-brand-marquee__track {
  animation-duration: 14s !important;
}
.hayyak-brand-marquee--secondary > .hayyak-brand-marquee__track {
  animation-duration: 16s !important;
}
@keyframes hayyak-marquee-seamless {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .hayyak-brand-marquee__track {
    animation: none !important;
  }
}

.hayyak-brand-marquee__track {
  animation-name: hayyak-marquee-seamless !important;
  animation-duration: 16s !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-fill-mode: none !important;
  animation-play-state: running !important;
}
.hayyak-brand-marquee--upper > .hayyak-brand-marquee__track,
.hayyak-brand-marquee--fast > .hayyak-brand-marquee__track {
  animation-duration: 14s !important;
}
.hayyak-brand-marquee--secondary > .hayyak-brand-marquee__track {
  animation-duration: 16s !important;
}
@keyframes hayyak-marquee-seamless {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}


/* Performance: pause decorative motion when user prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
  .hayyak-marquee,
  .hayyak-benefits-ribbon__track,
  [class*="marquee"],
  [class*="sheen"] {
    animation: none !important;
  }
}