/* ==========================================================================
   EDGE ABAYA — whimsical storefront skin for the "عناية / Enaya" Salla theme
   Paste this whole block into: تخصيص متقدم ← تخصيص باستخدام CSS
   Every section is labelled so you can edit one part without breaking others.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. FONT — playful rounded, real Arabic + Latin coverage
   -------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400;500;600;700;800&display=swap');


/* --------------------------------------------------------------------------
   2. PALETTE — the only colours used anywhere. Edit here, it updates the store.
   -------------------------------------------------------------------------- */
:root,
html {
  --ea-bg:        #FFFDFB;   /* soft white — page background            */
  --ea-coral:     #FF8A6B;   /* primary / buttons                       */
  --ea-coral-dk:  #F2704E;   /* coral, pressed state                    */
  --ea-pink:      #FF9EC4;   /* bubblegum                               */
  --ea-mint:      #A8DCD1;   /* sea mint                                */
  --ea-blue:      #BCD8E8;   /* powder blue                             */
  --ea-sunny:     #FFC46B;   /* golden apricot                          */
  --ea-text:      #1F4E4A;   /* deep teal — replaces every black/grey   */
  --ea-text-soft: #4A7C77;   /* lighter teal for secondary text         */

  /* category accents — الورود / كوليكشن الكروشيه / عبايات يومية */
  --ea-cat-1: var(--ea-pink);
  --ea-cat-2: var(--ea-sunny);
  --ea-cat-3: var(--ea-mint);

  /* shape + depth */
  --ea-radius:    16px;
  --ea-radius-sm: 12px;
  --ea-radius-pill: 999px;
  --ea-shadow:      0 6px 20px rgba(255,138,107,.16);
  --ea-shadow-soft: 0 4px 14px rgba(31,78,74,.07);
  --ea-shadow-lift: 0 16px 36px rgba(255,158,196,.32);

  --ea-font: 'Baloo Bhaijaan 2', 'PingARLT', 'Tajawal', system-ui, sans-serif;

  /* Salla's own theme variables — overridden so core components follow suit */
  --color-primary:         #FF8A6B;
  --color-primary-d
    ark:    #F2704E;
  --color-primary-light:   #FFB79F;
  --color-primary-reverse: #FFFDFB;
  --font-main: var(--ea-font);

  color-scheme: light only;   /* hard-disables any dark mode */
}


/* --------------------------------------------------------------------------
   3. GLOBAL — kill every black, grey, beige and neutral; set the base
   -------------------------------------------------------------------------- */
html, body {
  background: var(--ea-bg) !important;
  color: var(--ea-text) !important;
  font-family: var(--ea-font) !important;
  font-size: 16px !important;
  -webkit-font-smoothing: antialiased;
}

body, body * {
  font-family: var(--ea-font) !important;
  border-color: rgba(168,220,209,.55);
}

.text-black, .text-gray-900, .text-gray-800, .text-gray-700,
.text-gray-600, .text-gray-500, .text-gray-400, .text-slate-900,
.text-neutral-900, .text-neutral-700 { color: var(--ea-text) !important; }

.bg-black, .bg-gray-900, .bg-gray-800, .bg-neutral-900,
.bg-gray-100, .bg-gray-50, .bg-slate-50 { background-color: var(--ea-bg) !important; }

.border-gray-100, .border-gray-200, .border-gray-300,
.border-black, .border-neutral-200 { border-color: rgba(168,220,209,.55) !important; }

.text-xs, .text-sm, small, .s-product-card-content-price span { font-size: 16px !important; }

hr, .divider { border-color: rgba(188,216,232,.7) !important; }

img, .s-block, section, article, .card, .rounded, .rounded-md, .rounded-lg {
  border-radius: var(--ea-radius);
}

