/* WB-VITAMIN-B2:START */
.vb-row{align-items:flex-start}
/* dvokolonski raspored (width kontrola kontejnera je bagovita u ovom buildu => ciljamo strukturu) */
[data-elementor-type="wp-page"] .e-con.e-parent>.e-con-inner>.e-con{min-width:0}
[data-elementor-type="wp-page"] .e-con.e-parent>.e-con-inner>.e-con:first-child{flex:60 1 0%}
[data-elementor-type="wp-page"] .e-con.e-parent>.e-con-inner>.e-con:nth-child(2){flex:34 1 0%}
@media (max-width:1024px){[data-elementor-type="wp-page"] .e-con.e-parent>.e-con-inner>.e-con{flex:1 1 100%}}
.vb-h1 .elementor-heading-title,.vb-h .elementor-heading-title{color:#0e7945;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.vb-h1 .elementor-heading-title{font-size:40px}
.vb-h .elementor-heading-title{font-size:30px}
.vb-h .elementor-heading-title::after{content:".";color:#fd8f03}
.vb-h1 .elementor-heading-title::after{content:"?";color:#fd8f03}
.vb-text{font-size:17px;line-height:1.7;color:#444}
.vb-text p{margin:0 0 14px}
.vb-text ul,.vb-text ol{list-style:none;margin:0;padding:0}
.vb-text li{position:relative;padding-left:26px;margin-bottom:14px;font-size:17px;line-height:1.7;color:#444}
.vb-text li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:50%;background:#fd8f03}
.vb-text li strong{color:#0e7945}
/* sticky slika sa strane (na widgetu, jer container _css_classes se ne renderuju) */
.vb-img{position:-webkit-sticky;position:sticky;top:100px;align-self:flex-start;width:100%}
.vb-img .elementor-widget-container{border-radius:24px;overflow:hidden}
.vb-img img{border-radius:24px;display:block;width:100%;height:clamp(440px,72vh,820px);object-fit:cover;object-position:center}
@media (max-width:1024px){.vb-img img{height:auto}}
@media (max-width:1024px){.vb-img{position:static;top:auto;margin-bottom:24px}}
/* interaktivni selektor (samo vitamini) */
.vb-select-section{background:#fff}
.vm-label .elementor-heading-title{font-size:11px;font-weight:700;letter-spacing:2.5px;color:#fd8f03;text-transform:uppercase}
.vm-h .elementor-heading-title{font-size:36px;font-weight:800;letter-spacing:-.03em;color:#0e7945;line-height:1.1}
.vm-h .elementor-heading-title::after{content:".";color:#fd8f03}
.vm-sub .elementor-text-editor,.vm-sub p{font-size:18px;color:#606060;line-height:1.6;max-width:520px;margin:0 auto}
.vm-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:28px}
.vm-glabel{font-size:10px;font-weight:700;letter-spacing:2px;color:#606060;text-transform:uppercase;white-space:nowrap}
.vm-tab{padding:12px 20px;border-radius:50px;font-family:'Inter',sans-serif;font-size:13px;font-weight:700;min-width:54px;text-align:center;background:#fff;border:1.5px solid rgba(14,121,69,.18);color:#0e7945;cursor:pointer;transition:all .2s;line-height:1;text-decoration:none;display:inline-block}
.vm-tab:hover{border-color:#fd8f03;transform:translateY(-2px)}
.vm-tab.active{background:#0e7945;color:#fff;border-color:#0e7945;box-shadow:0 6px 16px rgba(14,121,69,.2)}
.vm-panel{max-width:600px;margin:36px auto 0;padding:28px;background:linear-gradient(135deg,#FAF6F1,#fff);border-radius:16px;border:1px solid rgba(14,121,69,.08);min-height:140px;text-align:center;box-sizing:border-box}
.vm-panel-name{font-size:28px;font-weight:800;letter-spacing:-.02em;color:#0e7945;margin-bottom:4px}
.vm-panel-role{font-size:11px;font-weight:700;letter-spacing:2px;color:#fd8f03;margin-bottom:16px;text-transform:uppercase}
.vm-panel-desc{font-size:18px;line-height:1.7;color:#606060}
@media (max-width:640px){.vm-h .elementor-heading-title{font-size:28px}.vm-panel{padding:20px}}
/* lebdece dekoracije pored selektora */
#vb-b2-sel{position:relative;overflow:hidden}
#vb-b2-sel>.e-con-inner{position:relative;z-index:2}
.vb-deco-layer{position:static}
.vb-deco{position:absolute;z-index:1;width:155px;height:auto;opacity:.92;pointer-events:none;filter:drop-shadow(0 12px 22px rgba(0,0,0,.12));animation:vbFloat 6s ease-in-out infinite;will-change:transform}
.vb-deco-l1{left:0;top:4%}
.vb-deco-l2{left:3%;bottom:5%;width:125px;animation-delay:1.4s;animation-duration:7s}
.vb-deco-r1{right:0;top:7%;animation-delay:.7s;animation-duration:6.5s}
.vb-deco-r2{right:3%;bottom:4%;width:125px;animation-delay:2.1s;animation-duration:7.5s}
@keyframes vbFloat{0%,100%{transform:translate(0,0) rotate(-3deg)}25%{transform:translate(13px,-15px) rotate(2deg)}50%{transform:translate(-11px,-24px) rotate(3deg)}75%{transform:translate(-16px,-9px) rotate(-2deg)}}
@keyframes vbFloat2{0%,100%{transform:translate(0,0) rotate(2deg)}25%{transform:translate(-17px,-11px) rotate(-3deg)}50%{transform:translate(11px,-21px) rotate(2deg)}75%{transform:translate(17px,-7px) rotate(3deg)}}
@keyframes vbFloat3{0%,100%{transform:translate(0,0) rotate(-2deg)}25%{transform:translate(15px,13px) rotate(3deg)}50%{transform:translate(-13px,19px) rotate(-2deg)}75%{transform:translate(-17px,7px) rotate(2deg)}}
@media (max-width:991px){.vb-deco{display:none}}
/* KORISNIKOVE-DEKORACIJE: lebdenje + fix skupljanja desnih slika */
.elementor-absolute{width:max-content !important;max-width:none !important}
.elementor-absolute .elementor-widget-container,.elementor-absolute img{max-width:none !important}
.elementor-absolute img{animation:vbFloat 6s ease-in-out infinite !important;will-change:transform;display:block}
.elementor-absolute:nth-of-type(2n) img{animation-name:vbFloat2 !important;animation-duration:7.4s !important;animation-delay:1.2s !important}
.elementor-absolute:nth-of-type(3n) img{animation-name:vbFloat3 !important;animation-duration:6.7s !important;animation-delay:.6s !important}
/* WB-B2 RESPONSIVE FRUIT:START — leteće voće px->% (zoom/viewport safe, edge tracking) */
.elementor-element.elementor-element-a197600{left:79.17% !important;right:auto !important}
.elementor-element.elementor-element-868c836{left:2.66% !important;right:auto !important}
.elementor-element.elementor-element-0b287fa{left:83.33% !important;right:auto !important}
.elementor-element.elementor-element-4363e66{left:13.33% !important;right:auto !important}
.elementor-element.elementor-element-ace73c1{left:7.10% !important;right:auto !important}
.elementor-element.elementor-element-747e8fc{left:85.94% !important;right:auto !important}
@media(max-width:991px){.elementor-element-a197600,.elementor-element-868c836,.elementor-element-0b287fa,.elementor-element-4363e66,.elementor-element-ace73c1,.elementor-element-747e8fc{display:none !important}}
/* WB-B2 RESPONSIVE FRUIT:END */
/* WB MOBILE STACK (≤767): tekst gore, slika dole; desktop ≥768 NETAKNUT */
@media (max-width:767px){
  .elementor-element-11e0350c>.e-con-inner,.elementor-element-938bb1c>.e-con-inner{flex-direction:column !important}
  .elementor-element-11e0350c>.e-con-inner>.e-con,.elementor-element-938bb1c>.e-con-inner>.e-con{flex:1 1 auto !important;width:100% !important;max-width:100% !important}
  .vb-img{position:static !important;top:auto !important;width:100%;margin-top:0 !important;margin-bottom:0 !important}
  .vb-img img{height:auto !important;width:100%}
}
/* WB MOBILE SPACING + REF OVERFLOW (≤767); desktop ≥768 NETAKNUT */
@media (max-width:767px){
  /* Izmena 1: vitamin/mineral — razmak slika -> "7 vitamina" sekcija = ~20px */
  .elementor-element-11e0350c{padding-bottom:0 !important;--padding-bottom:0px !important}
  /* '7 vitamina' sekcija je rebuild-ovana (ID se razlikuje po stranici) -> ciljamo susedni element reda #11e0350c; pad-top 30px -> 10px (za 2/3) */
  .elementor-element-11e0350c + .e-con{--padding-top:5px !important;padding-top:5px !important}
  /* Izmena 2: probiotik/prebiotik — razmak tekst -> slika = 20px */
  .elementor-element-11e0350c>.e-con-inner,.elementor-element-938bb1c>.e-con-inner{gap:20px !important}
  /* Izmena 3: dugacki reference linkovi se prelamaju umesto overflow */
  .vb-text a{overflow-wrap:anywhere;word-break:break-word}
}
/* FIX: vm-tab kao <a> link mora izgledati IDENTICNO kao <button> (kao na pocetnoj) */
.vm-tags a.vm-tab,.vm-tags a.vm-tab:link,.vm-tags a.vm-tab:visited{color:#0e7945 !important;text-decoration:none !important;background:#fff !important;font-weight:700 !important;border:1.5px solid rgba(14,121,69,.18) !important;box-shadow:none !important}
.vm-tags a.vm-tab:hover{color:#0e7945 !important;background:#fff !important;border-color:#fd8f03 !important;text-decoration:none !important}
.vm-tags a.vm-tab.active{color:#fff !important;background:#0e7945 !important;border-color:#0e7945 !important}
/* WB-VITAMIN-B2:END */