/* ECONUR R2 (17 Oct 2026): Ribana-style correction round. Printed last in <head> (inc/econur-r2.php, wp_head 150),
   after econur-ui, econur-ds, econur-mr and econur-v3, so these rules win without touching the older files.
   1 dark footer  2 product card buttons  3 "ত্বকের ধরন অনুযায়ী কিনুন" buttons  4 delivery boxes without the outer box
   5 "আরও দেখুন"  6 review screenshots + lightbox  7 reviews under the product description  8 skin test
   9 contact form  10 content pages (About, Ingredients, FAQ, policies) */

:root{
  --r2-teal:#0D585F; --r2-teal-h:#0A474D; --r2-ink:#17302E; --r2-muted:#59625E; --r2-line:#E7E1D6; --r2-soft:#F1F4EE;
  --r2-dark:#0F2A2C; --r2-dark-2:#0A1F21; --r2-on-dark:#E9F0EF; --r2-on-dark-2:rgba(233,240,239,.72); --r2-accent:#8CC5BF;
  --r2-wa:#1F8F4E;
}

/* ---------------------------------------------------------------- 1 dark footer */
html body .ecnf.ecnf--dark:not(#r2){ width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; background:var(--r2-dark) !important; color:var(--r2-on-dark); }
html body .ecnf.ecnf--dark .ecnf-card:not(#r2){ margin:0 auto !important; max-width:none; border:0 !important; border-radius:0 !important; background:var(--r2-dark) !important; background-image:none !important; box-shadow:none !important; overflow:visible; }
html body .ecnf.ecnf--dark .ecnf-card::before, html body .ecnf.ecnf--dark .ecnf-card::after{ display:none !important; }
html body .ecnf.ecnf--dark .ecnf-art{ display:none !important; }
html body .ecnf.ecnf--dark .ecnf-main:not(#r2){ display:grid; grid-template-columns:1fr; gap:0; max-width:1280px; margin:0 auto; padding:40px 20px 8px !important; }
html body .ecnf.ecnf--dark .ecnf-brand:not(#r2){ padding-bottom:22px; border-bottom:1px solid rgba(233,240,239,.12); }
html body .ecnf.ecnf--dark .ecnf-logo-img{ width:150px !important; height:auto !important; max-width:none; }
html body .ecnf.ecnf--dark .ecnf-about:not(#r2){ max-width:34ch; margin:14px 0 18px !important; color:var(--r2-on-dark-2) !important; font-size:15px !important; line-height:1.65 !important; }
html body .ecnf.ecnf--dark .ecnf-social:not(#r2){ display:flex; gap:10px; margin:0 !important; padding:0 !important; list-style:none; }
html body .ecnf.ecnf--dark .ecnf-social a:not(#r2){ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; border:1px solid rgba(233,240,239,.22) !important; background:transparent !important; color:var(--r2-on-dark) !important; }
html body .ecnf.ecnf--dark .ecnf-social a:hover{ background:rgba(233,240,239,.1) !important; border-color:rgba(233,240,239,.4) !important; }
html body .ecnf.ecnf--dark .ecnf-social svg{ width:18px; height:18px; }
html body .ecnf.ecnf--dark .ecnf-col:not(#r2){ border:0 !important; border-bottom:1px solid rgba(233,240,239,.12) !important; padding:0 !important; }
html body .ecnf.ecnf--dark .ecnf-h:not(#r2), html body .ecnf.ecnf--dark .ecnf-h--toggle button:not(#r2){ color:#FFFFFF !important; font-size:17px !important; font-weight:600 !important; letter-spacing:0 !important; }
html body .ecnf.ecnf--dark .ecnf-h--toggle button:not(#r2){ background:transparent !important; }
html body .ecnf.ecnf--dark .ecnf-pm, html body .ecnf.ecnf--dark .ecnf-pm::before, html body .ecnf.ecnf--dark .ecnf-pm::after{ border-color:var(--r2-on-dark) !important; background-color:transparent; color:var(--r2-on-dark) !important; }
html body .ecnf.ecnf--dark .ecnf-pm::before, html body .ecnf.ecnf--dark .ecnf-pm::after{ background:var(--r2-on-dark) !important; }
html body .ecnf.ecnf--dark .ecnf-links:not(#r2), html body .ecnf.ecnf--dark .ecnf-support:not(#r2){ margin:0 0 18px !important; padding:0 !important; list-style:none; display:grid; gap:12px; }
html body .ecnf.ecnf--dark .ecnf-links a:not(#r2), html body .ecnf.ecnf--dark .ecnf-support a:not(#r2), html body .ecnf.ecnf--dark .ecnf-support-t{ color:var(--r2-on-dark-2) !important; font-size:15px !important; line-height:1.5; text-decoration:none !important; }
html body .ecnf.ecnf--dark .ecnf-links a:hover, html body .ecnf.ecnf--dark .ecnf-support a:hover{ color:#FFFFFF !important; text-decoration:underline !important; text-underline-offset:3px; }
html body .ecnf.ecnf--dark .ecnf-support li:not(#r2){ display:flex; align-items:center; gap:10px; }
html body .ecnf.ecnf--dark .ecnf-ico:not(#r2){ display:inline-flex; flex:none; width:30px; height:30px; align-items:center; justify-content:center; border-radius:50%; background:rgba(233,240,239,.08) !important; color:var(--r2-accent) !important; }
html body .ecnf.ecnf--dark .ecnf-ico svg{ width:16px; height:16px; }
html body .ecnf.ecnf--dark .ecnf-draft{ color:#F2C46D; font-size:12px; }
html body .ecnf.ecnf--dark .ecnf-legal:not(#r2){ display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 24px; max-width:1280px; margin:0 auto; padding:18px 20px 22px !important; border:0 !important; border-top:1px solid rgba(233,240,239,.12) !important; background:transparent !important; }
html body .ecnf.ecnf--dark .ecnf-legal p:not(#r2){ margin:0 !important; color:rgba(233,240,239,.6) !important; font-size:13px !important; }
@media (max-width:767px){
  html body .ecnf.ecnf--dark .ecnf-h--static{ display:none !important; }
  html body .ecnf.ecnf--dark .ecnf-legal:not(#r2){ flex-direction:column; padding-bottom:92px !important; } /* room for the floating WhatsApp button */
}
@media (min-width:768px){
  html body .ecnf.ecnf--dark .ecnf-main:not(#r2){ grid-template-columns:minmax(0,1.4fr) repeat(3, minmax(0,1fr)); column-gap:40px; padding:56px 32px 36px !important; }
  html body .ecnf.ecnf--dark .ecnf-brand:not(#r2){ border:0; padding:0; }
  html body .ecnf.ecnf--dark .ecnf-col:not(#r2){ border:0 !important; }
  html body .ecnf.ecnf--dark .ecnf-h--static:not(#r2){ display:block !important; margin:4px 0 18px !important; }
  html body .ecnf.ecnf--dark .ecnf-h--static::after{ background:var(--r2-accent) !important; }
  html body .ecnf.ecnf--dark .ecnf-panel:not(#r2){ display:block !important; }
  html body .ecnf.ecnf--dark .ecnf-legal:not(#r2){ padding:20px 32px 24px !important; }
}
@media (min-width:768px) and (max-width:1023px){
  html body .ecnf.ecnf--dark .ecnf-main:not(#r2){ grid-template-columns:repeat(3, minmax(0,1fr)); row-gap:34px; }
  html body .ecnf.ecnf--dark .ecnf-brand:not(#r2){ grid-column:1 / -1; }
}

/* ---------------------------------------------------------------- 2 product card buttons: অর্ডার করুন (filled) + শপিং লিস্টে রাখুন (outline) */
html body .ecn-pcard .ecn-pc-actions:not(#r2){ display:grid; grid-template-columns:1fr; gap:8px; }
html body .ecn-pcard .ecn-pc-actions .ecn-pc-btn:not(#r2){ min-height:44px; width:100%; padding:0 10px !important; white-space:nowrap; }
html body .ecn-pcard .ecn-pc-actions .ecn-pc-buy:not(#r2){ background:var(--r2-teal) !important; border:1px solid var(--r2-teal) !important; color:#FFFFFF !important; }
html body .ecn-pcard .ecn-pc-actions .ecn-pc-buy:hover{ background:var(--r2-teal-h) !important; }
html body .ecn-pcard .ecn-pc-actions .ecn-pc-add:not(#r2){ background:#FFFFFF !important; border:1px solid var(--r2-teal) !important; color:var(--r2-teal) !important; }
html body .ecn-pcard .ecn-pc-actions .ecn-pc-add:hover{ background:var(--r2-soft) !important; }
html body .ecn-pcard .ecn-pc-actions .econur-bn-cta:not(#r2){ font-size:14.5px !important; font-weight:600 !important; }
@media (max-width:380px){ html body .ecn-pcard .ecn-pc-actions .econur-bn-cta:not(#r2){ font-size:13.5px !important; } }

/* ---------------------------------------------------------------- 3 skin-type finder: পণ্যটি দেখুন + অর্ডার করুন */
html body .ecn-fy .ecn-fy-foot:not(#r2){ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; }
html body .ecn-fy .ecn-fy-btns{ display:flex; flex-wrap:wrap; gap:10px; }
html body .ecn-fy .ecn-fy-view{ display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 18px; border:1px solid var(--r2-teal); border-radius:12px; background:#FFFFFF; color:var(--r2-teal) !important; font-weight:600; text-decoration:none !important; }
html body .ecn-fy .ecn-fy-view:hover{ background:var(--r2-soft); }
html body .ecn-fy .ecn-fy-cta:not(#r2){ min-height:46px; }
html body .ecn-fy .ecn-fy-line{ margin:8px 0 0 !important; color:var(--r2-teal); font-weight:600; font-size:15.5px; line-height:1.55; }
@media (min-width:1024px){ html body .ecn-fy .ecn-fy-line{ display:none; } }
@media (max-width:599px){
  html body .ecn-fy .ecn-fy-btns{ width:100%; display:grid; grid-template-columns:1fr 1fr; }
  html body .ecn-fy .ecn-fy-btns a{ justify-content:center; padding:0 10px !important; }
}

/* ---------------------------------------------------------------- 4 delivery boxes: no outer box (owner request) */
html body :is(.ecn-trustx-list, .ecn-fy-trust):not(#r2){ background:transparent !important; border:0 !important; box-shadow:none !important; }
html body .ecn-trustx-list:not(#r2){ padding-left:0 !important; padding-right:0 !important; }
html body .ecn-trustx-item:not(#r2){ border:0 !important; }
html body .ecn-trustx-item + .ecn-trustx-item::before{ display:none !important; }

/* ---------------------------------------------------------------- 5 Bestsellers: আরও দেখুন */
html body .ecn-more-wrap{ display:flex; justify-content:center; margin:22px 0 4px; }
html body .ecn-more-btn{ display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:0 28px; border:1px solid var(--r2-teal); border-radius:999px; background:#FFFFFF; color:var(--r2-teal) !important; font-weight:600; font-size:15.5px; text-decoration:none !important; transition:background-color .2s ease, color .2s ease; }
html body .ecn-more-btn svg{ width:16px; height:16px; transition:transform .2s ease; }
html body .ecn-more-btn:hover{ background:var(--r2-teal); color:#FFFFFF !important; }
html body .ecn-more-btn:hover svg{ transform:translateX(3px); }

/* ---------------------------------------------------------------- 6 review screenshots + lightbox */
html body .ecn-shots{ margin:26px 0 0; }
html body .ecn-shots-h{ margin:0 0 12px !important; color:var(--r2-ink); font-weight:600; font-size:16px; text-align:center; }
html body .ecn-shots-track{ display:flex; gap:12px; margin:0; padding:2px 2px 10px; list-style:none; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
html body .ecn-shot{ flex:0 0 auto; width:min(58vw, 230px); margin:0; scroll-snap-align:start; }
html body .ecn-shot-a{ display:block; overflow:hidden; border:1px solid var(--r2-line); border-radius:14px; background:#FFFFFF; }
html body .ecn-shot-img{ display:block; width:100%; height:auto; aspect-ratio:9 / 16; object-fit:cover; object-position:top; transition:transform .3s ease; }
html body .ecn-shot-a:hover .ecn-shot-img{ transform:scale(1.02); }
@media (min-width:1024px){ html body .ecn-shots-track{ justify-content:center; flex-wrap:wrap; overflow:visible; } }
.ecn-shot-dlg{ max-width:min(92vw, 520px); max-height:92vh; padding:0; border:0; border-radius:16px; background:#FFFFFF; overflow:auto; }
.ecn-shot-dlg::backdrop{ background:rgba(10,20,20,.72); }
.ecn-shot-dlg img{ display:block; width:100%; height:auto; }
.ecn-shot-x{ position:sticky; top:8px; float:right; z-index:2; width:40px; height:40px; margin:8px 8px -48px 0; border:0; border-radius:50%; background:rgba(15,42,44,.85); color:#FFFFFF; font-size:24px; line-height:1; cursor:pointer; }

/* ---------------------------------------------------------------- 7 text reviews under the product description */
html body .ecn-dr{ margin:28px 0 0; padding:24px 0 0; border-top:1px solid var(--r2-line); }
html body .ecn-dr-h{ margin:0 0 14px !important; color:var(--r2-ink); font-size:20px !important; }
html body .ecn-dr-list{ display:grid; gap:12px; margin:0; padding:0; list-style:none; }
@media (min-width:768px){ html body .ecn-dr-list{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
html body .ecn-dr-item{ margin:0; padding:16px 18px; border:1px solid var(--r2-line); border-radius:14px; background:#FFFFFF; }
html body .ecn-dr-stars{ color:#E0A23B; letter-spacing:2px; font-size:15px; }
html body .ecn-dr-text{ margin:6px 0 10px !important; color:var(--r2-ink); font-size:15px; line-height:1.6; }
html body .ecn-dr-who{ margin:0 !important; color:var(--r2-muted); font-size:13.5px; }
html body .ecn-dr-who span{ display:block; margin-top:2px; color:var(--r2-teal); font-size:12.5px; }
html body .ecn-dr .ecn-shots-h{ text-align:left; }
@media (min-width:1024px){ html body .ecn-dr .ecn-shots-track{ justify-content:flex-start; } }

/* ---------------------------------------------------------------- 8 skin test (/skin-test/) */
html body .ecn-st{ max-width:1080px; margin:24px auto 56px; padding:0 16px; color:var(--r2-ink); scroll-margin-top:96px; }
html body :is(.ecn-cf, .ecn-st-result){ scroll-margin-top:96px; }
html body .ecn-st-intro{ display:grid; gap:24px; align-items:center; padding:28px 22px; border:1px solid var(--r2-line); border-radius:24px; background:linear-gradient(135deg, #FBF8F2 0%, #F1F4EE 100%); overflow:hidden; }
html body .ecn-st-intro[hidden], html body .ecn-st-run[hidden], html body .ecn-st-result[hidden]{ display:none !important; }
@media (min-width:860px){ html body .ecn-st-intro{ grid-template-columns:1.05fr .95fr; padding:44px 44px; } }
html body .ecn-st-art{ display:block; width:100%; height:auto; border-radius:18px; aspect-ratio:4 / 3; object-fit:cover; object-position:78% 30%; }
html body .ecn-st-eyebrow{ margin:0 0 10px !important; color:var(--r2-teal); font-weight:600; font-size:14px; letter-spacing:.02em; }
html body .ecn-st-h1, html body .ecn-st-h2{ margin:0 0 12px !important; color:var(--r2-ink); font-weight:700 !important; line-height:1.3 !important; }
html body .ecn-st-h1{ font-size:clamp(26px, 4.6vw, 40px) !important; }
html body .ecn-st-h2{ font-size:clamp(22px, 3.4vw, 30px) !important; }
html body .ecn-st-lead{ margin:0 0 16px !important; color:var(--r2-muted); font-size:16.5px; line-height:1.7; }
html body .ecn-st-points{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px !important; padding:0 !important; list-style:none; }
html body .ecn-st-points li{ margin:0; padding:6px 12px; border-radius:999px; background:#FFFFFF; border:1px solid var(--r2-line); font-size:14px; }
html body .ecn-st-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 26px; border:1px solid var(--r2-teal); border-radius:14px; background:var(--r2-teal); color:#FFFFFF !important; font:inherit; font-weight:600; font-size:16px; text-decoration:none !important; cursor:pointer; transition:background-color .2s ease, transform .12s ease; }
html body .ecn-st-btn:hover{ background:var(--r2-teal-h); }
html body .ecn-st-btn:active{ transform:scale(.98); }
html body .ecn-st-btn--soft{ background:#FFFFFF; color:var(--r2-teal) !important; }
html body .ecn-st-btn--soft:hover{ background:var(--r2-soft); }
html body .ecn-st-btn--wa{ background:#FFFFFF; border-color:var(--r2-wa); color:var(--r2-wa) !important; }
html body .ecn-st-btn--wa:hover{ background:#EEF8F1; }
html body .ecn-st-run, html body .ecn-st-result{ max-width:720px; margin:0 auto; padding:24px 20px 28px; border:1px solid var(--r2-line); border-radius:24px; background:#FFFFFF; box-shadow:0 18px 44px rgba(23,48,46,.07); }
html body .ecn-st-result:focus{ outline:none; }
html body .ecn-st-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
html body .ecn-st-back{ padding:6px 0; border:0; background:none; color:var(--r2-teal); font:inherit; font-size:14.5px; font-weight:600; cursor:pointer; }
html body .ecn-st-back[hidden]{ visibility:hidden; display:inline !important; }
html body .ecn-st-count{ color:var(--r2-muted); font-size:14px; }
html body .ecn-st-bar{ height:6px; margin:0 0 22px; border-radius:6px; background:var(--r2-soft); overflow:hidden; }
html body .ecn-st-bar i{ display:block; height:100%; width:0; border-radius:6px; background:var(--r2-teal); transition:width .3s ease; }
html body .ecn-st-q{ margin:0; padding:0; border:0; min-width:0; }
html body .ecn-st-qt{ display:block; width:100%; margin:0 0 16px; padding:0; color:var(--r2-ink); font-size:clamp(19px, 3vw, 23px); font-weight:600; line-height:1.4; }
html body .ecn-st-opts{ display:grid; gap:10px; }
html body .ecn-st-opt{ display:flex; align-items:center; width:100%; min-height:56px; padding:12px 16px; border:1.5px solid var(--r2-line); border-radius:14px; background:#FFFFFF; color:var(--r2-ink); font:inherit; font-size:16px; line-height:1.45; text-align:left; cursor:pointer; transition:border-color .15s ease, background-color .15s ease; }
html body .ecn-st-opt:hover, html body .ecn-st-opt:focus-visible{ border-color:var(--r2-teal); background:var(--r2-soft); outline:none; }
html body .ecn-st-opt.is-on{ border-color:var(--r2-teal); background:var(--r2-soft); }
html body .ecn-st-card{ display:grid; gap:18px; margin:6px 0 0; }
@media (min-width:640px){ html body .ecn-st-card{ grid-template-columns:220px 1fr; align-items:start; } }
html body .ecn-st-card-img img{ display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:16px; }
html body .ecn-st-skin{ margin:0 0 6px !important; color:var(--r2-muted); font-size:15px; }
html body .ecn-st-line{ margin:0 0 10px !important; color:var(--r2-teal); font-weight:600; font-size:17px; line-height:1.5; }
html body .ecn-st-why{ margin:0 0 12px !important; color:var(--r2-ink); font-size:15px; line-height:1.65; }
html body .ecn-st-price{ margin:0 0 14px !important; font-size:22px; }
html body .ecn-st-price small{ color:var(--r2-muted); font-size:14px; }
html body .ecn-st-actions{ display:grid; gap:10px; }
@media (min-width:640px){ html body .ecn-st-actions{ grid-template-columns:1fr 1fr; } html body .ecn-st-actions .ecn-st-btn--wa{ grid-column:1 / -1; } }
html body .ecn-st-also{ margin:18px 0 0; padding:14px 16px; border-radius:14px; background:var(--r2-soft); font-size:15px; }
html body .ecn-st-also p{ margin:0 !important; }
html body .ecn-st-again{ display:block; margin:18px auto 0; padding:8px 12px; border:0; background:none; color:var(--r2-teal); font:inherit; font-weight:600; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
html body .ecn-st-note{ max-width:720px; margin:18px auto 0 !important; color:var(--r2-muted); font-size:13.5px; line-height:1.6; text-align:center; }

/* ---------------------------------------------------------------- 9 contact form (/contact/) */
html body .ecn-cf{ display:grid; gap:28px; max-width:1080px; margin:28px auto 64px; padding:0 16px; color:var(--r2-ink); }
@media (min-width:900px){ html body .ecn-cf{ grid-template-columns:.9fr 1.1fr; gap:48px; align-items:start; } }
html body .ecn-cf-eyebrow{ margin:0 0 8px !important; color:var(--r2-teal); font-weight:600; font-size:14px; }
html body .ecn-cf-h1{ margin:0 0 12px !important; font-size:clamp(26px, 4.4vw, 38px) !important; font-weight:700 !important; line-height:1.3 !important; }
html body .ecn-cf-lead{ margin:0 0 20px !important; color:var(--r2-muted); font-size:16px; line-height:1.7; }
html body .ecn-cf-ways{ display:grid; gap:10px; margin:0 !important; padding:0 !important; list-style:none; }
html body .ecn-cf-ways li{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0; padding:14px 16px; border:1px solid var(--r2-line); border-radius:14px; background:#FFFFFF; }
html body .ecn-cf-ways span{ color:var(--r2-muted); font-size:14.5px; }
html body .ecn-cf-ways a{ color:var(--r2-teal) !important; font-weight:600; text-decoration:none !important; }
html body .ecn-cf-form{ display:grid; grid-template-columns:1fr; gap:14px; padding:24px 20px; border:1px solid var(--r2-line); border-radius:22px; background:#FFFFFF; box-shadow:0 18px 44px rgba(23,48,46,.06); }
@media (min-width:600px){ html body .ecn-cf-form{ grid-template-columns:1fr 1fr; padding:30px; } html body .ecn-cf-f--wide, html body .ecn-cf-ok, html body .ecn-cf-err, html body .ecn-cf-note{ grid-column:1 / -1; } }
html body .ecn-cf-f{ margin:0 !important; }
html body .ecn-cf-f label{ display:block; margin:0 0 6px; font-weight:600; font-size:14.5px; }
html body .ecn-cf-f label i{ color:#B4472F; font-style:normal; }
html body .ecn-cf-f :is(input, select, textarea){ width:100%; min-height:48px; padding:10px 14px; border:1px solid #D6D2C8 !important; border-radius:12px !important; background:#FFFFFF !important; color:var(--r2-ink); font:inherit; font-size:16px; box-shadow:none !important; }
html body .ecn-cf-f textarea{ min-height:130px; resize:vertical; }
html body .ecn-cf-f :is(input, select, textarea):focus{ border-color:var(--r2-teal) !important; outline:2px solid rgba(13,88,95,.18); outline-offset:0; }
html body .ecn-cf-send{ width:100%; min-height:52px; border:0; border-radius:14px; background:var(--r2-teal); color:#FFFFFF; font:inherit; font-weight:600; font-size:16.5px; cursor:pointer; }
html body .ecn-cf-send:hover{ background:var(--r2-teal-h); }
html body .ecn-cf-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }
html body .ecn-cf-ok, html body .ecn-cf-err{ padding:14px 16px; border-radius:12px; font-size:15px; line-height:1.6; }
html body .ecn-cf-ok{ background:#EEF8F1; color:#1D5B36; border:1px solid #CBE7D4; }
html body .ecn-cf-err{ background:#FDF1EE; color:#8A3423; border:1px solid #F1D2C9; }
html body .ecn-cf-note{ margin:0 !important; color:var(--r2-muted); font-size:13px; }

/* ---------------------------------------------------------------- 10 content pages */
html body .ecn-page{ max-width:820px; margin:28px auto 64px; padding:0 16px; color:var(--r2-ink); font-size:16.5px; line-height:1.75; }
html body .ecn-page--wide{ max-width:1080px; }
html body .ecn-page-eyebrow{ margin:0 0 8px !important; color:var(--r2-teal); font-weight:600; font-size:14px; }
html body .ecn-page-h1{ margin:0 0 14px !important; font-size:clamp(28px, 4.6vw, 40px) !important; font-weight:700 !important; line-height:1.3 !important; }
html body .ecn-page-lead{ margin:0 0 24px !important; color:var(--r2-muted); font-size:17px; }
html body .ecn-page h2{ margin:30px 0 12px !important; font-size:22px !important; font-weight:600 !important; line-height:1.35 !important; }
html body .ecn-page a{ color:var(--r2-teal); text-underline-offset:3px; }
html body .ecn-page-list{ display:grid; gap:10px; margin:0 !important; padding:0 !important; list-style:none; }
html body .ecn-page-list li{ margin:0; padding:14px 16px; border:1px solid var(--r2-line); border-radius:14px; background:#FFFFFF; }
html body .ecn-page-list b{ display:block; margin-bottom:2px; }
html body .ecn-page-list span{ color:var(--r2-muted); }
html body .ecn-page-cta{ display:flex; flex-wrap:wrap; gap:10px; margin:30px 0 0; }
html body .ecn-page-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 24px; border:1px solid var(--r2-teal); border-radius:14px; background:var(--r2-teal); color:#FFFFFF !important; font-weight:600; text-decoration:none !important; }
html body .ecn-page-btn:hover{ background:var(--r2-teal-h); }
html body .ecn-page-btn--soft{ background:#FFFFFF; color:var(--r2-teal) !important; }
html body .ecn-page-btn--soft:hover{ background:var(--r2-soft); }
html body .ecn-page-note{ margin:24px 0 0 !important; color:var(--r2-muted); font-size:14px; }
html body .ecn-legal ul{ padding-left:20px; }
/* Our Ingredients */
html body .ecn-ing{ display:grid; gap:16px; }
html body .ecn-ing-card{ display:grid; gap:16px; padding:18px; border:1px solid var(--r2-line); border-radius:18px; background:#FFFFFF; }
@media (min-width:700px){ html body .ecn-ing-card{ grid-template-columns:180px 1fr; padding:22px; } }
html body .ecn-ing-img img{ display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:14px; }
html body .ecn-ing-name{ margin:0 0 4px !important; font-size:21px !important; }
html body .ecn-ing-name a{ color:var(--r2-ink) !important; text-decoration:none; }
html body .ecn-ing-skin{ margin:0 0 10px !important; color:var(--r2-teal); font-weight:600; font-size:15px; }
html body .ecn-ing-h{ margin:12px 0 6px !important; font-size:15px !important; color:var(--r2-muted); font-weight:600 !important; }
html body .ecn-ing-key{ display:grid; gap:6px; margin:0 !important; padding:0 !important; list-style:none; }
html body .ecn-ing-key li{ margin:0; font-size:15px; line-height:1.6; }
html body .ecn-ing-key b{ margin-right:6px; }
html body .ecn-ing-full{ margin:0 !important; color:var(--r2-muted); font-size:14px; line-height:1.65; }
/* FAQ */
html body .ecn-faq{ display:grid; gap:10px; }
html body .ecn-faq-i{ border:1px solid var(--r2-line); border-radius:14px; background:#FFFFFF; }
html body .ecn-faq-i summary{ position:relative; padding:16px 48px 16px 18px; font-weight:600; font-size:16.5px; line-height:1.5; cursor:pointer; list-style:none; }
html body .ecn-faq-i summary::-webkit-details-marker{ display:none; }
html body .ecn-faq-i summary::after{ content:"+"; position:absolute; right:18px; top:50%; transform:translateY(-50%); color:var(--r2-teal); font-size:22px; font-weight:400; }
html body .ecn-faq-i[open] summary::after{ content:"\2212"; }
html body .ecn-faq-i p{ margin:0 !important; padding:0 18px 18px; color:var(--r2-muted); }

/* ---------------------------------------------------------------- 11 homepage category grid + trust strip (Oct 2026 UI pass)
   Phones: one wide "সব পণ্য" card in brand teal, then a balanced 2 x 2 grid of photo tiles (Bangla name + how many bars
   can be ordered now), then the four promises as a 2 x 2 grid of soft tiles. Tablets and desktop keep their layout. */
html body .econur-category-trust .econur-category-trust__title span{ color:inherit !important; }
@media (min-width:768px){
  html body .econur-category-trust .econur-category-card__text{ display:contents; }
  html body .econur-category-trust .econur-category-card__sub{ display:none !important; }
}
/* tablets and small laptops: the Bangla names need the room the arrow and the large photo took */
@media (min-width:768px) and (max-width:1279px){
  html body .econur-category-trust .econur-category-list .econur-category-card:not(#r2):not(#r2x){ gap:10px !important; padding-right:12px !important; }
  html body .econur-category-trust .econur-category-list .econur-category-card__arrow:not(#r2):not(#r2x){ display:none !important; }
  html body .econur-category-trust .econur-category-list .econur-category-card :is(.econur-category-card__media, .econur-category-card__icon, img):not(#r2):not(#r2x){ width:56px !important; height:56px !important; flex:none; }
  html body .econur-category-trust .econur-category-list .econur-category-card__label:not(#r2):not(#r2x){ font-size:15px !important; white-space:nowrap; }
}
@media (max-width:767px){
  html body .econur-category-trust .ecn-ds-viewall:not(#r2):not(#r2x){ display:none !important; }
  html body .econur-category-trust .econur-category-list:not(#r2):not(#r2x){ display:grid !important; grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:22px 14px !important; margin:0 !important; padding:0 !important; overflow:visible !important; }
  html body .econur-category-trust .econur-category-list .econur-category-card:not(#r2):not(#r2x){ position:relative; display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; gap:0 !important; min-height:0 !important; width:auto !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; overflow:visible; text-align:left !important; text-decoration:none !important; transition:transform .12s ease; }
  html body .econur-category-trust .econur-category-list .econur-category-card:active{ transform:scale(.98); }
  html body .econur-category-trust .econur-category-list .econur-category-card:focus-visible{ outline:2px solid #0D585F; outline-offset:2px; }
  html body .econur-category-trust .econur-category-list .econur-category-card .econur-category-card__media:not(#r2):not(#r2x){ display:block !important; width:100% !important; height:auto !important; aspect-ratio:4 / 3; margin:0 !important; border:0 !important; border-radius:16px !important; background:#F6F1E8 !important; box-shadow:none !important; overflow:hidden; }
  html body .econur-category-trust .econur-category-list .econur-category-card .econur-category-card__img:not(#r2):not(#r2x){ display:block; width:100% !important; height:100% !important; max-width:none; object-fit:cover; object-position:50% 55%; border-radius:0 !important; }
  html body .econur-category-trust .econur-category-list .econur-category-card__text:not(#r2):not(#r2x){ display:flex; flex-direction:column; gap:2px; min-width:0; padding:12px 2px 0; }
  html body .econur-category-trust .econur-category-list .econur-category-card__label:not(#r2):not(#r2x){ margin:0 !important; color:#17302E !important; font-size:16px !important; font-weight:600 !important; line-height:1.3 !important; text-align:left !important; }
  html body .econur-category-trust .econur-category-list .econur-category-card__sub:not(#r2):not(#r2x){ display:block; color:#59625E; font-size:13px; line-height:1.4; }
  html body .econur-category-trust .econur-category-list .econur-category-card__arrow:not(#r2):not(#r2x){ display:none !important; }
  html body .econur-category-trust .econur-category-list .econur-category-card--active:not(#r2):not(#r2x){ grid-column:1 / -1; flex-direction:row !important; align-items:center !important; gap:14px !important; margin-bottom:4px !important; padding:16px 18px !important; border:0 !important; border-radius:18px !important; background:#0D585F !important; overflow:hidden; }
  html body .econur-category-trust .econur-category-list .econur-category-card--active .econur-category-card__media:not(#r2):not(#r2x){ display:flex !important; align-items:center; justify-content:center; flex:none; width:48px !important; height:48px !important; aspect-ratio:auto; border-radius:50% !important; background:rgba(255,255,255,.14) !important; }
  html body .econur-category-trust .econur-category-list .econur-category-card--active .econur-category-card__icon:not(#r2):not(#r2x){ display:flex; align-items:center; justify-content:center; width:48px !important; height:48px !important; background:transparent !important; color:#FFFFFF !important; }
  html body .econur-category-trust .econur-category-list .econur-category-card--active .econur-category-card__icon svg{ width:24px !important; height:24px !important; color:#FFFFFF; stroke:currentColor; }
  html body .econur-category-trust .econur-category-list .econur-category-card--active .econur-category-card__text:not(#r2):not(#r2x){ flex:1; padding:0; }
  html body .econur-category-trust .econur-category-list .econur-category-card--active .econur-category-card__label:not(#r2):not(#r2x){ color:#FFFFFF !important; font-size:17px !important; }
  html body .econur-category-trust .econur-category-list .econur-category-card--active .econur-category-card__sub:not(#r2):not(#r2x){ color:rgba(255,255,255,.82); }
  html body .econur-category-trust .econur-category-list .econur-category-card--active .econur-category-card__arrow:not(#r2):not(#r2x){ display:flex !important; align-items:center; justify-content:center; flex:none; width:40px; height:40px; border-radius:50%; background:#FFFFFF; color:#0D585F !important; }
  html body .econur-category-trust .econur-category-list .econur-category-card--active .econur-category-card__arrow svg{ width:18px; height:18px; }
  html body .econur-category-trust .econur-trust-strip:not(#r2):not(#r2x){ display:grid !important; grid-template-columns:repeat(2, minmax(0,1fr)) !important; align-items:start !important; gap:22px 16px !important; margin:32px 0 0 !important; padding:26px 0 0 !important; border:0 !important; border-top:1px solid #ECE7DD !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
  html body .econur-category-trust .econur-trust-strip .econur-trust-item:not(#r2):not(#r2x){ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; gap:12px !important; min-width:0; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; text-align:left !important; }
  html body .econur-category-trust .econur-trust-strip .econur-trust-item::before, html body .econur-category-trust .econur-trust-strip .econur-trust-item::after{ display:none !important; content:none !important; }
  html body .econur-category-trust .econur-trust-strip .econur-trust-item__icon:not(#r2):not(#r2x){ display:flex; align-items:center; justify-content:center; flex:none; width:38px !important; height:38px !important; margin:0 !important; border-radius:50% !important; background:#F1F4EE !important; color:#0D585F !important; }
  html body .econur-category-trust .econur-trust-strip .econur-trust-item__icon svg:not(#r2):not(#r2x){ width:19px !important; height:19px !important; }
  html body .econur-category-trust .econur-trust-strip .econur-trust-item__copy:not(#r2):not(#r2x){ display:flex; flex-direction:column; min-width:0; }
  html body .econur-category-trust .econur-trust-strip .econur-trust-item__label:not(#r2):not(#r2x){ color:#17302E !important; font-size:14px !important; font-weight:600 !important; line-height:1.3 !important; }
  html body .econur-category-trust .econur-trust-strip .econur-trust-item__text:not(#r2):not(#r2x){ display:none !important; }
  html body .econur-category-trust .econur-trust-strip .econur-trust-item__text--short:not(#r2):not(#r2x){ display:block !important; margin-top:2px; color:#59625E !important; font-size:12.5px !important; line-height:1.4 !important; }
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){ html body .econur-category-trust .econur-category-card{ transition:none !important; } }

/* breathing room around the section on phones */
@media (max-width:767px){
  html body .econur-category-trust:not(#r2):not(#r2x){ padding-top:8px !important; padding-bottom:12px !important; }
  html body .econur-category-trust .econur-category-trust__header:not(#r2):not(#r2x){ margin-bottom:20px !important; }
  html body .econur-category-trust .econur-category-list .econur-category-card:not(.econur-category-card--active):hover .econur-category-card__img{ transform:scale(1.03); }
  html body .econur-category-trust .econur-category-list .econur-category-card .econur-category-card__img{ transition:transform .35s ease; }
}

/* ---------------------------------------------------------------- 12 one typeface for Bangla and English (Oct 2026)
   Hind Siliguri draws both scripts as one design, so an English product name under a Bangla label (or a price beside
   Bangla words) no longer looks like a different font. Every older font token (Inter, Manrope, Fraunces) points here. */
:root, html body{
  --r2-font:"Hind Siliguri", "Noto Sans Bengali", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --ecn-font-body:var(--r2-font); --ecn-font-head:var(--r2-font); --ecn-font-en:var(--r2-font); --ecn-font-display:var(--r2-font);
  --ecn-font-bn:var(--r2-font); --ecn-bn-stack:var(--r2-font); --ds-sans:var(--r2-font); --ds-serif:var(--r2-font);
}
html body, html body :is(h1, h2, h3, h4, h5, h6, p, a, span, li, label, legend, small, b, strong, em, button, input, select, textarea, td, th, dt, dd, blockquote, summary, figcaption, time, bdi, del, ins, s, div):not(#r2f):not(#r2g):not(.star-rating, .star-rating *, .dashicons, [class*="dashicons-"], .ab-icon){ font-family:var(--r2-font) !important; }
/* headings and names: no tight tracking (it was tuned for Inter), steady weights */
html body :is(h1, h2, h3, h4, .ecn-pc-title, .ecn-fp-name, .ecn-pdp-title, .ecn-hx-title, .ecn-rel-name, .ecn-fy-name, .ecn-pick-name):not(#r2f):not(#r2g){ letter-spacing:0 !important; }
html body :is(.ecn-pc-title, .ecn-pc-title a, .ecn-fp-name, .ecn-fp-name a, .ecn-rel-name, .ecn-fy-name a, .ecn-pick-name):not(#r2f):not(#r2g){ font-weight:600 !important; line-height:1.3 !important; }
html body .ecn-pdp .ecn-pdp-title:not(#r2f):not(#r2g){ font-weight:700 !important; line-height:1.15 !important; }
html body .ecn-hx .ecn-hx-title:not(#r2f):not(#r2g){ font-weight:700 !important; line-height:1.15 !important; }
/* prices: even figures */
html body :is(.woocommerce-Price-amount, .ecn-pc-now, .ecn-pc-was, .ecn-pdp-price, .ecn-fp-price, .ecn-rel-price, .ecn-st-price):not(#r2f){ font-variant-numeric:tabular-nums; }

/* =========================================================================
   13. PDP size pills (Oct 18 2026, owner request): the chosen size (white text on dark teal) was hard to read.
   Chosen size = light teal fill, 2px teal ring, bold dark-teal text and a check mark, the same language as the
   chosen pack card above it. Other sizes stay white with dark text, also on hover / focus (theme button colours off).
   ========================================================================= */
html body.single-product .ecn-pdp .ecn-pdp-sizes .ecn-pdp-sz:not(#r2):not(#r2x),
html body.single-product .ecn-pdp .ecn-pdp-sizes .ecn-pdp-sz:not(#r2):not(#r2x):hover,
html body.single-product .ecn-pdp .ecn-pdp-sizes .ecn-pdp-sz:not(#r2):not(#r2x):focus{ background:#fff !important; color:#1F2A2B !important; -webkit-text-fill-color:#1F2A2B; border:1.5px solid #CBD5D3 !important; box-shadow:none !important; font-weight:600 !important; transition:border-color .15s ease, background-color .15s ease, box-shadow .15s ease !important; display:inline-flex !important; align-items:center; justify-content:center; gap:6px; }
html body.single-product .ecn-pdp .ecn-pdp-sizes .ecn-pdp-sz:not(#r2):not(#r2x):hover{ border-color:#0D585F !important; }
html body.single-product .ecn-pdp .ecn-pdp-sizes .ecn-pdp-sz.is-on:not(#r2):not(#r2x),
html body.single-product .ecn-pdp .ecn-pdp-sizes .ecn-pdp-sz.is-on:not(#r2):not(#r2x):hover,
html body.single-product .ecn-pdp .ecn-pdp-sizes .ecn-pdp-sz.is-on:not(#r2):not(#r2x):focus{ background:#E4F0EE !important; color:#0B4A50 !important; -webkit-text-fill-color:#0B4A50; border:2px solid #0D585F !important; box-shadow:0 0 0 3px rgba(13,88,95,.14) !important; font-weight:700 !important; }
html body.single-product .ecn-pdp .ecn-pdp-sizes .ecn-pdp-sz.is-on:not(#r2):not(#r2x)::before{ content:""; flex:0 0 auto; width:15px; height:15px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D585F' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center/contain; }
html body.single-product .ecn-pdp .ecn-pdp-sizes .ecn-pdp-sz:not(#r2):not(#r2x):focus-visible{ outline:2px solid #0D585F !important; outline-offset:3px; }
/* the same on product cards (shop, categories, homepage): the chosen chip showed grey text on teal because the
   card rule "html body.ecn-ds .ecn-pc-sz{ color:var(--ds-muted) !important }" outranked the chosen colour */
html body .ecn-pc-sizes .ecn-pc-sz:not(#r2):not(#r2x),
html body .ecn-pc-sizes .ecn-pc-sz:not(#r2):not(#r2x):hover,
html body .ecn-pc-sizes .ecn-pc-sz:not(#r2):not(#r2x):focus{ background:#fff !important; color:#3F4C49 !important; -webkit-text-fill-color:#3F4C49; border:1.5px solid #CBD5D3 !important; box-shadow:none !important; font-weight:600 !important; display:inline-flex !important; align-items:center; justify-content:center; gap:5px; transition:border-color .15s ease, background-color .15s ease !important; }
html body .ecn-pc-sizes .ecn-pc-sz:not(#r2):not(#r2x):hover{ border-color:#0D585F !important; color:#0B4A50 !important; -webkit-text-fill-color:#0B4A50; }
html body .ecn-pc-sizes .ecn-pc-sz.is-on:not(#r2):not(#r2x),
html body .ecn-pc-sizes .ecn-pc-sz.is-on:not(#r2):not(#r2x):hover,
html body .ecn-pc-sizes .ecn-pc-sz.is-on:not(#r2):not(#r2x):focus{ background:#E4F0EE !important; color:#0B4A50 !important; -webkit-text-fill-color:#0B4A50; border:2px solid #0D585F !important; font-weight:700 !important; }
html body .ecn-pc-sizes .ecn-pc-sz.is-on:not(#r2):not(#r2x)::before{ content:""; flex:0 0 auto; width:12px; height:12px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D585F' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center/contain; }
html body .ecn-pc-sizes .ecn-pc-sz:not(#r2):not(#r2x):focus-visible{ outline:2px solid #0D585F !important; outline-offset:2px; }
html body .ecn-pc-sizes .ecn-pc-sz:not(#r2):not(#r2x){ white-space:nowrap !important; }
@media (max-width: 600px){
  html body .ecn-pc-sizes .ecn-pc-sz:not(#r2):not(#r2x){ padding:0 6px !important; gap:3px; }
  html body .ecn-pc-sizes .ecn-pc-sz.is-on:not(#r2):not(#r2x)::before{ width:10px; height:10px; }
}

/* =========================================================================
   14. Hero on wide screens (Oct 18 2026): above ~1540px the banner hits its 640px height cap, so the photo is
   cropped top and bottom. Crop more from the bottom than the top (heads stay in frame), and let the slow
   zoom grow from lower down so it never eats the headroom.
   ========================================================================= */
/* =========================================================================
   16. Footer text brighter (Oct 19 2026, owner request): near-white text on the dark footer
   ========================================================================= */
html body .ecnf.ecnf--dark :is(.ecnf-about, .ecnf-links a, .ecnf-support, .ecnf-support a, .ecnf-support-t, .ecnf-help a, .ecnf-help span, .ecnf-col a, .ecnf-contact a, .ecnf-bottom, .ecnf-bottom p, .ecnf-bottom a):not(#r2):not(#r2x){ color:rgba(255,255,255,.92) !important; }
html body .ecnf.ecnf--dark :is(.ecnf-links a, .ecnf-col a, .ecnf-help a):not(#r2):not(#r2x):hover{ color:#fff !important; }
html body .ecnf.ecnf--dark :is(h2, h3, h4, .ecnf-h, .ecnf-title):not(#r2):not(#r2x){ color:#fff !important; }

/* =========================================================================
   15. Review cards, Ribana style (Oct 19 2026, owner request): plain white cards with stars, the customer's
   words and "– Name". All cards visible at once: 3 per row on computers, one under another on phones.
   ========================================================================= */
html body .enr-rv .enr-rv-track:not(#r2):not(#r2x){ display:grid !important; grid-template-columns:minmax(0,1fr); gap:14px; overflow:visible !important; margin:0 !important; padding:0 !important; scroll-snap-type:none !important; transform:none !important; opacity:1 !important; }
html body .enr-rv .enr-rv-slide:not(#r2):not(#r2x){ flex:none !important; width:auto !important; display:flex; }
html body .enr-rv .enr-rv-nav:not(#r2):not(#r2x){ display:none !important; }
html body .enr-rv .enr-rv-card:not(#r2):not(#r2x){ background:#fff !important; border:1px solid #ECE6DB !important; border-radius:14px !important; box-shadow:0 2px 10px rgba(31,42,43,.04) !important; padding:20px 20px 18px !important; transform:none !important; }
html body .enr-rv .enr-rv-card:not(#r2):not(#r2x):hover{ box-shadow:0 6px 18px rgba(31,42,43,.07) !important; }
html body .enr-rv :is(.enr-rv-quote, .enr-rv-avatar, .enr-rv-buy, .enr-rv-date):not(#r2):not(#r2x){ display:none !important; }
html body .enr-rv .enr-rv-text:not(#r2):not(#r2x){ margin:12px 0 16px !important; }
html body .enr-rv .enr-rv-text p:not(#r2):not(#r2x){ font-family:var(--r2-font) !important; font-size:15px !important; line-height:1.65 !important; font-weight:400 !important; color:#3F4C49 !important; }
html body .enr-rv .enr-rv-who:not(#r2):not(#r2x){ margin-top:auto !important; gap:0 !important; }
html body .enr-rv .enr-rv-who-copy:not(#r2):not(#r2x){ flex-direction:row !important; flex-wrap:wrap; align-items:baseline; gap:2px 8px !important; }
html body .enr-rv .enr-rv-name:not(#r2):not(#r2x){ font-size:14px !important; font-weight:700 !important; color:#1F2A2B !important; }
html body .enr-rv .enr-rv-name:not(#r2):not(#r2x)::before{ content:"– "; }
html body .enr-rv .enr-rv-city:not(#r2):not(#r2x){ font-size:13px !important; color:#6B7471 !important; }
html body .enr-rv .enr-rv-verified:not(#r2):not(#r2x){ flex-basis:100%; font-size:12.5px !important; }
@media (min-width: 768px){
  html body .enr-rv .enr-rv-track:not(#r2):not(#r2x){ grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px; }
  html body .enr-rv .enr-rv-card:not(#r2):not(#r2x){ padding:22px 24px 20px !important; }
}

@media (min-width: 1280px){
  html body .ecn-hx .ecn-hx-media img:not(#r2):not(#r2x){ object-position:100% 58% !important; transform-origin:70% 75%; /* 58%: owner asked for the head a little higher */ }
}

/* 17. Discount badge '11% OFF' on every card (stacks with Best seller) and on the product page - Oct 21 2026 */
html body :is(.ecn-pc-badges, .ecn-fp-badges):not(#r2){ position:absolute; top:10px; left:10px; z-index:3; display:flex; flex-direction:column; align-items:flex-start; gap:6px; pointer-events:none; }
html body :is(.ecn-pc-badges .ecn-pc-badge, .ecn-fp-badges .ecn-fp-badge):not(#r2):not(#r2x){ position:static !important; top:auto !important; left:auto !important; margin:0 !important; }
html body :is(.ecn-pc-badge-sale, .ecn-fp-badge.is-sale):not(#r2):not(#r2x){ background:#B4532A !important; color:#fff !important; }
html body .ecn-lp-off:not(#r2){ display:inline-flex; align-items:center; padding:3px 10px; border-radius:999px; background:#B4532A; color:#fff; font-size:12.5px; font-weight:700; letter-spacing:.02em; line-height:1.4; white-space:nowrap; }
html body .ecn-lp-off[hidden]:not(#r2){ display:none; }
/* 18. Review tab: confirmed testimonials while a product has no reviews of its own */
html body .econur-pit-rev-top .econur-pit-city:not(#r2){ color:#6B7C7A; font-size:13px; }
html body .econur-pit-rev-top .econur-pit-city:not(#r2)::before{ content:'\00B7'; margin:0 6px; }
/* 19. Footer: tighter spacing - Oct 21 2026 */
html body .ecnf.ecnf--dark :is(.ecnf-links, .ecnf-support):not(#r2):not(#r2x){ gap:4px !important; }
html body .ecnf.ecnf--dark .ecnf-links a:not(#r2):not(#r2x){ padding:4px 0 !important; line-height:1.35 !important; }
html body .ecnf.ecnf--dark .ecnf-support li + li:not(#r2):not(#r2x){ margin-top:4px !important; }
html body .ecnf.ecnf--dark .ecnf-support-t:not(#r2):not(#r2x){ line-height:1.35 !important; }
html body .ecnf.ecnf--dark .ecnf-about:not(#r2):not(#r2x){ line-height:1.5 !important; margin:10px 0 14px !important; }
@media (min-width:768px){ html body .ecnf.ecnf--dark .ecnf-h--static:not(#r2):not(#r2x){ margin:4px 0 14px !important; } }

/* 20. Lab Test Reports page (page 198, /lab-reports/) - Oct 21 2026 */
html body .ecn-lab-grid:not(#r2){ display:grid; gap:20px; margin:8px 0 12px; }
@media (min-width:900px){ html body .ecn-lab-grid:not(#r2){ grid-template-columns:1fr 1fr; align-items:start; } }
html body .ecn-lab-card:not(#r2){ display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--r2-line, #E3E6E2); border-radius:18px; background:#FFFFFF; }
html body .ecn-lab-img:not(#r2){ display:block; padding:16px; background:#F4F1EA; border-bottom:1px solid var(--r2-line, #E3E6E2); }
html body .ecn-lab-img img:not(#r2){ display:block; width:100%; height:auto; max-height:560px; object-fit:contain; margin:0 auto; border-radius:6px; box-shadow:0 2px 14px rgba(0,0,0,.10); transition:transform .25s ease; }
html body .ecn-lab-img:hover img:not(#r2){ transform:scale(1.01); }
html body .ecn-lab-body:not(#r2){ padding:18px 18px 22px; }
html body .ecn-lab-org:not(#r2){ margin:0 0 4px !important; color:var(--r2-teal, #0D585F); font-size:12.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
html body .ecn-lab-body h2:not(#r2){ margin:0 0 12px !important; font-size:19px !important; line-height:1.4 !important; }
html body .ecn-lab-meta:not(#r2){ display:grid; gap:5px; margin:0 0 14px !important; padding:0 !important; list-style:none; font-size:14.5px; line-height:1.5; color:var(--r2-muted, #5B6B69); }
html body .ecn-lab-meta b:not(#r2){ margin-right:8px; color:var(--r2-ink, #1D2B2A); font-weight:600; }
html body .ecn-lab-table:not(#r2){ width:100%; margin:0; border-collapse:collapse; font-size:15px; line-height:1.4; }
html body .ecn-lab-table :is(th, td):not(#r2){ padding:10px 12px; border:0; border-bottom:1px solid var(--r2-line, #E3E6E2); text-align:left; }
html body .ecn-lab-table th:not(#r2){ background:var(--r2-soft, #EEF4F2); color:var(--r2-muted, #5B6B69); font-size:13px; font-weight:600; }
html body .ecn-lab-table td:last-child:not(#r2), html body .ecn-lab-table th:last-child:not(#r2){ text-align:right; white-space:nowrap; }
html body .ecn-lab-table td:last-child:not(#r2){ font-weight:700; }
html body .ecn-lab-table td.ecn-lab-pass:not(#r2){ color:#0B6B3A; }
html body .ecn-lab-body .ecn-page-cta:not(#r2){ margin:16px 0 0 !important; }
html body .ecn-lab-body .ecn-page-btn:not(#r2){ width:100%; }
/* top bar: lab-tested line with a flask icon instead of the truck */
html body .ecn.ecn-announce--top .ecn-ab-msg.ecn-ab-msg--lab:not(#r2){ --ecn-i-lab:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v6l-5 9a2 2 0 0 0 1.7 3h10.6a2 2 0 0 0 1.7-3l-5-9V3'/%3E%3Cpath d='M7.5 15h9'/%3E%3C/svg%3E"); }
html body .ecn.ecn-announce--top .ecn-ab-msg.ecn-ab-msg--lab:not(#r2)::before{ -webkit-mask:var(--ecn-i-lab) center/contain no-repeat !important; mask:var(--ecn-i-lab) center/contain no-repeat !important; }
html body .ecn.ecn-announce--top .ecn-ab-msg--lab a:not(#r2){ color:inherit !important; font-weight:600; text-decoration:none !important; }
html body .ecn.ecn-announce--top .ecn-ab-msg--lab a:not(#r2):hover{ text-decoration:underline !important; text-underline-offset:3px; }

/* 21. Lab Test Reports: breathing room above the footer - Oct 21 2026 */
html body .ecn-page.ecn-lab:not(#r2):not(#r2x){ padding-bottom:72px !important; margin-bottom:0 !important; }
@media (max-width:767px){ html body .ecn-page.ecn-lab:not(#r2):not(#r2x){ padding-bottom:48px !important; } }
html body .ecn-lab .ecn-page-list:not(#r2){ gap:12px; }

/* 22. Card badges side by side (11% OFF + Best seller) in one row, clear of the heart button - Oct 21 2026 */
html body :is(.ecn-pc-badges, .ecn-fp-badges):not(#r2):not(#r2x){ flex-direction:row !important; flex-wrap:wrap; align-items:center !important; gap:6px !important; max-width:calc(100% - 64px); }
html body :is(.ecn-pc-badges .ecn-pc-badge, .ecn-fp-badges .ecn-fp-badge):not(#r2):not(#r2x){ display:inline-flex !important; align-items:center; height:24px; min-height:24px; padding:0 10px !important; line-height:1 !important; white-space:nowrap; }
html body .ecn-pc-badges:not(#r2):not(#r2x){ max-width:calc(100% - 20px); flex-wrap:nowrap; }
@media (max-width:767px){ html body .ecn-pc-badges:not(#r2):not(#r2x){ top:8px; left:8px; gap:4px !important; max-width:calc(100% - 16px); } html body .ecn-pc-badges .ecn-pc-badge:not(#r2):not(#r2x){ height:21px; min-height:21px; padding:0 7px !important; font-size:10.5px !important; letter-spacing:0 !important; } }
@media (max-width:767px){ html body .ecn-pcard .ecn-pc-badge:not(#r2):not(#r2x){ display:inline-flex !important; align-items:center; height:21px; min-height:21px; padding:0 7px !important; font-size:10.5px !important; letter-spacing:0 !important; line-height:1 !important; } html body .ecn-pcard .ecn-pc-media > .ecn-pc-badge:not(#r2):not(#r2x){ top:8px; left:8px; } }


/* Oct 22 2026: hero slide 1: light text on the photo (desktop, where the copy sits on the image). Text unchanged, colour only. Backup: econur-r2.css.bak-20261022-hero */
@media (min-width:1024px){
  html body .ecn-hx .ecn-hx-track > .ecn-hx-slide:first-child .ecn-hx-title:not(#hx1):not(#hx2){ color:#FFFFFF !important; text-shadow:0 1px 2px rgba(30,22,14,.22), 0 4px 22px rgba(30,22,14,.30); }
  html body .ecn-hx .ecn-hx-track > .ecn-hx-slide:first-child .ecn-hx-eyebrow:not(#hx1):not(#hx2){ color:#FFF6E6 !important; text-shadow:0 1px 8px rgba(30,22,14,.35); }
  html body .ecn-hx .ecn-hx-track > .ecn-hx-slide:first-child .ecn-hx-text:not(#hx1):not(#hx2){ color:rgba(255,255,255,.95) !important; text-shadow:0 1px 10px rgba(30,22,14,.38); }
}

/* Oct 22 2026: hero slide 1: head fully visible on wide screens (banner is capped at 640px tall there, so align the photo to its top). */
@media (min-width:1280px){
  html body .ecn-hx .ecn-hx-track > .ecn-hx-slide:first-child .ecn-hx-media img:not(#r2):not(#r2x):not(#hx1){ object-position:100% 0% !important; transform-origin:70% 0% !important; }
}

/* Oct 22 2026: PDP price block: organised (line 1 = price, was-price, % off; line 2 = size and saving). Backup: econur-r2.css.bak-20261022-pdpinfo */
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-pdp-titlerow:not(#pi1):not(#pi2){ display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:8px 12px !important; margin-top:6px !important; margin-bottom:0 !important; }
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-pdp-title:not(#pi1):not(#pi2){ margin:0 !important; line-height:1.12 !important; }
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-pdp-stock:not(#pi1):not(#pi2){ height:auto !important; padding:4px 11px !important; font-size:12.5px !important; line-height:1.3 !important; }
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-lp-pricerow:not(#pi1):not(#pi2){ display:flex !important; flex-wrap:wrap !important; align-items:center !important; column-gap:12px !important; row-gap:4px !important; margin-top:14px !important; }
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-lp-pricerow .ecn-pdp-price:not(#pi1):not(#pi2){ order:1; display:inline-flex !important; flex-direction:row-reverse; align-items:baseline !important; gap:10px !important; margin:0 !important; }
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-lp-pricerow .ecn-pdp-price del:not(#pi1):not(#pi2), html body.single-product .ecn-pdp .ecn-pdp-info .ecn-lp-pricerow .ecn-pdp-price del :is(.amount, bdi):not(#pi1):not(#pi2){ margin:0 !important; font-size:18px !important; font-weight:500 !important; color:#8C857A !important; }
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-lp-pricerow .ecn-lp-off:not(#pi1):not(#pi2){ order:2; align-self:center; }
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-lp-pricerow:not(#pi1):not(#pi2)::after{ content:""; order:3; flex-basis:100%; height:0; }
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-lp-pricerow .ecn-pdp-size:not(#pi1):not(#pi2){ order:4; margin:0 !important; font-size:14.5px !important; font-weight:500 !important; color:#5E5A52 !important; }
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-lp-pricerow .ecn-lp-save:not(#pi1):not(#pi2){ order:5; display:inline-flex; align-items:center; height:auto !important; margin:0 0 0 -4px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important; color:#2C7A4B !important; font-size:14.5px !important; font-weight:600 !important; }
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-lp-pricerow .ecn-lp-save:not(#pi1):not(#pi2)::before{ content:"\00B7"; margin-right:8px; color:#8C857A; font-weight:700; }
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-lp-pricerow .ecn-lp-save[hidden]:not(#pi1):not(#pi2), html body.single-product .ecn-pdp .ecn-pdp-info .ecn-lp-pricerow .ecn-lp-off[hidden]:not(#pi1):not(#pi2){ display:none !important; }
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-lp-checks:not(#pi1):not(#pi2){ margin-top:16px !important; }/* Oct 22 2026: stock pill on the category line (top right of the buy card), title gets the full width */
html body.single-product .ecn-pdp .ecn-pdp-info.ecn-lp-card:not(#pi1):not(#pi2){ position:relative !important; }
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-pdp-titlerow .ecn-pdp-stock:not(#pi1):not(#pi2){ position:absolute !important; top:21px !important; right:16px !important; margin:0 !important; }
html body.single-product .ecn-pdp .ecn-pdp-info .ecn-pdp-cat:not(#pi1):not(#pi2){ max-width:calc(100% - 100px); }
@media (min-width:768px){ html body.single-product .ecn-pdp .ecn-pdp-info .ecn-pdp-titlerow .ecn-pdp-stock:not(#pi1):not(#pi2){ right:18px !important; } }
@media (min-width:1024px){ html body.single-product .ecn-pdp .ecn-pdp-info .ecn-pdp-titlerow .ecn-pdp-stock:not(#pi1):not(#pi2){ right:22px !important; } }