body.vnk-theme{
  --pe-bg:#ffffff;
  --pe-surface:#ffffff;
  --pe-surface2:#F2FBFA;
  --pe-border:rgba(7,24,56,.12);
  --pe-text:#0f1b2d;
  --pe-muted:#5b6b85;
  --pe-accent:#11457E;
  --pe-accent2:#0B6B6B;
  --pe-danger:#0B6B6B;
  --pe-good:#11457E;
  --pe-radius:16px;
  --pe-shadow:0 14px 32px rgba(15,27,45,.08);
  --pe-max:1120px;
  --pe-font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
/* dp style signature (unique, no visual change) */
--slm-uniq:1;
--slm-brand:#0B6B6B;
--slm-brand-soft:rgba(11,107,107,.14);
--dp-card-grad-1:rgba(255,255,255,.98);
--dp-card-grad-2:rgba(255,255,255,.92);
--dp-hover-bg:rgba(17,69,126,.10);
--dp-focus-ring:0 0 0 4px rgba(17,69,126,.14);
}

.vnk-scope *{box-sizing:border-box}
html{scroll-behavior:smooth}
body.vnk-theme{
  margin:0;
  font-family:var(--pe-font-family);
  background:linear-gradient(180deg, #eef4ff 0%, #ffffff 42%, #ffffff 100%);
  color:var(--pe-text);
  line-height:1.7;
  overflow-x:hidden;
}
.vnk-scope img{max-width:100%;height:auto}
.vnk-scope a{color:var(--pe-accent);text-decoration:none}
.vnk-scope a:hover{opacity:.92}
.vnk-scope .screen-reader-text{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

.vnk-scope .pe-main{padding:18px 0 44px}
.vnk-scope .pe-container{width:min(var(--pe-max), calc(100% - 32px)); margin:0 auto}

.vnk-scope .pe-card{
  background:linear-gradient(180deg, var(--dp-card-grad-1), var(--dp-card-grad-2));
  border:1px solid var(--pe-border);
  border-radius:var(--pe-radius);
  box-shadow:var(--pe-shadow);
}
.vnk-scope .pe-card--pad{padding:20px}
.vnk-scope .pe-card--media{padding:14px}
@media (min-width: 920px){
.vnk-scope .pe-card--pad{padding:28px}
}

.vnk-scope .pe-h1{font-size:clamp(1.6rem, 2.2vw, 2.2rem); line-height:1.2; margin:0 0 10px}
.vnk-scope .pe-h2{font-size:clamp(1.2rem, 1.4vw, 1.45rem); margin:24px 0 12px}
.vnk-scope .pe-muted{color:var(--pe-muted)}
.vnk-scope .pe-dot{opacity:.65}

.vnk-scope .pe-header{
  position:sticky;
  top:0;
  z-index:50;
  /* Header gradient: near-white (left) → Czech-flag blue (right) */
  background:linear-gradient(90deg,
    rgba(255,255,255,.96) 0%,
    rgba(248,251,255,.94) 30%,
    rgba(17,69,126,.92) 72%,
    rgba(17,69,126,1) 100%
  );
  backdrop-filter: blur(14px);
  border-bottom:1px solid rgba(255,255,255,.10);
  }
.vnk-scope .pe-header__inner{
  width:min(var(--pe-max), calc(100% - 32px));
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 0;
}
.vnk-scope .pe-brand{display:flex; align-items:center; gap:10px; min-width:180px}
.vnk-scope .pe-brand__link{display:flex; align-items:center; gap:10px}
.vnk-scope .pe-brand__logo .custom-logo-link{display:flex; align-items:center}
.vnk-scope .pe-brand__mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:12px;
  background:linear-gradient(135deg, rgba(17,69,126,.35), rgba(11,107,107,.22));
  border:1px solid rgba(255,255,255,.10);
}

/* ===== Header readability + search pill ===== */
.vnk-scope .pe-header .pe-brand__name{color:#f3f8ff}
.vnk-scope .pe-header .pe-nav a{color:#f3f8ff}
.vnk-scope .pe-header .pe-nav a:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.14)}
.vnk-scope .pe-header .pe-brand__mark{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.14)}
.vnk-scope .pe-header .pe-search__input{color:#ffffff}
.vnk-scope .pe-header .pe-search__input::placeholder{color:rgba(255,255,255,.78)}
.vnk-scope .pe-header .pe-search__btn{color:#ffffff}
.vnk-scope .pe-header .pe-search__btn:hover{background:rgba(255,255,255,.26)}

/* Bez předpisu: gradient header needs readable brand on the light side */
.vnk-scope .pe-header .pe-brand__name{color:var(--pe-text)}
.vnk-scope .pe-header .pe-brand__mark{background:rgba(17,69,126,.12);border-color:rgba(7,24,56,.10)}

/* Mobile menu sits mostly on the light side — use dark text there */
.vnk-scope .pe-mobile-nav .pe-nav a{color:var(--pe-text)}
.vnk-scope .pe-mobile-nav .pe-nav a:hover{background:rgba(17,69,126,.10);border-color:rgba(7,24,56,.12)}

.vnk-scope .pe-footer a{color:#f3f8ff}
.vnk-scope .pe-footer a:hover{opacity:.92}
.vnk-scope .pe-footer .pe-footer__tag{color:rgba(235,242,255,.74)}
.vnk-scope .pe-footer .pe-footer__logo{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.14);color:#c9f7dd}
.vnk-scope .pe-footer .pe-footer__title{color:#f3f8ff}

.vnk-scope .pe-brand__name{font-weight:700;letter-spacing:.3px;color:var(--pe-text)}
.vnk-scope .custom-logo{max-height:48px;width:auto}
.vnk-scope .custom-logo-link img{max-height:48px;height:48px;width:auto}
@media (min-width: 920px){
.vnk-scope .custom-logo-link img{max-height:54px;height:54px}
}

/* Mobile header robustness: prevent logo overflow on small screens */
@media (max-width: 520px){
.vnk-scope .pe-brand{min-width:0; flex:1 1 auto}
.vnk-scope .pe-brand__logo{min-width:0}
.vnk-scope .custom-logo-link img{max-width:220px; width:auto}
}
@media (max-width: 360px){
.vnk-scope .custom-logo-link img{max-width:180px; max-height:44px; height:44px}
}

.vnk-scope .pe-burger{
  margin-left:auto;
  display:inline-flex;
  width:44px;height:40px;
  border:1px solid var(--pe-border);
  border-radius:14px;
  background:rgba(255,255,255,.92);
  align-items:center;justify-content:center;
  gap:4px;
  cursor:pointer;
}
.vnk-scope .pe-burger span{display:block;width:18px;height:2px;background:var(--pe-text);opacity:.85;border-radius:10px}
@media (min-width: 920px){
.vnk-scope .pe-burger{display:none}
.vnk-scope .pe-brand{min-width:240px}
}

.vnk-scope .pe-header__nav{display:none}
@media (min-width: 920px){
.vnk-scope .pe-header__nav{display:block; margin-left:auto}
}

.vnk-scope .pe-nav{display:flex;gap:14px;align-items:center;list-style:none;margin:0;padding:0}
.vnk-scope .pe-nav a{
  display:inline-flex;align-items:center;
  padding:8px 10px;
  color:var(--pe-text);
  border-radius:12px;
  border:1px solid transparent;
}
.vnk-scope .pe-nav a:hover{
  background:var(--dp-hover-bg);
  border-color:var(--pe-border);
}

.vnk-scope .pe-header__search{display:none}
@media (min-width: 920px){
.vnk-scope .pe-header__search{display:block; width:clamp(240px, 20vw, 360px)}
}

.vnk-scope .pe-search{
  display:flex;
  align-items:center;
  gap:12px;
  padding:6px 8px 6px 16px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(17,69,126,.62) 0%, rgba(11,107,107,.88) 100%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 14px 22px rgba(15,27,45,.14);
}
.vnk-scope .pe-search:focus-within{
  box-shadow:0 0 0 4px rgba(11,107,107,.20), 0 14px 22px rgba(15,27,45,.14);
}
.vnk-scope .pe-search__input{
  width:100%;
  background:transparent;
  color:#ffffff;
  border:0;
  padding:0;
  outline:none;
  font-size:clamp(15px, 1.1vw, 18px);
  font-weight:600;
  letter-spacing:.2px;
}
.vnk-scope .pe-search__input::placeholder{color:rgba(255,255,255,.78)}
.vnk-scope .pe-search__input:focus{box-shadow:none}
.vnk-scope .pe-search__btn{
  width:46px;height:46px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.20);
  color:#ffffff;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 18px rgba(15,27,45,.16);
}
.vnk-scope .pe-search__btn:active{transform:translateY(1px)}
.vnk-scope .pe-search__icon svg{display:block}

.vnk-scope .pe-mobile-nav{
  width:min(var(--pe-max), calc(100% - 32px));
  margin:0 auto 12px;
  padding:10px;
  border-radius:18px;
  border:1px solid rgba(7,24,56,.10);
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 36px rgba(15,27,45,.10);
  backdrop-filter: blur(12px);
}
.vnk-scope .pe-nav-open .pe-mobile-nav{display:block}
.vnk-scope .pe-mobile-nav .pe-nav{flex-direction:column; align-items:stretch}
.vnk-scope .pe-mobile-nav .pe-nav a{justify-content:space-between; padding:12px 12px; border-radius:14px}

/* Mobile menu search */
.vnk-scope .pe-mobile-tools{display:flex;align-items:center;gap:10px;margin:2px 0 10px}
.vnk-scope .pe-mobile-search-toggle{
  width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(7,24,56,.12);
  background:rgba(255,255,255,.92);
  color:var(--pe-text);
  font-weight:800;
  cursor:pointer;
}
.vnk-scope .pe-mobile-search-toggle:hover{background:rgba(17,69,126,.08);border-color:rgba(17,69,126,.18)}
.vnk-scope .pe-mobile-search{margin:10px 0 12px}
.vnk-scope .pe-mobile-nav .pe-search{width:100%; padding:8px 10px 8px 18px; box-shadow:0 16px 24px rgba(15,27,45,.14)}
.vnk-scope .pe-mobile-nav .pe-search__input{font-size:18px}
.vnk-scope .pe-mobile-nav .pe-search__btn{width:54px;height:54px}

.vnk-scope .pe-layout{
  display:grid;
  grid-template-columns: 1fr;
  gap:16px;
}
@media (min-width: 920px){
.vnk-scope .pe-layout{
    grid-template-columns: 260px minmax(0, 1fr) 320px;
    align-items:start;
    gap:18px;
  }
.vnk-scope .pe-layout--archive{
    grid-template-columns: 300px minmax(0, 1fr);
  }
}

/* Slankemedicin: single post layout without left TOC */
@media (min-width: 920px){
  .vnk-scope .pe-layout--single{
    grid-template-columns: minmax(0, 1fr) 320px;
    align-items:start;
    gap:18px;
  }
}


.vnk-scope .pe-aside{position:relative}
.vnk-scope .pe-aside--toc{order:1}
.vnk-scope .pe-article{order:2}
.vnk-scope .pe-aside--right{order:3}
@media (max-width: 919px){
.vnk-scope .pe-aside--toc{display:none}
.vnk-scope .pe-aside--right{order:3}
}

.vnk-scope .pe-toc{
  position:sticky;
  top:88px;
  padding:16px;
  border-radius:var(--pe-radius);
  border:1px solid var(--pe-border);
  background:rgba(255,255,255,.94);
}
.vnk-scope .pe-toc__title{font-weight:700;margin-bottom:10px;color:var(--pe-text)}
.vnk-scope .pe-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.vnk-scope .pe-toc-list li.is-sub{padding-left:12px;opacity:.92}
.vnk-scope .pe-toc-list a{color:var(--pe-muted);font-size:.98rem}
.vnk-scope .pe-toc-list a.is-active{color:var(--pe-accent)}

.vnk-scope .pe-article__meta{display:flex;gap:8px;align-items:center;color:var(--pe-muted);font-size:.95rem;margin-top:6px}
.vnk-scope .pe-article__header{margin-bottom:10px}

/* Featured image: show directly under title on mobile */
.vnk-scope .pe-featured-mobile{display:none}
.vnk-scope .pe-featured-mobile .pe-featured{width:100%}

.vnk-scope .pe-featured{border-radius:14px;display:block}
.vnk-scope .pe-offer-card{
  margin-top:14px;
  border-radius:22px;
  padding:16px;
  border:1px solid var(--pe-border);
  background:
    radial-gradient(800px 300px at 10% 10%, rgba(17,69,126,.18), transparent 55%),
    radial-gradient(700px 280px at 90% 0%, rgba(11,107,107,.14), transparent 55%),
    rgba(255,255,255,.94);
}
.vnk-scope .pe-offer-card__top{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
}
.vnk-scope .pe-offer-card__text{width:100%; text-align:center}
.vnk-scope .pe-offer-card__title{font-weight:800; letter-spacing:.2px; text-align:center}
.vnk-scope .pe-offer-card__subtitle{color:var(--pe-muted); font-size:.98rem; text-align:center}
.vnk-scope .pe-offer-card__button{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(17,69,126,.22);
  background:linear-gradient(135deg, rgba(17,69,126,.95), rgba(11,107,107,.92));
  color:#ffffff;
  font-weight:700;
  white-space:normal;
  justify-content:center;
  width:100%;
  box-shadow:0 14px 30px rgba(17,69,126,.18);
}
.vnk-scope .pe-offer-card__button:hover{transform:translateY(-1px)}
.vnk-scope .pe-offer-card__arrow{opacity:.8}
.vnk-scope .pe-offer-card__bottom{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.vnk-scope .pe-pill{
  display:inline-flex;align-items:center;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(15,27,45,.10);
  background:rgba(255,255,255,.70);
  font-size:.92rem;
}
.vnk-scope .pe-pill--muted{color:var(--pe-muted)}
.vnk-scope .pe-offer-card__note{color:var(--pe-muted); font-size:.92rem}

.vnk-scope .pe-offer-mobile{display:none}
@media (max-width: 919px){
.vnk-scope .pe-featured-mobile{display:block;margin:10px 0 6px}
.vnk-scope .pe-offer-mobile{display:block;margin:14px 0 10px}
  /* Avoid pushing featured image to the bottom on mobile */
.vnk-scope .pe-aside--right .pe-card--media{display:none}
.vnk-scope .pe-aside--right .pe-offer-card{display:none}
}
@media (min-width: 920px){
  /* Make the sidebar stretch with the article so sticky can work reliably */
.vnk-scope .pe-aside--right{align-self:stretch; overflow:visible}
.vnk-scope .pe-aside--right .pe-offer-card{position:sticky;top:88px}
}

.vnk-scope .pe-content{
  font-size:1.06rem;
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media (max-width: 520px){
.vnk-scope .pe-content{font-size:1.12rem}
}

.vnk-scope .pe-content p{margin:0 0 14px}
.vnk-scope .pe-content h2{margin:26px 0 10px}
.vnk-scope .pe-content h3{margin:20px 0 8px}
.vnk-scope .pe-content ul, .vnk-scope .pe-content ol{margin:0 0 14px 1.2rem}
.vnk-scope .pe-content li{margin:6px 0}
.vnk-scope .pe-content strong{font-weight:800}
.vnk-scope .pe-content em{opacity:.98}
.vnk-scope .pe-content a{border-bottom:1px dashed rgba(17,69,126,.35)}
.vnk-scope .pe-content pre, .vnk-scope .pe-content code{white-space:pre-wrap; word-break:break-word}
.vnk-scope .pe-content a:hover{border-bottom-color:rgba(17,69,126,.75)}

.vnk-scope .pe-content blockquote{
  margin:18px 0;
  padding:14px 16px 14px 16px;
  border-left:4px solid rgba(17,69,126,.50);
  border-radius:14px;
  background:rgba(255,255,255,.75);
  color:var(--pe-text);
}
.vnk-scope .pe-content blockquote p{margin:0}
.vnk-scope .pe-content blockquote::before{
  content:"Lægelig note";
  display:block;
  font-weight:800;
  color:var(--pe-muted);
  font-size:.86rem;
  letter-spacing:.3px;
  margin-bottom:8px;
}

/* ===== Mobile refinements for posts/pages (point fixes only) ===== */
@media (max-width: 919px){
  /* Give the main article a readable "card" on small screens */
  .vnk-scope .pe-article{
    background:rgba(255,255,255,.94);
    border:1px solid var(--pe-border);
    border-radius:var(--pe-radius);
    padding:16px;
    box-shadow:var(--pe-shadow);
  }
  .vnk-scope .pe-article__meta{flex-wrap:wrap}
  .vnk-scope .pe-layout{gap:14px}
  .vnk-scope .pe-card--pad{padding:16px}
}

/* Gutenberg blocks: force true mobile stacking (some builders override core) */
@media (max-width: 780px){
  .vnk-scope .pe-content .wp-block-columns{flex-wrap:wrap !important; gap:12px !important;}
  .vnk-scope .pe-content .wp-block-column{flex-basis:100% !important; width:100% !important;}
  .vnk-scope .pe-content .wp-block-media-text{grid-template-columns:1fr !important;}
  .vnk-scope .pe-content .wp-block-media-text__media{margin:0 0 12px !important;}
  .vnk-scope .pe-content .wp-block-media-text__content{padding:0 !important;}

  /* Alignments: prevent desktop floats/full-width from breaking mobile */
  .vnk-scope .pe-content .alignleft,
  .vnk-scope .pe-content .alignright{
    float:none !important;
    margin:0 0 14px !important;
    max-width:100% !important;
  }
  .vnk-scope .pe-content .alignwide,
  .vnk-scope .pe-content .alignfull{
    margin-left:0 !important;
    margin-right:0 !important;
    max-width:100% !important;
    width:100% !important;
  }
}

/* Tables wrapped by front.js: make them actually scrollable + neat */
.vnk-scope .vnk-table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.vnk-scope .vnk-table-scroll table{width:100%;border-collapse:collapse}
@media (max-width: 520px){
  .vnk-scope .vnk-table-scroll{
    border:1px solid var(--pe-border);
    border-radius:14px;
    background:rgba(255,255,255,.94);
    padding:10px;
  }
}

.vnk-scope .pe-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;
  border-radius:16px;
  border:1px solid rgba(17,69,126,.38);
  background:rgba(17,69,126,.16);
  color:var(--pe-text);
  font-weight:800;
}
.vnk-scope .pe-btn:hover{transform:translateY(-1px)}

.vnk-scope .pe-cta-btn{
  display:flex;
  width:fit-content;
  max-width:100%;
  margin:16px auto;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:16px;
  border:1px solid rgba(17,69,126,.22);
  background:linear-gradient(135deg, rgba(17,69,126,.95), rgba(11,107,107,.92));
  color:#ffffff;
  font-weight:800;
  white-space:normal;
  text-align:center;
  box-shadow:0 14px 30px rgba(17,69,126,.18);
}
.vnk-scope .pe-cta-btn:hover{transform:translateY(-1px); opacity:.98}

.vnk-scope .pe-post-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.vnk-scope .pe-post-item{display:grid;grid-template-columns: 110px 1fr;gap:14px}
.vnk-scope .pe-post-item__thumb img{border-radius:14px;border:1px solid var(--pe-border)}
.vnk-scope .pe-thumb-fallback{
  display:flex;align-items:center;justify-content:center;
  width:110px;height:80px;
  border-radius:14px;
  border:1px solid var(--pe-border);
  background:rgba(255,255,255,.03);
  color:var(--pe-muted);
}
.vnk-scope .pe-post-item__title{font-weight:800;color:var(--pe-text)}
.vnk-scope .pe-post-item__meta{color:var(--pe-muted);font-size:.92rem;margin-top:4px}
.vnk-scope .pe-post-item__excerpt{color:var(--pe-muted);margin-top:6px}

/* Post list: mobile-friendly stacking */
@media (max-width: 520px){
  .vnk-scope .pe-post-item{grid-template-columns:1fr; gap:10px}
  .vnk-scope .pe-post-item__thumb img{width:100%;height:auto}
  .vnk-scope .pe-thumb-fallback{width:100%;height:160px}
}

.vnk-scope .pe-pagination{margin-top:18px}
.vnk-scope .pe-pagination .page-numbers{display:inline-flex;gap:8px;align-items:center}
.vnk-scope .pe-pagination a.page-numbers, .vnk-scope .pe-pagination span.page-numbers{
  padding:8px 12px;border-radius:12px;border:1px solid var(--pe-border);
  background:rgba(255,255,255,.94); color:var(--pe-text)
}
.vnk-scope .pe-pagination span.current{background:rgba(17,69,126,.18);border-color:rgba(17,69,126,.35)}

.vnk-scope .pe-home-cats{margin-top:22px}
.vnk-scope .pe-cat-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width: 720px){
  .vnk-scope .pe-cat-grid{grid-template-columns: repeat(2, 1fr)}
}
@media (min-width: 1040px){
  .vnk-scope .pe-cat-grid{grid-template-columns: repeat(3, 1fr)}
}

.vnk-scope .pe-cat-card{
  position:relative;
  display:block;
  min-height:170px;
  border-radius:22px;
  border:1px solid var(--pe-border);
  overflow:hidden;
  background:
    radial-gradient(520px 200px at 25% 0%, var(--slm-brand-soft), transparent 58%),
    rgba(255,255,255,.02);
  color:var(--pe-text);
  box-shadow:0 10px 22px rgba(15,27,45,.06);
  transform:translateZ(0);
}
.vnk-scope .pe-cat-card.has-bg{
  background-image: var(--pe-cat-bg);
  background-size: cover;
  background-position: center;
}
.vnk-scope .pe-cat-card::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.06) 38%, rgba(0,0,0,0) 68%);
  opacity:.55;
  pointer-events:none;
}
.vnk-scope .pe-cat-card::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0;
  height:64%;
  background: linear-gradient(to top, rgba(255,255,255,.94), rgba(255,255,255,0));
  pointer-events:none;
}
.vnk-scope .pe-cat-card:hover{transform:translateY(-1px); box-shadow:0 14px 30px rgba(15,27,45,.10)}
.vnk-scope .pe-cat-card:focus-visible{outline:none; box-shadow:var(--dp-focus-ring), 0 14px 30px rgba(15,27,45,.10)}

