/* =========================================================
   Studio387 — Ninium single proizvod: završni sloj
   Učitava se POSLIJE ninium-single.css. Tamo su kartice "v2" stila svedene na ravne liste
   (bez pozadine, okvira i paddinga), a zadržale su hover-podizanje - pa je sjena iskakala
   oko teksta bez razmaka. Ovdje su opet prave kartice, u jeziku početne stranice.
   Prefiks body.single-ninium_product ima jaču specifičnost od :is(...) pravila ispod.
   ========================================================= */

body.single-ninium_product{
  --nn-card-border:#E8E4E2;
  --nn-card-radius:18px;
}

/* Globalna Elementor postavka sajta daje svakoj <img> sjenu (0 0 30px). Oko providnog PNG pakovanja
   to iscrta pravougaonik, zato se na komponentama proizvoda gasi. */
body.single-ninium_product [class*="nn-single-"] img{
  box-shadow:none !important;
  border-radius:0;
}

/* ---------------------------------------------------------
   HERO 1c - veliki naziv, packshot u sredini
   --------------------------------------------------------- */
body.single-ninium_product .nn-single-hero--c{
  position:relative;
  /* Vlastiti sloj: z-index naziva i pakovanja važi samo unutar hero-a i ne može se popeti iznad headera i dropdowna. */
  isolation:isolate;
  z-index:0;
  overflow:hidden;
  background:linear-gradient(180deg,#F9F8F7 0%,#F6F4F3 55%,#F6F4F3 100%);
}
body.single-ninium_product .nn-single-hero--c .nn-single-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) 400px minmax(0,1fr);
  grid-template-rows:auto auto auto auto 1fr;
  column-gap:44px;row-gap:0;
  align-items:start;
  max-width:1250px;
  margin:0 auto;
  padding:138px 20px 0;
}
body.single-ninium_product .nn-single-hero--c .nn-single-hero__copy{display:contents;}

body.single-ninium_product .nn-single-hero--c .nn-single-eyebrow{
  grid-column:1/-1;grid-row:1;
  text-align:center;margin:0 0 10px;
}
body.single-ninium_product .nn-single-hero--c h1{
  grid-column:1/-1;grid-row:2;
  margin:0;
  text-align:center;
  font-size:clamp(120px,16vw,230px);
  font-weight:900;
  line-height:.85;
  letter-spacing:-.02em;
  color:#211018;
  /* naziv ide PREKO pakovanja (pakovanje ima z-index 2) */
  position:relative;z-index:3;
  pointer-events:none;
  animation:nn-hero-word .9s cubic-bezier(.22,1,.36,1) both;
}
body.single-ninium_product .nn-single-hero--c h2{
  grid-column:1;grid-row:3;
  align-self:end;
  margin:56px 0 16px;
  text-align:right;
  font-size:22px;font-weight:800;line-height:1.3;
  color:#650031;
}
/* Oznake: uredna lista činjenica sa kružićem (kvačica ili broj) umjesto pilula različitih dužina.
   Blok je širok koliko najduži red i naslonjen desno, uz pakovanje - kao dugmad sa druge strane. */
body.single-ninium_product .nn-single-hero--c .nn-single-badges{
  grid-column:1;grid-row:4;
  display:grid;grid-template-columns:minmax(240px,max-content);
  justify-content:end;
  /* donji razmak isti kao kod dugmadi desno: lista sa 4 reda je viša od pakovanja i inače bi dotakla rub hero-a */
  gap:0;margin:4px 0 34px;
}
body.single-ninium_product .nn-single-hero--c .nn-single-badges span{
  display:flex;align-items:center;gap:14px;
  padding:9px 0;
  border:0;border-top:1px solid #E0D9D6;border-radius:0;
  background:none;
  font-size:12px;font-weight:700;letter-spacing:.14em;line-height:1.3;
  color:#3A0A21;
}
body.single-ninium_product .nn-single-hero--c .nn-single-badges span:last-child{border-bottom:1px solid #E0D9D6;}
body.single-ninium_product .nn-single-hero--c .nn-single-badges span::before,
body.single-ninium_product .nn-single-hero--c .nn-single-badges span b{
  flex:0 0 auto;
  width:28px;height:28px;border-radius:50%;
}
body.single-ninium_product .nn-single-hero--c .nn-single-badges span::before{
  content:"";
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23650031' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E") center/12px no-repeat; /* FA check */
  box-shadow:inset 0 0 0 1px #E0D9D6;
}
body.single-ninium_product .nn-single-hero--c .nn-single-badges .nn-single-badge--num::before{display:none;}
body.single-ninium_product .nn-single-hero--c .nn-single-badges span b{
  display:inline-flex;align-items:center;justify-content:center;
  background:#650031;color:#fff;
  font-size:12px;font-weight:800;letter-spacing:0;
}
body.single-ninium_product .nn-single-hero--c p{
  grid-column:3;grid-row:3;
  margin:56px 0 24px;
  max-width:390px;
  font-size:16px;line-height:1.6;
}
body.single-ninium_product .nn-single-hero--c .nn-single-actions{
  grid-column:3;grid-row:4;
  flex-direction:column;align-items:flex-start;
  gap:12px;margin:0 0 34px;
}
body.single-ninium_product .nn-single-hero--c .nn-single-hero__visual{
  grid-column:2;grid-row:3/6;
  position:relative;z-index:2;
  margin:-78px 0 0;
  min-height:0;height:450px;
  padding:0;background:none;overflow:visible;
  display:flex;align-items:flex-end;justify-content:center;
}
body.single-ninium_product .nn-single-hero--c .nn-single-hero__visual span{display:none;}
/* mekana sjena "poda" ispod pakovanja */
body.single-ninium_product .nn-single-hero--c .nn-single-hero__visual::before{
  content:"";
  position:absolute;left:50%;bottom:34px;
  width:430px;height:130px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(33,16,24,.20) 0%,rgba(33,16,24,0) 70%);
}
body.single-ninium_product .nn-single-hero--c .nn-single-hero__visual img{
  position:relative;
  width:100%;height:100%;
  object-fit:contain;object-position:center center;
  /* Osnovni stil slici daje filter:drop-shadow. Filter + animirani transform tjera browser da sliku
     iznova iscrtava u svakom kadru, pa lebdenje secka. Sjenu ovdje ionako daje elipsa ispod (::before). */
  filter:none;
  animation:nn-hero-pack 1s cubic-bezier(.22,1,.36,1) .15s both;
}
/* Outline dugme na hover: osnovni stil boji tekst u bijelo, a pozadina mu ostane providna (varijabla nije
   definisana), pa tekst nestane na svijetloj podlozi. */
