/* BLOG = PORADNA 1:1 bridge
   Uses the exact design tokens/dimensions from poradna-clanky.css.
   Scope: only .nv-article-rich, so Poradna itself is untouched. */

.nv-article-rich{
  --nv-orange:#f5a623;
  --nv-orange-dark:#df8b00;
  --nv-dark:#252733;
  --nv-text:#555865;
  --nv-muted:#7c7f89;
  --nv-line:#e8e9ed;
  --nv-soft:#f7f7f8;
  --nv-orange-soft:#fff8ec;
  --nv-green:#25a65a;
  max-width:980px!important;
  margin:0 auto 60px!important;
  color:var(--nv-text)!important;
  font-size:16px!important;
  line-height:1.75!important;
  counter-reset:nvblogsection;
}
.nv-article-rich *{box-sizing:border-box}
.nv-article-rich p{margin:0 0 18px!important}
.nv-article-rich h2,.nv-article-rich h3,.nv-article-rich strong{color:var(--nv-dark)}
.nv-article-rich h3{margin:0 0 13px!important;font-size:21px!important;line-height:1.35!important;font-weight:800!important}

/* INTRO = .nv-guide-intro */
.nv-article-rich>p:first-child{
  position:relative!important;
  padding:34px 38px!important;
  margin:10px 0 48px!important;
  background:linear-gradient(135deg,#fff8ec 0%,#fff 75%)!important;
  border:1px solid #f4dfbb!important;
  border-radius:18px!important;
  overflow:hidden!important;
  color:var(--nv-dark)!important;
  font-size:19px!important;
  line-height:1.65!important;
}
.nv-article-rich>p:first-child:before{
  content:"PRŮVODCE";
  display:inline-block;
  position:relative;
  z-index:2;
  margin:0 10px 0 0;
  padding:6px 11px;
  border-radius:7px;
  background:var(--nv-orange);
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  vertical-align:2px;
}
.nv-article-rich>p:first-child:after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:-55px;top:-65px;
  border-radius:50%;
  background:rgba(245,166,35,.09);
}

/* SECTION HEAD = exact .nv-section-head / number / kicker */
.nv-article-rich>hr{display:none!important}
.nv-article-rich>h2{
  position:relative!important;
  min-height:63px!important;
  margin:0 0 27px!important;
  padding:0 0 18px 61px!important;
  border:0!important;
  border-bottom:1px solid var(--nv-line)!important;
  color:var(--nv-dark)!important;
  font-size:30px!important;
  line-height:1.2!important;
  font-weight:800!important;
  counter-increment:nvblogsection;
}
.nv-article-rich>h2:before{
  content:counter(nvblogsection,decimal-leading-zero)!important;
  position:absolute!important;
  left:0!important;top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;height:44px!important;
  border-radius:12px!important;
  background:var(--nv-orange)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
}
.nv-article-rich>h2:after{
  content:"PRŮVODCE"!important;
  position:absolute!important;
  left:61px!important;
  top:-16px!important;
  color:var(--nv-orange-dark)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
}
.nv-article-rich>h2:not(:first-of-type){margin-top:65px!important}

/* Standard subhead */
.nv-article-rich>h3{
  margin:26px 0 13px!important;
  padding:0!important;
  border:0!important;
}
.nv-article-rich>h3:before{display:none!important}

