/* Naturopharma Premium - V250 uniform interior pages */

:root{
  --np250-deep:#10243a;
  --np250-green:#317d31;
  --np250-green-soft:#eaf5ec;
  --np250-border:#dbe8df;
  --np250-muted:#647587;
  --np250-shadow:0 18px 44px rgba(16,36,58,.08);
  --np250-shadow-lg:0 28px 64px rgba(16,36,58,.10);
  --np250-radius:30px;
}

/* Global page rhythm */
.np-v106-boutique,
.np-v110-archive,
.np-v230-packs,
.np-v230-guide,
.np-blog-v113,
.np-contact-v125,
.np-about-page,
.np-faq-page,
.np-collagen-faq-page,
.np-hyaluronic-faq-page,
.np-reseller-page{
  padding-bottom:36px;
}

.np-v106-boutique > section + section,
.np-v110-archive > section + section,
.np-v230-packs > section + section,
.np-v230-guide > section + section,
.np-blog-v113 > section + section,
.np-contact-v125 > section + section,
.np-about-page > section + section,
.np-faq-page > section + section,
.np-collagen-faq-page > section + section,
.np-hyaluronic-faq-page > section + section,
.np-reseller-page > section + section{
  margin-top:28px;
}

/* Shared hero shells */
.np-v106-hero,
.np-contact-v125-hero,
.np-v230-hub-hero-grid,
.np-blog-v113-hero-inner,
.np-about-hero-grid,
.np-faq-hero-grid,
.np-collagen-hero-grid,
.np-hyaluronic-hero-grid,
.np-reseller-hero-grid,
.np-v110-cat-hero-inner{
  position:relative;
  overflow:hidden;
  border:1px solid var(--np250-border);
  border-radius:var(--np250-radius);
  background:linear-gradient(135deg,#f7fbf8 0%,#eef6f2 46%,#ffffff 100%);
  box-shadow:var(--np250-shadow-lg);
}

.np-v106-hero::before,
.np-contact-v125-hero::before,
.np-v230-hub-hero-grid::before,
.np-blog-v113-hero-inner::before,
.np-about-hero-grid::before,
.np-faq-hero-grid::before,
.np-collagen-hero-grid::before,
.np-hyaluronic-hero-grid::before,
.np-reseller-hero-grid::before,
.np-v110-cat-hero-inner::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:5px;
  background:linear-gradient(90deg,#317d31 0%,#5aa04f 42%,#9ac39b 100%);
  z-index:1;
}

.np-v106-hero::after,
.np-contact-v125-hero::after,
.np-v230-hub-hero-grid::after,
.np-blog-v113-hero-inner::after,
.np-about-hero-grid::after,
.np-faq-hero-grid::after,
.np-collagen-hero-grid::after,
.np-hyaluronic-hero-grid::after,
.np-reseller-hero-grid::after,
.np-v110-cat-hero-inner::after{
  content:"";
  position:absolute;
  inset:0;
  background-position:right center;
  background-repeat:no-repeat;
  background-size:cover;
  opacity:.075;
  z-index:0;
}

.np-v106-hero > *,
.np-contact-v125-hero > *,
.np-v230-hub-hero-grid > *,
.np-blog-v113-hero-inner > *,
.np-about-hero-grid > *,
.np-faq-hero-grid > *,
.np-collagen-hero-grid > *,
.np-hyaluronic-hero-grid > *,
.np-reseller-hero-grid > *,
.np-v110-cat-hero-inner > *{position:relative;z-index:2}

.np-v106-hero,
.np-contact-v125-hero,
.np-v230-hub-hero-grid,
.np-about-hero-grid,
.np-faq-hero-grid,
.np-collagen-hero-grid,
.np-hyaluronic-hero-grid,
.np-reseller-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);
  gap:34px;
  align-items:center;
  padding:42px;
}

.np-blog-v113-hero-inner,
.np-v110-cat-hero-inner{
  padding:42px;
}

.np-v250-blog-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,400px);
  gap:34px;
  align-items:center;
}