body.single-ninium_product .nn-single-hero--c .nn-single-button--outline:hover{
  background:#650031;
  border-color:#650031;
  color:#fff !important;
}
body.single-ninium_product .nn-single-hero--c .nn-single-button:not(.nn-single-button--outline):hover{background:#3A0A21;}

/* JPG pakovanja (Renu, Beat, Bryt) imaju bijelu pozadinu: stoje na mekanoj bijeloj kartici. */
body.single-ninium_product .nn-single-hero--c .nn-single-hero__visual img[src$=".jpg"],
body.single-ninium_product .nn-single-hero--c .nn-single-hero__visual img[src$=".jpeg"]{
  height:auto;max-height:100%;aspect-ratio:1/1;
  align-self:center;
  padding:22px;
  background:#fff;
  border-radius:28px !important;
  box-shadow:0 30px 60px rgba(58,10,33,.12) !important;
}
@keyframes nn-hero-word{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:none;}}
@keyframes nn-hero-pack{from{opacity:0;transform:translateY(34px) scale(.96);}to{opacity:1;transform:none;}}

/* ---------------------------------------------------------
   Sekcije: ritam i naslovi kao na početnoj
   --------------------------------------------------------- */
body.single-ninium_product .nn-single-section{padding-top:80px;padding-bottom:84px;}
body.single-ninium_product .nn-single-section__head{align-items:flex-end;margin-bottom:36px;}

/* Tri stuba / Za koga je / Sastojci / Koraci: ravne liste bez kartica - vidi ninium-single.css
   (blok "Varijanta 2"). Ovdje ostaju samo prave kartice: "Kombinuje se sa". */

