.nn-single-hero,.nn-single-section,.nn-single-view,.nn-single-footer{--nn-plum:#3A0A21;--nn-burgundy:#650031;--nn-ink:#211018;--nn-text:#4A2436;--nn-rose:#D9A9BC;font-family:'Archivo',sans-serif}
.nn-single-hero *,.nn-single-section *,.nn-single-view *,.nn-single-footer *{box-sizing:border-box}
.nn-single-hero{background:linear-gradient(135deg,#F9F8F7,#F6F4F3 48%,#E9E5E3);color:var(--nn-ink)}
.nn-single-hero__inner{max-width:1250px;margin:auto;padding:88px 20px;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.nn-single-eyebrow{font-size:13px;font-weight:600;letter-spacing:1.2px;color:var(--nn-burgundy);text-transform:uppercase;margin-bottom:18px}
.nn-single-hero h1{font:900 clamp(70px,8vw,110px)/.95 'Archivo',sans-serif;letter-spacing:-.02em;color:var(--nn-ink);margin:0 0 18px}
.nn-single-hero h2{font:800 24px/1.25 'Archivo',sans-serif;color:var(--nn-burgundy);margin:0 0 18px}
.nn-single-hero p{font:400 16px/1.6 'Archivo',sans-serif;color:var(--nn-text);margin:0 0 22px;max-width:550px}
.nn-single-badges,.nn-single-actions{display:flex;flex-wrap:wrap;gap:8px}.nn-single-badges{margin-bottom:30px}
.nn-single-badges span{font-size:12px;font-weight:700;letter-spacing:.08em;border:1px solid #D9D2CF;border-radius:30px;padding:7px 14px;color:var(--nn-text);background:#ffffff80}
.nn-single-actions{gap:14px}.nn-single-button{display:inline-flex;align-items:center;justify-content:center;padding:17px 28px;border-radius:9px;background:var(--nn-burgundy);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.2;transition:transform .25s,background .25s}.nn-single-button:hover{background:var(--nn-plum);transform:translateY(-2px)}.nn-single-button--outline{background:transparent;border:1px solid var(--nn-burgundy);color:var(--nn-burgundy)!important}.nn-single-button--outline:hover{color:#fff!important}
.nn-single-hero__visual{position:relative;min-height:550px;border-radius:20px;background:linear-gradient(150deg,#3A0A21,#650031);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:48px}.nn-single-hero__visual span{position:absolute;top:26px;font:900 110px/1 'Archivo',sans-serif;-webkit-text-stroke:1px #D9A9BC55;color:transparent}.nn-single-hero__visual img{position:relative;display:block;width:100%;height:450px;object-fit:contain;filter:drop-shadow(0 24px 25px #21051455)}
.nn-single-hero--b{background:linear-gradient(150deg,#2B0717,#3A0A21 55%,#4E1129)}.nn-single-hero--b .nn-single-hero__inner{grid-template-columns:1fr 1.1fr}.nn-single-hero--b .nn-single-hero__visual{grid-column:1;grid-row:1;background:radial-gradient(circle,#D9A9BC22,transparent 65%);padding:0}.nn-single-hero--b .nn-single-hero__copy{grid-column:2;grid-row:1}.nn-single-hero--b h1,.nn-single-hero--b h2{color:#fff}.nn-single-hero--b h2,.nn-single-hero--b .nn-single-eyebrow{color:#E9B4C4}.nn-single-hero--b p,.nn-single-hero--b .nn-single-badges span{color:#EBD3DA}.nn-single-hero--b .nn-single-badges span{background:none;border-color:#D9A9BC66}.nn-single-hero--b .nn-single-button{background:#fff;color:var(--nn-burgundy)!important}.nn-single-hero--b .nn-single-button--outline{background:transparent;border-color:#ffffff88;color:#fff!important}
:is(.page-id-256,.single-ninium_product) .nn-single-hero--b{background:linear-gradient(to bottom,#F9F8F7 0 86px,#2B0717 86px,#3A0A21 55%,#4E1129)}
.nn-single-hero--c{background:#F6F4F3}.nn-single-hero--c .nn-single-hero__inner{display:grid;grid-template-columns:1fr 400px 1fr;gap:30px;padding-top:66px}.nn-single-hero--c .nn-single-hero__copy{display:contents}.nn-single-hero--c .nn-single-eyebrow{grid-column:1/-1;text-align:center;margin:0}.nn-single-hero--c h1{grid-column:1/-1;text-align:center;font-size:clamp(100px,16vw,230px);line-height:.8;margin:0;z-index:1}.nn-single-hero--c h2{grid-column:1;grid-row:3;text-align:right;align-self:center}.nn-single-hero--c p{grid-column:3;grid-row:3;align-self:start;margin-top:75px}.nn-single-hero--c .nn-single-badges{grid-column:1;grid-row:3;align-self:end;justify-content:flex-end;margin-bottom:75px}.nn-single-hero--c .nn-single-actions{grid-column:3;grid-row:3;align-self:end;margin-bottom:55px}.nn-single-hero--c .nn-single-hero__visual{grid-column:2;grid-row:3;background:none;min-height:470px;padding:0;overflow:visible;margin-top:-22px}.nn-single-hero--c .nn-single-hero__visual span{display:none}.nn-single-hero--c .nn-single-hero__visual img{height:470px}
.nn-single-section{padding:84px max(20px,calc((100vw - 1250px)/2));background:#FFFFFF;color:var(--nn-text)}.nn-single-section:nth-of-type(even){background:#F6F4F3}.nn-single-section__head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:32px}.nn-single-section h2,.nn-single-faq h2{font:900 40px/1 'Archivo',sans-serif;text-transform:uppercase;color:var(--nn-ink);margin:0}.nn-single-section__head>p{font:400 16px/1.6 'Archivo',sans-serif;max-width:430px;margin:0}.nn-single-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.nn-single-card{display:block;background:#fff;border:1px solid #E8E4E2;border-radius:18px;padding:26px;text-decoration:none!important;color:var(--nn-text)!important;min-width:0}.nn-single-card h3{font:800 14px/1.3 'Archivo',sans-serif;letter-spacing:.16em;color:var(--nn-ink);margin:0 0 12px;text-transform:uppercase}.nn-single-card p{font:400 16px/1.6 'Archivo',sans-serif;color:var(--nn-text);margin:0}.nn-single-card__number{display:block;color:var(--nn-burgundy);font-size:32px;font-weight:900;margin-bottom:18px}.nn-single-card__image{height:180px;background:#FFFFFF;border-radius:12px;margin-bottom:18px;display:flex;align-items:center;justify-content:center}.nn-single-card__image img{height:100%;width:100%;object-fit:contain}.nn-single-section--ingredients .nn-single-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.nn-single-section--ingredients .nn-single-card{padding:24px}.nn-single-section--audience .nn-single-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nn-single-section--audience .nn-single-card h3{margin:0}.nn-single-section--steps .nn-single-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.nn-single-view{padding:90px 20px;background:linear-gradient(150deg,#3A0A21,#4E1129);color:#EBD3DA}.nn-single-view__inner{max-width:1250px;margin:auto;display:grid;grid-template-columns:420px 1fr;align-items:center;gap:70px}.nn-single-view__photo{height:520px;border-radius:20px;background:linear-gradient(145deg,#A97A8B,#6A4254);color:#fff9;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;line-height:1.5}.nn-single-view .nn-single-eyebrow{color:var(--nn-rose)}.nn-single-view h2{font:900 38px/1.15 'Archivo',sans-serif;color:#fff;margin:0 0 28px}.nn-single-view p{font:400 16px/1.7 'Archivo',sans-serif;color:inherit;margin:0 0 16px}.nn-single-view summary{font-size:12px;font-weight:700;letter-spacing:.12em;cursor:pointer;width:max-content;max-width:100%;padding-bottom:5px;border-bottom:1px solid var(--nn-rose)}.nn-single-view__more{margin:25px 0;max-height:350px;overflow:auto}.nn-single-view__author{font-size:14px;color:#D9A9BC;margin-top:22px}.nn-single-view--light{background:#F6F4F3;color:var(--nn-text)}.nn-single-view--light .nn-single-view__inner{grid-template-columns:90px 1fr;align-items:start}.nn-single-view--light .nn-single-view__photo{height:80px;width:80px;border-radius:50%;font-size:10px}.nn-single-view--light h2{font-size:44px;color:var(--nn-ink);max-width:900px}.nn-single-view--light .nn-single-eyebrow{color:var(--nn-burgundy)}.nn-single-view--light summary{color:var(--nn-burgundy)}
.nn-single-faq{background:#FFFFFF}.nn-single-faq h2{margin-bottom:30px}.nn-single-faq__items{max-width:900px}.nn-single-faq details{border-bottom:1px solid #D9D2CF;padding:20px 0}.nn-single-faq summary{list-style:none;cursor:pointer;font-size:18px;font-weight:700;color:var(--nn-ink);display:flex;justify-content:space-between;gap:20px}.nn-single-faq summary::-webkit-details-marker{display:none}.nn-single-faq summary:after{content:'+';font-size:24px;color:var(--nn-burgundy)}.nn-single-faq details[open] summary:after{content:'−'}.nn-single-faq details p{margin:16px 0 0;font:400 16px/1.6 'Archivo',sans-serif}
.nn-single-footer{background:#3A0A21;color:#fff;border-radius:20px;padding:55px 6%;margin:50px auto;max-width:1250px}.nn-single-footer h2{font:900 40px/1 'Archivo',sans-serif;color:#fff;margin:0 0 16px;text-transform:uppercase}.nn-single-footer p{color:#EBD3DA;font:400 16px/1.6 'Archivo',sans-serif}.nn-single-footer .nn-single-button{background:#fff;color:#650031!important}.nn-single-note{font:400 12px/1.6 'Archivo',sans-serif;color:#6B3B4E;max-width:1250px;margin:25px auto;padding:0 20px 60px}
.nn-single-section--nutrition h2,.nn-single-section--variant h2,.nn-single-section--quality h2,.nn-single-section--booking h2{font-size:30px;margin-bottom:17px}
.nn-single-section--magazine h2{margin-bottom:16px}
.nn-single-section--nutrition p,.nn-single-section--variant p,.nn-single-section--quality p,.nn-single-section--booking p,.nn-single-section--magazine p{font:400 16px/1.6 'Archivo',sans-serif;color:var(--nn-text);max-width:850px;margin:0 0 16px}
.nn-single-section--magazine .nn-mag{margin-top:32px}
.nn-single-section--booking .nn-single-button{margin-top:14px}
.single-ninium_product .nn-single-view__more{max-height:none;overflow:visible}
.single-ninium_product .nn-single-view__more h3{color:inherit;font:800 20px/1.3 'Archivo',sans-serif;margin:25px 0}
.single-ninium_product .nn-single-hero__visual img[src$=".jpg"]{background:#fff;border-radius:18px;padding:24px}
.single-ninium_product #nn-pogled{scroll-margin-top:90px}
.single-ninium_product .nn-single-view--light .nn-single-view__photo{width:92px;height:92px;background:#650031;color:#fff;font:800 46px/1 'Archivo',sans-serif;box-shadow:0 0 0 8px #fff8}
@media(max-width:1024px){.nn-single-section--ingredients .nn-single-grid{grid-template-columns:repeat(3,1fr)}.nn-single-hero__inner{gap:30px}.nn-single-hero--c .nn-single-hero__inner{grid-template-columns:1fr 300px 1fr}.nn-single-hero--c .nn-single-hero__visual img{height:350px}.nn-single-view__inner{grid-template-columns:35% 1fr;gap:35px}}
@media(max-width:767px){.nn-single-hero__inner,.nn-single-hero--b .nn-single-hero__inner{display:flex;flex-direction:column;padding:48px 20px;gap:35px}.nn-single-hero--b .nn-single-hero__inner{flex-direction:column-reverse}.nn-single-hero__copy,.nn-single-hero__visual{width:100%}.nn-single-hero h1{font-size:72px}.nn-single-hero h2{font-size:22px}.nn-single-hero__visual{min-height:360px;padding:24px}.nn-single-hero__visual img{height:310px}.nn-single-hero__visual span{font-size:80px}.nn-single-hero--c .nn-single-hero__inner{display:flex;flex-direction:column;padding-top:45px}.nn-single-hero--c .nn-single-hero__copy{display:contents}.nn-single-hero--c h1{font-size:clamp(90px,25vw,150px);order:1}.nn-single-hero--c .nn-single-eyebrow{order:0}.nn-single-hero--c .nn-single-hero__visual{order:2;min-height:300px;margin:-22px 0 0}.nn-single-hero--c .nn-single-hero__visual img{height:320px}.nn-single-hero--c h2{order:3;text-align:left}.nn-single-hero--c p{order:4;margin:0}.nn-single-hero--c .nn-single-badges{order:5;justify-content:flex-start;margin:0}.nn-single-hero--c .nn-single-actions{order:6;margin:0}.nn-single-section{padding:60px 20px}.nn-single-section__head{display:block}.nn-single-section__head>p{margin-top:20px}.nn-single-section h2,.nn-single-faq h2{font-size:30px}.nn-single-grid,.nn-single-section--ingredients .nn-single-grid,.nn-single-section--audience .nn-single-grid,.nn-single-section--steps .nn-single-grid{grid-template-columns:1fr}.nn-single-card{padding:22px}.nn-single-view{padding:60px 20px}.nn-single-view__inner,.nn-single-view--light .nn-single-view__inner{display:flex;flex-direction:column;gap:28px}.nn-single-view__photo{height:320px;width:100%}.nn-single-view h2,.nn-single-view--light h2{font-size:30px}.nn-single-view--light .nn-single-view__photo{width:80px;height:80px}.nn-single-footer{border-radius:0;margin:0;padding:50px 20px}.nn-single-footer h2{font-size:30px}.nn-single-actions{align-items:stretch}.nn-single-button{width:100%}}

/* Otvoren, urednički ritam umjesto nizova kartica (Tri stuba/Za koga je/Sastojci/Koraci). "Kombinuje se
   sa" ostaje prava kartica (nn-single-section--related), to pravi ninium-single-polish.css.
   nn-lift je globalna hover klasa (dodaje se na svaku .nn-single-card iz PHP-a) koja diže karticu i baca
   sjenu - ovdje nema ni pozadine ni paddinga oko cijele kartice pa bi se sjena vidjela oko samog teksta,
   zato je za ove varijante ugašena. */
body.single-ninium_product{--nn-v2-line:#D8D1CE;--nn-v2-soft:#FFFFFF;--nn-v2-accent:#650031}
body.single-ninium_product .nn-single-section{background:var(--nn-v2-soft);border-top:1px solid #E8E4E2}
body.single-ninium_product .nn-single-section__head{margin-bottom:40px}
body.single-ninium_product .nn-single-section--cards .nn-single-card.nn-lift:hover,
body.single-ninium_product .nn-single-section--audience .nn-single-card.nn-lift:hover{transform:none;box-shadow:none}

/* ---- Tri stuba ---- */
body.single-ninium_product .nn-single-section--cards .nn-single-grid{gap:0}
body.single-ninium_product .nn-single-section--cards .nn-single-card{background:transparent;border:0;border-radius:0;padding:8px 34px 8px 0}
body.single-ninium_product .nn-single-section--cards .nn-single-card:not(:last-child){border-right:1px solid var(--nn-v2-line);margin-right:34px}
body.single-ninium_product .nn-single-section--cards .nn-single-card h3{font-size:15px;letter-spacing:.1em}

/* ---- Za koga je ---- */
body.single-ninium_product .nn-single-section--audience .nn-single-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:70px;row-gap:0}
body.single-ninium_product .nn-single-section--audience .nn-single-card{position:relative;background:transparent;border:0;border-bottom:1px solid var(--nn-v2-line);border-radius:0;padding:22px 0 22px 34px}
body.single-ninium_product .nn-single-section--audience .nn-single-card:before{content:'+';position:absolute;left:0;top:18px;color:var(--nn-v2-accent);font-size:23px;font-weight:400}
body.single-ninium_product .nn-single-section--audience .nn-single-card h3{margin:0;font-size:15px;letter-spacing:.06em}

/* ---- Sastojci: dvije kolone ravne liste, packshot proizvoda centriran između njih ---- */
body.single-ninium_product .nn-single-ing{display:grid;grid-template-columns:1fr 300px 1fr;gap:48px;align-items:center}
body.single-ninium_product .nn-single-ing__col{display:flex;flex-direction:column}
body.single-ninium_product .nn-single-ing__image{display:flex;align-items:center;justify-content:center}
body.single-ninium_product .nn-single-ing__image img{width:100%;max-width:280px;height:auto;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(58,10,33,.14))}
body.single-ninium_product .nn-single-ing-row{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--nn-v2-line)}
body.single-ninium_product .nn-single-ing-row:first-child{padding-top:0}
body.single-ninium_product .nn-single-ing-row__number{flex:0 0 auto;font-size:13px;font-weight:800;color:#8A6B77;padding-top:2px}
body.single-ninium_product .nn-single-ing-row h3{margin:0 0 6px;font-size:15px;letter-spacing:.05em;text-transform:uppercase;color:var(--nn-ink)}
body.single-ninium_product .nn-single-ing-row p{margin:0;font-size:15px;line-height:1.6;color:var(--nn-text)}

/* ---- Koraci upotrebe: fotografija lijevo, brojevi desno - default je packshot proizvoda dok ne postoji
   lifestyle fotografija; ostaje placeholder (isti jezik kao Ninin pogled) samo ako packshot ne postoji. */
body.single-ninium_product .nn-single-steps{display:grid;grid-template-columns:380px 1fr;column-gap:88px;row-gap:64px;align-items:start}
body.single-ninium_product .nn-single-steps__image{aspect-ratio:4/3;border-radius:20px;background:linear-gradient(145deg,#A97A8B,#6A4254);color:#fff9;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;line-height:1.5;padding:20px}
body.single-ninium_product .nn-single-steps__image--photo{background:linear-gradient(160deg,#F6F4F3,#ECE8E6);padding:36px}
body.single-ninium_product .nn-single-steps__image--photo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(58,10,33,.14))}
body.single-ninium_product .nn-single-steps__list{padding-top:6px}
body.single-ninium_product .nn-single-step{padding:22px 0;border-top:1px solid var(--nn-v2-line);display:flex;gap:22px;align-items:baseline}
body.single-ninium_product .nn-single-step:first-child{border-top:0;padding-top:0}
body.single-ninium_product .nn-single-step__number{flex:0 0 auto;font:800 15px/1 'Archivo',sans-serif;color:var(--nn-v2-accent)}
body.single-ninium_product .nn-single-step h3{margin:0 0 4px;font-size:16px;color:var(--nn-ink)}
body.single-ninium_product .nn-single-step p{margin:0;font-size:15px;line-height:1.6;color:var(--nn-text)}

@media(max-width:1024px){
  body.single-ninium_product .nn-single-ing{grid-template-columns:1fr;gap:0}
  body.single-ninium_product .nn-single-ing__image{order:-1;margin-bottom:28px}
  body.single-ninium_product .nn-single-ing__image img{max-width:220px}
  body.single-ninium_product .nn-single-steps{grid-template-columns:280px 1fr;gap:36px}
}
@media(max-width:767px){
  body.single-ninium_product .nn-single-section--cards .nn-single-grid,
  body.single-ninium_product .nn-single-section--audience .nn-single-grid{grid-template-columns:1fr;gap:0}
  body.single-ninium_product .nn-single-section--cards .nn-single-card{padding:22px 0}
  body.single-ninium_product .nn-single-section--cards .nn-single-card:not(:last-child){border-right:0;border-bottom:1px solid var(--nn-v2-line);margin-right:0}
  body.single-ninium_product .nn-single-section--audience .nn-single-card{padding:20px 0 20px 32px}
  body.single-ninium_product .nn-single-steps{grid-template-columns:1fr;gap:24px}
  body.single-ninium_product .nn-single-steps__image{aspect-ratio:16/9}
}