/* Hero background images by page */
.np-v106-hero::after{background-image:url('../images/v252/hero-boutique.webp')}
.np-v230-packs .np-v230-hub-hero-grid::after{background-image:url('../images/v252/hero-packs.webp')}
.np-v230-guide .np-v230-hub-hero-grid::after{background-image:url('../images/v252/hero-guide-actifs.webp')}
.np-blog-v113-hero-inner::after{background-image:url('../images/v252/hero-blog.webp')}
.np-contact-v125-hero::after{background-image:url('../images/v252/hero-contact.webp')}
.np-about-hero-grid::after{background-image:url('../images/v252/hero-about.webp')}
.np-faq-hero-grid::after{background-image:url('../images/v252/hero-faq-general.webp')}
.np-collagen-hero-grid::after{background-image:url('../images/v252/hero-faq-collagene.webp')}
.np-hyaluronic-hero-grid::after{background-image:url('../images/v252/hero-faq-hyaluronique.webp')}
.np-reseller-hero-grid::after{background-image:url('../images/v252/hero-revendeur.webp')}
.np-v110-cat-hero-inner::after{background-image:url('../images/v252/hero-boutique.webp')}

/* Typography uplift */
.np-v106-hero h1,
.np-v230-hub-hero h1,
.np-blog-v113-hero h1,
.np-contact-v125-hero h1,
.np-about-hero h1,
.np-faq-hero h1,
.np-collagen-hero h1,
.np-hyaluronic-hero h1,
.np-reseller-hero h1,
.np-v110-cat-hero h1{
  color:var(--np250-deep);
  font-size:clamp(36px,4vw,58px);
  line-height:1.02;
  letter-spacing:-.055em;
  margin:0 0 14px;
  max-width:13ch;
}

.np-v106-hero p,
.np-v230-hub-hero p,
.np-blog-v113-hero p,
.np-contact-v125-hero p,
.np-about-hero p,
.np-faq-hero p,
.np-collagen-hero p,
.np-hyaluronic-hero p,
.np-reseller-hero p,
.np-v110-cat-hero p{
  color:var(--np250-muted);
  font-size:16px;
  line-height:1.75;
}

.np-v106-kicker,
.np-blog-v113-kicker,
.np-contact-v125-kicker,
.np-v230-kicker,
.np-eyebrow,
.np-reseller-kicker,
.np-reseller-eyebrow,
.np-v110-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(49,125,49,.08);
  color:var(--np250-green);
  font-weight:700;
  letter-spacing:.01em;
}

.np-v106-hero-points,
.np-blog-v113-pills,
.np-contact-v125-pills,
.np-v110-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.np-v106-hero-points span,
.np-blog-v113-pills span,
.np-contact-v125-pills span,
.np-v110-pills span,
.np244-divider-points span,
.np-reseller-tags span,
.np-collagen-faq-tags a,
.np-hyaluronic-faq-tags a{
  border-radius:999px;
  border:1px solid #d8e5dc;
  background:rgba(255,255,255,.86);
  padding:10px 14px;
  box-shadow:0 8px 20px rgba(16,36,58,.05);
}

/* Hero side panels */
.np-v246-hero-panel,
.np-v230-hub-visual,
.np-contact-v125-card,
.np-about-hero-card,
.np-faq-hero-card,
.np-collagen-hero-card,
.np-hyaluronic-hero-card,
.np-reseller-hero-card,
.np-v250-blog-hero-panel,
.np-v250-blog-hero-media,
.np-v110-products-wrap,
.np-contact-v125-form-card,
.np-contact-v125-side,
.np-faq-sidebar,
.np-collagen-faq-side,
.np-hyaluronic-faq-side{
  background:rgba(255,255,255,.92);
  border:1px solid #d8e5dc;
  box-shadow:var(--np250-shadow);
}