/* QUICK / GOAL CARDS = exact Poradna */
.nv-rich-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 0 22px!important;
}
.nv-rich-card{
  padding:22px!important;
  border:1px solid var(--nv-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:.2s ease!important;
}
.nv-rich-card:hover{
  border-color:#efbd67!important;
  box-shadow:0 8px 24px rgba(25,28,35,.06)!important;
  transform:translateY(-2px)!important;
}
.nv-rich-card h3{
  margin:0 0 13px!important;
  padding:0!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
.nv-rich-card h3:before{display:none!important}
.nv-rich-card p{margin:0!important;font-size:14px!important;line-height:1.6!important}
.nv-rich-card ul{margin:12px 0 0!important;padding-left:20px!important;background:none!important;border:0!important}
.nv-rich-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;height:44px!important;
  margin-bottom:12px!important;
  border-radius:12px!important;
  background:var(--nv-orange-soft)!important;
  color:var(--nv-orange-dark)!important;
  font-size:13px!important;
  font-weight:900!important;
}
.nv-rich-tag{
  display:inline-block!important;
  margin-bottom:10px!important;
  color:var(--nv-orange-dark)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
}

/* TIP = exact Poradna tip */
.nv-tip{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  margin:25px 0!important;
  padding:20px 23px!important;
  border-radius:13px!important;
  box-shadow:none!important;
}
.nv-tip-orange{
  background:var(--nv-orange-soft)!important;
  border:1px solid #f4d49e!important;
}
.nv-tip:not(.nv-tip-orange){background:var(--nv-soft)!important;border:1px solid var(--nv-line)!important}
.nv-tip strong{display:block!important;margin-bottom:3px!important;font-size:15px!important}
.nv-tip p{margin:0!important;font-size:14px!important}

/* COMPARE = same card language as .nv-protein-type / .nv-goal-card */
.nv-compare{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:15px!important;
  margin:25px 0!important;
}
.nv-compare-card{
  padding:24px!important;
  border:1px solid var(--nv-line)!important;
  border-radius:15px!important;
  background:#fff!important;
}
.nv-compare-card-featured{
  border-color:#f4d49e!important;
  background:var(--nv-orange-soft)!important;
}
.nv-compare-head{
  margin:0 0 13px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid var(--nv-line)!important;
}
.nv-compare-head h3{margin:0!important;font-size:21px!important}
.nv-compare-card ul{margin:17px 0 0!important;padding-left:20px!important;background:none!important;border:0!important}

/* WARNING = exact .nv-warning */
.nv-warning-box{
  display:block!important;
  margin:18px 0 5px!important;
  padding:15px 18px!important;
  border:0!important;
  border-left:4px solid var(--nv-orange)!important;
  border-radius:0 9px 9px 0!important;
  background:#fff8eb!important;
  color:#555!important;
  font-size:14px!important;
}
.nv-warning-mark{display:none!important}
.nv-warning-box strong{color:#bd7300!important}
.nv-warning-box p{margin:3px 0 0!important}

/* DOSE = Poradna use-grid */
.nv-dose-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:25px 0!important;
}
.nv-dose-card{
  display:block!important;
  min-height:0!important;
  padding:20px 14px!important;
  border:1px solid var(--nv-line)!important;
  border-radius:13px!important;
  text-align:center!important;
  background:#fff!important;
}
.nv-dose-card-main{background:var(--nv-orange-soft)!important;border-color:#f4d49e!important}
.nv-dose-card strong{display:block!important;margin-bottom:8px!important;font-size:21px!important}
.nv-dose-card span{display:block!important;color:var(--nv-text)!important;font-size:12px!important;line-height:1.5!important}

/* CHECKLIST = exact Poradna vertical checklist */
.nv-checklist{
  display:block!important;
  margin:25px 0!important;
  border:1px solid var(--nv-line)!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.nv-check-item{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:16px!important;
  padding:20px 22px!important;
  border:0!important;
  border-bottom:1px solid var(--nv-line)!important;
  border-radius:0!important;
  background:#fff!important;
}
.nv-check-item:last-child{border-bottom:0!important}
.nv-check-item>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;height:40px!important;
  border-radius:10px!important;
  background:var(--nv-orange-soft)!important;
  color:var(--nv-orange-dark)!important;
  font-size:12px!important;
  font-weight:900!important;
}
.nv-check-item strong{display:block!important;margin-bottom:3px!important}
.nv-check-item p{margin:0!important;font-size:14px!important}

/* FOOD tiles = Poradna use-grid */
.nv-food-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:25px 0!important;
}
.nv-food-item{
  display:block!important;
  padding:20px 14px!important;
  border:1px solid var(--nv-line)!important;
  border-radius:13px!important;
  text-align:center!important;
  background:#fff!important;
}
.nv-food-item strong{display:block!important;margin-bottom:5px!important}
.nv-food-item span{display:block!important;color:var(--nv-muted)!important;font-size:12px!important;line-height:1.5!important}

/* PRODUCT BOX = exact .nv-products-box */
.nv-article-rich .nv-products-box{
  margin:28px 0 38px!important;
  padding:21px 20px 10px!important;
  border:1px solid var(--nv-line)!important;
  border-radius:16px!important;
  background:#fff!important;
}
.nv-article-rich .nv-products-title{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  margin:0 0 17px!important;
}
.nv-article-rich .nv-products-title>span{font-size:22px!important}
.nv-article-rich .nv-products-title strong{display:block!important;font-size:16px!important}
.nv-article-rich .nv-products-title small{display:block!important;margin-top:1px!important;color:var(--nv-muted)!important;font-size:12px!important}
.nv-article-rich .nv-products-box .dmproducts.slider{margin:0!important;padding-bottom:24px!important}
.nv-article-rich .dmproducts.slider a:not(.btn):not(.btn-cart){color:var(--nv-dark)!important;text-decoration:none!important}
.nv-article-rich .dmproducts.slider .name,
.nv-article-rich .dmproducts.slider .name a,
.nv-article-rich .dmproducts.slider .product-name,
.nv-article-rich .dmproducts.slider .product-name a{color:var(--nv-dark)!important;font-weight:700!important}

/* FAQ = exact Poradna FAQ dimensions/states */
.nv-faq{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin:0!important;
}
.nv-faq details{
  margin:0!important;
  border:1px solid var(--nv-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  overflow:hidden!important;
  transition:border-color .2s ease,box-shadow .2s ease!important;
}
.nv-faq details:hover{border-color:#efc071!important}
.nv-faq details[open]{border-color:#efbd67!important;box-shadow:0 7px 22px rgba(25,28,35,.05)!important}
.nv-faq summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  min-height:62px!important;
  padding:17px 64px 17px 20px!important;
  color:var(--nv-dark)!important;
  font-size:15px!important;
  font-weight:800!important;
  cursor:pointer!important;
  list-style:none!important;
  user-select:none!important;
}
.nv-faq summary::-webkit-details-marker{display:none!important}
.nv-faq summary:after{
  content:"+"!important;
  position:absolute!important;
  right:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;height:32px!important;
  border-radius:50%!important;
  background:var(--nv-orange-soft)!important;
  color:var(--nv-orange-dark)!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:500!important;
  transition:.2s ease!important;
}
.nv-faq details[open] summary:after{
  content:"+"!important;
  transform:rotate(45deg)!important;
  background:var(--nv-orange)!important;
  color:#fff!important;
}
.nv-faq details>div{
  padding:0 68px 19px 20px!important;
  color:var(--nv-text)!important;
  font-size:14px!important;
  line-height:1.7!important;
}
.nv-faq details>div p{margin:0!important}

/* FINAL = exact .nv-guide-final */
.nv-summary-box{
  position:relative!important;
  margin-top:65px!important;
  padding:37px 40px!important;
  border:0!important;
  border-radius:18px!important;
  background:var(--nv-dark)!important;
  color:#e9e9ec!important;
  overflow:hidden!important;
}
.nv-summary-box:after{
  content:""!important;
  position:absolute!important;
  right:-70px!important;bottom:-90px!important;
  width:220px!important;height:220px!important;
  border-radius:50%!important;
  background:rgba(245,166,35,.1)!important;
}
.nv-summary-box .nv-rich-tag{position:relative;z-index:1;color:var(--nv-orange)!important}
.nv-summary-box h3{
  position:relative;z-index:1;
  margin:3px 0 17px!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.nv-summary-box p{position:relative;z-index:1;color:#dddde2!important}
.nv-summary-box strong{color:#fff!important}
.nv-summary-points{position:relative;z-index:1;display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:17px 0!important}
.nv-summary-points span{
  display:inline-block!important;
  padding:6px 10px!important;
  border:0!important;
  border-radius:7px!important;
  background:#f1faf5!important;
  color:#237744!important;
  font-size:12px!important;
  font-weight:700!important;
}
.nv-summary-box a{
  position:relative!important;z-index:2!important;
  display:inline-block!important;
  margin-top:8px!important;
  padding:13px 20px!important;
  border-radius:9px!important;
  background:var(--nv-orange)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:800!important;
  transition:.2s ease!important;
}
.nv-summary-box a:hover{background:var(--nv-orange-dark)!important;color:#fff!important;transform:translateY(-1px)!important}

/* ordinary category CTA link */
.nv-article-rich>p>a:only-child{
  display:inline-block!important;
  padding:10px 14px!important;
  border-radius:8px!important;
  background:var(--nv-soft)!important;
  color:var(--nv-dark)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:700!important;
}
.nv-article-rich>p>a:only-child:hover{background:var(--nv-orange)!important;color:#fff!important}

/* disclaimer */
.nv-article-rich>p:last-child{
  margin-top:24px!important;
  color:var(--nv-muted)!important;
  font-size:12px!important;
  line-height:1.6!important;
}

/* mobile = same breakpoints/measurements as Poradna */
@media(max-width:767px){
  .nv-article-rich{font-size:15px!important;line-height:1.7!important}
  .nv-article-rich>p:first-child{padding:25px 20px!important;border-radius:14px!important;font-size:17px!important}
  .nv-article-rich>h2{min-height:58px!important;padding-left:51px!important;font-size:24px!important}
  .nv-article-rich>h2:before{width:39px!important;height:39px!important}
  .nv-article-rich>h2:after{left:51px!important}
  .nv-rich-grid,.nv-compare,.nv-dose-grid,.nv-food-grid{grid-template-columns:1fr!important}
  .nv-check-item{grid-template-columns:40px minmax(0,1fr)!important;padding:17px!important;gap:12px!important}
  .nv-faq summary{min-height:58px!important;padding:15px 55px 15px 15px!important;font-size:14px!important}
  .nv-faq summary:after{right:15px!important}
  .nv-faq details>div{padding:0 55px 17px 15px!important}
  .nv-article-rich .nv-products-box{padding:17px 10px 8px!important}
  .nv-summary-box{padding:28px 22px!important}
  .nv-summary-box h3{font-size:24px!important}
  .nv-summary-box a{display:block!important;width:100%!important;text-align:center!important}
}

/* v1.1: keep FAQ plus/minus inside each FAQ row (not at page edge). */
.nv-article-rich .nv-faq details { width:100%!important; min-width:0!important; }
.nv-article-rich .nv-faq details > summary {
  position:relative!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.nv-article-rich .nv-faq details > summary::after {
  position:absolute!important;
  top:50%!important;
  right:20px!important;
  left:auto!important;
  margin:0!important;
  transform:translateY(-50%)!important;
}
.nv-article-rich .nv-faq details[open] > summary::after {
  transform:translateY(-50%) rotate(45deg)!important;
}
/* Keep the article centered in its available Shoptet content column. */
.nv-article-rich {
  display:block!important;
  width:min(100%,980px)!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:767px){
  .nv-article-rich .nv-faq details > summary::after {right:15px!important;}
}