::selection { background: var(--ea-pink); color: #fff; }
:focus-visible { outline: 3px solid var(--ea-mint) !important; outline-offset: 2px; border-radius: var(--ea-radius-sm); }


/* --------------------------------------------------------------------------
   4. HEADER — from flat white to a soft pastel gradient bar
   -------------------------------------------------------------------------- */
.store-header--enaya .main-nav-container,
.main-nav-container {
  background: linear-gradient(90deg, #FFF1EC 0%, #FFF7FA 45%, #F1FAF7 100%) !important;
  box-shadow: var(--ea-shadow-soft) !important;
  border: 0 !important;
  border-radius: 0 0 var(--ea-radius) var(--ea-radius);
}

/* Header logo — the uploaded file is now a trimmed transparent PNG, so it needs
   no rounded corner and can run larger than the theme's 40px default. */
.header-enaya-bar__logo img {
  max-height: 60px !important;
  height: 60px !important;
  width: auto !important;
  border-radius: 0 !important;
}
.header-enaya-bar__row { min-height: 76px !important; }

.store-header a, .store-header button, .store-header span, .store-header i {
  color: var(--ea-text) !important;
}

.store-header nav a {
  border-radius: var(--ea-radius-pill);
  padding: 6px 14px;
  transition: background .22s ease, color .22s ease, transform .22s ease;
}
.store-header nav a:hover {
  background: var(--ea-pink) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.store-header .s-button-element,
.store-header [class*="icon"] button {
  background: #fff !important;
  border: 2px solid var(--ea-blue) !important;
  color: var(--ea-text) !important;
  border-radius: var(--ea-radius-pill) !important;
  box-shadow: var(--ea-shadow-soft);
}
.store-header .s-button-element:hover { background: var(--ea-mint) !important; border-color: var(--ea-mint) !important; }

.store-header .s-cart-summary-count,
.store-header [class*="badge"], .store-header [class*="count"] {
  background: var(--ea-sunny) !important;
  color: var(--ea-text) !important;
  border-radius: var(--ea-radius-pill) !important;
}


/* --------------------------------------------------------------------------
   5. ANNOUNCEMENT BAR (الشريط الإعلاني) — candy stripe instead of black
   -------------------------------------------------------------------------- */
/* NOTE: targets the real marquee element only. Do NOT use [class*="topbar"] —
   <body> carries the class "enaya-has-topbars" and would take the gradient too. */
salla-advertisement,
.enaya-ad-marquee,
.enaya-ad-marquee__viewport {
  background: linear-gradient(90deg, var(--ea-pink), var(--ea-sunny), var(--ea-mint), var(--ea-blue)) !important;
  color: var(--ea-text) !important;
  font-weight: 700;
  border-radius: 0 0 var(--ea-radius-sm) var(--ea-radius-sm);
}
.enaya-ad-marquee__segment,
.enaya-ad-marquee__text,
.enaya-ad-marquee__sep { color: var(--ea-text) !important; }


/* --------------------------------------------------------------------------
   6. FOOTER — Enaya ships a near-black footer (#151515). This replaces it.
   -------------------------------------------------------------------------- */
.store-footer, .store-footer--enaya,
.store-footer__inner,
.footer-enaya-subbar {
  background: linear-gradient(180deg, #F1FAF7 0%, #FFF3F7 55%, #FFF6EC 100%) !important;
  color: var(--ea-text) !important;
  border: 0 !important;
}
.store-footer__inner { border-radius: var(--ea-radius) var(--ea-radius) 0 0; }

.store-footer *, .footer-enaya-subbar * {
  color: var(--ea-text) !important;
  border-color: rgba(168,220,209,.6) !important;
}
.store-footer a:hover { color: var(--ea-coral) !important; }

.store-footer .s-button-element,
.store-footer [class*="social"] a {
  background: var(--ea-mint) !important;
  color: var(--ea-text) !important;
  border-radius: var(--ea-radius-pill) !important;
  border: 0 !important;
  transition: transform .2s ease;
}
.store-footer [class*="social"] a:hover { transform: translateY(-3px) rotate(-6deg); background: var(--ea-pink) !important; }


/* --------------------------------------------------------------------------
   7. BUTTONS — rounded, coral, with a soft glow
   -------------------------------------------------------------------------- */
.s-button-element, .s-button-btn, button, .btn {
  border-radius: var(--ea-radius-pill) !important;
  font-family: var(--ea-font) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.s-button-primary, .s-button-solid.s-button-primary {
  background: linear-gradient(135deg, var(--ea-coral), var(--ea-pink)) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: var(--ea-shadow);
}
.s-button-primary:hover {
  transform: translateY(-2px);
  box-shadow: var(--ea-shadow-lift);
  background: linear-gradient(135deg, var(--ea-pink), var(--ea-coral)) !important;
}

.s-button-outline, .s-button-light-outline {
  background: #fff !important;
  border: 2px solid var(--ea-mint) !important;
  color: var(--ea-text) !important;
}
.s-button-outline:hover { background: var(--ea-mint) !important; }

.enaya-back-top {
  background: var(--ea-sunny) !important;
  color: var(--ea-text) !important;
  border: 0 !important;
  border-radius: var(--ea-radius-pill) !important;
  box-shadow: var(--ea-shadow);
}


/* --------------------------------------------------------------------------
   8. SECTION TITLES (أحدث المنتجات etc.) — teal with a candy underline
   -------------------------------------------------------------------------- */
.s-block__title h2, .s-block__title h3, .s-block__title,
.enaya-plp-title, h1, h2, h3 {
  color: var(--ea-text) !important;
  font-weight: 800 !important;
}
.s-block__title h2::after, .s-block__title h3::after {
  content: "";
  display: block;
  width: 68px; height: 6px;
  margin-top: 10px;
  border-radius: var(--ea-radius-pill);
  background: linear-gradient(90deg, var(--ea-pink), var(--ea-sunny), var(--ea-mint));
}
.s-block { background: transparent !important; }


/* --------------------------------------------------------------------------
   9. HOMEPAGE HERO  (.ea-hero)
   Needs the HTML snippet pasted into a "محتوى HTML" homepage element.
   -------------------------------------------------------------------------- */
.ea-hero {
  position: relative;
  margin: 18px auto 28px;
  padding: 44px 32px;
  max-width: 1200px;
  border-radius: 28px;
  background:
    radial-gradient(120% 120% at 0% 0%,   rgba(255,158,196,.55) 0%, transparent 55%),
    radial-gradient(120% 120% at 100% 0%, rgba(188,216,232,.60) 0%, transparent 55%),
    radial-gradient(140% 140% at 50% 120%,rgba(255,196,107,.50) 0%, transparent 60%),
    var(--ea-bg);
  box-shadow: var(--ea-shadow);
  overflow: hidden;
  text-align: center;
}
.ea-hero__img {
  display: block;
  width: 100%;
  max-width: 360px;          /* keeps a portrait product photo from upscaling */
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: center 20%;
  margin: 0 auto 26px;
  border-radius: 22px;
  border: 7px solid #fff;    /* polaroid frame */
  box-shadow: var(--ea-shadow);
  transform: rotate(-2deg);
}
.ea-hero__title {
  font-size: 40px !important;
  font-weight: 800;
  margin: 0 0 8px;
  color: var(--ea-text) !important;
  line-height: 1.25;
}
.ea-hero__en { display: block; font-size: 22px; letter-spacing: .5px; color: var(--ea-coral) !important; }
.ea-hero__text {
  font-size: 18px !important;
  max-width: 620px;
  margin: 0 auto 22px;
  color: var(--ea-text-soft) !important;
  line-height: 1.8;
}
.ea-hero__cta {
  display: inline-block;
  padding: 15px 40px;
  font-size: 18px;
  font-weight: 800;
  color: #fff !important;
  text-decoration: none;
  border-radius: var(--ea-radius-pill);
  background: linear-gradient(135deg, var(--ea-coral), var(--ea-pink));
  box-shadow: var(--ea-shadow);
  transition: transform .22s ease, box-shadow .22s ease;
}
.ea-hero__cta:hover { transform: translateY(-3px) scale(1.03); box-shadow: var(--ea-shadow-lift); }


/* --------------------------------------------------------------------------
   10. THREE CATEGORY CARDS  (.ea-cats)
   Side by side on desktop, stacked on mobile. One accent colour each.
   -------------------------------------------------------------------------- */
.ea-cats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  max-width: 1200px;
  margin: 0 auto 44px;
  padding: 0 16px;
}
.ea-cat {
  --accent: var(--ea-pink);
  display: block;
  text-decoration: none;
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  border: 3px solid var(--accent);
  box-shadow: var(--ea-shadow-soft);
  transition: transform .28s ease, box-shadow .28s ease;
}
.ea-cat:nth-child(1) { --accent: var(--ea-cat-1); }  /* الورود           */
.ea-cat:nth-child(2) { --accent: var(--ea-cat-2); }  /* كوليكشن الكروشيه */
.ea-cat:nth-child(3) { --accent: var(--ea-cat-3); }  /* عبايات يومية     */

.ea-cat:hover { transform: translateY(-8px); box-shadow: 0 18px 38px color-mix(in srgb, var(--accent) 55%, transparent); }
.ea-cat img { width: 100%; height: 300px; object-fit: cover; display: block; border-radius: 0; }
.ea-cat__body { padding: 18px 16px 22px; text-align: center; background: color-mix(in srgb, var(--accent) 22%, #fff); }
.ea-cat__name { font-size: 21px; font-weight: 800; color: var(--ea-text) !important; margin: 0 0 4px; }
.ea-cat__en   { font-size: 16px; color: var(--ea-text-soft) !important; margin: 0 0 12px; }
.ea-cat__pill {
  display: inline-block; padding: 8px 22px; font-size: 16px; font-weight: 700;
  border-radius: var(--ea-radius-pill); background: var(--accent); color: var(--ea-text) !important;
}


/* --------------------------------------------------------------------------
   11. PRODUCT CARDS — grid, hover lift + colour glow
   -------------------------------------------------------------------------- */
.s-products-list-wrapper, .s-products-list { gap: 22px !important; }

.s-product-card-entry {
  background: #fff !important;
  border: 2px solid rgba(188,216,232,.75) !important;
  border-radius: 20px !important;
  overflow: hidden;
  box-shadow: var(--ea-shadow-soft);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.s-product-card-entry:hover {
  transform: translateY(-8px);
  border-color: var(--ea-pink) !important;
  box-shadow: 0 18px 38px rgba(255,158,196,.38);
}
.s-product-card-image { border-radius: 18px 18px 0 0; overflow: hidden; position: relative; background: #FFF6F2; }
.s-product-card-image img { transition: transform .5s ease; }
.s-product-card-entry:hover .s-product-card-image img { transform: scale(1.06); }

/* Uniform image boxes.
   Product photos come in different aspect ratios (0.63 to 0.81), so every card
   used to be a different height. Every card now gets the same 5:8 image frame
   with the whole garment fitted inside it, hem to shoulder, nothing cropped.
   Shorter photos get cream letterboxing above and below.
   Enaya card rules are more specific than a bare class selector, so each
   selector below is anchored from body .s-products-list to win the cascade.
   Change 5 / 8 to 3 / 4 if you want shorter, wider cards. */
body .s-products-list .s-product-card-entry .s-product-card-image {
  aspect-ratio: 5 / 8 !important;
  height: auto !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #FFFDFB !important;
}
body .s-products-list .s-product-card-entry .s-product-card-image > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}
body .s-products-list .s-product-card-entry .s-product-card-image img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.s-product-card-entry {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.s-product-card-content { background: #fff !important; padding: 14px !important; }
.s-product-card-content-title, .s-product-card-content-title a {
  color: var(--ea-text) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.6;
}

.s-product-card-wishlist-btn {
  background: #fff !important;
  border: 2px solid var(--ea-pink) !important;
  border-radius: var(--ea-radius-pill) !important;
  color: var(--ea-pink) !important;
  box-shadow: var(--ea-shadow-soft);
}
.s-product-card-wishlist-btn:hover { background: var(--ea-pink) !important; color: #fff !important; }

.s-product-card-static-atc .s-button-element,
.s-product-card-atc--icon {
  background: linear-gradient(135deg, var(--ea-coral), var(--ea-sunny)) !important;
  color: #fff !important;
  border: 0 !important;
}


/* --------------------------------------------------------------------------
   12. PRICING + DISCOUNT — old price struck, new price coral, sunny SALE badge
   Enaya only renders .s-product-card-sale-price on discounted items, so the
   badge below appears on discounted products only.
   -------------------------------------------------------------------------- */
.s-product-card-content-price { gap: 10px; }

.s-product-card-sale-price h4 {
  color: var(--ea-coral) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
.s-product-card-sale-price span {
  color: #C79BB0 !important;
  font-size: 16px !important;
  text-decoration: line-through !important;
  text-decoration-color: var(--ea-pink) !important;
  text-decoration-thickness: 2px !important;
  opacity: 1 !important;
}

/* SALE badge — switched off on request: every abaya is discounted, so a badge on
   every card flagged nothing. The struck-through old price still shows the discount.
   To bring it back, delete this comment wrapper (the line above and the one below).

.s-product-card-entry:has(.s-product-card-sale-price span) .s-product-card-image::after {
  content: "تخفيض · SALE";
  position: absolute;
  top: 12px;
  inset-inline-start: 12px;
  z-index: 3;
  padding: 7px 16px;
  font-size: 16px;
  font-weight: 800;
  color: var(--ea-text);
  background: linear-gradient(135deg, var(--ea-sunny), var(--ea-pink));
  border-radius: var(--ea-radius-pill);
  box-shadow: 0 4px 12px rgba(255,158,196,.5);
  pointer-events: none;
}
*/

/* Promotion badge only.
   NOTE: Enaya puts .s-product-card-out-of-stock on the WHOLE CARD, not on a
   badge — giving it the pill radius turned the entire card into an oval.
   It is handled separately, below, so the card keeps its shape. */
[class*="s-product-card-promotion"] {
  background: var(--ea-blue) !important;
  color: var(--ea-text) !important;
  border-radius: var(--ea-radius-pill) !important;
}
.s-product-card-entry.s-product-card-out-of-stock {
  border-radius: 20px !important;
  background: #fff !important;
  opacity: .9;
}



/* --------------------------------------------------------------------------
   13. CATEGORY PAGE (PLP) — header, breadcrumbs, sort box
   -------------------------------------------------------------------------- */
.enaya-plp-header {
  background: linear-gradient(120deg, #FFF3F7 0%, #FFF7EC 50%, #F1FAF7 100%) !important;
  border-radius: var(--ea-radius);
  padding: 26px 20px !important;
  border: 0 !important;
}
.enaya-plp-title { font-size: 30px !important; font-weight: 800 !important; color: var(--ea-text) !important; }
.enaya-plp-count { color: var(--ea-text-soft) !important; font-size: 16px !important; }

.s-breadcrumb-item, .s-breadcrumb-item a, .breadcrumbs, .breadcrumbs a { color: var(--ea-text-soft) !important; font-size: 16px !important; }
.s-breadcrumb-item a:hover { color: var(--ea-coral) !important; }
.s-breadcrumb-arrow { color: var(--ea-pink) !important; }

.enaya-plp-sortbox, .enaya-plp-sort__button, .enaya-plp-sort__menu {
  background: #fff !important;
  border: 2px solid var(--ea-blue) !important;
  border-radius: var(--ea-radius-pill) !important;
  color: var(--ea-text) !important;
  font-size: 16px !important;
  box-shadow: var(--ea-shadow-soft);
}
.enaya-plp-sort__menu { border-radius: var(--ea-radius) !important; }
.enaya-plp-sort__option:hover { background: var(--ea-mint) !important; color: var(--ea-text) !important; }

/* The PLP sort control ships a screen-reader-only <select> parked at a negative
   horizontal offset. On an RTL page that adds about 133px of horizontal overflow,
   which pushed the whole category page sideways and clipped its right edge.
   Hiding it with the standard clip technique keeps it available to screen readers
   and to the theme JS, without it taking up space. */
body .sr-only,
body select.sr-only,
body .enaya-plp-sort__select.sr-only {
  position: absolute !important;
  left: auto !important;
  right: auto !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* --------------------------------------------------------------------------
   14. FORMS + INPUTS + DRAWERS + MODALS
   -------------------------------------------------------------------------- */
input, select, textarea, .form-input, .s-search-input {
  background: #fff !important;
  color: var(--ea-text) !important;
  border: 2px solid var(--ea-blue) !important;
  border-radius: var(--ea-radius-sm) !important;
  font-size: 16px !important;
  font-family: var(--ea-font) !important;
}
input:focus, select:focus, textarea:focus { border-color: var(--ea-pink) !important; box-shadow: 0 0 0 4px rgba(255,158,196,.25) !important; }
::placeholder { color: var(--ea-text-soft) !important; opacity: .8; }

.enaya-mobile-drawer, .enaya-user-sheet, .s-user-menu-dropdown, salla-modal, .s-search-modal {
  background: var(--ea-bg) !important;
  color: var(--ea-text) !important;
  border-radius: var(--ea-radius) !important;
}
.enaya-mobile-drawer *, .s-user-menu-dropdown *, .enaya-user-sheet * { color: var(--ea-text) !important; }
.enaya-mobile-accordion__link:hover, .s-user-menu-dropdown-item-link:hover {
  background: var(--ea-mint) !important;
  border-radius: var(--ea-radius-sm);
}

.s-add-product-toast, .enaya-global-loading {
  background: var(--ea-bg) !important;
  color: var(--ea-text) !important;
  border-radius: var(--ea-radius) !important;
}


/* --------------------------------------------------------------------------
   14b. PRODUCT PAGE GALLERY (PDP) — bring it in line with the storefront
   -------------------------------------------------------------------------- */
.enaya-pdp-gallery-slider {
  border-radius: 20px !important;
  overflow: hidden;
  box-shadow: var(--ea-shadow-soft);
  background: #FFF6F2 !important;
}

/* Prev / next arrows — coral bubbles, replacing white circles with grey borders */
.s-slider-nav-arrow, .s-slider-prev, .s-slider-next {
  background: linear-gradient(135deg, var(--ea-coral), var(--ea-pink)) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: var(--ea-shadow) !important;
  transition: transform .2s ease, box-shadow .2s ease;
}
.s-slider-nav-arrow:hover, .s-slider-prev:hover, .s-slider-next:hover {
  transform: scale(1.08);
  box-shadow: var(--ea-shadow-lift) !important;
}
.s-slider-nav-arrow i, .s-slider-prev i, .s-slider-next i,
.s-slider-button-icon { color: #fff !important; }
.s-slider-nav-arrow.swiper-button-disabled { opacity: .45 !important; }

/* Thumbnail strip — powder blue frame, coral on the active thumb */
.enaya-pdp-thumb {
  background: var(--ea-bg) !important;
  border: 2px solid var(--ea-blue) !important;
  border-radius: 12px !important;
  overflow: hidden;
  transition: border-color .2s ease, transform .2s ease;
}
.enaya-pdp-thumb__img {
  border-radius: 10px !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}
.swiper-slide-thumb-active .enaya-pdp-thumb {
  border-color: var(--ea-coral) !important;
  transform: translateY(-2px);
}


/* --------------------------------------------------------------------------
   15. RESPONSIVE — stack the category cards, shrink the hero
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .ea-cats { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}
@media (max-width: 640px) {
  .ea-cats { grid-template-columns: 1fr; gap: 18px; }
  .ea-cat img { height: 240px; }
  .ea-hero { padding: 28px 18px; border-radius: 22px; margin-inline: 12px; }
  .ea-hero__title { font-size: 30px !important; }
  .ea-hero__en { font-size: 18px; }
  .ea-hero__text { font-size: 17px !important; }
  .ea-hero__img { max-width: 260px; }
  .enaya-plp-title { font-size: 24px !important; }
  .header-enaya-bar__logo img { max-height: 46px !important; height: 46px !important; }
  .header-enaya-bar__row { min-height: 62px !important; }
}


/* --------------------------------------------------------------------------
   16. NO DARK MODE — anywhere, ever
   -------------------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
  html, body, .store-header .main-nav-container, .store-footer__inner,
  .footer-enaya-subbar, .s-product-card-entry, .s-product-card-content {
    background-color: var(--ea-bg) !important;
    color: var(--ea-text) !important;
  }
}
.dark, [data-theme="dark"], [class*="dark-mode"],
body.color-mode-dark, body.footer-is-dark {
  background: var(--ea-bg) !important;
  color: var(--ea-text) !important;
}