.np-v246-hero-panel,
.np-contact-v125-card,
.np-faq-hero-card,
.np-reseller-hero-card,
.np-v250-blog-hero-panel{border-radius:24px;padding:24px}
.np-v230-hub-visual,
.np-about-hero-card,
.np-collagen-hero-card,
.np-hyaluronic-hero-card{border-radius:26px;padding:16px}
.np-v250-blog-hero-media{border-radius:26px;overflow:hidden;min-height:250px}
.np-v250-blog-hero-media img,
.np-v230-hub-visual img{width:100%;height:100%;object-fit:cover;display:block;border-radius:18px}
.np-v250-blog-hero-panel strong{display:block;color:var(--np250-deep);font-size:20px;line-height:1.25;margin-bottom:12px}
.np-v250-blog-hero-panel ul{margin:0;padding:0 0 0 18px;color:#4d6070;display:grid;gap:10px}

/* Shop / packs / blog cards */
.np-v106-shop,
.np-v230-catalogue,
.np-blog-v113-content,
.np-contact-v125-main,
.np-faq-main,
.np-collagen-faq,
.np-hyaluronic-faq,
.np-v230-guide-list,
.np-v230-products-wrap,
.np-v110-products-wrap{
  max-width:1240px;
  margin-left:auto;
  margin-right:auto;
}

.np-v106-toolbar,
.np-v230-section-head,
.np-v110-toolbar{
  margin-bottom:26px;
  padding:0 4px;
}

.np-v106-card,
.np-v230-product-card,
.np-blog-v113-card,
.woocommerce ul.products li.product,
.np-v231-shop-categories-grid a,
.np-v230-guide-grid article,
.np-about-proof-grid > div,
.np-about-method-grid article,
.np-about-values-grid article,
.np-about-routine-list a,
.np-faq-pillars-grid a,
.np-reseller-benefits article,
.np-reseller-steps article,
.np-contact-v125-side-list > div,
.np-v232-guide-principles article{
  background:#fff;
  border:1px solid #dbe6df;
  border-radius:24px;
  box-shadow:0 14px 34px rgba(16,36,58,.06);
}

.np-v106-card,
.np-v230-product-card,
.np-blog-v113-card{overflow:hidden;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.np-v106-card:hover,
.np-v230-product-card:hover,
.np-blog-v113-card:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(16,36,58,.10);border-color:#cdddce}

.np-v106-card-body,
.np-v230-product-body,
.np-blog-v113-card-body{padding:22px}
.np-v106-card h3,
.np-v230-product-card h2,
.np-blog-v113-card h2{color:var(--np250-deep)}
.np-v106-card p,
.np-v230-product-card p,
.np-blog-v113-card p{color:var(--np250-muted)}

/* Product grids modern spacing */
.np-v106-grid,
.np-v230-product-grid,
.np-blog-v113-grid,
.np-v231-shop-categories-grid,
.np-v230-guide-grid,
.np-about-proof-grid,
.np-about-method-grid,
.np-about-values-grid,
.np-reseller-benefits,
.np-reseller-steps,
.np-v232-guide-principles,
.np-faq-pillars-grid{
  gap:22px;
}

/* Section shells */
.np-v231-shop-categories,
.np-v230-benefits .np-v230-shell,
.np-v232-guide-intro .np-v230-shell,
.np-about-proof-grid,
.np-faq-pillars-grid,
.np-collagen-summary-grid,
.np-hyaluronic-summary-grid,
.np-reseller-band-grid,
.np-contact-v125-main,
.np-about-faq-grid,
.np-about-cta-box,
.np-faq-cta-box,
.np-collagen-cta-box,
.np-hyaluronic-cta-box,
.np-reseller-cta-card{
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%);
  border:1px solid var(--np250-border);
  box-shadow:var(--np250-shadow);
}

.np-v231-shop-categories,
.np-v232-guide-intro .np-v230-shell,
.np-about-proof-grid,
.np-faq-pillars-grid,
.np-contact-v125-main,
.np-about-faq-grid,
.np-about-cta-box,
.np-faq-cta-box,
.np-collagen-cta-box,
.np-hyaluronic-cta-box,
.np-reseller-cta-card{padding:28px}

.np-v230-benefits .np-v230-shell,
.np-collagen-summary-grid,
.np-hyaluronic-summary-grid,
.np-reseller-band-grid{padding:22px 26px}

/* FAQ / accordion refinement */
.np-faq-group,
.np-about-faq-list,
.np-collagen-faq-list,
.np-hyaluronic-faq-list{display:grid;gap:16px}
.np-faq-row,
.np-about-faq-item,
.np-collagen-faq-item,
.np-hyaluronic-faq-item{
  border:1px solid #dce8e0;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 26px rgba(16,36,58,.05);
}
.np-faq-row summary,
.np-about-faq-item summary,
.np-collagen-faq-item summary,
.np-hyaluronic-faq-item summary{
  padding:20px 22px;
}
.np-faq-row-answer,
.np-about-faq-answer,
.np-collagen-faq-answer,
.np-hyaluronic-faq-answer{padding:0 22px 22px;color:var(--np250-muted)}

/* Contact page */
.np-contact-v125-main{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,360px);
  gap:26px;
  padding:26px;
}
.np-contact-v125-form-card,
.np-contact-v125-side{border-radius:26px;padding:28px}
.np-contact-v125-form input,
.np-contact-v125-form select,
.np-contact-v125-form textarea,
.np-v230-guide-search input,
.np-faq-search-box input,
.np-collagen-search input,
.np-hyaluronic-search input{
  border-radius:16px;
  border:1px solid #d9e4dd;
  background:#fff;
}