.vnk-scope .pe-cat-card__label{
  position:absolute; left:0; right:0; bottom:0;
  padding:14px 14px 12px;
  display:flex; flex-direction:column; gap:4px;
  z-index:2;
}
.vnk-scope .pe-cat-card__title{font-weight:900; color:#0f172a; letter-spacing:.1px}
.vnk-scope .pe-cat-card__meta{color:rgba(15,23,42,.70);font-size:.92rem}
.vnk-scope .pe-cat-card__icon{display:none}

.vnk-scope .pe-footer{
  border-top:1px solid rgba(255,255,255,.10);
  padding:26px 0 16px;
  background:radial-gradient(1100px 340px at 18% -12%, rgba(255,255,255,.06), rgba(255,255,255,0) 55%),radial-gradient(900px 320px at 82% -8%, rgba(26,188,156,.10), rgba(26,188,156,0) 60%),linear-gradient(180deg, rgba(9,28,62,.94) 0%, rgba(7,24,56,.98) 56%, rgba(6,20,48,1) 100%);
  color:#f3f8ff;
}
.vnk-scope .pe-footer__inner{
  width:min(var(--pe-max), calc(100% - 32px));
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
@media (min-width: 920px){
.vnk-scope .pe-footer__inner{
    grid-template-columns: 1.2fr 1.8fr;
    align-items:start;
  }
}
.vnk-scope .pe-footer__brand{display:flex;gap:12px;align-items:flex-start}
.vnk-scope .pe-footer__logo{
  width:42px;height:42px;border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  display:flex;align-items:center;justify-content:center;
  color:var(--pe-accent);
}
.vnk-scope .pe-footer__logo--img{
  width:auto;
  height:auto;
  background:transparent;
  border:none;
  padding:0;
}
.vnk-scope .pe-footer__logo--img .custom-logo-link{display:flex;align-items:center}
.vnk-scope .pe-footer__logo--img .custom-logo-link img{height:44px;max-height:44px;width:auto}
.vnk-scope .pe-footer__name{font-weight:900}
.vnk-scope .pe-footer__tag{color:var(--pe-muted);font-size:.95rem}
.vnk-scope .pe-footer__cols{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width: 720px){.pe-footer__cols{grid-template-columns:1fr 1fr}}
.vnk-scope .pe-footer__title{font-weight:900;margin-bottom:8px}
.vnk-scope .pe-footer__menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
@media (min-width: 920px){
  .vnk-scope .pe-footer__menu{flex-direction:row;flex-wrap:wrap;gap:10px 18px}
  .vnk-scope .pe-footer__menu li{margin:0}
}

.vnk-scope .pe-footer__menu a{color:var(--pe-muted)}
.vnk-scope .pe-footer__menu a:hover{color:var(--pe-text)}
.vnk-scope .pe-footer__bottom{
  width:min(var(--pe-max), calc(100% - 32px));
  margin:14px auto 0;
  padding-top:14px;
  border-top:1px solid var(--pe-border);
  color:var(--pe-muted);
  font-size:.92rem;
}

.vnk-scope .pe-cats{position:sticky;top:88px}
@media (max-width: 919px){
.vnk-scope .pe-cats{position:static;top:auto}
}
.vnk-scope .pe-cats__title{font-weight:900;margin-bottom:10px}
.vnk-scope .pe-cats__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.vnk-scope .pe-cats__list a{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 10px;
  border-radius:14px;
  border:1px solid transparent;
  color:var(--pe-muted);
}
.vnk-scope .pe-cats__list li.is-active a{
  background:rgba(17,69,126,.16);
  border-color:rgba(17,69,126,.28);
  color:var(--pe-text);
}
.vnk-scope .pe-cats__list a:hover{
  background:rgba(255,255,255,.03);
  border-color:var(--pe-border);
  color:var(--pe-text);
}
.vnk-scope .pe-cats__arrow{opacity:.6}

.vnk-scope .pe-product-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:16px;
}
@media (min-width: 720px){
.vnk-scope .pe-product-grid{grid-template-columns:repeat(2, 1fr)}
}
@media (min-width: 1040px){
.vnk-scope .pe-product-grid{grid-template-columns:repeat(3, 1fr)}
}
.vnk-scope .pe-product-card{
  display:block;
  border-radius:18px;
  border:1px solid var(--pe-border);
  background:rgba(255,255,255,.94);
  padding:12px;
  color:var(--pe-text);
}
.vnk-scope .pe-product-card__media{
  border-radius:14px;
  border:1px solid var(--pe-border);
  background:rgba(255,255,255,.94);
  aspect-ratio: 16 / 11;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.vnk-scope .pe-product-card__media img{width:100%;height:100%;object-fit:contain}
.vnk-scope .pe-product-card__title{margin-top:10px;font-weight:900}
.vnk-scope .pe-product-card__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.vnk-scope .pe-tag{
  display:inline-flex;align-items:center;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:var(--pe-muted);
  font-size:.86rem;
}

.vnk-scope .pe-accordion{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.vnk-scope .pe-accordion__item{
  border-radius:16px;
  border:1px solid var(--pe-border);
  background:rgba(255,255,255,.94);
  overflow:hidden;
}
.vnk-scope .pe-accordion__summary{
  list-style:none;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 14px;
  cursor:pointer;
  font-weight:900;
}
.vnk-scope .pe-accordion__summary::-webkit-details-marker{display:none}
.vnk-scope .pe-accordion__icon{opacity:.7}
.vnk-scope .pe-accordion__content{padding:0 14px 14px}

.vnk-scope .pe-bmi{margin-top:18px}
.vnk-scope .pe-bmi__grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:920px){.pe-bmi__grid{grid-template-columns: 1.2fr .8fr}}
.vnk-scope .pe-bmi__panel, .vnk-scope .pe-bmi__result{
  border-radius:18px;border:1px solid var(--pe-border);
  background:rgba(255,255,255,.94);padding:16px;
}
.vnk-scope .pe-bmi__title{font-weight:900;font-size:1.1rem}
.vnk-scope .pe-form{display:grid;gap:10px;margin-top:10px}
.vnk-scope .pe-form label span{display:block;color:var(--pe-muted);font-size:.92rem;margin-bottom:4px}
.vnk-scope .pe-form input{
  width:100%;
  background:rgba(255,255,255,.92);
  color:var(--pe-text);
  border:1px solid var(--pe-border);
  border-radius:14px;
  padding:10px 12px;
  outline:none;
}
.vnk-scope .pe-form input:focus{border-color:rgba(17,69,126,.55); box-shadow:0 0 0 4px rgba(17,69,126,.14)}
.vnk-scope .pe-bmi__value{font-size:2.2rem;font-weight:900;margin-top:8px}
.vnk-scope .pe-bmi__label{color:var(--pe-muted);margin-top:4px}
.vnk-scope .pe-bmi__ranges{margin-top:14px;display:grid;gap:8px}
.vnk-scope .pe-range{display:flex;justify-content:space-between;color:var(--pe-muted);border-bottom:1px dashed rgba(255,255,255,.08);padding-bottom:6px}

.vnk-scope .pe-404{text-align:center}
.vnk-scope .pe-404__icon{color:var(--pe-accent);display:flex;justify-content:center;margin-bottom:10px}
.vnk-scope .pe-404__actions{margin-top:14px;display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}


/* Veny Nelkul: table scroll helper */
.vnk-scope .vnk-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}
.vnk-scope .vnk-table-scroll table{min-width:100%;width:max-content}

/* Mobile: make wide tables reliably swipe-scroll (no desktop regressions) */
@media (max-width: 920px){
  .vnk-scope .vnk-table-scroll{
    overflow-x:scroll;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
  }
  .vnk-scope .vnk-table-scroll table{
    width:max-content;
    min-width:100%;
    table-layout:auto;
  }
  .vnk-scope .vnk-table-scroll th,
  .vnk-scope .vnk-table-scroll td{
    white-space:nowrap;
  }
}
/* Slankemedicin: "Reviewed by doctor" block */
.vnk-scope .pe-doctor-check{
  margin:18px 0 6px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px;
  border-radius:22px;
  border:1px solid var(--pe-border);
  background:
    radial-gradient(720px 260px at 10% 0%, rgba(11,107,107,.16), transparent 58%),
    rgba(255,255,255,.94);
}
.vnk-scope .pe-doctor-check__left{display:flex;align-items:center;gap:12px}
.vnk-scope .pe-doctor-check__icon{
  width:42px;height:42px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(11,107,107,.12);
  border:1px solid rgba(11,107,107,.20);
  color:var(--pe-text);
  font-size:20px;
}
.vnk-scope .pe-doctor-check__title{font-weight:900;letter-spacing:.2px}
.vnk-scope .pe-doctor-check__sub{color:var(--pe-muted);font-size:.95rem;margin-top:2px}
.vnk-scope .pe-doctor-check__btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid rgba(11,107,107,.25);
  background:rgba(11,107,107,.12);
  color:var(--pe-text);
  font-weight:900;
  white-space:nowrap;
}
.vnk-scope .pe-doctor-check__btn:hover{transform:translateY(-1px)}
@media (max-width: 520px){
  .vnk-scope .pe-doctor-check{flex-direction:column; align-items:stretch}
  .vnk-scope .pe-doctor-check__btn{width:100%}
}

/* Slankemedicin: footer disclaimer */
.vnk-scope .pe-footer__disclaimer{
  margin:0 0 10px;
  color:rgba(235,242,255,.78);
  font-size:.82rem;
  line-height:1.55;
}
.vnk-scope .pe-footer__disclaimer p{margin:0 0 8px}