/** Shopify CDN: Minification failed

Line 399:14 Unexpected "{"
Line 399:23 Expected ":"
Line 399:30 Unexpected "{"
Line 400:22 Expected identifier but found whitespace
Line 400:24 Unexpected "{"
Line 400:33 Expected ":"
Line 401:25 Expected identifier but found whitespace
Line 401:27 Unexpected "{"
Line 401:30 Expected ":"
Line 649:9 Unexpected "{"
... and 101 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 364:14 Unexpected "{"
Line 364:23 Expected ":"
Line 364:30 Unexpected "{"
Line 365:22 Expected identifier but found whitespace
Line 365:24 Unexpected "{"
Line 365:33 Expected ":"
Line 366:25 Expected identifier but found whitespace
Line 366:27 Unexpected "{"
Line 366:30 Expected ":"
Line 575:9 Unexpected "{"
... and 101 more hidden warnings

**/
@font-face {
  font-family: "BlauernUe";
  src: url("https://ancerecovery.com/cdn/shop/files/blauernue-light-webfont.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BlauernUe";
  src: url("https://ancerecovery.com/cdn/shop/files/blauernue-bold-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* ==========================================================================
   niche_prod — shared styles for all niche-prod-* sections
   Single stylesheet, no framework. Mirrors the reference build 1:1 and is
   written defensively so the host theme's CSS cannot bleed into a section.
   ========================================================================== */

/* ---------- brand webfont (BlauernUe) ---------- */
@font-face {
  font-family: 'BlauernUe';
  src: url('https://ancerecovery.com/cdn/shop/files/blauernue-light-webfont.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BlauernUe';
  src: url('https://ancerecovery.com/cdn/shop/files/blauernue-light-webfont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BlauernUe';
  src: url('https://ancerecovery.com/cdn/shop/files/blauernue-bold-webfont.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --np-navy: #364156;
  --np-yellow: #fffa61;
  --np-bg: #fdfdfc;
  --np-card: #f6f6f4;
  --np-white: #fcfcfa;
  --np-border: rgba(54, 65, 86, 0.14);
  --np-muted: #8b93a1;
  --np-radius: 10px;
  --np-max: 1280px;
  --np-font: 'BlauernUe', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* ---------- scoped reset: neutralise host-theme styles ---------- */
.np,
.np *,
.np *::before,
.np *::after { box-sizing: border-box; }

.np {
  display: block;
  width: 100%;
  max-width: none;
  overflow: visible;
  color: var(--np-navy);
  font-family: var(--np-font);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.np h1, .np h2, .np h3, .np h4, .np h5, .np h6 {
  margin: 0;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0;
  text-transform: none;
  color: inherit;
}
.np p, .np ul, .np ol, .np blockquote, .np figure, .np dl { margin: 0; }
.np ul, .np ol { padding-left: 1.1em; }
.np a { color: inherit; }
.np button,
.np input,
.np select,
.np textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: none;
}
.np button {
  margin: 0;
  border-radius: 0;
  background: none;
  border: 0;
  padding: 0;
  box-shadow: none;
  min-height: 0;
  min-width: 0;
  width: auto;
  text-align: inherit;
}
.np button:focus-visible,
.np a:focus-visible,
.np summary:focus-visible { outline: 2px solid var(--np-navy); outline-offset: 2px; }
.np img { display: block; max-width: 100%; height: auto; }
/* SVG: override base.css global `svg` rule which forces width/height to 1rem and fill/stroke = currentColor */
.np svg {
  display: block;
  max-width: none !important;
  height: auto !important;
  width: auto !important;
  fill: none !important;
  stroke: none !important;
  transition: none !important;
  vertical-align: unset !important;
}
.np [hidden] { display: none !important; }
.np table { border-collapse: collapse; width: 100%; }

.np-wrap { max-width: var(--np-max); margin: 0 auto; padding-inline: 16px; width: 100%; }
.np-wrap--wide { max-width: 1400px; }
.np-wrap--narrow { max-width: 768px; }
.np-wrap--mid { max-width: 1024px; }
.np-sec { padding-block: 40px; }
@media (min-width: 768px) { .np-sec { padding-block: 56px; } }
.np-bordered-y { border-block: 1px solid var(--np-border); }
.np-center { text-align: center; }
.np-eyebrow {
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(54, 65, 86, 0.6);
  margin: 0;
}
.np-head { margin-bottom: 40px; }
.np-head h2 { margin: 8px 0 0; font-size: clamp(1.7rem, 4vw, 2.25rem); line-height: 1.15; font-weight: 400; }
.np-sr {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* ---------- buttons ---------- */
.np-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border-radius: var(--np-radius); border: 1px solid transparent;
  font-family: inherit; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
  font-size: 13px; padding: 0 20px; min-height: 48px; cursor: pointer;
  text-decoration: none; transition: background-color .18s, color .18s, border-color .18s;
}
.np-btn--primary { background: var(--np-yellow); color: var(--np-navy); }
.np-btn--primary:hover { background: #f5f04d; }
.np-btn--outline { background: var(--np-card); border-color: rgba(54,65,86,.2); color: var(--np-navy); }
.np-btn--outline:hover { background: var(--np-navy); color: var(--np-white); }
.np-btn[disabled] { opacity: .5; cursor: not-allowed; }

/* ---------- carousel (scroll-snap, no JS layout thrash) ---------- */
.np-carousel { position: relative; --np-per: 1; --np-gap: 16px; }
.np-carousel__track {
  display: flex; margin-left: calc(var(--np-gap) * -1);
  overflow-x: auto; scroll-snap-type: x mandatory;
  scrollbar-width: none; padding-bottom: 2px;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
.np-carousel__track.is-dragging { cursor: grabbing; scroll-snap-type: none; user-select: none; }
.np-carousel__track::-webkit-scrollbar { display: none; }
.np-carousel__slide {
  flex: 0 0 calc(100% / var(--np-per));
  padding-left: var(--np-gap);
  min-width: 0; scroll-snap-align: start; scroll-snap-stop: always;
}

@media (min-width: 640px)  { .np-carousel { --np-per: var(--np-per-sm, var(--np-per-base, 1)); } }
@media (min-width: 1024px) { .np-carousel { --np-per: var(--np-per-lg, var(--np-per-sm, 1)); } }
@media (min-width: 1280px) { .np-carousel { --np-per: var(--np-per-xl, var(--np-per-lg, 1)); } }
@media (max-width: 639px)  { .np-carousel { --np-per: var(--np-per-base, 1); } }

.np-carousel__nav { display: flex; justify-content: center; gap: 8px; margin-top: 24px; }
.np-carousel__btn {
  width: 36px; height: 36px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--np-border); background: var(--np-bg); color: var(--np-navy);
  display: inline-grid; place-items: center; transition: background-color .18s, opacity .18s;
}
.np-carousel__btn:hover { background: var(--np-card); }
.np-carousel__btn[disabled] { opacity: .35; cursor: default; }
.np-carousel__btn svg { width: 16px; height: 16px; }
.np-carousel--on-navy .np-carousel__btn { background: var(--np-yellow); border-color: var(--np-yellow); color: var(--np-navy); }
.np-carousel--on-navy .np-carousel__btn:hover { background: #f5f04d; }
.np-carousel__dots { display: flex; justify-content: center; gap: 6px; margin-top: 16px; }
.np-carousel__dot {
  height: 6px !important; width: 6px !important; border: 0 !important; padding: 0 !important; border-radius: 999px !important; cursor: pointer;
  background: rgba(54,65,86,.25) !important; transition: width .2s, background-color .2s;
}
.np-carousel__dot[aria-current="true"] { width: 24px !important; background: var(--np-navy) !important; border-radius: 999px !important; }
.np-carousel--on-navy .np-carousel__dot { background: rgba(255,250,97,.3); }
.np-carousel--on-navy .np-carousel__dot[aria-current="true"] { background: var(--np-yellow); }

/* ---------- cards ---------- */
.np-card {
  display: flex; flex-direction: column; height: 100%;
  border: 1px solid var(--np-border); border-radius: var(--np-radius);
  background: var(--np-card); overflow: hidden;
}
.np-card__body { padding: 20px; display: flex; flex-direction: column; flex: 1; }
.np-stars { display: inline-flex; gap: 1px; color: var(--np-yellow); }
.np-stars svg { width: 16px !important; height: 16px !important; fill: currentColor !important; stroke: none !important; }

/* ---------- accordion ---------- */
.np-acc { border-top: 1px solid var(--np-border); }
.np-acc__item { border-bottom: 1px solid var(--np-border); }
.np-acc__item > summary {
  list-style: none; cursor: pointer; display: flex; align-items: center;
  justify-content: space-between; gap: 12px; padding: 16px 4px;
}
.np-acc__item > summary::-webkit-details-marker { display: none; }
.np-acc__item summary svg { flex: 0 0 auto; width: 16px; height: 16px; transition: transform .2s; }
.np-acc__item[open] summary svg { transform: rotate(180deg); }
.np-acc__panel { padding: 0 4px 18px; line-height: 1.7; font-weight: 300; }
.np-acc__panel > *:first-child { margin-top: 0; }
.np-acc__panel > *:last-child { margin-bottom: 0; }
.np-acc__panel p + p { margin-top: 10px; }
.np-acc--boxed { border: 1px solid var(--np-border); border-radius: var(--np-radius); background: var(--np-card); padding-inline: 12px; }
.np-acc--boxed .np-acc__item { border-bottom: 1px solid var(--np-border); }
.np-acc--boxed .np-acc__item:last-child { border-bottom: 0; }

/* ---------- modal (reviews / write a review) ---------- */
.np-modal { border: 0; padding: 0; width: min(1100px, 94vw); max-width: 94vw; max-height: 92vh; border-radius: var(--np-radius); font-family: var(--np-font); color: var(--np-navy); }
.np-modal::backdrop { background: rgba(54,65,86,.55); }
.np-modal__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--np-border); position: sticky; top: 0; background: #fff; z-index: 2; }
.np-modal__body { padding: 18px; overflow: auto; max-height: calc(92vh - 60px); }
.np-modal__close { border: 1px solid var(--np-border); background: #fff; border-radius: var(--np-radius); padding: 6px 10px; cursor: pointer; color: var(--np-navy); }
.np-modal--sm { width: min(680px, 94vw); }

/* ---------- read more (testimonials) ---------- */
.np-clamp { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--np-lines, 5); }
.np-readmore {
  align-self: flex-start; margin-top: 10px; background: none; border: 0; padding: 0; cursor: pointer;
  font-family: inherit; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .08em;
  color: currentColor; text-decoration: underline; text-underline-offset: 3px;
}

/* ---------- misc utilities ---------- */
.np-grid { display: grid; gap: 24px; }
.np-hide-desktop { display: block; }
.np-hide-mobile { display: none; }
@media (min-width: 768px) {
  .np-hide-desktop { display: none; }
  .np-hide-mobile { display: block; }
}
@media (prefers-reduced-motion: reduce) {
  .np-carousel__track, .np-gal__rail-list { scroll-behavior: auto; }
  .np * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

/* ---------- merchant-controlled text (see snippets/niche-prod-text.liquid) ---------- */
.np-t { margin: 0; line-height: 1.35; }
.np-t + .np-t { margin-top: 8px; }
.np .np-t { font-size: var(--np-fs-m, var(--np-fs, inherit)); }
@media (min-width: 768px) { .np .np-t { font-size: var(--np-fs, var(--np-fs-m, inherit)); } }
.np-t p:first-child { margin-top: 0; }
.np-t p:last-child { margin-bottom: 0; }

/* ---------- reveal-on-scroll (shared, GPU-only, no layout thrash) ---------- */
.np-reveal {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  will-change: opacity, transform;
  transition: opacity .5s cubic-bezier(.22,.61,.36,1), transform .5s cubic-bezier(.22,.61,.36,1);
}
.np-reveal.is-in { opacity: 1; transform: none; }
.np-reveal.is-in { will-change: auto; }



/* ========================================================
   TARGETED OVERRIDES — fix base.css bleedthrough
   ======================================================== */

/* 1. SVG icon dimensions: base.css sets all svg to 1rem × 1rem.
      We lock every np-scoped SVG to its explicit size. */
.np .np-gal__arrow svg        { width: 20px !important; height: 20px !important; stroke: currentColor !important; fill: none !important; }
.np .np-gal__rail-btn svg     { width: 16px !important; height: 16px !important; stroke: currentColor !important; fill: none !important; }
.np .np-gal__expand svg       { width: 14px !important; height: 14px !important; stroke: currentColor !important; fill: none !important; }
.np .np-acc__item summary svg { width: 16px !important; height: 16px !important; stroke: currentColor !important; fill: none !important; }
.np .np-carousel__btn svg     { width: 16px !important; height: 16px !important; stroke: currentColor !important; fill: none !important; }
.np .np-qty button svg        { width: 16px !important; height: 16px !important; stroke: currentColor !important; fill: none !important; }
.np .np-stock__dot            { display: inline-block; }

/* Lightbox SVGs */
.np-lb__btn-zoom svg  { width: 16px !important; height: 16px !important; stroke: currentColor !important; fill: none !important; }
.np-lb__btn-close svg { width: 20px !important; height: 20px !important; stroke: currentColor !important; fill: none !important; }
.np-lb__arrow svg     { width: 22px !important; height: 22px !important; stroke: currentColor !important; fill: none !important; }

/* 2. Stars: base.css global `svg` forces fill=currentColor on wrong colour.
      Stars need fill=currentColor with the yellow var set by parent. */
.np-rating__stars svg { width: 14px !important; height: 14px !important; fill: currentColor !important; stroke: none !important; color: var(--np-yellow); }
.np-stars svg         { width: 16px !important; height: 16px !important; fill: currentColor !important; stroke: none !important; }

/* 3. Product title (H1) — base.css sets h1 to 3rem which is massive.
      The buy box title should be the Lovable design: ~28–42px responsive, weight 300. */
.np-buybox .np-buybox__title {
  font-size: clamp(1.65rem, 4.5vw, 2.6rem) !important;
  font-weight: 300 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin: 0 !important;
  color: var(--np-navy) !important;
}

/* 4. Judge.me badge — make sure the widget renders inline with correct colour */
.np .jdgm-preview-badge { display: inline-flex !important; align-items: center !important; }
.np .jdgm-prev-badge__stars { display: inline-flex !important; align-items: center !important; }
.np .jdgm-prev-badge__rating { font-size: 13px !important; font-weight: 700 !important; color: var(--np-navy) !important; }
.np .jdgm-prev-badge__count  { font-size: 13px !important; font-weight: 300 !important; color: var(--np-navy) !important; }

/* 5. Button animation polish */
.np-btn { transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; }
.np .np-swatch { transition: border-color 0.3s, box-shadow 0.3s !important; }
.np .np-size  { transition: border-color 0.3s, background-color 0.3s, color 0.3s !important; }

  /* 6. Logo section (Marquee removed for grid layout) */
  .np-logos { overflow: hidden; }

/* 7. Thumbnail gallery transition */
.np-thumb { transition: border-color 0.3s, opacity 0.3s, box-shadow 0.3s; }
.np .np-gal__arrow { transition: background-color 0.3s, opacity 0.3s; }
.np .np-gal__expand { transition: opacity 0.2s; }
.np-gal__frame.is-stacked img { transition: opacity 0.28s ease; }


/* --- EXTRACTED COMPONENT STYLES --- */
.np-benefits__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.np-benefits__item{display:flex;align-items:center;gap:12px;min-width:0}.np-benefits__item svg{flex:0 0 auto;width:24px;height:24px;stroke-width:1.75}.np-benefits__item .np-t{min-width:0;line-height:1.35}.np-benefits__carousel{--np-per-base:1.35;--np-gap:12px}.np-benefits__item--card{height:100%;min-height:72px;padding:12px 16px;border:1px solid var(--np-border);border-radius:10px;background:var(--np-card)}.np-benefits__item--card svg{width:20px;height:20px}@media(max-width:767px){
  .np-benefits__grid{display:none}
  .np-benefits__carousel .np-t{font-size:13px; text-align:center;}
  .np-benefits .np-carousel__nav{margin-top:20px}
  .np-benefits__item--card {
    flex-direction: column;
    justify-content: center;
    border: none;
    background: transparent;
    padding: 0;
    gap: 8px;
    height: auto;
    min-height: auto;
  }
  .np-benefits__item--card svg {
    width: 32px !important;
    height: 32px !important;
  }
  .np-benefits__carousel .np-icon-raw {
    width: 32px !important;
    height: 32px !important;
  }
}

#np-benefits-{{ section.id }} {
    --np-benefit-cols: {{ section.blocks.size | at_most: 4 }};
    --np-benefit-card-bg: {{ s.card_bg }};
  }

.npb{
  --npb-navy:#364156;
  --npb-yellow:#fffa61;
  --npb-cream:#faf9f6;
  --npb-card:#ffffff;
  --npb-border:rgba(54, 65, 86, 0.15);
  --npb-muted:rgba(54, 65, 86, 0.6);
  --npb-font:'BlauernUe',system-ui,-apple-system,'Segoe UI',sans-serif;
  display:block;
  margin:0 auto;
  max-width:1400px;
  padding:32px 16px;
  box-sizing:border-box;
  font-family:var(--npb-font);
  font-weight:300;
  font-size:16px;
  line-height:1.5;
  color:var(--npb-navy);
  -webkit-font-smoothing:antialiased;
  text-align:left;
  letter-spacing:normal;
}
.npb :where(*, *::before, *::after){box-sizing:border-box;}
.npb :where(h1, h2, h3){margin:0;font-family:inherit;font-weight:700;letter-spacing:-0.01em;line-height:1.25;color:var(--npb-navy);text-transform:none;}
.npb :where(p, ul, ol, li, figure, blockquote, dl, dd, form, fieldset, legend, details, summary){margin:0;padding:0;}
.npb :where(a){color:inherit;text-decoration:none;}
.npb :where(img, svg){display:block;max-width:100%;border:0;}
.npb :where(svg){fill:none;stroke:none;max-width:none;}
.npb :where(input, select, textarea) { appearance: none; background: transparent; border: none; padding: 0; margin: 0; font: inherit; color: inherit; }
.npb :where(button){appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;min-width:0;min-height:0;width:auto;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;text-align:inherit;cursor:pointer;}
.npb :where(button:focus-visible, a:focus-visible){outline:2px solid var(--npb-navy);outline-offset:2px;}
@media (min-width:768px){.npb {padding-top:48px;padding-bottom:48px;}}

/* ---------- layout ---------- */
.npb-grid{display:grid;gap:40px;}
@media (min-width:1024px){.npb-grid{grid-template-columns:1.75fr 1fr;gap:48px;}}
.npb-media{position:relative;z-index:30;min-width:0;}
@media (min-width:1024px){.npb-media{position:sticky;top:24px;align-self:start;}}
.npb-info{display:flex;min-width:0;flex-direction:column;gap:20px;}

/* ---------- head ---------- */
.npb-eyebrow{font-size:11px;font-weight:300;letter-spacing:0.22em;text-transform:uppercase;color:var(--npb-muted);}
.npb-title{margin-top:8px !important;font-size:24px;line-height:1.25;}
@media (min-width:640px){.npb-title{font-size:30px;}}
@media (min-width:768px){.npb-title{font-size:36px;}}
@media (min-width:1024px){.npb-title{font-size:41.6px;}}
.npb-rating{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:300;color:var(--npb-muted);transition:color .18s;}
.npb-rating:hover{color:var(--npb-navy);}
.npb-stars{display:inline-flex;}
.npb-stars svg{width:16px;height:16px;fill:currentColor !important;stroke:none !important;color:var(--npb-yellow);}
.npb-rating b{font-weight:700;color:var(--npb-navy);}
.npb-sub{font-size:14px;font-weight:300;line-height:1.625;color:rgba(54, 65, 86, 0.85);}

/* ---------- price ---------- */
.npb-price{display:flex;align-items:flex-end;gap:12px;}
.npb-price__now{font-size:30px;line-height:36px;font-weight:700;letter-spacing:-0.025em;color:var(--npb-navy);}
.npb-price__note{padding-bottom:4px;font-size:12px;line-height:16px;font-weight:300;color:var(--npb-muted);}
.npb-price__note b{font-weight:700;color:var(--npb-navy);}

/* ---------- option labels ---------- */
.npb-optbar{margin-bottom:8px;display:flex;align-items:baseline;justify-content:flex-start;gap:12px;}
.npb-label{font-size:12px;line-height:16px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--npb-navy);}
.npb-label span{font-weight:300;color:var(--npb-muted);text-transform:none;letter-spacing:normal;}
.npb-help{font-size:12px;line-height:16px;font-weight:300;color:var(--npb-muted);}

/* ---------- swatches ---------- */
.npb-swatches{display:flex;gap:10px;flex-wrap:wrap;}
.npb-swatch{height:64px;width:80px;overflow:hidden;border-radius:10px;border:2px solid var(--npb-border);background:#fff;transition:border-color .18s,box-shadow .18s;}
.npb-swatch:hover{border-color:rgba(54, 65, 86, 0.4);}
.npb-swatch img{height:100%;width:100%;object-fit:cover;}
.npb-swatch[aria-pressed="true"]{border-color:var(--npb-navy);box-shadow:0 0 0 2px rgba(54, 65, 86, 0.2);}

/* ---------- gender toggle ---------- */
.npb-toggle{margin-bottom:10px;display:inline-flex;border-radius:10px;border:1px solid var(--npb-border);background:var(--npb-card);padding:4px;}
.npb-toggle button{border-radius:6px;padding:6px 16px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:rgba(54, 65, 86, 0.6);transition:background-color .18s,color .18s;}
.npb-toggle button:hover{color:var(--npb-navy);}
.npb-toggle button[aria-current="true"]{background:var(--npb-navy);color:var(--npb-cream);}

/* ---------- sizes ---------- */
.npb-sizes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
@media (min-width:640px){.npb-sizes{grid-template-columns:repeat(6,minmax(0,1fr));}}
.npb-size{position:relative;height:44px;border-radius:10px;border:1px solid var(--npb-border);background:var(--npb-card);font-size:14px;line-height:20px;font-weight:300;transition:border-color .18s,background-color .18s,color .18s;display:flex;justify-content:center;align-items:center;}
.npb-size:hover{border-color:var(--npb-navy);}
.npb-size[aria-pressed="true"]{border-color:var(--npb-navy);background:var(--npb-navy);color:var(--npb-cream);font-weight:700;}
.npb-size[disabled]{cursor:not-allowed;border-style:dashed;border-color:var(--npb-border);background:transparent;color:rgba(139, 147, 161, 0.6);}
.npb-size[disabled]:hover{border-color:var(--npb-border);}
.npb-size__slash{pointer-events:none;position:absolute;left:4px;right:4px;top:50%;height:1px;transform:translateY(-50%);background:rgba(139, 147, 161, 0.6);}

/* ---------- qty + CTA ---------- */
.npb-buy{margin-top:4px;display:flex;flex-direction:row;align-items:stretch;gap:12px;}
.npb-qty{display:inline-flex;height:48px;align-items:center;border-radius:10px;border:1px solid var(--npb-border);background:var(--npb-card);}
.npb-qty button{padding:0 12px;height:100%;display:inline-flex;align-items:center;justify-content:center;color:rgba(54, 65, 86, 0.7);transition:color .18s;}
.npb-qty button:hover{color:var(--npb-navy);}
.npb-qty svg{width:16px;height:16px;stroke:currentColor !important;fill:none !important;}
.npb-qty__val{width:32px;text-align:center;font-size:14px;line-height:20px;font-weight:700;}
.npb-atc{display:inline-flex;align-items:center;justify-content:center;height:48px;flex:1 1 0%;border-radius:10px;background:var(--npb-yellow);color:var(--npb-navy);font-size:14px;line-height:20px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;box-shadow:none;transition:background-color .18s,opacity .18s;}
.npb-atc:hover{background:rgba(255, 250, 97, 0.9);}
.npb-atc[disabled]{opacity:.6;cursor:not-allowed;}
.npb-bin{display:inline-flex;align-items:center;justify-content:center;height:44px;border-radius:10px;border:1px solid rgba(54, 65, 86, 0.2);background:var(--npb-card);font-size:14px;line-height:20px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--npb-navy);transition:background-color .18s,color .18s;width:100%;}
.npb-bin:hover{background:var(--npb-navy);color:var(--npb-cream);}
.npb-stock{margin-top:-4px;display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:16px;font-weight:300;color:rgba(54, 65, 86, 0.7);}
.npb-stock i{display:block;width:8px;height:8px;border-radius:9999px;background:var(--npb-yellow);}

/* ---------- accordion ---------- */
.npb-acc{margin-top:8px;border-top:1px solid var(--npb-border);}
.npb-acc details{border-bottom:1px solid var(--npb-border);}
.npb-acc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;font-size:12px;line-height:16px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--npb-navy);cursor:pointer;}
.npb-acc summary::-webkit-details-marker{display:none;}
.npb-acc summary svg{width:16px;height:16px;flex:0 0 auto;transition:transform .2s;color:rgba(54, 65, 86, 0.5);stroke:currentColor !important;fill:none !important;}
.npb-acc > details[open] > summary > svg{transform:rotate(180deg);}
.npb-acc__panel{overflow:hidden;padding-bottom:16px;font-size:14px;line-height:1.625;font-weight:300;color:rgba(54, 65, 86, 0.85);transition:height .3s ease-out;}
.npb-acc__panel b{font-weight:700;}
.npb-acc__panel p+p{margin-top:8px;}

/* ================= gallery ================= */
.npb-gal{min-width:0;}
.npb-gal__mob{display:block;}
.npb-gal__desk{display:none;}
@media (min-width:768px){
  .npb-gal__mob{display:none;}
  .npb-gal__desk{display:flex;min-width:0;gap:12px;}
}
/* mobile */
.npb-mob__vp{position:relative;overflow:hidden;}
.npb-mob__track{display:flex;touch-action:pan-y;}
.npb-mob__slide{flex:0 0 100%;min-width:0;max-height:31vh;}
.npb-mob__slide img{height:auto; min-height:230px; width:100%;border-radius:10px;object-fit:contain;object-position:center;}
.npb-arrow{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:9999px;border:1px solid rgba(54, 65, 86, 0.15);background:rgba(255,255,255,.9);color:var(--npb-navy);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:background-color .18s,opacity .18s;}
.npb-arrow svg{width:20px;height:20px;stroke:currentColor !important;fill:none !important;}
.npb-arrow--prev{left:4px;}
.npb-arrow--next{right:4px;}
.npb-dots{margin-top:12px;display:flex;justify-content:center;gap:6px;}
.npb-dots button{height:6px !important;width:6px !important;border:0 !important;padding:0 !important;border-radius:9999px !important;background:rgba(54, 65, 86, 0.25) !important;transition:width .2s,background-color .2s;}
.npb-dots button[aria-current="true"]{width:24px !important;background:var(--npb-navy) !important;border-radius:9999px !important;}
.npb-mob__thumbs{
  margin-top: 14px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 6px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
}
.npb-mob__thumbs::-webkit-scrollbar{display:none;}
.npb-mob__thumbs button{
  flex: 0 0 calc((100% - 24px) / 4);
  width: calc((100% - 24px) / 4);
  height: auto;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid rgba(54, 65, 86, 0.15);
  background: #fff;
  padding: 4px;
  opacity: .65;
  cursor: pointer;
  scroll-snap-align: start;
  transition: opacity .18s, border-color .18s, box-shadow .18s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.npb-mob__thumbs button img{
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 6px;
  display: block;
}
.npb-mob__thumbs button:hover{
  opacity: .9;
}
.npb-mob__thumbs button[aria-current="true"]{
  border-color: var(--npb-navy);
  opacity: 1;
  box-shadow: 0 0 0 1.5px var(--npb-navy);
}
/* desktop rail */
.npb-rail{display:flex;width:80px;flex:0 0 auto;flex-direction:column;gap:8px;}
.npb-rail__btn[hidden]{display:none !important;} .npb-rail__btn{display:inline-flex;width:100%;height:28px;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(54, 65, 86, 0.15);color:var(--npb-navy);transition:background-color .18s, opacity .18s;}
.npb-rail__btn:hover:not(:disabled):not(.is-disabled){background:rgba(54, 65, 86, 0.05);}
.npb-rail__btn:disabled, .npb-rail__btn.is-disabled{opacity:0.3;cursor:not-allowed;pointer-events:none;}
.npb-rail__btn svg{width:16px;height:16px;stroke:currentColor !important;fill:none !important;}
.npb-rail__vp{overflow:hidden;width:80px;}
.npb-rail__track{display:flex;flex-direction:column;height:100%;}
.npb-rail__cell{flex:0 0 88px;padding-top:8px;}
.npb-rail--carousel .npb-rail__track{margin-top:-8px;}
.npb-thumb{height:80px;width:80px;overflow:hidden;border-radius:10px;border:1px solid rgba(54, 65, 86, 0.15);background:#fff;padding:0;opacity:.8;transition:opacity .18s,border-color .18s,box-shadow .18s;}
.npb-thumb img{height:100%;width:100%;object-fit:contain;border-radius:0;}
.npb-thumb:hover{opacity:1;border-color:rgba(54, 65, 86, 0.4);}
.npb-thumb[aria-current="true"]{border-color:var(--npb-navy);opacity:1;box-shadow:0 0 0 1px var(--npb-navy);}
/* desktop frame */
.npb-frame__wrap{position:relative;min-width:0;flex:1 1 0%;}
.npb-frame{position:relative;height:520px;width:100%;overflow:hidden;border-radius:10px;cursor:crosshair;}
.npb-frame>img{height:100%;width:100%;object-fit:contain;}
.npb-frame .npb-arrow{opacity:0;}
.npb-frame:hover .npb-arrow{opacity:1;}
.npb-frame .npb-arrow--prev{left:8px;}
.npb-frame .npb-arrow--next{right:8px;}
.npb-frame .npb-arrow:hover{background:#fff;}
.npb-lens{pointer-events:none;position:absolute;border-radius:6px;border:1px solid rgba(54, 65, 86, 0.4);background:rgba(54, 65, 86, 0.1);width:40%;height:40%;transform:translate(-50%,-50%);display:none;}
.npb-count{pointer-events:none;position:absolute;bottom:12px;left:12px;border-radius:10px;background:rgba(54, 65, 86, 0.85);padding:4px 10px;font-size:11px;line-height:16px;font-weight:300;letter-spacing:0.025em;color:#fff;}
.npb-expand{pointer-events:none;position:absolute;bottom:12px;right:12px;display:inline-flex;align-items:center;gap:6px;border-radius:10px;background:rgba(54, 65, 86, 0.85);padding:4px 10px;font-size:11px;line-height:16px;font-weight:300;color:#fff;opacity:0;transition:opacity .18s;}
.npb-frame:hover .npb-expand{opacity:1;}
.npb-expand svg{width:14px;height:14px;stroke:currentColor !important;fill:none !important;}
.npb-fly{pointer-events:none;position:absolute;top:0;left:calc(100% + 16px);z-index:40;display:none;aspect-ratio:1/1;width:34vw;max-width:560px;overflow:hidden;border-radius:10px;border:1px solid rgba(54, 65, 86, 0.15);background:#fff;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);}
.npb-fly img{height:100%;width:100%;object-fit:contain;}
@media (min-width:1024px) and (pointer:fine){
  .npb-frame.is-zooming .npb-lens{display:block;}
  .npb-frame__wrap.is-zooming .npb-fly{display:block;}
}
/* lightbox */
.npb-lb{position:fixed;inset:0;z-index:100000 !important;display:none;flex-direction:column;background:#fff;font-family:var(--npb-font);color:var(--npb-navy);font-weight:300;width:100vw;height:100vh;height:100dvh;}
.npb-lb.is-open{display:flex;}
.npb-lb__head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(54, 65, 86, 0.1);padding:12px 16px;}
.npb-lb__count{font-size:14px;line-height:20px;font-weight:300;}
.npb-lb__tools{display:flex;align-items:center;gap:8px;}
.npb-lb__zoom{display:inline-flex;align-items:center;gap:6px;border-radius:10px;border:1px solid rgba(54, 65, 86, 0.15);padding:6px 12px;font-size:12px;line-height:16px;font-weight:300;color:var(--npb-navy);transition:background-color .18s;}
.npb-lb__zoom svg{width:16px;height:16px;stroke:currentColor !important;fill:none !important;}
.npb-lb__close{border-radius:10px;border:1px solid rgba(54, 65, 86, 0.15);padding:6px;color:var(--npb-navy);display:inline-flex;transition:background-color .18s;}
.npb-lb__close svg{width:20px;height:20px;stroke:currentColor !important;fill:none !important;}
.npb-lb__zoom:hover,.npb-lb__close:hover{background:rgba(54, 65, 86, 0.05);}
.npb-lb__body{position:relative;display:flex;min-height:0;flex:1 1 0%;align-items:center;justify-content:center;overflow:hidden;padding:16px;}
.npb-lb__stage{height:100%;width:100%;cursor:zoom-in;}
.npb-lb__stage.is-zoomed{cursor:zoom-out;}
.npb-lb__stage img{height:100%;width:100%;object-fit:contain;transition:transform .2s;}
.npb-lb__arrow{position:absolute;top:50%;z-index:10;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:9999px;border:1px solid rgba(54, 65, 86, 0.15);background:#fff;color:var(--npb-navy);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);}
.npb-lb__arrow svg{width:24px;height:24px;stroke:currentColor !important;fill:none !important;}
.npb-lb__arrow--prev{left:12px;}
.npb-lb__arrow--next{right:12px;}
.npb-lb__arrow:hover{background:rgba(54, 65, 86, 0.05);}
.npb-lb__foot{border-top:1px solid rgba(54, 65, 86, 0.1);padding:12px 16px;}
.npb-lb__thumbs{display:flex;align-items:center;justify-content:center;gap:8px;overflow-x:auto;scrollbar-width:none;}
.npb-lb__thumbs::-webkit-scrollbar{display:none;}
.npb-lb__thumbs button{height:56px;width:56px;flex:0 0 auto;overflow:hidden;border-radius:10px;border:1px solid rgba(54, 65, 86, 0.15);background:#fff;padding:0;opacity:.7;transition:opacity .18s,box-shadow .18s,border-color .18s;}
.npb-lb__thumbs button img{height:100%;width:100%;object-fit:contain;border-radius:0;}
.npb-lb__thumbs button:hover{opacity:1;}
.npb-lb__thumbs button[aria-current="true"]{border-color:var(--npb-navy);opacity:1;box-shadow:0 0 0 1px var(--npb-navy);}
@media (prefers-reduced-motion:reduce){
  .npb *,.npb-lb *{transition-duration:.001ms !important;animation-duration:.001ms !important;}
}

.np-cmp__scroll{overflow-x:auto;border:1px solid var(--np-border);border-radius:10px;background:var(--np-card);-webkit-overflow-scrolling:touch}.np-cmp__table{width:100%;min-width:520px;border-collapse:collapse}.np-cmp__table th,.np-cmp__table td{padding:12px 16px;border-bottom:1px solid var(--np-border);font-size:14px;font-weight:300;text-align:left;vertical-align:middle}.np-cmp__table thead{background:var(--np-navy);color:var(--np-white)}.np-cmp__table thead th{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.np-cmp__table thead th:not(:first-child),.np-cmp__table tbody td{text-align:center;border-left:1px solid var(--np-border)}.np-cmp__table thead th:not(:first-child){border-left-color:rgba(255,255,255,.15); width: 230px;}.np-cmp__table tbody tr:last-child th,.np-cmp__table tbody tr:last-child td{border-bottom:0}.np-cmp__yes,.np-cmp__no{display:inline-grid;width:20px;height:20px;place-items:center;font-weight:700}.np-cmp__yes{border-radius:999px;background:var(--np-yellow);color:var(--np-navy)!important}.np-cmp__no{color:rgba(139,147,161,.75)}@media(min-width:768px){.np-cmp__table th,.np-cmp__table td{padding:16px 20px}.np-cmp__table thead th{font-size:12px}}

#np-cmp-{{ section.id }} {
    --np-cmp-border: {{ s.border_color }};
    --np-cmp-pad: {{ s.cell_pad }}px;
  }

.np-faq .np-acc__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 4px;list-style:none;cursor:pointer}.np-faq .np-acc__head::-webkit-details-marker{display:none}.np-faq .np-acc__body{padding:0 4px 18px;font-size:14px;font-weight:300;line-height:1.7}.np-faq .np-acc__chev{flex:0 0 auto;transition:transform .2s}.np-faq details[open] .np-acc__chev{transform:rotate(180deg)}.np-faq .np-acc--boxed{padding-inline:12px;border:1px solid var(--np-border);border-radius:10px;background:var(--np-card)}

#np-faq-{{ section.id }} {
    --np-faq-pad: {{ s.row_pad }}px;
    --np-faq-link: {{ s.link_color }};
  }

.np-logos__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}.np-logos__cell{display:flex;align-items:center;justify-content:center;min-width:0}.np-logos__cell img{height:80px;width:auto;max-width:160px;object-fit:contain;opacity:.8;filter:grayscale(1);transition:opacity .2s,filter .2s}.np-logos__cell img:hover{opacity:1;filter:grayscale(0)}.np-logos .np-carousel{--np-per-base:2;--np-gap:16px}.np-logos .np-carousel__slide{display:flex;height:96px;align-items:center;justify-content:center}.np-logos .np-carousel__slide img{height:80px;width:auto;max-width:140px;object-fit:contain;opacity:.9;filter:grayscale(1)}@media(min-width:640px){.np-logos__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.np-logos__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.np-logos__cell img{height:96px}}@media(min-width:1024px){.np-logos__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.np-logos__cell img{height:112px}}@media(max-width:639px){.np-logos__grid{display:none}}

#np-logos-{{ section.id }} {
    --np-logo-cols-sm: {{ s.cols_tablet }};
    --np-logo-cols-lg: {{ s.cols_desktop }};
    --np-logo-h-sm: {{ s.logo_height_mobile }}px;
    --np-logo-h: {{ s.logo_height }}px;
    --np-logo-opacity: {{ s.logo_opacity | divided_by: 100.0 }};
    --np-logo-gray: {% if s.grayscale %}1{% else %}0{% endif %};
  }

.np-band__grid{display:grid;grid-template-columns:1fr;gap:32px}.np-band__card{display:grid;align-content:start;gap:8px;min-width:0;text-align:center}.np-band__card .np-t:first-child{font-size:14px;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}.np-band__card .np-t:nth-child(2){font-size:24px;font-weight:300;line-height:1.3}.np-band__sub{max-width:672px;margin:40px auto 0;text-align:center}.np-band__sub .np-t{font-size:16px;font-weight:300;line-height:1.7}.np-band__cta{display:flex;justify-content:center;margin-top:32px}@media(min-width:768px){.np-band__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.np-band__card{text-align:left}.np-band__card .np-t:nth-child(2){font-size:30px}.np-band__sub .np-t{font-size:18px}}

#np-band-{{ section.id }} {
    --np-band-gap: {{ s.gap }}px;
    --np-band-cols-sm: {{ s.cols_tablet }};
    --np-band-cols-lg: {{ s.cols_desktop }};
  }

.np-rev{color:var(--np-white)}.np-rev__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:40px}.np-rev__head-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}.np-rev__summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.08)}.np-rev__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.np-rev__media{display:block}.np-rev .jdgm-carousel-wrapper{width:100%!important;padding:0!important}.np-rev .jdgm-carousel-title-and-link{display:none!important}.np-rev .jdgm-carousel__item-wrapper{padding:0!important}.np-rev .jdgm-carousel-item{overflow:hidden;border:1px solid var(--np-border)!important;border-radius:10px!important;background:var(--np-card)!important;color:var(--np-navy)!important}.np-rev .jdgm-carousel-item__review{padding:20px!important}.np-rev .jdgm-carousel-item__review-title,.np-rev .jdgm-carousel-item__review-body,.np-rev .jdgm-carousel-item__reviewer-name{color:var(--np-navy)!important}.np-rev .jdgm-star{color:var(--np-yellow)!important}.np-rev .jdgm-carousel__left-arrow,.np-rev .jdgm-carousel__right-arrow{border-color:var(--np-yellow)!important}.np-rev .jdgm-carousel__arrows{margin-top:20px!important}@media(max-width:767px){.np-rev__head{flex-direction:column;align-items:center;text-align:center}.np-rev__titles .np-t{text-align:center!important}.np-rev__head-actions{justify-content:center}.np-rev__summary{justify-content:center}}

#np-rev-{{ section.id }} { --np-radius: 10px; }

.np-spotlight{overflow:hidden}.np-spot__frame{display:block;overflow:hidden;border:1px solid var(--np-border);border-radius:10px;background:var(--np-card);aspect-ratio:var(--np-spot-ratio-sm, 4/3)}.np-spot__frame img,.np-spot__frame svg{display:block;width:100%;height:100%;object-fit:var(--np-spot-fit, cover);object-position:var(--np-spot-pos, center)}.np-spot .np-carousel{--np-per-base:1;--np-gap:16px}@media(min-width:768px){.np-spot__frame{aspect-ratio:var(--np-spot-ratio, 16/9)}}

#np-spot-{{ section.id }} {
    --np-spot-bg: {{ s.frame_bg }};
    --np-spot-ratio-sm: {{ s.ratio_mobile }};
    --np-spot-ratio: {{ s.ratio }};
    --np-spot-fit: {{ s.image_fit }};
    --np-spot-focal: {{ s.focal }};
  }

.np-tech__carousel{--np-per-base:1;--np-per-sm:3;--np-per-lg:4;--np-per-xl:5;--np-gap:16px}.np-tech__card{display:flex;height:100%;flex-direction:column;overflow:hidden;border:1px solid var(--np-border);border-radius:10px;background:var(--np-card)}.np-tech__media{aspect-ratio:1/1;overflow:hidden;background:var(--np-bg)}.np-tech__media img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .25s}.np-tech__media img.is-swapping{opacity:0}.np-tech__body{display:flex;flex:1;flex-direction:column;padding:20px}.np-tech__body .np-t:first-child{font-size:18px;line-height:1.35}.np-tech__body .np-t:nth-child(2){margin-top:8px;font-size:14px;font-weight:700;line-height:1.6}.np-tech__body .np-t:nth-child(3){margin-top:8px;font-size:14px;font-weight:300;line-height:1.6;color:rgba(54,65,86,.8)}.np-tech .np-carousel__nav{margin-top:24px}

#np-tech-{{ section.id }} {
    --np-tech-ratio: {{ s.image_ratio }};
    --np-tech-media-bg: {{ s.media_bg }};
    --np-tech-fit: {{ s.image_fit }};
    --np-tech-pad: {{ s.card_pad }}px;
  }

.np-tst .np-carousel{--np-per-base:1;--np-per-sm:2;--np-per-lg:3;--np-gap:16px}.np-tst__card{display:flex;height:100%;flex-direction:column;border:1px solid var(--np-border);border-radius:10px;background:var(--np-bg);padding:24px}.np-tst__stars{display:flex;gap:1px;color:var(--np-yellow)}.np-tst__stars svg{width:16px;height:16px;fill:currentColor}.np-tst__body{flex:1;margin-top:16px;font-size:16px;font-weight:300;font-style:italic;line-height:1.7}.np-tst__more,.np-readmore{align-self:flex-start;margin-top:10px;padding:0;border:0;background:none;color:currentColor;font:inherit;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.np-tst__foot{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--np-border)}.np-tst__foot .np-t:first-child{font-size:14px;font-weight:700}.np-tst__foot .np-t:last-child{font-size:12px;font-weight:300;color:var(--np-muted)}.np-tst__image{margin-top:20px;border-radius:10px;overflow:hidden}.np-tst__image img{width:100%;height:180px;object-fit:cover;display:block}.np-tst__avatar{width:40px;height:40px;flex:0 0 auto;border-radius:999px;object-fit:cover}@media(min-width:768px){.np-tst__card{padding:28px}}

#np-tst-{{ section.id }} { --np-lines: {{ s.clamp_lines | default: 5 }}; }

.np-trust{border-block:1px solid var(--np-border);background:#fff}
.np-trust__wrap{max-width:1280px;margin:0 auto;padding:20px 16px}
@media(min-width:768px){.np-trust__wrap{padding:24px 16px}}
.np-trust__grid{display:none}
@media(min-width:768px){.np-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}}
.np-trust__item{display:flex;align-items:center;gap:12px}
.np-trust__item svg{flex:0 0 auto;width:24px;height:24px;stroke:var(--np-navy);fill:none}
.np-trust__label{font-size:14px;font-weight:300;line-height:1.35;color:var(--np-navy)}
/* mobile carousel card */
.np-trust__card{display:flex;align-items:center;gap:12px;border-radius:10px;border:1px solid var(--np-border);padding:12px 16px;background:#fff}
.np-trust__card svg{flex:0 0 auto;width:20px;height:20px;stroke:var(--np-navy);fill:none}
.np-trust__card-label{font-size:12px;font-weight:300;line-height:1.4;color:var(--np-navy)}
/* mobile only */
.np-trust__mobile{display:block}
@media(min-width:768px){.np-trust__mobile{display:none}}
[data-npb-main] { transition: opacity 0.15s ease-out; }
[data-npb-main].is-switching { opacity: 0; }




/* Judge.me Overrides */
.jdgm-widget.jdgm-widget { display: flex; align-items: center; gap: 4px; }
.npb .jdgm-widget .jdgm-star { color: var(--npb-yellow) !important; }
.npb .jdgm-widget .jdgm-prev-badge__text { color: var(--npb-muted) !important; font-weight: 300 !important; }
.np-benefits__item .np-icon-raw svg { width: 100%; height: 100%; display: block; }
.np-benefits__item .np-icon-raw svg path, .np-benefits__item .np-icon-raw svg circle, .np-benefits__item .np-icon-raw svg rect, .np-benefits__item .np-icon-raw svg polygon { fill: currentColor !important; }
.np-benefits__item .np-icon-raw svg line, .np-benefits__item .np-icon-raw svg polyline { stroke: currentColor !important; }


/* Dancers FAQ CSS (copied from dancers-page.min.css) */
/* ============================================
   16. FAQ SECTION
   ============================================ */
.faq {
  background: var(--background);
}

.faq__header {
  text-align: center;
  max-width: 768px;
  margin: 0 auto 64px;
}

.faq__list {
    max-width: 768px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    overflow: hidden;
  }
  
  .faq__item {
    background: transparent;
    border-bottom: 1px solid #eaeaea;
  }
  
  .faq__item:last-child {
    border-bottom: none;
  }

.faq__question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  color: var(--primary);
  font-family: 'BlauernUe', system-ui, sans-serif;
  transition: color 0.3s ease;
}

.faq__question:hover {
  color: var(--accent-foreground);
}

.faq__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.faq__item.is-open .faq__icon {
  transform: rotate(180deg);
}

.faq__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq__answer-content {
  padding: 0 24px 24px;
  color: var(--muted-foreground);
  line-height: 1.7;
  font-size: 16px;
}
.faq__item.is-open .faq__answer {
  max-height: 500px;
}

.faq__cta {
  text-align: center;
  margin-top: 48px;
}

.faq__cta p {
  color: var(--muted-foreground);
  margin: 0;
}

.faq__cta a {
  color: var(--primary);
  font-weight: 700;
  text-decoration: none;
  transition: color 0.3s ease;
}

.faq__cta a:hover {
  color: var(--accent-foreground);
}



/* Buy box background */
.npb { background-color: #f8f7f2 !important; }

.jdgm-prev-badge__stars .jdgm-star.jdgm--on:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/cdn/shop/files/ance-review-star.png?v=1786031424);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.jdgm-prev-badge__stars .jdgm-star {
    position: relative;
}

/* ========================================================
   FIX: Mobile Sticky Header Overlap on Scroll-Up
   ======================================================== */
.section-header-mobile,
.section-header-mobile.shopify-section-header-sticky,
.section-header-mobile.animate,
sticky-header-mobile {
  z-index: 9999 !important;
}

.section-header-mobile .header-mobile {
  background-color: #364156 !important;
}

.section-header-mobile.shopify-section-header-sticky .header-mobile {
  background-color: #364156 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
}

#shopify-section-header,
.shopify-section-header-sticky {
  z-index: 9999 !important;
}

/* ========================================================
   Size Guide Modal (XYZ)
   ======================================================== */
.size-guide-modal-xyz {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 100002 !important;
  padding: 16px;
  box-sizing: border-box;
  cursor: pointer;
}

.size-guide-modal-xyz.show,
.size-guide-modal-xyz.is-open {
  opacity: 1;
  visibility: visible;
}

.size-guide-content-xyz {
  background: #ffffff;
  padding: 24px 20px 20px;
  width: min(800px, 92vw);
  max-height: 90vh;
  max-height: 90dvh;
  overflow-y: auto;
  border-radius: 10px;
  text-align: center;
  position: relative;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  cursor: default;
}

.size-guide-content-xyz img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}