/* Guide page */
.np-v230-alpha .np-v230-shell{display:flex;gap:10px;flex-wrap:wrap}
.np-v230-alpha button{
  border-radius:999px;
  border:1px solid #d5e2d8;
  background:#fff;
  box-shadow:0 6px 18px rgba(16,36,58,.05);
}
.np-v230-guide-grid article{padding:12px}
.np-v230-guide-grid a{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center}
.np-v232-guide-thumb{border-radius:16px;overflow:hidden}

/* About page */
.np-about-quote-card,
.np-about-routines-grid,
.np-about-section-copy{background:#fff;border:1px solid var(--np250-border);border-radius:26px;box-shadow:var(--np250-shadow)}
.np-about-quote-card,
.np-about-section-copy{padding:26px}
.np-about-routines-grid{padding:28px}
.np-about-hero-panel,
.np-collagen-hero-panel,
.np-hyaluronic-hero-panel{margin-top:14px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid #dde9e1}

/* Reseller page */
.np-reseller-section .np-container,
.np-reseller-band-grid{max-width:1240px}
.np-reseller-benefits article,
.np-reseller-steps article{padding:22px}

/* Footer-ish CTA sections */
.np-v230-guide-strip .np-v230-shell,
.np-about-cta-box,
.np-faq-cta-box,
.np-collagen-cta-box,
.np-hyaluronic-cta-box,
.np-reseller-cta-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
}
.np-v230-guide-strip .np-v230-shell{padding:24px 28px;border-radius:26px;border:1px solid var(--np250-border);background:#fff;box-shadow:var(--np250-shadow)}

/* Better separation in long pages */
.np-about-story,
.np-about-method,
.np-about-routines,
.np-about-values,
.np-about-faq,
.np-faq-main,
.np-collagen-faq,
.np-hyaluronic-faq,
.np-v230-guide-list,
.np-v230-catalogue,
.np-contact-v125-main{
  scroll-margin-top:120px;
}

@media (max-width: 980px){
  .np-v106-hero,
  .np-contact-v125-hero,
  .np-v230-hub-hero-grid,
  .np-v250-blog-hero-grid,
  .np-about-hero-grid,
  .np-faq-hero-grid,
  .np-collagen-hero-grid,
  .np-hyaluronic-hero-grid,
  .np-reseller-hero-grid,
  .np-contact-v125-main,
  .np-v230-guide-strip .np-v230-shell,
  .np-about-cta-box,
  .np-faq-cta-box,
  .np-collagen-cta-box,
  .np-hyaluronic-cta-box,
  .np-reseller-cta-card{
    grid-template-columns:1fr;
  }
  .np-v106-hero,
  .np-contact-v125-hero,
  .np-v230-hub-hero-grid,
  .np-blog-v113-hero-inner,
  .np-about-hero-grid,
  .np-faq-hero-grid,
  .np-collagen-hero-grid,
  .np-hyaluronic-hero-grid,
  .np-reseller-hero-grid,
  .np-v110-cat-hero-inner{padding:30px 24px}
  .np-v106-hero h1,
  .np-v230-hub-hero h1,
  .np-blog-v113-hero h1,
  .np-contact-v125-hero h1,
  .np-about-hero h1,
  .np-faq-hero h1,
  .np-collagen-hero h1,
  .np-hyaluronic-hero h1,
  .np-reseller-hero h1,
  .np-v110-cat-hero h1{max-width:none}
}

@media (max-width: 700px){
  .np-v106-boutique > section + section,
  .np-v110-archive > section + section,
  .np-v230-packs > section + section,
  .np-v230-guide > section + section,
  .np-blog-v113 > section + section,
  .np-contact-v125 > section + section,
  .np-about-page > section + section,
  .np-faq-page > section + section,
  .np-collagen-faq-page > section + section,
  .np-hyaluronic-faq-page > section + section,
  .np-reseller-page > section + section{margin-top:18px}
  .np-v231-shop-categories,
  .np-v232-guide-intro .np-v230-shell,
  .np-about-proof-grid,
  .np-faq-pillars-grid,
  .np-contact-v125-main,
  .np-about-faq-grid,
  .np-about-cta-box,
  .np-faq-cta-box,
  .np-collagen-cta-box,
  .np-hyaluronic-cta-box,
  .np-reseller-cta-card{padding:22px}
}


/* ===== V251 photorealistic hero integration ===== */
.np-v106-hero,
.np-contact-v125-hero,
.np-v230-hub-hero-grid,
.np-about-hero-grid,
.np-faq-hero-grid,
.np-collagen-hero-grid,
.np-hyaluronic-hero-grid,
.np-reseller-hero-grid,
.np-blog-v113-hero-inner,
.np-v110-cat-hero-inner{
  min-height:430px;
  background:#f7faf8;
}

.np-v106-hero::after,
.np-contact-v125-hero::after,
.np-v230-hub-hero-grid::after,
.np-blog-v113-hero-inner::after,
.np-about-hero-grid::after,
.np-faq-hero-grid::after,
.np-collagen-hero-grid::after,
.np-hyaluronic-hero-grid::after,
.np-reseller-hero-grid::after,
.np-v110-cat-hero-inner::after{
  opacity:1;
  background-size:cover;
  background-position:center;
}

.np-v106-hero::before,
.np-contact-v125-hero::before,
.np-v230-hub-hero-grid::before,
.np-blog-v113-hero-inner::before,
.np-about-hero-grid::before,
.np-faq-hero-grid::before,
.np-collagen-hero-grid::before,
.np-hyaluronic-hero-grid::before,
.np-reseller-hero-grid::before,
.np-v110-cat-hero-inner::before{
  inset:0;
  width:auto;
  height:auto;
  background:linear-gradient(90deg,rgba(250,253,251,.96) 0%,rgba(250,253,251,.92) 32%,rgba(250,253,251,.62) 48%,rgba(250,253,251,.12) 67%,rgba(250,253,251,0) 82%);
  z-index:1;
}

.np-v106-hero > *,
.np-contact-v125-hero > *,
.np-v230-hub-hero-grid > *,
.np-blog-v113-hero-inner > *,
.np-about-hero-grid > *,
.np-faq-hero-grid > *,
.np-collagen-hero-grid > *,
.np-hyaluronic-hero-grid > *,
.np-reseller-hero-grid > *,
.np-v110-cat-hero-inner > *{z-index:2}

/* Remove side cube/card feeling on FAQ heroes */
.np-collagen-hero-card,
.np-hyaluronic-hero-card,
.np-faq-hero-card{
  background:rgba(255,255,255,.80)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 12px 30px rgba(16,36,58,.07)!important;
  backdrop-filter:blur(8px);
}

/* Blog hero should stretch and not look cramped */
.np-blog-v113-hero{padding-left:0!important;padding-right:0!important}
.np-blog-v113-hero-inner{width:min(1440px,calc(100% - 48px));max-width:none!important;margin:0 auto}
.np-v250-blog-hero-grid{grid-template-columns:minmax(0,1fr)!important}
.np-v250-blog-hero-aside{display:none!important}

/* FAQ spacing fixes */
.np-collagen-intro,
.np-hyaluronic-intro{margin-bottom:18px!important}
.np-collagen-faq,
.np-hyaluronic-faq{margin-top:18px!important}
.np-collagen-faq-main,
.np-hyaluronic-faq-main{padding-left:10px;padding-right:10px}
.np-collagen-faq-list,
.np-hyaluronic-faq-list{gap:14px!important}
.np-collagen-faq-item summary,
.np-hyaluronic-faq-item summary{padding:18px 20px!important}
.np-collagen-faq-answer,
.np-hyaluronic-faq-answer{padding:0 20px 20px!important}

/* stronger page separation */
.np-blog-v113-content,
.np-v230-guide-list,
.np-contact-v125-main,
.np-faq-main,
.np-collagen-faq,
.np-hyaluronic-faq,
.np-reseller-main,
.np-v106-shop,
.np-v230-catalogue{margin-top:34px!important}


/* ===== V252 — page-specific hero backgrounds, cleaner + more cinematic ===== */
.np-v106-hero,
.np-contact-v125-hero,
.np-v230-hub-hero-grid,
.np-about-hero-grid,
.np-faq-hero-grid,
.np-collagen-hero-grid,
.np-hyaluronic-hero-grid,
.np-reseller-hero-grid,
.np-blog-v113-hero-inner,
.np-v110-cat-hero-inner{
  width:min(1500px,calc(100% - 48px));
  max-width:none!important;
  min-height:500px;
  margin:26px auto 0!important;
  padding:52px 56px!important;
  border-radius:32px!important;
  background-color:#f7faf8!important;
  box-shadow:0 22px 58px rgba(16,36,58,.10)!important;
  border:1px solid rgba(213,228,219,.82)!important;
  overflow:hidden!important;
}

.np-v106-hero::before,
.np-contact-v125-hero::before,
.np-v230-hub-hero-grid::before,
.np-blog-v113-hero-inner::before,
.np-about-hero-grid::before,
.np-faq-hero-grid::before,
.np-collagen-hero-grid::before,
.np-hyaluronic-hero-grid::before,
.np-reseller-hero-grid::before,
.np-v110-cat-hero-inner::before{
  background:linear-gradient(90deg,rgba(250,253,251,.97) 0%,rgba(250,253,251,.94) 29%,rgba(250,253,251,.76) 42%,rgba(250,253,251,.22) 58%,rgba(250,253,251,0) 73%)!important;
}

.np-v106-hero::after,
.np-contact-v125-hero::after,
.np-v230-hub-hero-grid::after,
.np-blog-v113-hero-inner::after,
.np-about-hero-grid::after,
.np-faq-hero-grid::after,
.np-collagen-hero-grid::after,
.np-hyaluronic-hero-grid::after,
.np-reseller-hero-grid::after,
.np-v110-cat-hero-inner::after{
  opacity:1!important;
  background-position:center center!important;
  background-size:cover!important;
}

/* Generated headers already contain their own visual storytelling: keep only the real page copy on top. */
.np-v246-hero-panel,
.np-v230-hub-visual,
.np-contact-v125-card,
.np-about-hero-card,
.np-faq-hero-card,
.np-collagen-hero-card,
.np-hyaluronic-hero-card,
.np-reseller-hero-card,
.np-v250-blog-hero-aside{
  display:none!important;
}

.np-v106-hero,
.np-contact-v125-hero,
.np-v230-hub-hero-grid,
.np-about-hero-grid,
.np-faq-hero-grid,
.np-collagen-hero-grid,
.np-hyaluronic-hero-grid,
.np-reseller-hero-grid,
.np-v250-blog-hero-grid{
  grid-template-columns:minmax(0,720px)!important;
  align-items:center!important;
}

.np-v106-hero-content,
.np-contact-v125-hero-copy,
.np-v230-hub-hero-grid>div:first-child,
.np-about-hero-copy,
.np-faq-hero-copy,
.np-collagen-hero-copy,
.np-hyaluronic-hero-copy,
.np-reseller-hero-copy,
.np-v250-blog-hero-copy,
.np-v110-cat-hero-inner{
  max-width:720px!important;
}

.np-v106-hero h1,
.np-v230-hub-hero h1,
.np-blog-v113-hero h1,
.np-contact-v125-hero h1,
.np-about-hero h1,
.np-faq-hero h1,
.np-collagen-hero h1,
.np-hyaluronic-hero h1,
.np-reseller-hero h1,
.np-v110-cat-hero h1{
  max-width:12.8ch!important;
  text-wrap:balance;
}

/* Keep image subject on the right for product-specific pages. */
.np-collagen-hero-grid::after,
.np-hyaluronic-hero-grid::after,
.np-v106-hero::after,
.np-v230-packs .np-v230-hub-hero-grid::after,
.np-reseller-hero-grid::after{
  background-position:center right!important;
}

/* Editorial/support pages use a slightly softer overlay so their right-side scene remains visible. */
.np-blog-v113-hero-inner::before,
.np-contact-v125-hero::before,
.np-v230-guide .np-v230-hub-hero-grid::before,
.np-about-hero-grid::before,
.np-faq-hero-grid::before{
  background:linear-gradient(90deg,rgba(250,253,251,.96) 0%,rgba(250,253,251,.91) 31%,rgba(250,253,251,.66) 44%,rgba(250,253,251,.12) 60%,rgba(250,253,251,0) 72%)!important;
}

@media(max-width:980px){
  .np-v106-hero,
  .np-contact-v125-hero,
  .np-v230-hub-hero-grid,
  .np-about-hero-grid,
  .np-faq-hero-grid,
  .np-collagen-hero-grid,
  .np-hyaluronic-hero-grid,
  .np-reseller-hero-grid,
  .np-blog-v113-hero-inner,
  .np-v110-cat-hero-inner{
    width:calc(100% - 28px);
    min-height:470px;
    padding:36px 30px!important;
    border-radius:26px!important;
  }
  .np-v106-hero::before,
  .np-contact-v125-hero::before,
  .np-v230-hub-hero-grid::before,
  .np-blog-v113-hero-inner::before,
  .np-about-hero-grid::before,
  .np-faq-hero-grid::before,
  .np-collagen-hero-grid::before,
  .np-hyaluronic-hero-grid::before,
  .np-reseller-hero-grid::before,
  .np-v110-cat-hero-inner::before{
    background:linear-gradient(90deg,rgba(250,253,251,.97) 0%,rgba(250,253,251,.93) 55%,rgba(250,253,251,.45) 78%,rgba(250,253,251,.12) 100%)!important;
  }
}

@media(max-width:700px){
  .np-v106-hero,
  .np-contact-v125-hero,
  .np-v230-hub-hero-grid,
  .np-about-hero-grid,
  .np-faq-hero-grid,
  .np-collagen-hero-grid,
  .np-hyaluronic-hero-grid,
  .np-reseller-hero-grid,
  .np-blog-v113-hero-inner,
  .np-v110-cat-hero-inner{
    width:calc(100% - 20px);
    min-height:520px;
    padding:30px 22px!important;
  }
  .np-v106-hero::before,
  .np-contact-v125-hero::before,
  .np-v230-hub-hero-grid::before,
  .np-blog-v113-hero-inner::before,
  .np-about-hero-grid::before,
  .np-faq-hero-grid::before,
  .np-collagen-hero-grid::before,
  .np-hyaluronic-hero-grid::before,
  .np-reseller-hero-grid::before,
  .np-v110-cat-hero-inner::before{
    background:linear-gradient(180deg,rgba(250,253,251,.97) 0%,rgba(250,253,251,.94) 48%,rgba(250,253,251,.62) 72%,rgba(250,253,251,.20) 100%)!important;
  }
  .np-v106-hero::after,
  .np-contact-v125-hero::after,
  .np-v230-hub-hero-grid::after,
  .np-blog-v113-hero-inner::after,
  .np-about-hero-grid::after,
  .np-faq-hero-grid::after,
  .np-collagen-hero-grid::after,
  .np-hyaluronic-hero-grid::after,
  .np-reseller-hero-grid::after,
  .np-v110-cat-hero-inner::after{
    background-position:center bottom!important;
  }
}