/* ---- Kombinuje se sa: iste kartice proizvoda kao na početnoj ---- */
body.single-ninium_product .nn-single-section--related .nn-single-card{
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
body.single-ninium_product .nn-single-section--related .nn-single-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
body.single-ninium_product .nn-single-section--related .nn-single-card{
  position:relative;
  display:flex;flex-direction:column;
  padding:14px 14px 58px;
  background:#fff;
  border:1px solid var(--nn-card-border);
  border-radius:var(--nn-card-radius);
}
body.single-ninium_product .nn-single-section--related .nn-single-card__image{
  height:auto;aspect-ratio:16/10;
  margin-bottom:18px;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
}
body.single-ninium_product .nn-single-section--related .nn-single-card__image img{
  mix-blend-mode:normal;
  padding:10px;
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}
body.single-ninium_product .nn-single-section--related .nn-single-card:hover .nn-single-card__image img{transform:scale(1.05);}
body.single-ninium_product .nn-single-section--related .nn-single-card h3,
body.single-ninium_product .nn-single-section--related .nn-single-card p{padding:0 10px;}
body.single-ninium_product .nn-single-section--related .nn-single-card h3{font-size:15px;margin-bottom:8px;}
body.single-ninium_product .nn-single-section--related .nn-single-card p{font-size:15px;}
body.single-ninium_product .nn-single-section--related a.nn-single-card::after{
  content:"POGLEDAJ\00a0\00a0" url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='10' height='10'%3E%3Cpath fill='%23650031' d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E"); /* FA arrow-right */
  position:absolute;left:24px;bottom:22px;
  font:700 11px/1 'Archivo',sans-serif;letter-spacing:.14em;
  color:#650031;
  transition:letter-spacing .25s ease;
}
body.single-ninium_product .nn-single-section--related a.nn-single-card:hover::after{letter-spacing:.2em;}
body.single-ninium_product .nn-single-section--related .nn-single-card:hover{border-color:#D9D2CF;}

/* ---- "Dostupno i kao ..." - uredan red ispod kartica proizvoda ---- */
body.single-ninium_product .nn-single-section--variant{
  display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:36px;align-items:center;
  padding-top:0;padding-bottom:72px;margin-top:-44px;
}
body.single-ninium_product .nn-single-section--variant::before{
  content:"";grid-column:1/-1;
  height:1px;margin-bottom:30px;
  background:#E8E4E2;
}
body.single-ninium_product .nn-single-section--variant h2{font-size:20px;line-height:1.2;letter-spacing:.04em;color:#650031;}
body.single-ninium_product .nn-single-section--variant p{margin:0;font-size:16px;line-height:1.6;}

/* ---- Magazine na stranici proizvoda: iste kartice kao na početnoj ---- */
body.single-ninium_product .nn-mag .nn-mag-card{
  background:#fff;
  border:1px solid #E6E1DF;
  border-radius:18px;
}
body.single-ninium_product .nn-mag .nn-mag-card:hover{
  background:#fff;
  border:1px solid #D9D2CF;
  border-radius:18px;
  box-shadow:0 14px 30px rgba(58,10,33,.08);
}
/* Slika ide od ruba do ruba kartice, tekst dobija isti padding kao na početnoj. */
body.single-ninium_product .nn-mag{gap:24px;}
body.single-ninium_product .nn-mag .nn-mag-media{height:210px;margin:0;border-radius:0;}
body.single-ninium_product .nn-mag .nn-mag-body{padding:22px 24px 26px;}

/* ---------------------------------------------------------
   Ninin pogled - tamna editorial traka
   --------------------------------------------------------- */
body.single-ninium_product .nn-single-view--dark{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#3A0A21 0%,#4F0A2B 60%,#650031 100%);
  color:#EBD3DA;
  padding-top:96px;padding-bottom:96px;
}
body.single-ninium_product .nn-single-view--dark .nn-single-eyebrow{color:#D9A9BC;}
body.single-ninium_product .nn-single-view--dark h2{color:#fff;}
body.single-ninium_product .nn-single-view--dark p{color:#EBD3DA;}
body.single-ninium_product .nn-single-view--dark .nn-single-view__author{color:#D9A9BC;}
body.single-ninium_product .nn-single-view--dark .nn-single-view__more p{color:#EBD3DA;}
body.single-ninium_product .nn-single-view--dark details summary{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 24px;
  border-radius:9px;
  background:#fff;color:#650031;
  font:700 12px/1.2 'Archivo',sans-serif;letter-spacing:.12em;
  cursor:pointer;list-style:none;
  transition:transform .2s ease,box-shadow .2s ease;
}
body.single-ninium_product .nn-single-view--dark details summary::-webkit-details-marker{display:none;}
body.single-ninium_product .nn-single-view--dark details summary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.25);}
body.single-ninium_product .nn-single-view--dark details[open] summary{margin-bottom:26px;}
body.single-ninium_product .nn-single-view--dark .nn-single-view__photo{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(217,169,188,.25);
  color:#D9A9BC;
}

/* Fotografija umjesto placeholdera: portret 4:5, zaobljen, sa tankim pomjerenim okvirom iza. */
body.single-ninium_product .nn-single-view--dark .nn-single-view__photo.nn-single-view__photo--image{
  position:relative;display:block;
  height:auto;aspect-ratio:4/5;
  padding:0;background:none;border:0;
}
body.single-ninium_product .nn-single-view--dark .nn-single-view__photo--image::before{
  content:"";position:absolute;inset:0;
  transform:translate(14px,14px);
  border:1px solid rgba(217,169,188,.4);border-radius:20px;
}
/* Slika je apsolutno pozicionirana da omjer okvira (aspect-ratio) uvijek važi, i u flex koloni na mobilnom. */
body.single-ninium_product .nn-single-view .nn-single-view__photo--image img{
  position:absolute;inset:0;display:block;
  width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:var(--nn-view-focus,50% 20%);
  border-radius:20px;
  box-shadow:0 30px 60px rgba(0,0,0,.35) !important;
}
body.single-ninium_product .nn-single-view--light .nn-single-view__photo--image{position:relative;padding:0;overflow:hidden;}
body.single-ninium_product .nn-single-view--light .nn-single-view__photo--image img{border-radius:50%;box-shadow:none !important;}

/* Sekcija na stranici ostaje kratka: fotografija + citat + dva pasusa + dugme. Cijeli tekst ide u čitač. */
body.single-ninium_product .nn-single-view--dark .nn-single-view__inner{align-items:center;}
body.single-ninium_product .nn-single-view--dark .nn-single-view__photo{height:460px;}
body.single-ninium_product .nn-single-view--dark .nn-single-view__copy{max-width:740px;}
body.single-ninium_product .nn-single-view--dark .nn-single-view__copy > p{font-size:17px;line-height:1.7;}
body.single-ninium_product .nn-single-view__toggle{
  -webkit-appearance:none;appearance:none;
  display:inline-flex;align-items:center;gap:12px;
  margin:12px 0 0;
  padding:15px 24px;
  border:0 !important;border-radius:9px !important;
  background:#fff !important;color:#650031 !important;
  font:700 12px/1.2 'Archivo',sans-serif;letter-spacing:.12em;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
}
body.single-ninium_product .nn-single-view__toggle:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.25);}
body.single-ninium_product .nn-single-view__toggle-icon{
  width:7px;height:7px;
  border-right:1.6px solid currentColor;border-top:1.6px solid currentColor;
  transform:rotate(45deg);
  transition:transform .25s ease;
}
body.single-ninium_product .nn-single-view__toggle:hover .nn-single-view__toggle-icon{transform:translateX(4px) rotate(45deg);}
body.single-ninium_product .nn-single-view--dark .nn-single-view__author{margin-top:26px;}

/* ---------------------------------------------------------
   Čitač (assets/js/ninium-single.js) - panel sa cijelim Nininim tekstom
   --------------------------------------------------------- */
html.nn-reader-lock{overflow:hidden;}
.nn-reader{position:fixed;inset:0;z-index:100000;font-family:'Archivo',sans-serif;}
.nn-reader[hidden]{display:none;}
.nn-reader__backdrop{
  position:absolute;inset:0;
  background:rgba(33,16,24,.58);
  -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
  opacity:0;transition:opacity .4s ease;
}
.nn-reader__panel{
  position:absolute;top:0;right:0;bottom:0;
  width:min(780px,100%);
  display:flex;flex-direction:column;
  background:#FAF9F8;color:#4A2436;
  border-radius:26px 0 0 26px;
  box-shadow:-30px 0 80px rgba(33,16,24,.35);
  transform:translateX(104%);
  transition:transform .48s cubic-bezier(.22,1,.36,1);
  outline:0;overflow:hidden;
}
.nn-reader.is-open .nn-reader__backdrop{opacity:1;}
.nn-reader.is-open .nn-reader__panel{transform:none;}
.nn-reader__progress{height:3px;background:#F6F4F3;flex:0 0 auto;}
.nn-reader__progress span{display:block;height:100%;background:#650031;transform-origin:left center;transform:scaleX(0);}
.nn-reader__head{
  flex:0 0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px 56px 18px;
  border-bottom:1px solid #E8E4E2;
}
.nn-reader__eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:#650031;}
.nn-reader .nn-reader__close{
  -webkit-appearance:none;appearance:none;
  width:42px;height:42px;padding:0;
  display:flex;align-items:center;justify-content:center;
  border:1px solid #D9D2CF !important;border-radius:11px !important;
  background:#fff !important;color:#3A0A21 !important;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.nn-reader .nn-reader__close:hover{background:#650031 !important;border-color:#650031 !important;color:#fff !important;}
.nn-reader__scroll{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:44px 56px 56px;}
.nn-reader .nn-reader__title{
  margin:0 0 22px;
  font:900 34px/1.12 'Archivo',sans-serif;
  letter-spacing:-.005em;text-transform:none;
  color:#211018;
}
.nn-reader__author{
  display:flex;align-items:center;gap:12px;
  margin:0 0 34px;padding-bottom:26px;
  border-bottom:1px solid #E8E4E2;
  font-size:14px;font-weight:700;letter-spacing:.04em;color:#3A0A21;
}
.nn-reader__avatar{
  width:38px;height:38px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#650031;color:#fff;font-weight:900;font-size:16px;
}
.nn-reader__body{max-width:640px;}
.nn-reader .nn-reader__body p{margin:0 0 20px;font:400 17px/1.78 'Archivo',sans-serif;color:#4A2436;}
.nn-reader .nn-reader__body p:first-child{font-size:20px;line-height:1.6;color:#3A0A21;font-weight:500;}
.nn-reader .nn-reader__body p:last-child{margin-bottom:0;}
.nn-reader__foot{
  flex:0 0 auto;
  display:flex;align-items:center;gap:12px;
  padding:16px 56px;
  background:#fff;border-top:1px solid #E8E4E2;
}
.nn-reader .nn-reader__cta,
.nn-reader .nn-reader__back{
  display:inline-flex;align-items:center;justify-content:center;
  padding:15px 24px;border-radius:9px !important;
  font:700 12px/1.2 'Archivo',sans-serif;letter-spacing:.12em;
  text-decoration:none !important;cursor:pointer;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.nn-reader .nn-reader__cta{background:#650031;color:#fff !important;border:1px solid #650031;}
.nn-reader .nn-reader__cta:hover{background:#3A0A21;border-color:#3A0A21;transform:translateY(-1px);}
.nn-reader .nn-reader__back{-webkit-appearance:none;appearance:none;background:transparent !important;color:#650031 !important;border:1px solid #650031 !important;}
.nn-reader .nn-reader__back:hover{background:#650031 !important;color:#fff !important;}
@media (max-width:767px){
  .nn-reader__panel{top:auto;left:0;right:0;width:100%;height:92vh;height:92dvh;border-radius:24px 24px 0 0;transform:translateY(104%);}
  .nn-reader__head{padding:16px 20px 14px;}
  .nn-reader__scroll{padding:28px 20px 36px;}
  .nn-reader .nn-reader__title{font-size:26px;}
  .nn-reader .nn-reader__body p{font-size:16px;}
  .nn-reader .nn-reader__body p:first-child{font-size:18px;}
  .nn-reader__foot{padding:12px 20px;}
  .nn-reader .nn-reader__cta{flex:1 1 auto;}
}
@media (prefers-reduced-motion:reduce){
  .nn-reader__panel,.nn-reader__backdrop{transition:none;}
}

/* ---------------------------------------------------------
   FAQ - kartice
   --------------------------------------------------------- */
body.single-ninium_product .nn-single-faq__items{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
body.single-ninium_product .nn-single-faq details{
  padding:0;margin:0;
  background:#fff;
  border:1px solid var(--nn-card-border);
  border-radius:16px;
  transition:border-color .2s ease,box-shadow .25s ease;
}
body.single-ninium_product .nn-single-faq details:hover,
body.single-ninium_product .nn-single-faq details[open]{border-color:#D9D2CF;box-shadow:0 10px 26px rgba(58,10,33,.06);}
body.single-ninium_product .nn-single-faq summary{
  align-items:center;
  padding:22px 24px;
  font-size:16px;line-height:1.35;
}
body.single-ninium_product .nn-single-faq summary::after{
  flex:0 0 auto;
  width:30px;height:30px;line-height:28px;text-align:center;
  border:1px solid #D9D2CF;border-radius:50%;
  font-size:20px;font-weight:400;
  transition:transform .25s ease,background .2s ease,color .2s ease;
}
body.single-ninium_product .nn-single-faq details[open] summary::after{transform:rotate(45deg);background:#650031;border-color:#650031;color:#fff;}
body.single-ninium_product .nn-single-faq details p{margin:0;padding:0 24px 24px;font-size:15px;line-height:1.6;}

/* ---------------------------------------------------------
   Završni poziv
   --------------------------------------------------------- */
body.single-ninium_product .nn-single-footer{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#3A0A21 0%,#650031 100%);
  border-radius:20px;
}

/* ---------------------------------------------------------
   Tablet / mobilni
   --------------------------------------------------------- */
@media (max-width:1024px){
  body.single-ninium_product .nn-single-hero--c .nn-single-hero__inner{grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);column-gap:28px;}
  body.single-ninium_product .nn-single-hero--c .nn-single-hero__visual{height:360px;}
  body.single-ninium_product .nn-single-hero--c .nn-single-hero__visual::before{width:320px;height:100px;}
  body.single-ninium_product .nn-single-hero--c h2,
  body.single-ninium_product .nn-single-hero--c p{margin-top:48px;}
  body.single-ninium_product .nn-single-faq__items{grid-template-columns:1fr;}
  body.single-ninium_product .nn-single-view--dark .nn-single-view__photo{height:360px;}
}
@media (max-width:767px){
  body.single-ninium_product .nn-single-hero--c .nn-single-hero__inner{display:flex;flex-direction:column;align-items:stretch;padding:112px 20px 44px;}
  body.single-ninium_product .nn-single-hero--c h1{font-size:clamp(84px,27vw,150px);}
  body.single-ninium_product .nn-single-hero--c .nn-single-hero__visual{order:2;height:320px;margin:-20px 0 6px;}
  body.single-ninium_product .nn-single-hero--c .nn-single-hero__visual::before{width:280px;height:90px;bottom:20px;}
  body.single-ninium_product .nn-single-hero--c h2{order:3;margin:0 0 14px;text-align:left;font-size:20px;}
  body.single-ninium_product .nn-single-hero--c .nn-single-badges{order:4;align-self:stretch;grid-template-columns:1fr;justify-content:stretch;margin:0 0 22px;}
  body.single-ninium_product .nn-single-hero--c p{order:5;margin:0 0 22px;max-width:none;}
  body.single-ninium_product .nn-single-hero--c .nn-single-actions{order:6;align-items:stretch;width:100%;margin:0;}
  body.single-ninium_product .nn-single-hero--c .nn-single-actions .nn-single-button{width:100%;}
  body.single-ninium_product .nn-single-section{padding-top:56px;padding-bottom:60px;}
  body.single-ninium_product .nn-single-section--related .nn-single-grid{grid-template-columns:1fr;gap:16px;}
  body.single-ninium_product .nn-single-section--related .nn-single-card{padding:16px 16px 50px;}
  body.single-ninium_product .nn-single-section--related .nn-single-card__image{height:170px;}
  body.single-ninium_product .nn-single-section--variant{grid-template-columns:1fr;row-gap:10px;margin-top:-30px;padding-bottom:52px;}
  body.single-ninium_product .nn-single-view--dark{padding-top:64px;padding-bottom:64px;}
  body.single-ninium_product .nn-single-view--dark .nn-single-view__photo{height:300px;}
  body.single-ninium_product .nn-single-view--dark .nn-single-view__photo.nn-single-view__photo--image{aspect-ratio:1/1;width:calc(100% - 14px);margin-bottom:14px;}
  body.single-ninium_product .nn-mag{gap:16px;--nn-mag-cols:1;}
  body.single-ninium_product .nn-mag .nn-mag-media{height:190px;}
  body.single-ninium_product .nn-single-view__toggle{width:100%;justify-content:center;}
  body.single-ninium_product .nn-single-footer{border-radius:0;}
}

@media (prefers-reduced-motion:reduce){
  body.single-ninium_product .nn-single-hero--c h1,
  body.single-ninium_product .nn-single-hero--c .nn-single-hero__visual::before,
  body.single-ninium_product .nn-single-hero--c .nn-single-hero__visual img{animation:none;}
}

/* Hero unutrasnjih stranica, prijedlog C (2026-10-06): bijela pozadina, fina tackasta mreza odozdo iza pakovanja (gubi se prema tekstu sa strane i prema gore), bordo linija ispod. */
body.single-ninium_product .nn-single-hero.nn-single-hero--c{
  background-color:#fff;
  background-image:radial-gradient(ellipse 25% 85% at 50% 100%,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 38%,#fff 100%),linear-gradient(180deg,#fff 0%,#fff 30%,rgba(255,255,255,0) 58%),radial-gradient(circle,#C2B7B3 1.3px,rgba(255,255,255,0) 1.8px);
  background-size:100% 100%,100% 100%,22px 22px;
  background-repeat:no-repeat,no-repeat,repeat;
  border-bottom:3px solid #650031;
}
@media (max-width:1024px){
  body.single-ninium_product .nn-single-hero.nn-single-hero--c{
    background-image:linear-gradient(180deg,#fff 0%,#fff 48%,rgba(255,255,255,0) 88%),radial-gradient(circle,#C2B7B3 1.2px,rgba(255,255,255,0) 1.7px);
  }
}

/* =====================================================================
   2026-10-27: prodajnija stranica proizvoda (korisnik: "da bude više prodajan, ne da se mora klikati, tekst jasno vidljiv")
   - .nn-single-article: cijeli Ninin tekst kao članak + kartica za narudžbu (sticky na desktopu)
   - .nn-assure: garancija / pouzeće / pomoć (FA ikonice) - hero, kartica, kraj teksta
   ===================================================================== */
body.single-ninium_product .nn-assure{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
body.single-ninium_product .nn-assure li{display:flex;align-items:center;gap:10px;margin:0;font:500 14px/1.4 'Archivo',sans-serif;color:#4B3F45;}
body.single-ninium_product .nn-assure svg{width:15px;height:15px;flex:none;fill:#650031;}
body.single-ninium_product .nn-assure a{color:#650031 !important;text-decoration:underline;text-underline-offset:3px;}
body.single-ninium_product .nn-single-hero .nn-single-actions .nn-assure{margin-top:6px;}

body.single-ninium_product .nn-single-article{background:#fff;padding:96px 24px 104px;}
body.single-ninium_product .nn-single-article__inner{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:80px;align-items:start;}
body.single-ninium_product .nn-single-article__text{max-width:720px;}
body.single-ninium_product .nn-single-article__text .nn-single-eyebrow{margin:0 0 14px;}
body.single-ninium_product .nn-single-article__text h2{font-family:'Fraunces',serif !important;font-weight:400 !important;font-size:44px;line-height:1.12;letter-spacing:-.6px;text-transform:none;color:#1E1418;margin:0 0 36px;}
body.single-ninium_product .nn-single-article__text p{font:400 18px/1.8 'Archivo',sans-serif;color:#4B3F45;margin:0 0 22px;}
body.single-ninium_product .nn-single-article__text p.is-lead{font-family:'Fraunces',serif;font-size:23px;line-height:1.6;color:#1E1418;margin-bottom:28px;}
body.single-ninium_product .nn-single-article__quote{margin:44px 0;padding:4px 0 4px 28px;border-left:2px solid #650031;font-family:'Fraunces',serif;font-style:italic;font-weight:400;font-size:30px;line-height:1.3;color:#650031;}
body.single-ninium_product .nn-single-article__sign{display:flex;align-items:center;gap:14px;margin:40px 0 30px;padding-top:28px;border-top:1px solid #E7E2E0;}
body.single-ninium_product .nn-single-article__sign img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 20%;box-shadow:none !important;}
body.single-ninium_product .nn-single-article__sign b{display:block;font-family:'Fraunces',serif;font-weight:400;font-size:21px;line-height:1.1;color:#1E1418;}
body.single-ninium_product .nn-single-article__sign small{display:block;margin-top:4px;font:600 11px/1.3 'Archivo',sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#650031;}
body.single-ninium_product .nn-single-article__end{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;padding:26px 28px;border-radius:20px;background:#F6F4F3;}
body.single-ninium_product .nn-single-article__end .nn-single-button{width:auto;}

body.single-ninium_product .nn-single-article__buy{position:sticky;top:116px;}
body.single-ninium_product .nn-buy{background:#F6F4F3;border-radius:24px;padding:26px 24px 24px;display:flex;flex-direction:column;gap:14px;}
body.single-ninium_product .nn-buy__img{background:#fff;border-radius:18px;padding:18px;display:flex;align-items:center;justify-content:center;min-height:220px;}
body.single-ninium_product .nn-buy__img img{max-height:200px;width:auto;max-width:100%;object-fit:contain;box-shadow:none !important;filter:none !important;}
body.single-ninium_product .nn-buy__name{font:700 15px/1.2 'Archivo',sans-serif;letter-spacing:3px;color:#1E1418;text-align:center;}
body.single-ninium_product .nn-buy__slogan{font:400 15px/1.5 'Archivo',sans-serif;color:#4B3F45;text-align:center;margin:4px 0 0;}
body.single-ninium_product .nn-buy__btn{width:100%;}
body.single-ninium_product .nn-buy .nn-assure{padding-top:14px;border-top:1px solid #E7E2E0;}

@media (max-width:1024px){
  body.single-ninium_product .nn-single-article{padding:64px 24px 72px;}
  body.single-ninium_product .nn-single-article__inner{grid-template-columns:1fr;gap:40px;}
  body.single-ninium_product .nn-single-article__text{max-width:none;}
  body.single-ninium_product .nn-single-article__buy{position:static;order:-1;}
  body.single-ninium_product .nn-buy{display:grid;grid-template-columns:120px 1fr;gap:12px 18px;align-items:center;padding:18px;}
  body.single-ninium_product .nn-buy__img{min-height:0;padding:10px;grid-row:1 / span 2;}
  body.single-ninium_product .nn-buy__img img{max-height:110px;}
  body.single-ninium_product .nn-buy__name,body.single-ninium_product .nn-buy__slogan{text-align:left;}
  body.single-ninium_product .nn-buy__btn,body.single-ninium_product .nn-buy .nn-assure{grid-column:1 / -1;}
}
@media (max-width:767px){
  body.single-ninium_product .nn-single-article{padding:44px 20px 56px;}
  body.single-ninium_product .nn-single-article__text h2{font-size:30px;margin-bottom:26px;}
  body.single-ninium_product .nn-single-article__text p{font-size:17px;line-height:1.75;}
  body.single-ninium_product .nn-single-article__text p.is-lead{font-size:20px;}
  body.single-ninium_product .nn-single-article__quote{font-size:24px;margin:32px 0;padding-left:20px;}
  body.single-ninium_product .nn-buy{grid-template-columns:92px 1fr;}
  body.single-ninium_product .nn-buy__img img{max-height:84px;}
  body.single-ninium_product .nn-single-article__end{padding:22px 20px;}
  body.single-ninium_product .nn-single-article__end .nn-single-button{width:100%;}
}
/* dugmad u članku i kartici: boja eksplicitno (var --nn-burgundy ovdje nije definisan), pilula kao na ostatku sajta */
body.single-ninium_product .nn-single-article .nn-single-button{background:#650031 !important;color:#fff !important;border:0;border-radius:999px;padding:17px 26px;font:700 12px/1.2 'Archivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;}
body.single-ninium_product .nn-single-article .nn-single-button:hover{background:#2E0819 !important;}

/* =====================================================================
   2026-10-27: Sastojci / Upotreba / Kombinuje se sa - bogatije i zbijenije
   (korisnik: "prejednostavne i previše bijelog prostora")
   ===================================================================== */
body.single-ninium_product .nn-single-section--ingredients,
body.single-ninium_product .nn-single-section--steps,
body.single-ninium_product .nn-single-section--related{padding-top:72px;padding-bottom:76px;border-top:0 !important;}
body.single-ninium_product .nn-single-section--ingredients{background:#F6F4F3 !important;}
body.single-ninium_product .nn-single-section--steps{background:#2E0819 !important;}
body.single-ninium_product .nn-single-section--related{background:#FFFFFF !important;}
body.single-ninium_product .nn-single-section--steps .nn-single-eyebrow{color:#E9DFE2 !important;}
body.single-ninium_product .nn-single-section--steps .nn-single-section__head h2{color:#fff !important;}
body.single-ninium_product .nn-single-section--steps .nn-single-section__head>p{color:#E9DFE2 !important;}

/* Sastojci */
body.single-ninium_product .nn-pi{display:grid;grid-template-columns:400px minmax(0,1fr);gap:24px;align-items:stretch;}
body.single-ninium_product .nn-pi--noimg{grid-template-columns:1fr;}
body.single-ninium_product .nn-pi__photo{border-radius:24px;overflow:hidden;background:#fff;min-height:420px;position:relative;}
body.single-ninium_product .nn-pi__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:28px;box-shadow:none !important;filter:none !important;}
body.single-ninium_product .nn-pi__photo--photo img{object-fit:cover;padding:0;}
body.single-ninium_product .nn-pi__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start;}
body.single-ninium_product .nn-pi__card{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #E7E2E0;border-radius:18px;padding:18px 20px;}
body.single-ninium_product .nn-pi__num{flex:none;width:34px;height:34px;border-radius:50%;background:#650031;color:#fff;font:600 12px/34px 'Archivo',sans-serif;text-align:center;}
body.single-ninium_product .nn-pi__card h3{font:700 13px/1.3 'Archivo',sans-serif !important;letter-spacing:1.4px;text-transform:uppercase;color:#1E1418;margin:7px 0 6px;}
body.single-ninium_product .nn-pi__card p{font:400 14px/1.55 'Archivo',sans-serif;color:#4B3F45;margin:0;}

/* Upotreba (fotka upotrebe lijevo, kompaktni koraci + narudžba desno) */
body.single-ninium_product .nn-ps{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:stretch;}
body.single-ninium_product .nn-ps--noimg{grid-template-columns:1fr;}
body.single-ninium_product .nn-ps__photo{position:relative;border-radius:24px;overflow:hidden;background:#F6F4F3;min-height:420px;}
body.single-ninium_product .nn-ps__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:32px;box-shadow:none !important;filter:none !important;}
body.single-ninium_product .nn-ps__photo--photo img{object-fit:cover;padding:0;}
body.single-ninium_product .nn-ps__main{display:flex;flex-direction:column;gap:12px;}
body.single-ninium_product .nn-ps__steps{display:flex;flex-direction:column;gap:12px;}
body.single-ninium_product .nn-ps__card{display:flex;gap:20px;align-items:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px 26px;}
body.single-ninium_product .nn-ps__num{flex:none;width:58px;font-family:'Fraunces',serif;font-style:italic;font-weight:400;font-size:42px;line-height:1;color:#E4CFA6;}
body.single-ninium_product .nn-ps__card h3{font:600 18px/1.3 'Archivo',sans-serif !important;color:#fff !important;margin:4px 0 6px;text-transform:none;letter-spacing:0;}
body.single-ninium_product .nn-ps__card p{font:400 15px/1.6 'Archivo',sans-serif;color:#E9DFE2 !important;margin:0;}
body.single-ninium_product .nn-ps__buy{margin-top:auto;background:#fff;border-radius:20px;padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;}
body.single-ninium_product .nn-ps__buy .nn-assure{gap:6px;}
body.single-ninium_product .nn-ps__buy .nn-single-button,
body.single-ninium_product .nn-pr .nn-single-button{background:#650031 !important;color:#fff !important;border:0;border-radius:999px;font:700 12px/1.2 'Archivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;}
body.single-ninium_product .nn-ps__buy .nn-single-button{padding:16px 26px;width:auto;}
body.single-ninium_product .nn-ps__buy .nn-single-button:hover,
body.single-ninium_product .nn-pr .nn-single-button:hover{background:#2E0819 !important;}

/* Kombinuje se sa */
body.single-ninium_product .nn-pr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
body.single-ninium_product .nn-pr__card{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;align-items:center;background:#fff;border:1px solid #E7E2E0;border-radius:20px;padding:14px;transition:box-shadow .25s ease,transform .25s ease;}
body.single-ninium_product .nn-pr__card:hover{box-shadow:0 18px 40px -24px rgba(46,8,25,.35);transform:translateY(-3px);}
body.single-ninium_product .nn-pr__img{background:#F6F4F3;border-radius:14px;height:150px;display:flex;align-items:center;justify-content:center;padding:12px;}
body.single-ninium_product .nn-pr__img img{max-height:122px;max-width:100%;width:auto;object-fit:contain;box-shadow:none !important;filter:none !important;}
body.single-ninium_product .nn-pr__body h3{font:700 14px/1.2 'Archivo',sans-serif !important;letter-spacing:2.4px;margin:0 0 6px;text-transform:uppercase;}
body.single-ninium_product .nn-pr__body h3 a{color:#1E1418 !important;text-decoration:none;}
body.single-ninium_product .nn-pr__body p{font:400 14px/1.5 'Archivo',sans-serif;color:#4B3F45;margin:0 0 12px;}
body.single-ninium_product .nn-pr__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;}
body.single-ninium_product .nn-pr__actions .nn-single-button{padding:11px 18px;font-size:11px;width:auto;}
body.single-ninium_product .nn-pr__more{font:700 11px/1.2 'Archivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#650031 !important;text-decoration:none;}

@media (max-width:1024px){
  body.single-ninium_product .nn-pi{grid-template-columns:1fr;}
  body.single-ninium_product .nn-pi__photo{min-height:360px;}
  body.single-ninium_product .nn-pr{grid-template-columns:1fr;}
  body.single-ninium_product .nn-ps{grid-template-columns:1fr;}
  body.single-ninium_product .nn-ps__photo{min-height:380px;}
}
@media (max-width:767px){
  body.single-ninium_product .nn-single-section--ingredients,
  body.single-ninium_product .nn-single-section--steps,
  body.single-ninium_product .nn-single-section--related{padding-top:48px;padding-bottom:52px;}
  body.single-ninium_product .nn-pi__photo{min-height:300px;}
  body.single-ninium_product .nn-pi__grid{grid-template-columns:1fr;gap:10px;}
  body.single-ninium_product .nn-pi__card{padding:16px;}
  body.single-ninium_product .nn-ps__photo{min-height:300px;}
  body.single-ninium_product .nn-ps__card{padding:18px 18px;gap:14px;}
  body.single-ninium_product .nn-ps__num{width:44px;font-size:34px;}
  body.single-ninium_product .nn-ps__buy{padding:18px;}
  body.single-ninium_product .nn-ps__buy .nn-single-button{width:100%;}
  body.single-ninium_product .nn-pr__card{grid-template-columns:110px minmax(0,1fr);gap:14px;}
  body.single-ninium_product .nn-pr__img{height:120px;}
  body.single-ninium_product .nn-pr__img img{max-height:96px;}
}