.size-guide-close-xyz {
  position: absolute;
  top: 8px;
  right: 12px;
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  font-weight: 300;
  color: #364156;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: background-color 0.18s, color 0.18s;
  user-select: none;
  z-index: 10;
}

.size-guide-close-xyz:hover {
  background: rgba(54, 65, 86, 0.08);
  color: #000000;
}

.size-guide-content-xyz::-webkit-scrollbar {
  width: 8px;
}

.size-guide-content-xyz::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 6px;
}

.size-guide-content-xyz::-webkit-scrollbar-thumb {
  background-color: #364156;
  border-radius: 6px;
  border: 2px solid #f0f0f0;
}

.size-guide-content-xyz::-webkit-scrollbar-thumb:hover {
  background-color: #2a3340;
}

.size-guide-trigger {
  cursor: pointer;
  transition: opacity 0.2s;
}

.size-guide-trigger:hover {
  opacity: 0.85;
}

@media (max-width: 767px) {
  .size-guide-content-xyz {
    width: 95vw;
    padding: 20px 12px 12px;
    max-height: 92vh;
    max-height: 92dvh;
  }
  .size-guide-close-xyz {
    top: 6px;
    right: 8px;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .np-cmp__table th,
  .np-cmp__table td {
    min-width: 150px;
  }
}