/* ECONUR visual system 2 (inc/econur-ds.php). Loaded after every other stylesheet; every rule is scoped to body.ecn-ds.
   One teal, one ink, warm ivory, white cards. Fraunces = editorial headlines only, Inter = shop interface,
   Hind Siliguri = Bangla. The sections, their markup and their behaviour are unchanged. */

/* =============================================================== 1. tokens */
body.ecn-ds{
  /* colour */
  --ds-teal:#0D585F; --ds-teal-h:#0A474D; --ds-teal-soft:#E6EFED; --ds-teal-line:rgba(13, 88, 95, .22);
  --ds-ink:#17302E; --ds-ink-2:#3F4C49; --ds-muted:#59625E;
  --ds-bg:#FBF8F2; --ds-bg-soft:#F6F1E8; --ds-sage:#F1F4EE; --ds-card:#FFFFFF; --ds-card-warm:#FFFEFB;
  --ds-line:#E7E1D6; --ds-line-2:#DCD5C8; --ds-star:#E0A23B;
  /* type */
  --ds-serif:"Fraunces", "Hind Siliguri", Georgia, serif;
  --ds-sans:"Inter", "Hind Siliguri", "Noto Sans Bengali", Arial, sans-serif;
  --ds-fs-hero:clamp(2.25rem, 1.2rem + 2.9vw, 4rem);
  --ds-fs-h2:clamp(1.75rem, 1.2rem + 1.75vw, 2.75rem);
  --ds-fs-h3:clamp(1.375rem, 1.15rem + .75vw, 2rem);
  --ds-fs-title:clamp(1.875rem, 1.3rem + 1.5vw, 2.625rem);
  --ds-fs-card:clamp(1.0625rem, .98rem + .3vw, 1.25rem);
  --ds-fs-body:clamp(.9375rem, .9rem + .15vw, 1.0625rem);
  --ds-fs-sm:.875rem; --ds-fs-micro:.75rem; --ds-fs-btn:.9375rem;
  /* space, shape, depth */
  --ds-w:min(1376px, calc(100vw - 2 * var(--ds-gut))); --ds-gut:clamp(16px, 2.2vw, 32px);
  --ds-sec:clamp(40px, 1.6rem + 1.6vw, 56px); --ds-sec-s:clamp(24px, 1rem + 1vw, 32px);
  --ds-r-sm:10px; --ds-r-btn:14px; --ds-r-card:18px; --ds-r-panel:24px;
  --ds-sh-1:0 1px 2px rgba(23, 48, 46, .04), 0 6px 18px rgba(23, 48, 46, .05);
  --ds-sh-2:0 2px 6px rgba(23, 48, 46, .05), 0 14px 32px rgba(23, 48, 46, .09);
  --ds-sh-3:0 18px 44px rgba(23, 48, 46, .09);
  --ds-ease:cubic-bezier(.22, 1, .36, 1);

  /* the existing components read these: point them at the one palette */
  --ecn-teal:var(--ds-teal); --ecn-teal-dark:var(--ds-teal-h); --ecn-teal-mid:var(--ds-teal); --ecn-teal-soft:var(--ds-teal-soft);
  --ecn-teal-wash:var(--ds-sage); --ecn-teal-line:var(--ds-teal-line);
  --ecn-olive:var(--ds-teal); --ecn-olive-dark:var(--ds-teal); --ecn-olive-deep:var(--ds-teal); --ecn-olive-soft:var(--ds-teal-soft);
  --ecn-btn:var(--ds-teal); --ecn-btn-hover:var(--ds-teal-h); --ecn-btn-line:var(--ds-teal);
  --ecn-ink:var(--ds-ink); --ecn-muted:var(--ds-muted); --ecn-line:var(--ds-line); --ecn-white:var(--ds-card-warm);
  --ecn-shadow:var(--ds-sh-2); --ecn-radius:var(--ds-r-card); --ecn-radius-sm:var(--ds-r-sm);
  --ecn-font-head:var(--ds-sans); --ecn-font-body:var(--ds-sans); --ecn-font-display:var(--ds-serif); --ecn-font-en:var(--ds-sans);
  --hdr-bg:#FFFEFB; --hdr-ink:var(--ds-ink); --hdr-active:var(--ds-teal); --hdr-hover:var(--ds-teal); --hdr-sage:var(--ds-sage); --hdr-line:var(--ds-line);
  --ecart-teal:var(--ds-teal); --ecart-teal-d:var(--ds-teal-h); --ecart-ink:var(--ds-ink); --ecart-muted:var(--ds-muted); --ecart-line:var(--ds-line);
  background:var(--ds-bg) !important; color:var(--ds-ink-2); font-family:var(--ds-sans);
  font-size:var(--ds-fs-body); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
body.ecn-ds .econur-header-actions{ --eha-ink:var(--ds-ink); --eha-teal:var(--ds-teal); --eha-hover:var(--ds-teal-h); --eha-field:#F6F3EC; --eha-field-line:var(--ds-line); --eha-muted:var(--ds-muted); }
body.ecn-ds .econur-category-trust{ --ect-ink:var(--ds-ink); --ect-teal:var(--ds-teal); --ect-sage:var(--ds-teal); --ect-green:var(--ds-teal); --ect-sage-light:var(--ds-teal-soft);
  --ect-active:var(--ds-teal-soft); --ect-active-line:var(--ds-teal-line); --ect-card:var(--ds-card); --ect-card-line:var(--ds-line); --ect-panel:var(--ds-card);
  --ect-panel-line:var(--ds-line); --ect-divider:var(--ds-line); --ect-muted:var(--ds-muted); --ect-arrow:var(--ds-teal); --ect-ui:var(--ds-sans); }
body.ecn-ds .ecn-sec-sale .ecn-fp{ --fp-teal:var(--ds-teal); --fp-teal-dark:var(--ds-teal-h); --fp-ink:var(--ds-ink); --fp-muted:var(--ds-muted); --fp-line:var(--ds-line); }
body.ecn-ds .ecn-fy{ --fy-teal:var(--ds-teal); --fy-teal-dark:var(--ds-teal-h); --fy-ink:var(--ds-ink); --fy-muted:var(--ds-muted); --fy-line:var(--ds-line); --fy-wash:var(--ds-teal-soft); }
body.ecn-ds .ehc{ --ehc-teal:var(--ds-teal); --ehc-teal-dark:var(--ds-teal-h); --ehc-ink:var(--ds-ink); --ehc-muted:var(--ds-muted); --ehc-line:var(--ds-line); --ehc-sage:var(--ds-teal-soft);
  --ehc-card:var(--ds-card); --ehc-answer:var(--ds-ink-2); --ehc-serif:var(--ds-sans); }
body.ecn-ds .ecnf{ --ecnf-teal:var(--ds-teal); --ecnf-teal-dark:var(--ds-teal-h); --ecnf-ink:var(--ds-ink); --ecnf-text:var(--ds-ink-2); --ecnf-muted:var(--ds-muted); --ecnf-line:var(--ds-line);
  --ecnf-sage:var(--ds-teal-soft); --ecnf-serif:var(--ds-sans); }
body.ecn-ds .enr-rv{ --rv-teal:var(--ds-teal); --rv-green:var(--ds-teal); --rv-ink:var(--ds-ink); --rv-muted:var(--ds-muted); --rv-line:var(--ds-line); --rv-card:var(--ds-card);
  --rv-gold:var(--ds-star); --rv-sage:var(--ds-teal-soft); }
body.ecn-ds.single-product{ --pd-teal:var(--ds-teal); --pd-teal-d:var(--ds-teal-h); --pd-ink:var(--ds-ink); --pd-head:var(--ds-ink); --pd-muted:var(--ds-muted); --pd-sage:var(--ds-teal);
  --pd-line:var(--ds-line); --pd-line2:var(--ds-line-2); --pd-card:var(--ds-card); --pd-cream:var(--ds-bg-soft); --pd-wash:var(--ds-bg); --pd-mint:var(--ds-teal-soft);
  --pd-mint2:var(--ds-teal-soft); --pd-star:var(--ds-star); --pd-serif:var(--ds-sans); --pd-sans:var(--ds-sans); }
body.ecn-ds.single-product .ecn-pdp .econur-product-info-tabs{ --pit-line:var(--ds-line); --pit-card:var(--ds-card); --pit-sage:var(--ds-teal-soft); --pit-green:var(--ds-teal);
  --pit-title:var(--ds-ink); --pit-text:var(--ds-ink-2); --pit-teal:var(--ds-teal); --pit-bg:var(--ds-sage); }
body.ecn-ds.single-product .ecn-pdp .ecn-love{ --love-line:var(--ds-line); --love-icon-bg:var(--ds-teal-soft); --love-green:var(--ds-teal); --love-title:var(--ds-ink); --love-text:var(--ds-ink-2); --love-bg:var(--ds-sage); }
body.ecn-ds .ecn-acc{ --acc-bg:var(--ds-card); --acc-line:var(--ds-line); --acc-ink:var(--ds-ink); --acc-muted:var(--ds-muted); --acc-teal:var(--ds-teal); --acc-icon-bg:var(--ds-teal-soft); }

/* =============================================================== 2. base type */
body.ecn-ds h1, body.ecn-ds h2, body.ecn-ds h3, body.ecn-ds h4{ font-family:var(--ds-sans); color:var(--ds-ink); letter-spacing:-.015em; }
body.ecn-ds p{ line-height:1.65; }
body.ecn-ds :lang(bn), body.ecn-ds [lang="bn"]{ letter-spacing:0; }
body.ecn-ds ::selection{ background:var(--ds-teal-soft); color:var(--ds-ink); }
body.ecn-ds a:focus-visible, body.ecn-ds button:focus-visible, body.ecn-ds input:focus-visible, body.ecn-ds select:focus-visible, body.ecn-ds textarea:focus-visible,
body.ecn-ds [tabindex]:focus-visible{ outline:2px solid var(--ds-teal) !important; outline-offset:3px; }

/* section titles: one strong sans heading; the brand's serif only for the hero and the editorial moments */
html body.ecn-ds .ecn-sh-title, html body.ecn-ds .econur-category-trust__title, html body.ecn-ds .ecn-fy-title, html body.ecn-ds .ehc-title,
html body.ecn-ds .ecn-lp-h2, html body.ecn-ds .econur-pit-title, html body.ecn-ds #ecn-lp-routine-t{
  font-family:var(--ds-sans) !important; font-size:var(--ds-fs-h2) !important; font-weight:800 !important; line-height:1.1 !important;
  letter-spacing:-.03em !important; color:var(--ds-ink) !important; font-style:normal !important; }
html body.ecn-ds .ecn-hx-title, html body.ecn-ds .enr-rv-title, html body.ecn-ds .ehc-cta-title,
html body.ecn-ds .ecn-lp-final h2, html body.ecn-ds .ecn-lp-final-title{
  font-family:var(--ds-serif) !important; font-weight:600 !important; letter-spacing:-.02em !important; font-style:normal !important; }
html body.ecn-ds .enr-rv-title, html body.ecn-ds .ehc-cta-title{ font-size:var(--ds-fs-h2) !important; line-height:1.12 !important; color:var(--ds-ink) !important; }
/* Bangla headings: Hind Siliguri carries the weight, a little more line height */
html body.ecn-ds .econur-bn-h2, html body.ecn-ds .ecn-lp-h2:lang(bn){ line-height:1.3 !important; letter-spacing:0 !important; }
/* small eyebrow labels */
html body.ecn-ds .ecn-fp-eyebrow, html body.ecn-ds .ecn-fy-eyebrow, html body.ecn-ds .ehc-eyebrow, html body.ecn-ds .enr-rv-eyebrow, html body.ecn-ds .ecn-hx-eyebrow,
html body.ecn-ds .ecn-sb-eyebrow, html body.ecn-ds .econur-category-trust__tagline{
  font-family:var(--ds-sans) !important; font-size:var(--ds-fs-micro) !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase; color:var(--ds-teal) !important; }
/* supporting lines under section titles */
html body.ecn-ds .ecn-sh-sub, html body.ecn-ds .ecn-fy-sub, html body.ecn-ds .ehc-sub, html body.ecn-ds .enr-rv-sub, html body.ecn-ds .ehc-cta-sub{
  font-size:var(--ds-fs-body) !important; line-height:1.6 !important; color:var(--ds-muted) !important; }

/* =============================================================== 3. buttons (one system) */
/* primary: teal, white text */
html body.ecn-ds .ecn-hx-cta, html body.ecn-ds .ecn-pc-btn:not(.ecn-pc-btn-soft), html body.ecn-ds .ecn-fp-add, html body.ecn-ds .ecn-fy-cta, html body.ecn-ds .ehc-btn--primary,
html body.ecn-ds .ecn-pdp-buynow, html body.ecn-ds .ecn-lp-btn, html body.ecn-ds .ecn-rel-add, html body.ecn-ds .ecnf-wa, html body.ecn-ds .ecn-lp-routine-add{
  border-radius:var(--ds-r-btn) !important; background:var(--ds-teal) !important; border:1px solid var(--ds-teal) !important; color:#fff !important;
  font-family:var(--ds-sans) !important; font-size:var(--ds-fs-btn) !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important;
  box-shadow:0 1px 2px rgba(10, 71, 77, .18) !important; transition:background-color .18s ease, box-shadow .2s ease, transform .2s var(--ds-ease) !important; }
/* secondary: white, teal outline */
html body.ecn-ds .ecn-pc-btn-soft, html body.ecn-ds .ecn-sh-link, html body.ecn-ds .ehc-btn--wa, html body.ecn-ds .ecn-pdp-wa, html body.ecn-ds .ecn-rel-view,
html body.ecn-ds .ecn-help-wa, html body.ecn-ds.single-product .ecn-pdp .single_add_to_cart_button{
  border-radius:var(--ds-r-btn) !important; background:var(--ds-card) !important; border:1.5px solid var(--ds-teal) !important; color:var(--ds-teal) !important;
  font-family:var(--ds-sans) !important; font-size:var(--ds-fs-btn) !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important;
  box-shadow:none !important; transition:background-color .18s ease, box-shadow .2s ease, transform .2s var(--ds-ease) !important; }
/* WooCommerce block buttons (cart page suggestions, product grids) */
html body.ecn-ds .wc-block-components-product-button__button, html body.ecn-ds .wc-block-grid__product-add-to-cart .wp-block-button__link,
html body.ecn-ds .wp-block-button__link.add_to_cart_button, html body.ecn-ds .wc-block-components-button:not(.is-link){
  border-radius:var(--ds-r-btn) !important; font-family:var(--ds-sans) !important; font-weight:600 !important; }
@media (hover:hover) and (pointer:fine){
  html body.ecn-ds .ecn-hx-cta:hover, html body.ecn-ds .ecn-pc-btn:not(.ecn-pc-btn-soft):hover, html body.ecn-ds .ecn-fp-add:hover, html body.ecn-ds .ecn-fy-cta:hover,
  html body.ecn-ds .ehc-btn--primary:hover, html body.ecn-ds .ecn-pdp-buynow:hover, html body.ecn-ds .ecn-lp-btn:hover, html body.ecn-ds .ecn-rel-add:hover,
  html body.ecn-ds .ecnf-wa:hover, html body.ecn-ds .ecn-lp-routine-add:hover{
    background:var(--ds-teal-h) !important; border-color:var(--ds-teal-h) !important; transform:translateY(-1px); box-shadow:0 8px 18px rgba(10, 71, 77, .2) !important; translate:none !important; }
  html body.ecn-ds .ecn-pc-btn-soft:hover, html body.ecn-ds .ecn-sh-link:hover, html body.ecn-ds .ehc-btn--wa:hover, html body.ecn-ds .ecn-pdp-wa:hover,
  html body.ecn-ds .ecn-rel-view:hover, html body.ecn-ds .ecn-help-wa:hover, html body.ecn-ds.single-product .ecn-pdp .single_add_to_cart_button:hover{
    background:var(--ds-teal-soft) !important; transform:translateY(-1px); }
}
html body.ecn-ds .ecn-hx-cta:active, html body.ecn-ds .ecn-pc-btn:active, html body.ecn-ds .ecn-fp-add:active, html body.ecn-ds .ecn-pdp-buynow:active,
html body.ecn-ds .ecn-lp-btn:active, html body.ecn-ds .ecn-rel-add:active{ transform:translateY(0) scale(.99); }

/* =============================================================== 4. shared section width */
html body.ecn-ds .elementor-43 > .e-con-boxed, html body.ecn-ds .elementor-43 .e-con-boxed{ --content-width:min(100%, 1376px); }
/* the offer banner, the reviews block and the footer line up with the same column; the hero keeps its live width and place */
@media (min-width:768px){
  html body.ecn-ds .ecn-sec-sale .ecn-sb{ --sb-w:var(--ds-w); width:var(--ds-w) !important; max-width:none !important; margin-left:calc(50% - var(--ds-w) / 2) !important; border-radius:var(--ds-r-panel) !important; }
  html body.ecn-ds .enr-rv{ --rv-w:var(--ds-w); }
}
html body.ecn-ds .elementor-43 > .e-con{ background-color:transparent !important; }
/* one vertical rhythm: the same space between every homepage section (a little less between the hero and the categories) */
html body.ecn-ds .elementor-43 > .e-con{ --padding-top:0px; --padding-bottom:0px; padding-top:0 !important; padding-bottom:0 !important; margin-top:var(--ds-sec) !important; }
html body.ecn-ds .elementor-43 > .e-con:first-child, html body.ecn-ds .elementor-43 > .e-con.ecn-sec-hsl{ margin-top:0 !important; }
html body.ecn-ds .elementor-43 > .e-con.ecn-sec-chips{ margin-top:var(--ds-sec-s) !important; }
html body.ecn-ds .elementor-43 > .e-con:last-child{ margin-bottom:var(--ds-sec) !important; }
html body.ecn-ds .elementor-43 > .e-con > .e-con-inner{ padding-top:0 !important; padding-bottom:0 !important; }
html body.ecn-ds .ecn-sec-sale .ecn-sb{ margin-bottom:var(--ds-sec) !important; }

/* =============================================================== 5. cards */
html body.ecn-ds .ecn-pcard, html body.ecn-ds .ecn-fp-card, html body.ecn-ds .ecn-lp-rcard, html body.ecn-ds .ecn-rel-card, html body.ecn-ds .enr-rv-card{
  border-radius:var(--ds-r-card) !important; border:1px solid var(--ds-line) !important; background:var(--ds-card) !important; box-shadow:var(--ds-sh-1) !important; }

/* product names, prices, small labels: the same hierarchy in every card */
html body.ecn-ds .ecn-pc-title, html body.ecn-ds .ecn-fp-name, html body.ecn-ds .ecn-rel-name, html body.ecn-ds .ecn-lp-rcard h3, html body.ecn-ds .enr-rv-buy-name{
  font-family:var(--ds-sans) !important; font-size:var(--ds-fs-card) !important; font-weight:700 !important; line-height:1.25 !important; letter-spacing:-.015em !important; color:var(--ds-ink) !important; }
html body.ecn-ds .ecn-pc-price, html body.ecn-ds .ecn-fp-price, html body.ecn-ds .ecn-fy-price, html body.ecn-ds .ecn-rel-price{ color:var(--ds-ink) !important; font-weight:700 !important; letter-spacing:-.01em; }
html body.ecn-ds .ecn-pc-price, html body.ecn-ds .ecn-fp-price{ font-size:1.25rem !important; }
html body.ecn-ds .ecn-pc-was, html body.ecn-ds .ecn-pc-size, html body.ecn-ds .ecn-pc-sz{ color:var(--ds-muted) !important; font-weight:500 !important; }
html body.ecn-ds .ecn-pc-skin, html body.ecn-ds .ecn-fp-skin{ font-size:11.5px !important; font-weight:700 !important; letter-spacing:.07em !important; color:var(--ds-teal) !important; opacity:.9; }
html body.ecn-ds .ecn-pc-badge, html body.ecn-ds .ecn-fp-badge{ border-radius:999px !important; background:var(--ds-teal) !important; color:#fff !important; font-weight:700 !important; letter-spacing:.02em; }
@media (hover:hover) and (pointer:fine){
  html body.ecn-ds .ecn-pcard, html body.ecn-ds .ecn-fp-card, html body.ecn-ds .ecn-rel-card{ transition:box-shadow .25s ease, transform .25s var(--ds-ease), border-color .25s ease !important; }
  html body.ecn-ds .ecn-pcard:hover, html body.ecn-ds .ecn-fp-card:hover, html body.ecn-ds .ecn-rel-card:hover{ box-shadow:var(--ds-sh-2) !important; transform:translateY(-2px); border-color:var(--ds-line-2) !important; }
  html body.ecn-ds .ecn-pcard img, html body.ecn-ds .ecn-fp-card img, html body.ecn-ds .ecn-rel-card img{ transition:transform .5s var(--ds-ease) !important; }
  html body.ecn-ds .ecn-pcard:hover img, html body.ecn-ds .ecn-fp-card:hover img, html body.ecn-ds .ecn-rel-card:hover img{ transform:scale(1.03); }
}

/* =============================================================== header */
@media (min-width:922px){
  html body.ecn-ds #ast-desktop-header .site-primary-header-wrap.ast-container{ max-width:var(--ds-w) !important; padding-left:0 !important; padding-right:0 !important; }
  html body.ecn-ds #ast-desktop-header .custom-logo-link img.custom-logo{ width:150px !important; max-width:150px !important; }
  html body.ecn-ds.ast-desktop #ast-desktop-header .main-header-menu > .menu-item > .menu-link{ font-family:var(--ds-sans) !important; font-size:15px !important; font-weight:500 !important; letter-spacing:-.005em !important; color:var(--ds-ink) !important; }
  html body.ecn-ds.ast-desktop #ast-desktop-header .main-header-menu > .menu-item > .menu-link:is(:hover, :focus-visible){ color:var(--ds-teal) !important; }
  html body.ecn-ds.ast-desktop #ast-desktop-header .main-header-menu > .menu-item > .menu-link::after{ background:var(--ds-teal) !important; }
  html body.ecn-ds.ast-desktop #ast-desktop-header .main-header-menu > :is(.current-menu-item, .current-menu-ancestor, .current-menu-parent) > .menu-link{ font-weight:600 !important; color:var(--ds-teal) !important; }
}
html body.ecn-ds #masthead .ast-primary-header-bar, html body.ecn-ds #masthead .main-header-bar{ background:#FFFEFB !important; border-bottom:1px solid var(--ds-line) !important; }
html body.ecn-ds .econur-header-search .econur-header-search-input{ font-family:var(--ds-sans) !important; border-radius:12px !important; background:#F6F3EC !important; border-color:transparent !important; }
html body.ecn-ds .econur-header-search .econur-header-search-input:hover{ border-color:var(--ds-line-2) !important; }
html body.ecn-ds .econur-header-search .econur-header-search-input:focus{ border-color:var(--ds-teal) !important; background:#fff !important; box-shadow:0 0 0 3px rgba(13, 88, 95, .12) !important; }
html body.ecn-ds .econur-header-actions :is(.econur-header-login, .econur-header-cart, .econur-header-search-toggle){ font-family:var(--ds-sans) !important; font-weight:600 !important; color:var(--ds-ink) !important; }
html body.ecn-ds .econur-header-actions :is(.econur-header-login, .econur-header-cart, .econur-header-search-toggle):hover{ color:var(--ds-teal) !important; }
html body.ecn-ds .econur-header-cart .econur-cart-count{ font-family:var(--ds-sans) !important; min-width:18px; height:18px; line-height:18px; background:var(--ds-teal) !important; }
html body.ecn-ds #ast-mobile-header .ast-mobile-header-content .main-header-menu > .menu-item > .menu-link{ font-family:var(--ds-sans) !important; color:var(--ds-ink) !important; }
/* announcement bar: the brand teal, clear semibold line */
html body.ecn-ds .ecn.ecn-announce--top{ background:var(--ds-teal) !important; }
html body.ecn-ds .ecn.ecn-announce--top .ecn-ab-msg{ font-family:var(--ds-sans) !important; font-weight:600 !important; letter-spacing:.01em; transition:opacity .3s ease-in-out !important; }
html body.ecn-ds .ecn.ecn-announce--top .ecn-ab-msg.is-on{ transition:opacity .3s ease-in-out .3s !important; }

/* =============================================================== 6. homepage hero */
html body.ecn-ds .ecn-hx-title{ font-size:var(--ds-fs-hero) !important; line-height:1.02 !important; color:var(--ds-ink) !important; }
html body.ecn-ds .ecn-hx-text{ font-size:clamp(1rem, .95rem + .2vw, 1.0625rem) !important; line-height:1.6 !important; color:var(--ds-ink-2) !important; max-width:min(390px, 100%) !important; }
@media (min-width:1024px){ html body.ecn-ds .ecn-hx-copy{ max-width:470px !important; } }
html body.ecn-ds .ecn-hx-cta{ min-height:52px !important; padding:0 24px !important; margin-top:24px !important; }
html body.ecn-ds .ecn-hx-arrow{ width:42px !important; height:42px !important; margin-top:-21px !important; background:rgba(255, 254, 251, .92) !important; box-shadow:var(--ds-sh-1) !important; color:var(--ds-ink) !important; opacity:1 !important; }

/* the offer banner keeps its light text on teal */
html body.ecn-ds .ecn-sec-sale .ecn-sb-eyebrow{ color:rgba(255, 253, 249, .88) !important; }
html body.ecn-ds .ecn-sec-sale .ecn-sb-title{ font-family:var(--ds-sans) !important; font-weight:800 !important; letter-spacing:-.03em !important; }

/* =============================================================== 7. shop by category + trust strip */
html body.ecn-ds .econur-category-trust .econur-category-card{ height:64px !important; border-radius:16px !important; background:var(--ds-card) !important; border:1px solid var(--ds-line) !important;
  box-shadow:var(--ds-sh-1) !important; padding:8px 16px 8px 8px !important; transition:border-color .2s ease, box-shadow .25s ease, transform .25s var(--ds-ease) !important; }
html body.ecn-ds .econur-category-trust .econur-category-card--active{ background:var(--ds-teal-soft) !important; border-color:var(--ds-teal-line) !important; }
html body.ecn-ds .econur-category-trust .econur-category-card__img, html body.ecn-ds .econur-category-trust .econur-category-card__media{ border-radius:12px !important; }
html body.ecn-ds .econur-category-trust .econur-category-card__label{ font-family:var(--ds-sans) !important; font-size:15.5px !important; font-weight:600 !important; color:var(--ds-ink) !important; }
@media (max-width:767px){ html body.ecn-ds .econur-category-trust .econur-category-card{ height:54px !important; padding:6px 12px 6px 6px !important; }
  html body.ecn-ds .econur-category-trust .econur-category-card__label{ font-size:14.5px !important; } }
@media (hover:hover) and (pointer:fine){
  html body.ecn-ds .econur-category-trust .econur-category-card:hover{ border-color:var(--ds-teal-line) !important; box-shadow:var(--ds-sh-2) !important; transform:translateY(-2px); }
  html body.ecn-ds .econur-category-trust .econur-category-card:hover img{ transform:scale(1.03); }
  html body.ecn-ds .econur-category-trust .econur-category-card img{ transition:transform .4s var(--ds-ease); }
}

/* =============================================================== 8. product page */
/* one column for every section, the same as the homepage */
html body.ecn-ds.single-product .site-content > .ast-container{ max-width:var(--ds-w) !important; padding-left:0 !important; padding-right:0 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero, html body.ecn-ds.single-product .ecn-pdp .econur-product-info-tabs, html body.ecn-ds.single-product .ecn-pdp .ecn-love,
html body.ecn-ds.single-product .ecn-pdp .ecn-help-faq, html body.ecn-ds.single-product .ecn-pdp .ecn-help-finder{ max-width:none !important; width:100% !important; margin-left:0 !important; margin-right:0 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-rv--home .enr-rv, html body.ecn-ds.single-product .ecn-pdp .econur-reviews-section .enr-rv{ --rv-w:100%; max-width:none !important; width:100% !important; margin-left:0 !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-box, html body.ecn-ds.single-product .ecn-pdp .ecn-love-panel, html body.ecn-ds.single-product .ecn-pdp .ecn-help-finder,
html body.ecn-ds.single-product .ecn-pdp .enr-rv{ border-radius:var(--ds-r-panel) !important; }

/* purchase panel: slightly raised, clear hierarchy (title > price > benefits > choices > Buy Now) */
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-card{ border-radius:var(--ds-r-panel) !important; border:1px solid var(--ds-line) !important; background:var(--ds-card) !important; box-shadow:var(--ds-sh-3) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-cat{ font-size:var(--ds-fs-micro) !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase; color:var(--ds-teal) !important; text-decoration:none !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-title{ font-family:var(--ds-sans) !important; font-size:var(--ds-fs-title) !important; font-weight:700 !important; line-height:1.08 !important; letter-spacing:-.03em !important; color:var(--ds-ink) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-price, html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-price .amount{ font-family:var(--ds-sans) !important; font-size:clamp(2rem, 1.6rem + 1vw, 2.5rem) !important; font-weight:700 !important; letter-spacing:-.03em !important; color:var(--ds-ink) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-size{ font-size:1rem !important; font-weight:500 !important; color:var(--ds-muted) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-checks li{ font-size:15.5px !important; color:var(--ds-ink-2) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-checks svg{ background:var(--ds-teal) !important; color:#fff !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-label{ font-size:15px !important; font-weight:700 !important; color:var(--ds-ink) !important; letter-spacing:0 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-stock{ border-radius:999px !important; background:var(--ds-teal-soft) !important; color:var(--ds-teal) !important; border-color:transparent !important; font-weight:600 !important; }
/* pack choice: one selected state; the "most popular" / "best value" tags are not shown (the three packs cost the same per bar) */
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack{ border-radius:14px !important; border:1px solid var(--ds-line) !important; background:var(--ds-card) !important; box-shadow:none !important; transition:border-color .2s ease, background-color .2s ease !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack.is-on{ border:1.5px solid var(--ds-teal) !important; background:#F3F8F6 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack-badge.is-pop, html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack-badge.is-val{ display:none !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack-q{ font-weight:700 !important; color:var(--ds-ink) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack-p{ font-weight:700 !important; color:var(--ds-ink) !important; }
/* size: segmented pills */
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-sz{ border-radius:999px !important; border:1px solid var(--ds-line-2) !important; background:var(--ds-card) !important; color:var(--ds-ink) !important; font-weight:600 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-sz.is-on{ background:var(--ds-teal) !important; border-color:var(--ds-teal) !important; color:#fff !important; }
/* quantity */
html body.ecn-ds.single-product .ecn-pdp form.cart .quantity.ecn-qty{ height:56px !important; border-radius:var(--ds-r-btn) !important; border-color:var(--ds-line-2) !important; background:var(--ds-card) !important; }
/* actions: Buy Now (filled) > Add to Cart (teal outline) > WhatsApp (quiet outline) */
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-buynow{ min-height:56px !important; border-radius:var(--ds-r-btn) !important; background:var(--ds-teal) !important; border-color:var(--ds-teal) !important; color:#fff !important;
  font-size:16.5px !important; font-weight:700 !important; box-shadow:0 10px 22px rgba(10, 71, 77, .22) !important; }
html body.ecn-ds.single-product .ecn-pdp .single_add_to_cart_button{ min-height:52px !important; border-radius:var(--ds-r-btn) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-wa{ min-height:48px !important; border-radius:var(--ds-r-btn) !important; border:1px solid var(--ds-line-2) !important; background:var(--ds-card) !important; color:var(--ds-ink) !important; }
@media (hover:hover) and (pointer:fine){
  html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-buynow:hover{ background:var(--ds-teal-h) !important; transform:translateY(-1px); }
  html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-wa:hover{ border-color:var(--ds-teal) !important; color:var(--ds-teal) !important; background:var(--ds-card) !important; }
}
/* gallery */
html body.ecn-ds.single-product .ecn-pdp .ecn-g-main, html body.ecn-ds.single-product .ecn-pdp .ecn-g-slide, html body.ecn-ds.single-product .ecn-pdp .ecn-g-track{ border-radius:var(--ds-r-panel) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-g-thumb{ border-radius:12px !important; border:1px solid var(--ds-line) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-g-thumb[aria-current="true"], html body.ecn-ds.single-product .ecn-pdp .ecn-g-thumb.is-on, html body.ecn-ds.single-product .ecn-pdp .ecn-g-thumb[aria-selected="true"]{ border:2px solid var(--ds-teal) !important; }
/* the details accordion under the purchase panel */
html body.ecn-ds .ecn-acc{ border-radius:var(--ds-r-card) !important; }
html body.ecn-ds .ecn-acc .ecn-acc-h, html body.ecn-ds .ecn-acc .ecn-acc-t{ font-family:var(--ds-sans) !important; font-weight:600 !important; color:var(--ds-ink) !important; }
/* product page section headings and cards */
html body.ecn-ds.single-product .ecn-pdp .ecn-love-t, html body.ecn-ds.single-product .ecn-pdp .ecn-lp-ings h3, html body.ecn-ds.single-product .ecn-pdp .ecn-lp-steps h3,
html body.ecn-ds.single-product .ecn-pdp .econur-pit-kf{ font-family:var(--ds-sans) !important; font-weight:700 !important; color:var(--ds-ink) !important; letter-spacing:-.01em !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-final{ border-radius:var(--ds-r-panel) !important; overflow:hidden; margin-bottom:var(--ds-sec) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-final h2{ color:#fff !important; font-size:clamp(1.625rem, 1.2rem + 1.2vw, 2.25rem) !important; line-height:1.15 !important; }

/* =============================================================== 9. atmosphere: a barely-there sage glow behind a few sections */
html body.ecn-ds .elementor-43 > .e-con.ecn-sec-chips, html body.ecn-ds .ecn-fy, html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero{ position:relative; }
html body.ecn-ds .elementor-43 > .e-con.ecn-sec-chips::before{ content:""; position:absolute; z-index:-1; inset:-40px -10% -60px; pointer-events:none;
  background:radial-gradient(50% 60% at 50% 40%, rgba(13, 88, 95, .05), rgba(13, 88, 95, 0) 70%); }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero::before{ content:""; position:absolute; z-index:-1; inset:-60px -8% -40px 30%; pointer-events:none;
  background:radial-gradient(55% 55% at 60% 40%, rgba(13, 88, 95, .05), rgba(13, 88, 95, 0) 70%); }

/* =============================================================== 10. motion: quiet hovers only; nothing moves for reduced-motion users */
@media (prefers-reduced-motion:reduce){
  html body.ecn-ds *, html body.ecn-ds *::before, html body.ecn-ds *::after{ transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; }
  html body.ecn-ds .ecn-pcard:hover, html body.ecn-ds .ecn-fp-card:hover, html body.ecn-ds .ecn-rel-card:hover, html body.ecn-ds .econur-category-trust .econur-category-card:hover{ transform:none !important; }
  html body.ecn-ds .ecn-pcard:hover img, html body.ecn-ds .ecn-fp-card:hover img, html body.ecn-ds .ecn-rel-card:hover img{ transform:none !important; }
}

/* =====================================================================================================================
   MOCKUP PASS (approved reference, measured at 1440px): homepage
   ===================================================================================================================== */
/* hero: two-line serif headline, larger pill CTA, white round arrows */
html body.ecn-ds .ecn-hx-title br:nth-of-type(2){ display:none; }
@media (min-width:1024px){
  html body.ecn-ds .ecn-hx-copy{ width:min(520px, 40%) !important; max-width:none !important; top:48% !important; }
  html body.ecn-ds .ecn-hx-eyebrow{ font-size:14px !important; letter-spacing:.06em !important; margin-bottom:16px !important; }
  html body.ecn-ds .ecn-hx-title{ font-size:clamp(46px, 2.2vw + 22px, 60px) !important; line-height:1.06 !important; }
  html body.ecn-ds .ecn-hx-text{ font-size:18px !important; line-height:1.6 !important; max-width:360px !important; margin-top:16px !important; }
  html body.ecn-ds .ecn-hx-cta{ min-height:56px !important; padding:0 30px !important; border-radius:999px !important; font-size:16.5px !important; margin-top:26px !important; gap:12px !important; }
}
html body.ecn-ds .ecn-hx-arrow{ width:40px !important; height:40px !important; margin-top:-20px !important; background:#fff !important; box-shadow:0 2px 10px rgba(23, 48, 46, .12) !important; }

/* Shop by category: big sans title with the teal word, "View All Products" pill, five equal white cards */
html body.ecn-ds .econur-category-trust__header{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px; margin:0 0 28px !important; }
html body.ecn-ds .econur-category-trust__title span{ color:var(--ds-teal) !important; font-style:normal !important; }
html body.ecn-ds .ecn-ds-viewall, html body.ecn-ds .ecn-sh-link{ display:inline-flex !important; align-items:center; gap:10px; height:52px !important; padding:0 26px !important; border-radius:999px !important;
  border:1px solid var(--ds-line) !important; background:#fff !important; box-shadow:0 2px 8px rgba(23, 48, 46, .05) !important; color:var(--ds-ink) !important;
  font-family:var(--ds-sans) !important; font-size:15.5px !important; font-weight:600 !important; text-decoration:none !important; white-space:nowrap; transition:border-color .2s ease, box-shadow .2s ease, transform .2s var(--ds-ease) !important; }
html body.ecn-ds .ecn-ds-viewall svg, html body.ecn-ds .ecn-sh-link svg{ width:17px; height:17px; flex:none; }
@media (hover:hover) and (pointer:fine){ html body.ecn-ds .ecn-ds-viewall:hover, html body.ecn-ds .ecn-sh-link:hover{ border-color:var(--ds-teal-line) !important; box-shadow:var(--ds-sh-2) !important; transform:translateY(-1px); background:#fff !important; } }
html body.ecn-ds .econur-category-trust .econur-category-list{ gap:22px !important; }
html body.ecn-ds .econur-category-trust .econur-category-card{ height:92px !important; gap:16px !important; padding:8px 20px 8px 10px !important; border-radius:18px !important; background:#fff !important;
  border:1px solid #EEE9E0 !important; box-shadow:0 1px 3px rgba(23, 48, 46, .04), 0 6px 16px rgba(23, 48, 46, .04) !important; }
html body.ecn-ds .econur-category-trust .econur-category-card--active{ background:#fff !important; border-color:#E2ECE8 !important; }
html body.ecn-ds .econur-category-trust .econur-category-card__media{ width:72px !important; height:72px !important; flex:none; border-radius:50% !important; overflow:hidden; background:#EEF4F1 !important; display:grid !important; place-items:center; }
html body.ecn-ds .econur-category-trust .econur-category-card__img{ width:72px !important; height:72px !important; max-width:none !important; border-radius:50% !important; object-fit:cover; }
html body.ecn-ds .econur-category-trust .econur-category-card__icon{ width:72px !important; height:72px !important; border-radius:50% !important; background:#EEF4F1 !important; color:var(--ds-teal) !important; display:grid !important; place-items:center; }
html body.ecn-ds .econur-category-trust .econur-category-card__icon svg{ width:32px !important; height:32px !important; }
html body.ecn-ds .econur-category-trust .econur-category-card__label{ font-size:17.5px !important; font-weight:700 !important; letter-spacing:-.01em; }
html body.ecn-ds .econur-category-trust .econur-category-card__arrow{ color:#A9B3AF !important; margin-left:auto; }
html body.ecn-ds .econur-category-trust .econur-category-card__arrow svg{ width:16px; height:16px; }

/* trust strip: one low pale-sage band, four columns with hairline dividers */
html body.ecn-ds .econur-category-trust .econur-trust-strip{ margin:32px 0 0 !important; min-height:128px; padding:24px 28px !important; border-radius:22px !important; background:#F2F6F3 !important;
  border:1px solid #E5EEE8 !important; box-shadow:none !important; display:grid !important; grid-template-columns:repeat(4, minmax(0, 1fr)) !important; align-items:center; gap:0 !important; }
html body.ecn-ds .econur-category-trust .econur-trust-item{ display:flex !important; align-items:center; justify-content:center; gap:18px !important; padding:0 16px !important; border:0 !important; position:relative; }
html body.ecn-ds .econur-category-trust .econur-trust-item + .econur-trust-item::before{ content:""; position:absolute; left:0; top:12%; bottom:12%; width:1px; background:#DCE6E0; }
html body.ecn-ds .econur-category-trust .econur-trust-item__icon{ width:66px !important; height:66px !important; flex:none; border-radius:50% !important; background:#E3EEE8 !important; color:var(--ds-teal) !important; display:grid !important; place-items:center; }
html body.ecn-ds .econur-category-trust .econur-trust-item__icon svg{ width:30px !important; height:30px !important; }
html body.ecn-ds .econur-category-trust .econur-trust-item__label{ display:block; font-family:var(--ds-sans) !important; font-size:18px !important; font-weight:700 !important; color:var(--ds-ink) !important; letter-spacing:-.01em; }
html body.ecn-ds .econur-category-trust .econur-trust-item__text{ font-size:15px !important; color:var(--ds-muted) !important; }

/* section header row (Bestsellers, Featured): title + sub on the left, View All pill + arrows on the right */
html body.ecn-ds .ecn-sh{ align-items:flex-end !important; margin-bottom:22px !important; }
html body.ecn-ds .ecn-sh-sub{ margin-top:8px !important; font-size:17px !important; }
html body.ecn-ds .ecn-sh-nav, html body.ecn-ds .ecn-fp-nav{ width:44px !important; height:44px !important; border-radius:50% !important; border:1px solid var(--ds-line) !important; background:#fff !important; color:var(--ds-ink) !important; box-shadow:none !important; }
html body.ecn-ds .ecn-sh-nav:last-child, html body.ecn-ds .ecn-sh-nav[data-dir="1"], html body.ecn-ds .ecn-fp-nav[data-dir="1"]{ background:var(--ds-teal) !important; border-color:var(--ds-teal) !important; color:#fff !important; }

/* product cards (Bestsellers, shop): photo on top edge to edge, label chip, name, price, two pill buttons */
html body.ecn-ds .ecn-pcard{ border-radius:16px !important; overflow:hidden; border:1px solid #EEE9E0 !important; box-shadow:0 1px 3px rgba(23, 48, 46, .04), 0 8px 22px rgba(23, 48, 46, .05) !important; }
html body.ecn-ds .ecn-pcard .ecn-pc-media img{ aspect-ratio:322 / 277 !important; }
html body.ecn-ds .ecn-pcard .ecn-pc-body{ padding:16px 18px 18px !important; gap:0 !important; }
html body.ecn-ds .ecn-home-grid .ecn-pc-skin, html body.ecn-ds .ecn-pcard .ecn-pc-skin{ display:block !important; min-height:0 !important; align-self:flex-start; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
  padding:4px 8px !important; border-radius:6px; background:#F3F2EE; color:#555D59 !important; font-size:10.5px !important; font-weight:600 !important; letter-spacing:.07em !important; text-transform:uppercase; }
html body.ecn-ds .ecn-home-grid .ecn-pc-body:not(:has(.ecn-pc-skin))::before{ height:22px !important; font-size:10.5px !important; }
html body.ecn-ds .ecn-pcard .ecn-pc-title{ margin:12px 0 0 !important; font-size:21px !important; }
html body.ecn-ds .ecn-pcard .ecn-pc-price{ display:flex; align-items:baseline; gap:10px; margin:10px 0 0 !important; min-height:0 !important; }
html body.ecn-ds .ecn-pcard .ecn-pc-now, html body.ecn-ds .ecn-pcard .ecn-pc-now .amount{ font-size:26px !important; font-weight:700 !important; color:var(--ds-ink) !important; letter-spacing:-.02em; }
html body.ecn-ds .ecn-pcard .ecn-pc-size{ font-size:15px !important; }
html body.ecn-ds .ecn-pc-actions{ display:grid; gap:9px; margin-top:16px; }
html body.ecn-ds .ecn-pcard .ecn-pc-btn{ display:flex !important; align-items:center; justify-content:center; min-height:42px !important; height:42px; padding:0 16px !important; border-radius:999px !important; margin:0 !important; font-size:15px !important; }
html body.ecn-ds .ecn-pcard .ecn-pc-btn.added::after{ content:""; }
html body.ecn-ds .ecn-pcard .added_to_cart{ display:none !important; }

/* offer banner (neutral, preview): teal band with the botanical art on both edges */
html body.ecn-ds .ecn-sec-sale .ecn-ds-sb{ display:grid !important; grid-template-columns:minmax(0, 1fr) auto !important; align-items:center; gap:32px; min-height:200px; padding:30px 220px 30px 270px !important;
  border-radius:22px !important; overflow:hidden; color:#fff;
  background:url("https://econur.shop/wp-content/uploads/2026/09/econur-sale-soap-decor-600x458.webp") right -24px bottom -34px / auto 118% no-repeat,
    linear-gradient(90deg, rgba(14, 94, 101, 0) 0, rgba(14, 94, 101, 0) 110px, #0E5E65 280px) left top / 300px 100% no-repeat,
    url("https://econur.shop/wp-content/uploads/2026/09/econur-sale-foliage.webp") left top / auto 100% no-repeat,
    linear-gradient(120deg, #0E5E65 0%, #0D585F 45%, #0A474D 100%) !important; }
html body.ecn-ds .ecn-sec-sale .ecn-ds-sb::before, html body.ecn-ds .ecn-sec-sale .ecn-ds-sb::after{ display:none !important; }
html body.ecn-ds .ecn-ds-sb .ecn-sb-eyebrow{ display:block; font-size:15px !important; font-weight:700 !important; letter-spacing:.06em !important; color:#fff !important; }
html body.ecn-ds #ecn-sale.ecn-ds-sb .ecn-sb-title, html body.ecn-ds .ecn-ds-sb .ecn-sb-title{ max-width:none !important; width:auto !important; margin:8px 0 0 !important; color:#fff !important; font-size:clamp(28px, 1.6vw + 14px, 46px) !important; font-weight:800 !important; line-height:1.08 !important; }
html body.ecn-ds .ecn-ds-sb .ecn-sb-copy{ max-width:none !important; width:auto !important; }
html body.ecn-ds .ecn-ds-sb .ecn-sb-text{ max-width:none !important; margin:10px 0 0 !important; color:rgba(255, 255, 255, .9) !important; font-size:17px !important; }
html body.ecn-ds .ecn-ds-sb .ecn-sb-cta{ display:inline-flex !important; align-items:center; justify-content:center; gap:10px; width:auto !important; min-width:240px; height:54px; padding:0 30px !important; border-radius:999px !important;
  background:#fff !important; color:var(--ds-teal) !important; font-size:16px !important; font-weight:700 !important; text-decoration:none !important; box-shadow:0 8px 20px rgba(0, 0, 0, .12) !important; }
html body.ecn-ds .ecn-ds-sb .ecn-sb-cta svg{ width:18px; height:18px; }

/* Featured products: the same card as Bestsellers (photo, label chip, name, price row, pill button) */
html body.ecn-ds .ecn-sec-sale .ecn-fp-card{ border-radius:16px !important; overflow:hidden; border:1px solid #EEE9E0 !important; box-shadow:0 1px 3px rgba(23, 48, 46, .04), 0 8px 22px rgba(23, 48, 46, .05) !important; }
html body.ecn-ds .ecn-sec-sale .ecn-fp-media{ background:#F3EFE7 !important; border-radius:0 !important; }
html body.ecn-ds .ecn-sec-sale .ecn-fp-img, html body.ecn-ds .ecn-sec-sale .ecn-fp-img img{ aspect-ratio:322 / 277 !important; border-radius:0 !important; }
html body.ecn-ds .ecn-sec-sale .ecn-fp-body{ padding:16px 18px 18px !important; gap:0 !important; }
html body.ecn-ds .ecn-sec-sale .ecn-fp-body::after{ display:none !important; }
html body.ecn-ds .ecn-sec-sale .ecn-fp-proof{ display:flex; }
html body.ecn-ds .ecn-sec-sale .ecn-fp-skin{ display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:4px 8px; border-radius:6px; background:#F3F2EE;
  color:#555D59 !important; font-size:10.5px !important; font-weight:600 !important; letter-spacing:.07em !important; text-transform:uppercase; }
html body.ecn-ds .ecn-sec-sale .ecn-fp-name{ margin:12px 0 0 !important; font-size:21px !important; }
html body.ecn-ds .ecn-sec-sale .ecn-fp-foot{ gap:16px !important; padding-top:10px !important; }
html body.ecn-ds .ecn-sec-sale .ecn-fp-price{ display:flex !important; align-items:baseline; gap:10px; flex-wrap:wrap; }
html body.ecn-ds .ecn-sec-sale .ecn-fp-price b, html body.ecn-ds .ecn-sec-sale .ecn-fp-price b .amount{ font-size:26px !important; font-weight:700 !important; color:var(--ds-ink) !important; letter-spacing:-.02em; }
html body.ecn-ds .ecn-sec-sale .ecn-fp-price s{ color:var(--ds-muted) !important; font-size:15px !important; }
html body.ecn-ds .ecn-sec-sale .ecn-fp-price small{ font-size:15px !important; color:var(--ds-muted) !important; }
html body.ecn-ds .ecn-sec-sale .ecn-fp-add{ min-height:42px !important; height:42px; border-radius:999px !important; font-size:15px !important; }
html body.ecn-ds .ecn-sec-sale .ecn-fp-heart{ background:#fff !important; box-shadow:0 2px 8px rgba(23, 48, 46, .1) !important; color:var(--ds-ink) !important; }

/* header: pill search; 68px tall (Oct 2026: a little slimmer, the top bar above got a little taller) */
@media (min-width:922px){
  html body.ecn-ds{ --hdr-h:68px; }
  html body.ecn-ds #ast-desktop-header .ast-primary-header-bar .site-primary-header-wrap{ min-height:68px !important; }
  html body.ecn-ds .econur-header-search .econur-header-search-input{ border-radius:999px !important; background:#F2F1ED !important; }
}

/* =====================================================================================================================
   MOCKUP PASS: product page (measured on the approved reference at 1440px)
   ===================================================================================================================== */
/* breadcrumb */
html body.ecn-ds .woocommerce-breadcrumb.ecn-ds-crumbs, html body.ecn-ds .ecn-ds-crumbs{ display:flex !important; visibility:visible !important; align-items:center; flex-wrap:wrap; gap:8px; margin:22px 0 22px !important; padding:0 !important; font-family:var(--ds-sans); font-size:14.5px; color:var(--ds-muted); }
html body.ecn-ds .ecn-ds-crumbs a{ color:var(--ds-muted) !important; text-decoration:none !important; }
html body.ecn-ds .ecn-ds-crumbs a:hover{ color:var(--ds-teal) !important; }
html body.ecn-ds .ecn-ds-crumbs > :last-child, html body.ecn-ds .ecn-ds-crumbs{ }
html body.ecn-ds .ecn-ds-crumb-sep{ display:inline-grid; color:#A7AEAA; }
html body.ecn-ds .ecn-ds-crumb-sep svg{ width:14px; height:14px; }
html body.ecn-ds.single-product .site-content .ast-container{ padding-top:0 !important; }
html body.ecn-ds.single-product #primary, html body.ecn-ds.single-product .site-main{ margin-top:0 !important; padding-top:0 !important; }
/* the gallery's highlight strip and the details accordion are covered by the tabs below (same text) */
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-badges{ display:none !important; }
html body.ecn-ds.single-product .ecn-pdp:has(.econur-product-info-tabs) .ecn-acc{ display:none !important; }

@media (min-width:1000px){
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero{ max-width:none !important; grid-template-columns:minmax(0, 641fr) minmax(0, 684fr) !important; column-gap:32px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero .ecn-g.has-many{ grid-template-columns:100px minmax(0, 1fr) !important; column-gap:16px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero .ecn-g-thumbs{ gap:16px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero .ecn-g-thumb{ width:100px !important; height:106px !important; border-radius:12px !important; border:1px solid #E8E2D7 !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero .ecn-g-thumb.is-on, html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero .ecn-g-thumb[aria-current="true"]{ border:2px solid var(--ds-teal) !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero .ecn-g-main{ border-radius:20px !important; box-shadow:none !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero .ecn-g-slide{ aspect-ratio:526 / 776 !important; max-height:none !important; }
}
html body.ecn-ds.single-product .ecn-pdp .ecn-g-zoom{ width:52px !important; height:52px !important; border-radius:50% !important; background:#fff !important; box-shadow:0 2px 10px rgba(23, 48, 46, .14) !important; color:var(--ds-ink) !important; }

/* purchase panel */
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-card{ padding:26px 26px 28px !important; border-radius:22px !important; border:1px solid #ECE7DD !important; background:#FFFEFB !important; box-shadow:0 12px 32px rgba(23, 48, 46, .05) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-cat{ font-size:16px !important; font-weight:500 !important; letter-spacing:0 !important; text-transform:none !important; color:var(--ds-muted) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-rating{ margin-top:8px !important; font-size:15.5px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-titlerow{ margin-top:14px !important; gap:12px !important; align-items:center; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-title{ font-size:clamp(2rem, 1rem + 2.2vw, 3rem) !important; font-weight:800 !important; letter-spacing:-.035em !important; line-height:1.08 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pricerow{ margin-top:12px !important; align-items:baseline !important; gap:14px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-price, html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-price .amount{ font-size:clamp(2rem, 1.2rem + 1.9vw, 3rem) !important; font-weight:800 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-size{ font-size:17px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-checks{ gap:12px !important; margin-top:22px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-checks li{ font-size:18px !important; gap:12px !important; align-items:center !important; color:var(--ds-ink-2) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-checks svg{ width:26px !important; height:26px !important; padding:5px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-packs{ margin-top:26px !important; padding-top:26px !important; border-top:1px solid #ECE7DD !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-label{ font-size:19px !important; font-weight:700 !important; margin-bottom:14px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-packs-row{ gap:14px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack{ min-height:134px; padding:16px 10px 14px !important; border-radius:14px !important; text-align:center; align-content:center; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack.is-on{ border:2px solid var(--ds-teal) !important; background:#F1F7F5 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack-q{ font-size:18px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack-p{ font-size:24px !important; font-weight:800 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack-n, html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack-n b{ font-size:14px !important; color:var(--ds-muted) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack-n b{ color:var(--ds-ink-2) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-sz{ min-width:152px; height:54px !important; font-size:18px !important; }
html body.ecn-ds.single-product .ecn-pdp form.cart .quantity.ecn-qty{ height:68px !important; border-radius:999px !important; padding:0 14px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-buynow{ min-height:68px !important; height:68px; border-radius:999px !important; font-size:20px !important; font-weight:700 !important; }
html body.ecn-ds.single-product .ecn-pdp .single_add_to_cart_button{ min-height:62px !important; height:62px; border-radius:999px !important; border-width:2px !important; font-size:18px !important; font-weight:700 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-card .ecn-lp-trust{ display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)) !important; align-items:start; margin:22px 0 0 !important; padding:4px 0 !important; border:0 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-card .ecn-lp-trust li, html body.ecn-ds.single-product .ecn-pdp .ecn-lp-card .ecn-lp-trust li:first-child, html body.ecn-ds.single-product .ecn-pdp .ecn-lp-card .ecn-lp-trust li:last-child{ flex-direction:column; justify-content:flex-start; gap:8px; padding:0 10px !important;
  font-size:14.5px !important; font-weight:600 !important; color:var(--ds-teal) !important; text-align:center; white-space:normal; line-height:1.35 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-card .ecn-lp-trust li + li{ border-left:1px solid #ECE7DD !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-card .ecn-lp-trust svg{ width:30px !important; height:30px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-extra .ecn-pdp-wa, html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-wa{ min-height:60px !important; height:60px; border-radius:999px !important; border:1.5px solid rgba(13, 88, 95, .35) !important; color:var(--ds-teal) !important; font-size:17px !important; font-weight:700 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-wa svg{ color:#25A244; }

/* information tabs: one wide panel, five text tabs with a teal underline */
html body.ecn-ds.single-product .ecn-pdp .econur-product-info-tabs{ margin-top:48px !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-leaf{ display:none !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-box{ padding:0 !important; border-radius:22px !important; border:1px solid #ECE7DD !important; background:#fff !important; overflow:hidden; box-shadow:0 8px 26px rgba(23, 48, 46, .04) !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-tabs{ grid-auto-columns:minmax(0, 1fr) !important; gap:0 !important; padding:0 24px !important; border:0 !important; border-bottom:1px solid #ECE7DD !important; border-radius:0 !important; background:#FAF9F6 !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-tab{ height:80px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; font-size:18px !important; font-weight:500 !important; color:var(--ds-muted) !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-tab[aria-selected="true"]{ background:transparent !important; color:var(--ds-teal) !important; font-weight:700 !important; box-shadow:inset 0 -4px 0 var(--ds-teal) !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-tab-ic{ display:none !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-body{ margin:0 !important; padding:44px 44px 48px !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-desc{ gap:48px !important; align-items:start; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-eyebrow{ display:none !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-title{ font-size:clamp(1.75rem, 1rem + 2vw, 2.5rem) !important; font-weight:800 !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-sub{ font-size:18px !important; color:var(--ds-ink-2) !important; margin-top:8px !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-intro, html body.ecn-ds.single-product .ecn-pdp .econur-pit-text p, html body.ecn-ds.single-product .ecn-pdp .econur-pit-text li{ font-size:18px !important; line-height:1.8 !important; color:var(--ds-muted) !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-kf{ font-size:19px !important; margin-top:26px !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-feats li{ gap:14px !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-fic{ width:30px !important; height:30px !important; border-radius:50% !important; background:var(--ds-teal) !important; color:#fff !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-ftx b{ font-size:16.5px !important; color:var(--ds-ink) !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-ftx span{ font-size:15px !important; color:var(--ds-muted) !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-media{ border-radius:18px !important; overflow:hidden; aspect-ratio:562 / 462 !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-media img{ width:100% !important; height:100% !important; object-fit:cover !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-h3{ font-size:26px !important; font-weight:800 !important; letter-spacing:-.02em; color:var(--ds-ink) !important; margin:0 0 14px !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-text{ max-width:820px; }

/* =====================================================================================================================
   ID-weight overrides: the Bangla typography file (econur-ui.css) lifts some sizes with :not(#id); these match that weight
   ===================================================================================================================== */
body.ecn-ds{ --ecn-bn-h2:clamp(1.625rem, 1.1rem + 1.6vw, 2.5rem); --ecn-bn-cta:16px; }
html body.ecn-ds :is(.ecn-sh-title, .ecn-fy .ecn-fy-title, .ehc .ehc-title, .ecn-favs-head .ecn-lp-h2, .econur-category-trust__title, .ecn-lp-h2, .econur-pit-title):not(#ecn-ds-x, :lang(bn)){
  font-size:var(--ds-fs-h2) !important; font-weight:800 !important; line-height:1.1 !important; letter-spacing:-.03em !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-title:not(#ecn-ds-x, :lang(bn)){ font-size:clamp(2rem, 1rem + 2.2vw, 3rem) !important; font-weight:800 !important; line-height:1.08 !important; letter-spacing:-.035em !important; }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-title:not(#ecn-ds-x, :lang(bn)){ font-size:clamp(1.75rem, 1rem + 2vw, 2.5rem) !important; }
/* button labels: each button sets the Bangla CTA size its label uses */
html body.ecn-ds .ecn-pcard .ecn-pc-btn, html body.ecn-ds .ecn-sec-sale .ecn-fp-add{ --ecn-bn-cta:15px; }
html body.ecn-ds .ecn-hx-cta{ --ecn-bn-cta:16.5px; }
html body.ecn-ds .ecn-ds-sb .ecn-sb-cta{ --ecn-bn-cta:16px; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-buynow{ --ecn-bn-cta:20px; }
html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-wa{ --ecn-bn-cta:17px; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero .ecn-lp-card form.cart .single_add_to_cart_button:not(#ecn-ds-x){ height:62px !important; min-height:62px !important; margin-top:12px !important; font-size:18px !important; font-weight:700 !important; border-radius:999px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero .ecn-lp-card form.cart .ecn-pdp-buynow:not(#ecn-ds-x){ font-size:20px !important; font-weight:700 !important; padding:0 20px !important; }

html body.ecn-ds.single-product .ecn-pdp .econur-pit-panel{ padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; }
@media (min-width:900px){ html body.ecn-ds.single-product .ecn-pdp .econur-pit-desc{ grid-template-columns:minmax(0, 52fr) minmax(0, 48fr) !important; gap:56px !important; } }
html body.ecn-ds.single-product .ecn-pdp .econur-pit-media .econur-pit-img{ height:100% !important; object-fit:cover !important; }
/* =============================================================== 8b. product page, lower sections (mockup pass) */
/* one quiet decoration language: the leaf cut-outs repeated on every band are dropped; photos and icons carry the sections */
html body.ecn-ds.single-product .ecn-pdp :is(.econur-pit-leaf, .ecn-acc-leaf, .ecn-love-leaf, .ecn-lp-art, .ecn-lp-fleaf, .enr-rv-deco, .ecn-help-art, .ecn-favs-art, .ecn-lp-wave, .ecn-lp-rsum-deco){ display:none !important; }
/* every section: the same head (chip, title, lead) and the same rhythm */
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-head{ margin-bottom:36px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-lead{ font-size:16px !important; color:var(--ds-muted) !important; margin-top:10px !important; }
html body.ecn-ds.single-product .ecn-pdp :is(.ecn-love, .ecn-lp-routine, .ecn-lp-why, .ecn-lp-how, .ecn-lp-reviews, .ecn-help-faq, .ecn-help-finder, .ecn-favs){ margin-top:var(--ds-sec) !important; margin-bottom:0 !important; }
html body.ecn-ds.single-product .ecn-pdp :is(.ecn-lp-routine, .ecn-lp-why, .ecn-lp-how){ padding:0 !important; background:transparent !important; }
html body.ecn-ds.single-product .ecn-pdp :is(.ecn-lp-routine, .ecn-lp-why, .ecn-lp-how, .ecn-favs)::before, html body.ecn-ds.single-product .ecn-pdp :is(.ecn-lp-routine, .ecn-lp-why, .ecn-lp-how, .ecn-favs)::after{ display:none !important; }
/* 1. A cleaner, fresher feel: sage panel, photo left, four benefits as white tiles */
html body.ecn-ds.single-product .ecn-pdp .ecn-love-panel{ padding:56px !important; background:var(--ds-sage) !important; border:0 !important; box-shadow:none !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-love-media, html body.ecn-ds.single-product .ecn-pdp .ecn-love-media img{ border-radius:var(--ds-r-card) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-love-grid{ gap:32px !important; align-items:stretch !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-love-media{ width:auto !important; min-width:0 !important; max-width:100% !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-love-list{ gap:16px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-love-item{ background:var(--ds-card) !important; border:1px solid var(--ds-line) !important; border-radius:var(--ds-r-card) !important; padding:22px !important; box-shadow:var(--ds-sh-1) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-love-item::before, html body.ecn-ds.single-product .ecn-pdp .ecn-love-item::after{ display:none !important; }
/* 2-4. routine, ingredients, how to use: white cards on ivory, one radius, one shadow */
html body.ecn-ds.single-product .ecn-pdp :is(.ecn-lp-rcard, .ecn-lp-rsum, .ecn-lp-ing, .ecn-lp-step){ background:var(--ds-card) !important; border:1px solid var(--ds-line) !important; border-radius:var(--ds-r-card) !important; box-shadow:var(--ds-sh-1) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-rsum{ border:1.5px solid var(--ds-teal) !important; }
html body.ecn-ds.single-product .ecn-pdp :is(.ecn-lp-rimg, .ecn-lp-ing-img){ overflow:hidden; } html body.ecn-ds.single-product .ecn-pdp :is(.ecn-lp-rimg, .ecn-lp-ing-img), html body.ecn-ds.single-product .ecn-pdp :is(.ecn-lp-rimg, .ecn-lp-ing-img) img{ border-radius:12px !important; }
/* 5. reviews: a calm ivory panel */
html body.ecn-ds.single-product .ecn-pdp .enr-rv{ background:var(--ds-bg-soft) !important; border:0 !important; padding:56px 40px 40px !important; }
/* 7. FAQ: question rows as separate cards */
html body.ecn-ds.single-product .ecn-pdp .ecn-help{ padding-top:0 !important; padding-bottom:0 !important; background:transparent !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-help-faq{ gap:56px !important; align-items:start !important; margin-top:0 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-faq-list{ display:grid !important; gap:12px !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-faq-i{ background:var(--ds-card) !important; border:1px solid var(--ds-line) !important; border-radius:14px !important; box-shadow:none !important; overflow:hidden; }
html body.ecn-ds.single-product .ecn-pdp .ecn-faq-i + .ecn-faq-i{ border-top:1px solid var(--ds-line) !important; }
/* 8. which bar is right: sage panel, white option cards */
html body.ecn-ds.single-product .ecn-pdp .ecn-help-finder{ background:var(--ds-sage) !important; border:0 !important; box-shadow:none !important; padding:56px !important; }
/* 9. more favorites: the homepage product card (photo, name, price, pill button), four across the full column */
html body.ecn-ds.single-product .ecn-pdp .ecn-favs .ecn-rel-wrap{ max-width:none !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-favs .ecn-rel-track{ gap:24px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-favs .ecn-rel-card{ flex-basis:calc((100% - 72px) / 4) !important; border-radius:var(--ds-r-card) !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-favs .ecn-rel-media{ aspect-ratio:322 / 277 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-favs .ecn-rel-body{ padding:18px 20px 20px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-favs .ecn-rel-name{ font-size:21px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-favs .ecn-rel-price, html body.ecn-ds.single-product .ecn-pdp .ecn-favs .ecn-rel-price .amount{ font-size:26px !important; font-weight:800 !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-favs .ecn-rel-add, html body.ecn-ds.single-product .ecn-pdp .ecn-favs .ecn-rel-view{ min-height:44px !important; border-radius:999px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-favs .ecn-rel-prev{ left:-22px !important; } html body.ecn-ds.single-product .ecn-pdp .ecn-favs .ecn-rel-next{ right:-22px !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-favs .ecn-rel-nav{ width:46px !important; height:46px !important; top:calc(30% - 23px) !important; box-shadow:var(--ds-sh-2) !important; background:var(--ds-card) !important; }
/* 10. final banner: photo, message, actions with room on the right */
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-final{ grid-template-columns:minmax(0, 30fr) minmax(0, 46fr) minmax(0, 24fr) !important; gap:40px !important; padding:0 48px 0 0 !important; align-items:center !important; min-height:300px; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-final-img{ align-self:stretch !important; height:auto !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-final-img img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:50% 50% !important; }
html body.ecn-ds.single-product .ecn-pdp .ecn-lp-final-copy{ padding:36px 0 !important; }
@media (max-width:1100px){
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-final{ grid-template-columns:minmax(0, 38fr) minmax(0, 62fr) !important; padding:0 32px 0 0 !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-final-cta{ grid-column:2; padding-bottom:32px; }
}
@media (max-width:767px){
  html body.ecn-ds.single-product .ecn-pdp .ecn-love-panel, html body.ecn-ds.single-product .ecn-pdp .ecn-help-finder{ padding:28px 18px !important; }
  html body.ecn-ds.single-product .ecn-pdp .enr-rv{ padding:36px 16px 28px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-help-faq{ gap:20px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-favs .ecn-rel-card{ flex-basis:min(78vw, 300px) !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-final{ grid-template-columns:1fr !important; gap:0 !important; padding:0 !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-final-img{ aspect-ratio:16 / 9; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-final-copy{ padding:24px 20px 8px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-final-cta{ grid-column:auto; padding:8px 20px 24px; }
}


/* product page on phones and small tablets: the same panel, sized for the thumb */
@media (max-width:899px){
  html body.ecn-ds.single-product .ecn-pdp .econur-pit-desc{ grid-template-columns:1fr !important; gap:28px !important; }
  html body.ecn-ds.single-product .ecn-pdp .econur-pit-body{ padding:32px 28px 36px !important; }
}
@media (max-width:767px){
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-card{ padding:22px 16px 24px !important; border-radius:20px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-checks li{ font-size:15.5px !important; gap:10px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-checks svg{ width:22px !important; height:22px !important; padding:4px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-packs{ margin-top:20px !important; padding-top:20px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-label{ font-size:16px !important; margin-bottom:10px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-packs-row{ gap:8px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack{ min-height:0; padding:12px 6px 10px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack-q{ font-size:15px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack-p{ font-size:19px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack-n, html body.ecn-ds.single-product .ecn-pdp .ecn-lp-pack-n b{ font-size:11.5px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-sizes{ flex-wrap:nowrap !important; gap:10px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-sz{ min-width:0; flex:1 1 0; height:48px !important; font-size:16px !important; }
  html body.ecn-ds.single-product .ecn-pdp form.cart .quantity.ecn-qty{ height:54px !important; padding:0 8px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-buynow{ min-height:54px !important; height:54px; --ecn-bn-cta:16px; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero .ecn-lp-card form.cart .ecn-pdp-buynow:not(#ecn-ds-x){ font-size:16px !important; padding:0 12px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-hero .ecn-lp-card form.cart .single_add_to_cart_button:not(#ecn-ds-x){ height:52px !important; min-height:52px !important; margin-top:10px !important; font-size:16px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-card .ecn-lp-trust li, html body.ecn-ds.single-product .ecn-pdp .ecn-lp-card .ecn-lp-trust li:first-child, html body.ecn-ds.single-product .ecn-pdp .ecn-lp-card .ecn-lp-trust li:last-child{ font-size:12.5px !important; padding:0 6px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-card .ecn-lp-trust svg{ width:24px !important; height:24px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-extra .ecn-pdp-wa, html body.ecn-ds.single-product .ecn-pdp .ecn-pdp-wa{ min-height:52px !important; height:52px; --ecn-bn-cta:15.5px; font-size:15.5px !important; }
  /* tabs: one scrollable row of text tabs, the same teal underline */
  html body.ecn-ds.single-product .ecn-pdp .econur-product-info-tabs{ margin-top:32px !important; }
  html body.ecn-ds.single-product .ecn-pdp .econur-pit-box{ border-radius:20px !important; }
  html body.ecn-ds.single-product .ecn-pdp .econur-pit-tabs{ display:flex !important; overflow-x:auto; scrollbar-width:none; padding:0 6px !important; scroll-snap-type:x proximity; }
  html body.ecn-ds.single-product .ecn-pdp .econur-pit-tabs::-webkit-scrollbar{ display:none; }
  html body.ecn-ds.single-product .ecn-pdp .econur-pit-tab{ flex:0 0 auto; height:54px !important; padding:0 14px !important; font-size:15px !important; white-space:nowrap; scroll-snap-align:start; }
  html body.ecn-ds.single-product .ecn-pdp .econur-pit-tab[aria-selected="true"]{ box-shadow:inset 0 -3px 0 var(--ds-teal) !important; }
  html body.ecn-ds.single-product .ecn-pdp .econur-pit-body{ padding:24px 18px 28px !important; }
  html body.ecn-ds.single-product .ecn-pdp .econur-pit-intro, html body.ecn-ds.single-product .ecn-pdp .econur-pit-text p, html body.ecn-ds.single-product .ecn-pdp .econur-pit-text li{ font-size:16px !important; line-height:1.7 !important; }
  html body.ecn-ds.single-product .ecn-pdp .econur-pit-sub{ font-size:16px !important; }
  html body.ecn-ds.single-product .ecn-pdp .econur-pit-media{ border-radius:14px !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-rimg{ aspect-ratio:16 / 10 !important; height:auto !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-lp-rimg img{ width:100% !important; height:100% !important; object-fit:cover !important; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-love-media{ aspect-ratio:16 / 11; }
  html body.ecn-ds.single-product .ecn-pdp .ecn-love-media img{ width:100% !important; height:100% !important; object-fit:cover !important; }
  /* the existing phone sticky bar (appears once the main Add to Cart scrolls away): same ink price, same pill */
  html body.ecn-ds.single-product .ecn-sbar-p b{ color:var(--ds-ink) !important; font-weight:800 !important; }
  html body.ecn-ds.single-product .ecn-sbar{ border-top:1px solid var(--ds-line); }
}


/* trust strip and offer banner on smaller screens */
@media (max-width:1100px){
  html body.ecn-ds .econur-category-trust .econur-trust-strip{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; row-gap:20px !important; padding:22px 18px !important; }
  html body.ecn-ds .econur-category-trust .econur-trust-item{ justify-content:flex-start; }
  html body.ecn-ds .econur-category-trust .econur-trust-item:nth-child(odd)::before{ display:none; }
  html body.ecn-ds .ecn-sec-sale .ecn-ds-sb{ padding:30px 40px 30px 250px !important; background:linear-gradient(90deg, rgba(14, 94, 101, 0) 0, rgba(14, 94, 101, 0) 110px, #0E5E65 240px) left top / 260px 100% no-repeat,
    url("https://econur.shop/wp-content/uploads/2026/09/econur-sale-foliage.webp") left top / auto 100% no-repeat, linear-gradient(120deg, #0E5E65 0%, #0D585F 45%, #0A474D 100%) !important; }
}
@media (max-width:767px){
  html body.ecn-ds .econur-category-trust .econur-trust-strip{ margin-top:22px !important; min-height:0; padding:18px 12px !important; row-gap:18px !important; border-radius:18px !important; }
  html body.ecn-ds .econur-category-trust .econur-trust-item{ flex-direction:column; justify-content:flex-start; gap:8px !important; padding:0 8px !important; text-align:center; }
  html body.ecn-ds .econur-category-trust .econur-trust-item__icon{ width:46px !important; height:46px !important; }
  html body.ecn-ds .econur-category-trust .econur-trust-item__icon svg{ width:22px !important; height:22px !important; }
  html body.ecn-ds .econur-category-trust .econur-trust-item__label{ font-size:15px !important; line-height:1.25; }
  html body.ecn-ds .econur-category-trust .econur-trust-item__text{ font-size:12.5px !important; line-height:1.35; }
  html body.ecn-ds .ecn-sec-sale .ecn-ds-sb{ grid-template-columns:1fr !important; gap:20px; min-height:0; padding:132px 20px 24px !important; border-radius:20px !important;
    background:linear-gradient(180deg, rgba(14, 94, 101, 0) 0, rgba(14, 94, 101, .2) 70px, #0E5E65 132px) left top / 100% 100% no-repeat,
      url("https://econur.shop/wp-content/uploads/2026/09/econur-sale-foliage.webp") center top / 100% auto no-repeat, linear-gradient(160deg, #0E5E65 0%, #0D585F 45%, #0A474D 100%) !important; }
  html body.ecn-ds #ecn-sale.ecn-ds-sb .ecn-sb-title, html body.ecn-ds .ecn-ds-sb .ecn-sb-title{ font-size:28px !important; }
  html body.ecn-ds .ecn-ds-sb .ecn-sb-eyebrow{ font-size:12.5px !important; }
  html body.ecn-ds .ecn-ds-sb .ecn-sb-text{ font-size:15px !important; }
  html body.ecn-ds .ecn-ds-sb .ecn-sb-act, html body.ecn-ds .ecn-ds-sb .ecn-sb-cta{ width:100% !important; min-width:0; }
}


/* hero and offer banner between 1024 and 1279: smaller headline so the copy stays on the plain side of the photo */
@media (min-width:1024px) and (max-width:1279px){
  html body.ecn-ds .ecn-hx-copy{ width:min(380px, 32%) !important; }
  html body.ecn-ds .ecn-hx-title{ font-size:clamp(30px, 3vw, 38px) !important; }
  html body.ecn-ds .ecn-hx-text{ font-size:15.5px !important; max-width:min(250px, 100%) !important; }
}
@media (max-width:1100px) and (min-width:768px){
  html body.ecn-ds .ecn-sec-sale .ecn-ds-sb{ padding-left:280px !important; }
}

/* =============================================================== preview marker */
body.ecn-ds .ecn-ds-badge{ position:fixed; left:12px; bottom:12px; z-index:99999; padding:6px 10px; border-radius:999px; background:rgba(23, 48, 46, .82); color:#fff !important;
  font:600 11px/1 var(--ds-sans); letter-spacing:.04em; text-decoration:none !important; }
