/** Shopify CDN: Minification failed

Line 35:0 All "@import" rules must come first

**/
/* ==========================================================================
   Yam — Nothing But Real Seafood
   Brand design system on top of Dawn.
   ========================================================================== */

@font-face {
  font-family: 'Cocon Next Arabic';
  src: url('./cocon-next-arabic-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cocon Next Arabic';
  src: url('./cocon-next-arabic-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cocon Next Arabic';
  src: url('./cocon-next-arabic-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Acme&family=Changa:wght@500;600;700;800&family=Tajawal:wght@400;500;700;900&display=swap');

:root {
  --yam-cream: #FDF9E7;
  --yam-cream-2: #FBF2D2;
  --yam-yellow: #FFCA07;
  --yam-orange: #ED8022;
  --yam-orange-dark: #C6650F;
  --yam-teal: #0095AA;
  --yam-teal-light: #3FBEB9;
  --yam-teal-dark: #075A66;
  --yam-teal-darker: #053E47;
  --yam-ink: #0A3A40;
  --yam-ink-soft: #3E6167;

  /* ---------- Dawn theme variables overrides ---------- */
  --buttons-radius: 999px;
  --buttons-radius-outset: 999px;
  --inputs-radius: 999px;
  --inputs-radius-outset: 999px;
  --product-card-corner-radius: 1.25rem;
  --collection-card-corner-radius: 1.25rem;
  --blog-card-corner-radius: 1.25rem;
  --badge-corner-radius: 999px;
}

/* ---------- typography ---------- */
html[lang^="ar"] body,
html[lang^="ar"] input,
html[lang^="ar"] textarea,
html[lang^="ar"] select,
html[lang^="ar"] button {
  font-family: 'Cocon Next Arabic', 'Tajawal', sans-serif;
}

html[lang^="ar"] h1,
html[lang^="ar"] h2,
html[lang^="ar"] h3,
html[lang^="ar"] h4,
html[lang^="ar"] .title,
html[lang^="ar"] .h0,
html[lang^="ar"] .h1,
html[lang^="ar"] .h2,
html[lang^="ar"] .yam-display {
  font-family: 'Cocon Next Arabic', 'Changa', sans-serif;
  font-weight: 700;
}

.header__menu-item,
.menu-drawer__menu-item,
.mega-menu__link {
  font-family: 'Acme', sans-serif;
}

html[lang^="ar"] .header__menu-item,
html[lang^="ar"] .menu-drawer__menu-item,
html[lang^="ar"] .mega-menu__link {
  font-family: 'Cocon Next Arabic', 'Changa', sans-serif;
}

/* ---------- global shape language ---------- */
.multicolumn-card,
.yam-testimonials__card,
.yam-instagram__item {
  border-radius: 1.25rem;
  overflow: hidden;
}

.announcement-bar__message {
  font-weight: 600;
}

.rating-star,
.yam-stars svg {
  color: var(--yam-yellow);
}

/* ---------- eyebrow / badges ---------- */
.yam-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--yam-orange-dark);
  background: rgba(237, 128, 34, 0.12);
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 18px;
}
.yam-eyebrow svg { width: 14px; height: 14px; }

.yam-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--yam-orange);
  color: var(--yam-cream);
}
.yam-badge--yellow { background: var(--yam-yellow); color: var(--yam-teal-darker); }
.yam-badge--teal { background: var(--yam-teal); color: var(--yam-cream); }

/* ---------- wave divider (signature element) ---------- */
.yam-wave { display: block; width: 100%; height: 46px; margin-bottom: -1px; }
.yam-wave--flip { transform: rotate(180deg); margin-bottom: 0; margin-top: -1px; }

/* ---------- icon chip ---------- */
.yam-icon-chip {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--yam-cream);
  color: var(--yam-teal);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(10, 58, 64, 0.08);
}
.yam-icon-chip svg { width: 24px; height: 24px; }

/* ---------- hero blob + stamp ---------- */
.yam-blob {
  width: 100%;
  max-width: 420px;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  border-radius: 50% 46% 50% 48% / 48% 52% 46% 54%;
  background: var(--yam-teal-light);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.yam-blob svg { width: 60%; height: 60%; color: var(--yam-teal-darker); }
.yam-blob img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }

.yam-stamp {
  position: absolute;
  bottom: 4%;
  inset-inline-end: 2%;
  width: 108px;
  height: 108px;
  border-radius: 50%;
  background: var(--yam-orange);
  color: var(--yam-cream);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: 'Cocon Next Arabic', 'Changa', sans-serif;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(198, 101, 15, 0.4);
  border: 3px dashed rgba(253, 249, 231, 0.55);
  transform: rotate(-8deg);
}
.yam-stamp .yam-stamp-big { display: block; font-size: 20px; line-height: 1; }
.yam-stamp .yam-stamp-small { display: block; font-size: 10px; font-weight: 500; margin-top: 2px; }

/* ---------- product / category card polish ---------- */
.yam-cat-blob {
  width: 88px;
  height: 88px;
  margin: 0 auto 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yam-cat-blob svg { width: 44px; height: 44px; }

.card-wrapper .price,
.price__container {
  font-family: 'Cocon Next Arabic', 'Changa', sans-serif;
}

/* ---------- footer skin ---------- */
.footer,
.footer-block__newsletter {
  --color-foreground: 253, 249, 231;
}

/* ---------- skin Dawn's native product & collection cards ---------- */
.card__inner {
  overflow: hidden;
}
.card__media {
  background: var(--yam-teal-light);
}
.badge {
  font-weight: 800 !important;
  background: var(--yam-yellow) !important;
  color: var(--yam-teal-darker) !important;
  border: none !important;
}
.price {
  font-weight: 700;
  color: var(--yam-teal-darker);
}
.collection-card-wrapper .card__media {
  border-radius: 1.25rem;
}

/* ---------- responsive ---------- */
@media screen and (max-width: 749px) {
  .yam-blob { max-width: 280px; }
  .yam-stamp { width: 84px; height: 84px; }
  .yam-stamp .yam-stamp-big { font-size: 16px; }
}