/* 1. Tokeni */
:root {
--vt-zelena: #0D4031;
--vt-smeda: #402B23;
--vt-zuta: #F2C65C;
--vt-pijesak: #D9C091;
--vt-krem: #F2E8DF;
--vt-bijela: #FFFFFF;
--vt-text: var(--vt-smeda);
--vt-heading: var(--vt-zelena);
--vt-bg: var(--vt-bijela);
--vt-bg-alt: var(--vt-krem);
--vt-focus: var(--vt-zelena);
--vt-status-ok: #29A65C;
--vt-status-ok-soft: #E3F4EA;
--vt-tag-fokus: #B37A62;
--vt-tag-vitalnost: #B29D60;
--vt-tag-energija: #6097A4;
--vt-tag-imunitet: #587C4F;
--vt-tag-detox: #7E9258;
--vt-tag-dugovjecnost: #8C7462;
--vt-status-sale: #C60503;
--vt-mint: #F7FDF8;
--vt-border-light: #E6E6E6;
--vt-text-muted: #676767;
--vt-text-soft: #595959;
--vt-shadow-header: 0 4px 8px -1px rgba(0, 0, 0, 0.29);
--vt-font-body: "Quicksand", sans-serif;
--vt-font-heading: "Kefir", serif;
--vt-fs-micro: var(--wp--preset--font-size--vt-micro, 0.75rem);
--vt-fs-small: var(--wp--preset--font-size--vt-small, 0.875rem);
--vt-fs-body: var(--wp--preset--font-size--vt-body, 1rem);
--vt-fs-body-l: var(--wp--preset--font-size--vt-body-l, 1.125rem);
--vt-fs-h4: var(--wp--preset--font-size--vt-h-4, 1.25rem);
--vt-fs-h3: var(--wp--preset--font-size--vt-h-3, 1.5rem);
--vt-fs-h2: var(--wp--preset--font-size--vt-h-2, 2rem);
--vt-fs-h1: var(--wp--preset--font-size--vt-h-1, 2.5rem);
--vt-lh-body: 1.5;
--vt-lh-body-l: 1.6;
--vt-lh-heading: 1.2;
--vt-lh-tight: 1.15;
--vt-space-1: 4px;
--vt-space-2: 8px;
--vt-space-3: 12px;
--vt-space-4: 16px;
--vt-space-5: 24px;
--vt-space-6: 32px;
--vt-space-section: 48px;
--vt-space-heading: 16px;
--vt-space-paragraph: 16px;
--vt-space-breadcrumb: 24px;
--vt-space-breadcrumb-title: 24px;
--vt-gutter: 16px;
--vt-radius: 8px;
--vt-radius-card: 14px;
--vt-btn-l: 56px;
--vt-btn-m: 48px;
--vt-btn-s: 44px;
--vt-input-h: 52px;
--vt-tap: 44px;
--vt-text-max: 45rem;
--vt-title-max: 60rem;
--vt-space-article-h2: 32px;
--vt-space-article-h3: 24px;
}
@media (min-width: 768px) {
:root {
--vt-gutter: 24px;
}
}
@media (min-width: 1024px) {
:root {
--vt-space-section: 80px;
--vt-space-heading: 24px;
--vt-gutter: 32px;
--vt-space-breadcrumb: 48px;
--vt-btn-s: 40px;
--vt-space-article-h2: 48px;
--vt-space-article-h3: 32px;
}
}

/* 1b. Osnova stranice */
html body { font-family: var(--vt-font-body); color: var(--vt-text); font-weight: 400; line-height: var(--vt-lh-body); }

/* 2. Tipografija */
h1, h2, h3, h4, h5, h6 { color: var(--vt-heading); font-weight: 700; text-transform: none; letter-spacing: 0; }
h1 { font-family: var(--vt-font-heading); font-size: var(--vt-fs-h1); line-height: var(--vt-lh-tight); }
h2 { font-family: var(--vt-font-heading); font-size: var(--vt-fs-h2); line-height: var(--vt-lh-heading); }
h3 { font-family: var(--vt-font-body); font-size: var(--vt-fs-h3); line-height: 1.3; }
h4 { font-family: var(--vt-font-body); font-size: var(--vt-fs-h4); line-height: 1.3; }
h5, h6 { font-family: var(--vt-font-body); font-size: var(--vt-fs-body); line-height: 1.4; }
strong, b { font-weight: 700; }
h1.wp-block-heading[style*="font-size"] { font-size: var(--vt-fs-h1) !important; line-height: var(--vt-lh-tight) !important; }
h2.wp-block-heading[style*="font-size"]:not(.text_sub_head_ani) { font-size: var(--vt-fs-h2) !important; line-height: var(--vt-lh-heading) !important; }
.wp-block-heading.text_sub_head_ani { font-family: var(--vt-font-body); font-weight: 500; line-height: 1.4; }
h3.wp-block-heading[style*="font-size"] { font-size: var(--vt-fs-h3) !important; line-height: 1.3 !important; }
h4.wp-block-heading[style*="font-size"] { font-size: var(--vt-fs-h4) !important; line-height: 1.3 !important; }

/* 3. Gumbi */
:is(.vt-pdp__buy .single_add_to_cart_button, .vt-sticky__btn, .woocommerce-checkout #place_order, .checkout_container #payment .place-order button.button, .cartWrap .wc-proceed-to-checkout a) { display: inline-flex; align-items: center; justify-content: center; gap: var(--vt-space-2); min-height: var(--vt-btn-l); padding: 0 var(--vt-space-5); font-family: var(--vt-font-body); font-size: var(--vt-btn-primary-fs, 1.125rem); font-weight: var(--vt-btn-primary-fw, 700); line-height: 1.2; letter-spacing: 0; text-transform: none; text-decoration: none; color: var(--vt-btn-primary-color, var(--vt-zelena)); background: var(--vt-zuta); border: 2px solid var(--vt-zuta); border-radius: var(--vt-radius); }
:is(.vt-pdp__buy .single_add_to_cart_button, .vt-sticky__btn, .woocommerce-checkout #place_order, .checkout_container #payment .place-order button.button, .cartWrap .wc-proceed-to-checkout a):is(:hover, :focus-visible) { color: var(--vt-zuta); background: var(--vt-zelena); border-color: var(--vt-zelena); }
:is(.heroBanner, .heroBannerResponsive) .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-height: var(--vt-btn-l) !important; padding: 0 var(--vt-space-6) !important; font-family: var(--vt-font-body) !important; font-size: 1.125rem !important; font-weight: 700 !important; line-height: 1.2 !important; text-transform: none !important; color: var(--vt-zelena) !important; background: var(--vt-zuta) !important; border: 2px solid var(--vt-zuta) !important; border-radius: var(--vt-radius) !important; }
:is(.heroBanner, .heroBannerResponsive) .wp-block-button__link:is(:hover, :focus-visible) { color: var(--vt-zuta) !important; background: var(--vt-zelena) !important; border-color: var(--vt-zelena) !important; }
html body .newsletterSection form .tnp-field.tnp-field-button .tnp-submit { min-height: var(--vt-btn-m); padding: 0 var(--vt-space-5); font-family: var(--vt-font-body); font-size: 1rem; font-weight: 700; line-height: 1.2; text-transform: none; color: var(--vt-zelena); background: var(--vt-zuta); border: 2px solid var(--vt-zuta); border-radius: var(--vt-radius); cursor: pointer; }
html body .newsletterSection form .tnp-field.tnp-field-button .tnp-submit:is(:hover, :focus-visible) { color: var(--vt-zuta); background: var(--vt-zelena); border-color: var(--vt-zelena); }
:is(.slidercardslist .slidercards-box .slidercards-info .blogBtnWrap a, .cartWrap .coupon button, .woocommerce-cart .coupon button[name="apply_coupon"], .cartWrap button[name="update_cart"], .woocommerce-notices-wrapper a.button, .single-product .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .contactFormWrap input[type="submit"], .storySection .wp-block-column a.wp-block-button__link) { display: inline-flex; align-items: center; justify-content: center; gap: var(--vt-space-2); min-height: var(--vt-btn-m); padding: 0 var(--vt-space-5); font-family: var(--vt-font-body); font-size: 1rem; font-weight: 700; line-height: 1.2; letter-spacing: 0; text-transform: none; text-decoration: none; color: var(--vt-bijela); background: var(--vt-zelena); border: 2px solid var(--vt-zelena); border-radius: var(--vt-radius); cursor: pointer; }
:is(.slidercardslist .slidercards-box .slidercards-info .blogBtnWrap a, .cartWrap .coupon button, .woocommerce-cart .coupon button[name="apply_coupon"], .cartWrap button[name="update_cart"], .woocommerce-notices-wrapper a.button, .single-product .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .contactFormWrap input[type="submit"], .storySection .wp-block-column a.wp-block-button__link):is(:hover, :focus-visible) { color: var(--vt-bijela); background: var(--vt-smeda); border-color: var(--vt-smeda); }
:is(.productList ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button, ul.products-block-post-template li.product .add_to_cart_button, .bestSellerSection .add_to_cart_button, .singlePostWrap ul.products li.product .product_block a.add_to_cart_button) { display: inline-flex; align-items: center; justify-content: center; gap: var(--vt-space-2); min-height: var(--vt-btn-s); padding: 0 var(--vt-space-3); font-family: var(--vt-font-body); font-size: var(--vt-fs-small); font-weight: 700; line-height: 1.2; letter-spacing: 0; text-transform: none; text-decoration: none; white-space: nowrap; color: var(--vt-bijela); background: var(--vt-zelena); border: 2px solid var(--vt-zelena); border-radius: var(--vt-radius); cursor: pointer; }
:is(.productList ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button, ul.products-block-post-template li.product .add_to_cart_button, .bestSellerSection .add_to_cart_button, .singlePostWrap ul.products li.product .product_block a.add_to_cart_button):is(:hover, :focus-visible) { color: var(--vt-bijela); background: var(--vt-smeda); border-color: var(--vt-smeda); }
@media (min-width: 1024px) {
:is(.productList ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button, ul.products-block-post-template li.product .add_to_cart_button, .bestSellerSection .add_to_cart_button, .singlePostWrap ul.products li.product .product_block a.add_to_cart_button) { min-height: var(--vt-btn-m); padding: 0 var(--vt-space-5); font-size: 1rem; }
}
.singlePostWrap ul.products li.product .product_block a.add_to_cart_button { width: 100%; }
.single-product .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel { display: inline-flex; align-items: center; justify-content: center; min-height: var(--vt-btn-m); padding: 0 var(--vt-space-5); font-family: var(--vt-font-body); font-size: 1rem; font-weight: 700; text-transform: none; color: var(--vt-zelena); background: var(--vt-bijela); border: 2px solid var(--vt-zelena); border-radius: var(--vt-radius); }
.upsell-products-section .upsell-products-grid .upsell-product .upsell-add-to-cart .button { display: inline-flex; align-items: center; justify-content: center; min-height: var(--vt-btn-s); padding: 0 var(--vt-space-4); font-family: var(--vt-font-body); font-size: var(--vt-fs-small); font-weight: 700; line-height: 1.2; text-transform: none; color: var(--vt-bijela); background: var(--vt-zelena); border: 2px solid var(--vt-zelena); border-radius: var(--vt-radius); }

/* 4. Polja za unos */
:is(.checkout_container .woocommerce form .form-row input.input-text, .checkout_container .woocommerce form .form-row select, .cartWrap .coupon .input-text, .contactFormWrap input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .contactFormWrap select) { min-height: var(--vt-input-h); height: var(--vt-input-h); font-family: var(--vt-font-body); font-size: 1rem; line-height: 1.4; color: var(--vt-text); border-radius: var(--vt-radius); }
html body :is(.newsletterSection form .tnp-field-email input, footer .footerWrapSection .newsletterSection form .tnp-field-email input) { height: var(--vt-input-h); min-height: var(--vt-input-h); font-family: var(--vt-font-body); font-size: 1rem; line-height: 1.4; border-radius: var(--vt-radius); }
html body .cartWrap .coupon #coupon_code { font-size: 1rem; }
.checkout_container .woocommerce form .form-row label { font-family: var(--vt-font-body); font-size: 1rem; font-weight: 700; line-height: 1.4; color: var(--vt-text); }
.cartWrap .woocommerce .quantity input { height: var(--vt-tap); min-height: var(--vt-tap); font-family: var(--vt-font-body); font-size: 1rem; line-height: 1.2; color: var(--vt-text); }
.cartWrap .product-quantity button { width: var(--vt-tap); height: var(--vt-tap); min-height: var(--vt-tap); line-height: 1; }

/* 5. Razmaci sekcija i članak */
body:not(.single-post) main .entry-content > .wp-block-group:not([class*="anner"]):not(.buyMoreSection):not([style*="402b23"]):not(.pageLinkNav):not(.blogContentWide):not(.accountblock) { padding-top: calc(var(--vt-space-section) / 2) !important; padding-bottom: calc(var(--vt-space-section) / 2) !important; margin-top: 0 !important; margin-bottom: 0 !important; }
body:not(.single-post) main .entry-content > .wp-block-group > h2.wp-block-heading { margin-top: 0 !important; margin-bottom: var(--vt-space-heading) !important; }
body:not(.single-post) main .entry-content > .wp-block-group > h2.wp-block-heading + * { margin-top: 0 !important; }
body.page-id-472 main .entry-content > :is(.pageLinkNav, .blogContentWide) { margin-top: 0; }
body.page-id-472 main .entry-content > .pageLinkNav { padding-top: var(--vt-space-5); padding-bottom: 0; }
body.page-id-472 main .entry-content > .pageLinkNav + .pageLinkNav { padding-top: var(--vt-space-heading); }
body.page-id-472 main .entry-content > .blogContentWide { padding-top: 0; padding-bottom: calc(var(--vt-space-section) / 2); }
body.page-id-472 .blogWithSidebar { margin-top: 0 !important; }
:is(body.page-id-45, body.page-id-7397, body.page-id-47, body.page-id-7354, body.page-id-7356, body.page-id-7378) main { padding-top: calc(var(--vt-space-section) / 2) !important; }
:is(body.page-id-45, body.page-id-7397, body.page-id-47, body.page-id-7354, body.page-id-7356, body.page-id-7378) main > h1.wp-block-post-title { margin-top: 0; }
:is(body.page-id-47, body.page-id-7354, body.page-id-7356, body.page-id-7378) main .entry-content > .accountblock { margin-top: 0; padding-top: 0; }
main .entry-content :is(.organicSlider, .benefitsTable, .storySection) p { text-align: start; }
.singlePostWrap .entry-content > p:not([class*="quizBanner"]), .singlePostWrap .entry-content > :is(ul, ol) > li { font-family: var(--vt-font-body); font-size: var(--vt-fs-body-l); font-weight: 500; line-height: var(--vt-lh-body-l); color: var(--vt-text); }
.singlePostWrap .entry-content > :is(p, ul, ol, h2, h3, h4, blockquote, .wp-block-quote, .vt-table-wrap, .wp-block-table, .blogPostCTA) { max-width: var(--vt-text-max); margin-left: auto; margin-right: auto; }
.singlePostWrap .entry-content > * { margin-block-start: var(--vt-space-paragraph); margin-block-end: 0; }
.singlePostWrap .entry-content > *:first-child { margin-block-start: 0; }
.singlePostWrap .entry-content > h2 { margin-block-start: var(--vt-space-article-h2); }
.singlePostWrap .entry-content > :is(h3, h4) { margin-block-start: var(--vt-space-article-h3); }
.singlePostWrap .entry-content > :is(h2, h3, h4) + * { margin-block-start: var(--vt-space-3); }
.singlePostWrap .entry-content > .woocommerce ul.products li.product { margin-bottom: 0; }
.singlePostWrap .entry-content > .woocommerce ul.products { column-gap: var(--vt-space-3); }
.singlePostWrap .entry-content > .woocommerce ul.products::before, .singlePostWrap .entry-content > .woocommerce ul.products::after { display: none; }
.singlePostWrap .entry-content > .woocommerce ul.products li.product .product_block { display: flex; flex-direction: column; height: 100%; }
.singlePostWrap .entry-content > .woocommerce ul.products li.product .product_block > .woocommerce-loop-product__link { display: flex; flex-direction: column; flex: 1 1 auto; }
.singlePostWrap .entry-content > .woocommerce ul.products li.product .product_block .price { margin-top: auto; }
@media (min-width: 1024px) {
.singlePostWrap .entry-content > .woocommerce ul.products li.product { margin-bottom: var(--vt-space-5); }
}
@media (min-width: 768px) {
body.single-post .pageLinkNav { justify-content: center; }
.singlePostWrap .singlePostTitle { max-width: var(--vt-title-max); margin-left: auto; margin-right: auto; text-align: center; }
.singlePostWrap .vitela-post-meta { text-align: center; }
.singlePostWrap .wp-block-post-featured-image { text-align: center; }
}

/* 6. Pristupačnost */
:focus-visible { outline: 3px solid var(--vt-focus); outline-offset: 3px; }
.wp-site-blocks :focus:not(:focus-visible) { outline: none; }
:is(footer, .heroBanner, .heroBannerResponsive, .headerTopBar, .shopBannerSection, .buyMoreSection, .vt-sticky) :focus-visible { outline-color: var(--vt-zuta); }
:is(.vt-pdp__buy .single_add_to_cart_button, .vt-sticky__btn, .woocommerce-checkout #place_order, .cartWrap .wc-proceed-to-checkout a):focus-visible { outline-color: var(--vt-zelena); }

/* 7. PDP – prvi blok */
@media (max-width: 1023px) {
body.single-product .singleproduct_wrapper > .wp-block-group.has-global-padding { padding-left: var(--vt-space-5); padding-right: var(--vt-space-5); }
}
body.single-product .singleproduct_wrapper .wc-block-breadcrumbs { margin-top: var(--vt-space-breadcrumb); }
body.single-post main .pageLinkNav { margin-top: var(--vt-space-breadcrumb); }
body.single-post main .singlePostWrap { margin-top: 0; }
body.single-post main .singlePostWrap .singlePostTitle { margin-top: var(--vt-space-breadcrumb-title); }
body.single-product .wp-site-blocks > .woocommerce.product { margin-block-start: 0; padding-top: 0; padding-bottom: 0; }
body.single-product .singleproduct_wrapper .woocommerce-breadcrumb { font-size: var(--vt-fs-small); font-weight: 700; line-height: 1.4; color: var(--vt-text); -webkit-text-stroke: 0; }
body.single-product .singleproduct_wrapper .woocommerce-breadcrumb a { font-size: var(--vt-fs-small); font-weight: 500; color: var(--vt-text-muted); }
body.single-product .singleproduct_wrapper .woocommerce-breadcrumb { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.vt-pdp { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--vt-space-5); }
body .vt-pdp { margin-top: var(--vt-space-breadcrumb-title); }
.vt-pdp__title { margin: 0; font-size: var(--vt-fs-h1); }
.vt-pdp__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vt-space-2) var(--vt-space-4); margin-top: var(--vt-space-3); }
.vt-pdp__rating { display: flex; align-items: center; gap: var(--vt-space-3); margin: 0; font-size: var(--vt-fs-body); font-weight: 700; line-height: 1.4; }
.vt-pdp__rating a { color: var(--vt-zelena); text-decoration: none; }
.vt-pdp__rating a:hover { text-decoration: underline; }
.vt-stars { display: inline-block; flex: 0 0 auto; width: 148px; height: 24px; background: linear-gradient(90deg, var(--vt-zuta) var(--vt-rating, 100%), var(--vt-pijesak) var(--vt-rating, 100%)); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.5 20.7'%3E%3Cpath d='M11.5 16.4l5.9 3.6-1.6-6.7 5.2-4.5-6.9-.6L11.5 1.9 8.8 8.2l-6.9.6 5.2 4.5L5.5 20z'/%3E%3C/svg%3E") repeat-x 0 0 / 29.6px 24px; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.5 20.7'%3E%3Cpath d='M11.5 16.4l5.9 3.6-1.6-6.7 5.2-4.5-6.9-.6L11.5 1.9 8.8 8.2l-6.9.6 5.2 4.5L5.5 20z'/%3E%3C/svg%3E") repeat-x 0 0 / 29.6px 24px; }
.vt-pdp__from { margin: 0; font-size: 1.125rem; font-weight: 500; line-height: 1.2; color: var(--vt-text-muted); white-space: nowrap; }
.vt-pdp__from strong { position: relative; z-index: 0; display: inline-block; margin-left: var(--vt-space-1); font-family: var(--vt-font-heading); font-size: var(--vt-fs-h3); font-weight: 700; color: var(--vt-zelena); }
.vt-pdp__from strong::after { content: ""; position: absolute; z-index: -1; top: 34%; left: 2%; width: 110%; height: 1.8em; background: var(--vt-zuta); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 50' preserveAspectRatio='none'%3E%3Cpath d='M4 18C34 6 84 2 124 5c7 1 8 14 0 16-14 3-30 10-46 22-6 5-14 2-9-4 6-6 12-10 18-13-27 2-55 6-79 12-8 2-11-17-4-20z'/%3E%3C/svg%3E") no-repeat center / 100% 100%; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 50' preserveAspectRatio='none'%3E%3Cpath d='M4 18C34 6 84 2 124 5c7 1 8 14 0 16-14 3-30 10-46 22-6 5-14 2-9-4 6-6 12-10 18-13-27 2-55 6-79 12-8 2-11-17-4-20z'/%3E%3C/svg%3E") no-repeat center / 100% 100%; }
.vt-pdp__from--desktop { display: none; }
.vt-pdp__stock { position: relative; display: flex; flex-wrap: wrap; align-items: center; row-gap: var(--vt-space-1); margin: var(--vt-space-4) 0 0; padding-left: 22px; font-size: var(--vt-fs-small); font-weight: 700; line-height: 1.5; color: var(--vt-text); }
.vt-pdp__stock > span:not(:last-child)::after { content: "|"; margin: 0 var(--vt-space-2); font-weight: 400; color: var(--vt-border-light); }
.vt-pdp__stock-status { color: var(--vt-zelena); }
.vt-pdp__stock::before { content: ""; position: absolute; top: 4.5px; left: 0; width: 12px; height: 12px; border-radius: 50%; background: var(--vt-status-ok); }
@media (max-width: 374px) {
.vt-pdp__stock { font-size: 0.8125rem; }
}
@media (min-width: 410px) {
.vt-pdp__stock { padding-left: 26px; font-size: var(--vt-fs-body); }
.vt-pdp__stock > span:not(:last-child)::after { margin: 0 var(--vt-space-3); }
.vt-pdp__stock::before { top: 5px; width: 14px; height: 14px; }
}
.vt-pdp__stock.is-out-of-stock .vt-pdp__stock-status { color: var(--vt-smeda); }
.vt-pdp__stock.is-out-of-stock::before { background: var(--vt-pijesak); }
.vt-pdp__intro { margin: var(--vt-space-5) 0 0; font-size: var(--vt-fs-body-l); font-weight: 500; line-height: var(--vt-lh-body); color: var(--vt-text-muted); }
.vt-pdp__gallery { position: relative; }
.vt-pdp__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; background: var(--vt-bijela); border: 1px solid var(--vt-border-light); border-radius: var(--vt-radius-card); }
.vt-pdp__track::-webkit-scrollbar { display: none; }
.vt-pdp__slide { flex: 0 0 100%; margin: 0; aspect-ratio: 1; scroll-snap-align: start; }
.vt-pdp__slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.vt-pdp__slide--main img { object-fit: contain; }
.vt-pdp__from--mobile { position: absolute; z-index: 2; top: var(--vt-space-3); right: var(--vt-space-4); font-size: 1.125rem; }
.vt-pdp__from--mobile strong { font-size: var(--vt-fs-h3); }
.vt-pdp__from--mobile { transition: opacity 0.2s ease; }
.vt-pdp__gallery.is-past-first .vt-pdp__from--mobile { opacity: 0; visibility: hidden; }
.vt-pdp__arrow { position: absolute; z-index: 2; top: 50%; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; padding: 0; color: var(--vt-bijela); background: var(--vt-zelena); border: 0; border-radius: var(--vt-radius); transform: translateY(-50%); cursor: pointer; }
.vt-pdp__arrow--prev { left: 0; }
.vt-pdp__arrow--next { right: 0; }
.vt-pdp__arrow svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.vt-pkgs__anchor-row { margin: 0 0 var(--vt-space-5); }
.vt-pkgs__anchor { font-size: var(--vt-fs-small); line-height: 1.4; color: var(--vt-text-muted); }
.vt-pkgs__anchor--desktop { display: none; }
.vt-pkgs { display: grid; gap: var(--vt-space-3); margin-bottom: var(--vt-space-6); }
.vt-pkg { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: 14px; min-height: 64px; padding: var(--vt-space-2) var(--vt-space-5) var(--vt-space-2) 20px; background: var(--vt-bijela); border: 1px solid var(--vt-border-light); border-radius: var(--vt-radius-card); cursor: pointer; }
.vt-pkgs .vt-pkg { margin: 0; }
.vt-pkg:has(.vt-pkg__input:checked) { background: var(--vt-mint); border-color: var(--vt-zelena); box-shadow: 0 0 0 1px var(--vt-zelena); }
.vt-pkg:has(.vt-pkg__input:focus-visible) { outline: 3px solid var(--vt-focus); outline-offset: 2px; }
.vt-pkg__input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
.vt-pkg__radio { width: 22px; height: 22px; background: var(--vt-mint); border: 1px solid var(--vt-zelena); border-radius: 50%; }
.vt-pkg__input:checked + .vt-pkg__radio { background: var(--vt-zelena) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6.5 11.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.vt-pkg__img { display: none; }
.vt-pkg__info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.vt-pkg__title { font-size: var(--vt-fs-h4); font-weight: 700; line-height: 1.2; color: var(--vt-zelena); }
.vt-pkg__unit { font-size: var(--vt-fs-small); font-weight: 700; line-height: 1.4; color: var(--vt-text); }
.vt-pkg__badge { position: absolute; top: 0; left: 50%; padding: 3px var(--vt-space-3); font-size: var(--vt-fs-micro); font-weight: 700; line-height: 1.4; text-transform: uppercase; white-space: nowrap; color: var(--vt-zuta); background: var(--vt-zelena); border-radius: 6px; transform: translate(-50%, -50%); }
.vt-pkg__price { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; }
.vt-pkg__total { font-size: var(--vt-fs-h4); font-weight: 700; line-height: 1.2; color: var(--vt-zelena); white-space: nowrap; }
.vt-pkg__save { font-size: var(--vt-fs-small); font-weight: 700; line-height: 1.4; color: var(--vt-status-sale); white-space: nowrap; }
.vt-pdp__buy form.variations_form table.variations { display: none; }
.vt-pdp__buy form.variations_form .single_variation { display: none !important; }
.vt-pdp__buy form.variations_form .reset_variations { display: none; }
body .vt-pdp__buy .wp-block-woocommerce-add-to-cart-form form.cart, body .vt-pdp__buy form.variations_form .woocommerce-variation-add-to-cart { display: block; }
body .vt-pdp__buy form.variations_form .woocommerce-variation-add-to-cart .quantity { display: none !important; }
.vt-pdp__buy, .vt-sticky { --vt-btn-primary-color: var(--vt-smeda); --vt-btn-primary-fw: 700; }
.vt-pdp__buy .single_add_to_cart_button { width: 100%; }
.vt-pdp__buy .single_add_to_cart_button::before { content: ""; flex: 0 0 auto; width: 30px; height: 30px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a1 1 0 0 0 1 .8h9.2a1 1 0 0 0 1-.8L20 8H6.2'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.5'/%3E%3Ccircle cx='17' cy='19.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a1 1 0 0 0 1 .8h9.2a1 1 0 0 0 1-.8L20 8H6.2'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.5'/%3E%3Ccircle cx='17' cy='19.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.vt-pdp__proof { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--vt-space-3); margin: var(--vt-space-6) 0 0; font-size: var(--vt-fs-body); font-weight: 700; line-height: 1.4; color: var(--vt-zelena); }
.vt-stars--solid { background: var(--vt-zelena); }
.vt-pdp__pay { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--vt-space-2) var(--vt-space-3); margin: var(--vt-space-5) 0 0; padding: 0; list-style: none; }
.vt-pdp__pay li { margin: 0; }
.vt-pdp__pay img { display: block; width: auto; height: 19px; }
.vt-pdp__trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vt-space-3); margin: var(--vt-space-6) 0 0; padding: 0; list-style: none; }
.vt-trust { display: flex; align-items: center; gap: 14px; min-height: 79px; margin: 0; padding: var(--vt-space-4) 20px; background: var(--vt-bijela); border: 1px solid var(--vt-border-light); border-radius: 10px; }
.vt-trust svg { flex: 0 0 auto; width: 60px; height: 48px; fill: none; stroke: var(--vt-zelena); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.vt-trust svg .vt-fill { fill: var(--vt-bijela); }
.vt-trust span { display: block; min-width: 0; font-size: var(--vt-fs-body); font-weight: 700; line-height: 1.3; color: var(--vt-text); }
.vt-trust strong { display: block; margin-bottom: var(--vt-space-1); font-family: var(--vt-font-heading); font-size: var(--vt-fs-h4); font-weight: 700; line-height: 1.2; color: var(--vt-zelena); }
@media (max-width: 479px) {
.vt-pkg { column-gap: var(--vt-space-3); padding-right: var(--vt-space-4); padding-left: var(--vt-space-4); }
.vt-pkg__unit { font-size: 0.8125rem; }
.vt-pkg__save { font-size: 0.8125rem; }
.vt-pkg__unit { white-space: nowrap; }
.vt-pdp__pay { flex-wrap: nowrap; gap: 6px; }
.vt-pdp__pay img { height: min(19px, calc((100vw - 84px) / 18.5)); }
.vt-pdp__trust { grid-template-columns: minmax(0, 1fr); gap: var(--vt-space-2); }
.vt-trust { min-height: 64px; padding: var(--vt-space-3) var(--vt-space-4); }
.vt-trust svg { width: 48px; height: 38px; }
.vt-trust:nth-child(3) { order: 4; }
.vt-trust:nth-child(4) { order: 3; }
}
.vt-sticky { position: fixed; z-index: 960; right: 0; bottom: 0; left: 0; display: grid; gap: var(--vt-space-3); padding: var(--vt-space-4) var(--vt-space-5) calc(var(--vt-space-4) + env(safe-area-inset-bottom)); background: var(--vt-zelena); --vt-btn-primary-fs: 1.25rem; }
.vt-sticky__label { margin: 0; font-size: var(--vt-fs-body); font-weight: 500; line-height: 1.3; color: var(--vt-bijela); }
.vt-sticky__pkg { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: var(--vt-space-3); width: 100%; min-height: 56px; padding: var(--vt-space-2) var(--vt-space-4); font: inherit; text-align: start; background: var(--vt-bijela); border: 0; border-radius: var(--vt-radius); cursor: pointer; }
.vt-sticky__plus { width: 22px; height: 22px; background: var(--vt-text-muted); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 2v14M2 9h14' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 2v14M2 9h14' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.vt-sticky__btn { width: 100%; cursor: pointer; }
.vt-sticky__btn::before { content: ""; flex: 0 0 auto; width: 30px; height: 30px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a1 1 0 0 0 1 .8h9.2a1 1 0 0 0 1-.8L20 8H6.2'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.5'/%3E%3Ccircle cx='17' cy='19.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a1 1 0 0 0 1 .8h9.2a1 1 0 0 0 1-.8L20 8H6.2'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.5'/%3E%3Ccircle cx='17' cy='19.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.vt-sheet { position: fixed; z-index: 950; inset: 0; }
.vt-sheet[hidden] { display: none; }
.vt-sheet__overlay { position: absolute; inset: 0; }
.vt-sheet__panel { position: absolute; top: 0; right: 0; bottom: var(--vt-sticky-h, 160px); left: 0; overflow-y: auto; padding: var(--vt-space-4) 20px var(--vt-space-5); background: var(--vt-bijela); }
.vt-sheet__head { display: flex; align-items: center; justify-content: space-between; gap: var(--vt-space-3); margin-bottom: var(--vt-space-3); }
.vt-sheet__title { margin: 0; font-family: var(--vt-font-heading); font-size: var(--vt-fs-h1); font-weight: 700; line-height: var(--vt-lh-heading); color: var(--vt-zelena); }
.vt-sheet__close { display: flex; align-items: center; justify-content: center; width: var(--vt-tap); height: var(--vt-tap); padding: 0; color: var(--vt-text-muted); background: none; border: 0; cursor: pointer; }
.vt-sheet__close svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.vt-pkgs--sheet { gap: var(--vt-space-3); margin-bottom: var(--vt-space-5); }
.vt-sheet__proof { display: flex; flex-direction: column; align-items: center; gap: var(--vt-space-2); margin: 0; font-size: var(--vt-fs-body); font-weight: 500; line-height: 1.4; text-align: center; color: var(--vt-zelena); }
body.vt-sheet-open { overflow: hidden; }
@media (max-width: 1023px) {
body.single-product footer .footerWrapSection { padding-bottom: calc(var(--vt-sticky-h, 160px) + var(--vt-space-6)) !important; }
}
body.vt-hdr-fixed header .siteHeaderWrap { padding-bottom: var(--vt-hdr-h) !important; }
body.vt-hdr-fixed header .siteHeader { position: fixed; z-index: 940; top: 0; right: 0; left: 0; padding-right: var(--vt-hdr-pr) !important; padding-left: var(--vt-hdr-pl) !important; background: var(--vt-bijela); box-shadow: var(--vt-shadow-header); transform: translateY(-100%); transition: transform 0.25s ease; }
body.vt-hdr-fixed.vt-hdr-show header .siteHeader { transform: none; }
html.has-modal-open body.vt-hdr-fixed header .siteHeader { z-index: 100000; transform: none; transition: none; }
@media (min-width: 768px) and (max-width: 1023px) {
body .vt-pdp { max-width: var(--vt-text-max); margin-left: auto; margin-right: auto; }
}
@media (min-width: 1024px) {
.vt-pdp { grid-template-columns: minmax(0, 648fr) minmax(0, 676fr); grid-template-rows: auto 1fr; grid-template-areas: "gallery head" "gallery buy"; column-gap: 76px; row-gap: calc(var(--vt-space-6) * 1.5); align-items: start; }
.vt-pdp__title { font-size: 1.875rem; }
.vt-pdp__from { font-size: var(--vt-fs-body); }
.vt-pdp__from strong { font-size: var(--vt-fs-h4); }
.vt-pdp__head { grid-area: head; }
.vt-pdp__gallery { grid-area: gallery; }
.vt-pdp__buy { grid-area: buy; }
.vt-pdp__from--desktop { display: block; }
.vt-pdp__from--mobile { display: none; }
.vt-pdp__track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--vt-space-4); overflow: visible; scroll-snap-type: none; background: none; border: 0; border-radius: 0; }
.vt-pdp__slide:not(.vt-pdp__slide--main) { cursor: pointer; }
.vt-pdp__slide { overflow: hidden; border-radius: var(--vt-radius-card); }
.vt-pdp__slide--main { grid-column: 1 / -1; background: var(--vt-bijela); border: 1px solid var(--vt-border-light); }
.vt-pdp__arrow { display: none; }
.vt-pkgs { margin-bottom: calc(var(--vt-space-6) * 1.5); }
.vt-pkg { grid-template-columns: auto auto minmax(0, 1fr) auto; }
.vt-pkg .vt-pkg__img { display: block; width: 64px; height: 48px; object-fit: contain; }
.vt-pkgs__anchor { font-weight: 700; color: var(--vt-text); }
.vt-pkg__unit { font-size: var(--vt-fs-body); }
.vt-pkg__save { font-size: var(--vt-fs-body); }
.vt-pdp__buy { --vt-btn-primary-fs: var(--vt-fs-h4); }
.vt-pdp__proof { margin-top: calc(var(--vt-space-6) * 1.5); }
.vt-pdp__trust { margin-top: calc(var(--vt-space-6) * 1.5); }
.vt-pkg__badge { position: static; display: inline-block; margin-left: var(--vt-space-2); vertical-align: middle; transform: none; }
.vt-pkgs__anchor-row { display: none; }
.vt-pkgs__anchor--desktop { display: block; }
.vt-sticky { display: none; }
.vt-sheet { display: none; }
}

/* 8. PDP – drugi blok: tabovi */
body .vt-tabs { margin-top: var(--vt-space-section); margin-bottom: var(--vt-space-section); }
.vt-tabs__list { display: none; }
.vt-tabs__acc { display: flex; align-items: center; justify-content: space-between; gap: var(--vt-space-3); width: 100%; min-height: var(--vt-btn-l); margin: 0; padding: 0 var(--vt-space-4); font-family: var(--vt-font-body); font-size: var(--vt-fs-body-l); font-weight: 700; line-height: 1.3; color: var(--vt-bijela); text-align: left; background: var(--vt-zelena); border: 0; border-radius: var(--vt-radius); cursor: pointer; }
.vt-tabs__acc::after { content: ""; flex: none; width: 10px; height: 10px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-3px) rotate(45deg); transition: transform 0.2s; }
.vt-tabs__acc[aria-expanded="true"]::after { transform: translateY(3px) rotate(-135deg); }
.vt-tabs__acc:focus-visible { outline: 2px solid var(--vt-zuta); outline-offset: 2px; }
.vt-tabs__item + .vt-tabs__item { margin-top: var(--vt-space-3); }
.vt-tabs__panel { padding: var(--vt-space-5) 0 var(--vt-space-2); }
.vt-tabs__panel[hidden] { display: none; }
.vt-tabs__panel h2 { margin: var(--vt-space-6) 0 var(--vt-space-3); font-family: var(--vt-font-body); font-size: var(--vt-fs-h4); font-weight: 700; line-height: 1.3; color: var(--vt-heading); }
.vt-tabs__panel > :first-child { margin-top: 0; }
.vt-tabs__panel p { font-size: var(--vt-fs-body); line-height: var(--vt-lh-body-l); color: var(--vt-text-soft); }
.vt-tabs__panel--text p { margin: 0 0 var(--vt-space-paragraph) !important; }
.vt-tabs__panel--text strong { color: var(--vt-text); }
.vt-tabs__panel--text ul { margin: 0 0 var(--vt-space-5); padding: 0; list-style: none; }
.vt-tabs__panel--text li { position: relative; min-height: 22px; margin: 0 0 var(--vt-space-3); padding-left: 34px; font-size: var(--vt-fs-body); line-height: var(--vt-lh-body); color: var(--vt-text); }
.vt-tabs__panel--text li::before { content: ""; position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background: var(--vt-status-ok-soft); border-radius: 50%; }
.vt-tabs__panel--text li::after { content: ""; position: absolute; left: 5px; top: 6px; width: 12px; height: 12px; background: var(--vt-status-ok); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1.2 5.2l3.2 3.2L10.8 1.6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1.2 5.2l3.2 3.2L10.8 1.6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.vt-tabs__panel--text a { font-weight: 700; color: var(--vt-zelena); text-decoration: underline; text-underline-offset: 2px; }
.vt-tabs__panel--text a:hover { text-decoration-thickness: 2px; }
.vt-tabs__panel--text .vt-tabs__legal { font-size: var(--vt-fs-small); }
@media (min-width: 1024px) {
.vt-tabs__list { display: flex; margin-bottom: var(--vt-space-6); border-bottom: 1px solid var(--vt-border-light); }
.vt-tabs__tab { min-height: var(--vt-btn-l); margin: 0; padding: 0 var(--vt-space-5); font-family: var(--vt-font-body); font-size: var(--vt-fs-body-l); font-weight: 700; line-height: 1; color: var(--vt-text); background: var(--vt-bijela); border: 1px solid var(--vt-border-light); border-bottom: 0; border-radius: var(--vt-radius) var(--vt-radius) 0 0; cursor: pointer; }
.vt-tabs__tab + .vt-tabs__tab { margin-left: -1px; }
.vt-tabs__tab[aria-selected="true"] { color: var(--vt-bijela); background: var(--vt-zelena); border-color: var(--vt-zelena); }
.vt-tabs__tab:focus-visible { outline: 2px solid var(--vt-zuta); outline-offset: 2px; }
.vt-tabs__acc { display: none; }
.vt-tabs__item + .vt-tabs__item { margin-top: 0; }
.vt-tabs__panel { padding: 0; }
.vt-tabs__panel--text { max-width: var(--vt-text-max); margin-left: auto; margin-right: auto; }
.vt-tabs__panel h2 { font-size: var(--vt-fs-h3); }
.vt-tabs__panel--text ul:has(> li:nth-child(4)) { columns: 2; column-gap: calc(var(--vt-space-6) * 1.5); }
.vt-tabs__panel--text ul:has(> li:nth-child(4)) > li { break-inside: avoid; }
}

/* 9. PDP – iskustva kupaca */
body .vt-revstrip { margin-top: var(--vt-space-section); }
.vt-revstrip__head { margin-bottom: var(--vt-space-heading); text-align: center; }
body .vt-revstrip__title { margin: 0 0 var(--vt-space-2); }
.vt-revstrip__summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--vt-space-2); margin: 0 !important; font-size: var(--vt-fs-body); color: var(--vt-text); }
.vt-revstrip__score { white-space: nowrap; }
.vt-revstrip__list { display: grid; grid-auto-flow: column; grid-auto-columns: 85%; gap: var(--vt-space-4); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: var(--vt-space-2); }
.vt-review { display: flex; flex-direction: column; gap: var(--vt-space-3); padding: var(--vt-space-5); scroll-snap-align: start; background: var(--vt-bijela); border: 1px solid var(--vt-border-light); border-radius: var(--vt-radius-card); }
.vt-review .vt-stars { width: 99px; height: 16px; -webkit-mask-size: 19.8px 16px; mask-size: 19.8px 16px; }
.vt-review p { margin: 0 !important; }
.vt-review__text { flex: 1 1 auto; font-size: var(--vt-fs-body); line-height: var(--vt-lh-body-l); color: var(--vt-text); }
.vt-review__author { font-size: var(--vt-fs-small); color: var(--vt-text-soft); }
.vt-review__author strong { color: var(--vt-text); }
.vt-review__product { font-size: var(--vt-fs-small); color: var(--vt-text-soft); }
.vt-revstrip__more { margin: var(--vt-space-2) 0 0 !important; text-align: center; }
.vt-revstrip__more a { display: inline-flex; align-items: center; min-height: var(--vt-tap); padding: 0 var(--vt-space-3); font-weight: 700; color: var(--vt-zelena); text-decoration: underline; text-underline-offset: 2px; }
@media (min-width: 1024px) {
.vt-revstrip__list { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; }
}

/* 10. PDP – tab recenzije */
#vt-panel-reviews .cr-summaryBox-wrap { padding: 0; background: none; border: 0; }
#vt-panel-reviews .cr-average-rating span { font-family: var(--vt-font-body); font-size: var(--vt-fs-h1); font-weight: 700; line-height: 1.1; color: var(--vt-heading); }
#vt-panel-reviews .cr-summaryBox-wrap .cr-total-rating-count { margin: var(--vt-space-2) 0 var(--vt-space-4); font-size: var(--vt-fs-body); color: var(--vt-text); }
#vt-panel-reviews .crstar-rating-svg .cr-rating-icon-frnt { color: var(--vt-zuta); }
#vt-panel-reviews .crstar-rating-svg .cr-rating-icon-bg { color: var(--vt-pijesak); }
#vt-panel-reviews .cr-histogram-rating-label svg { color: var(--vt-zuta); fill: var(--vt-zuta); }
#vt-panel-reviews .cr-ajax-reviews-add-review { min-height: var(--vt-btn-m); padding: 0 var(--vt-space-5); font-family: var(--vt-font-body); font-size: var(--vt-fs-body); font-weight: 700; color: var(--vt-bijela); background: var(--vt-zelena); border: 0; border-radius: var(--vt-radius); }
#vt-panel-reviews .ivole-meter { height: 12px; background: var(--vt-bg-alt); border: 0; border-radius: 999px; box-shadow: none; }
#vt-panel-reviews .ivole-meter .ivole-meter-bar { background: var(--vt-zuta); border-radius: 999px; box-shadow: none; }
#vt-panel-reviews .cr-histogramTable .ivole-histogramRow .cr-histogram-a { font-size: var(--vt-fs-small); color: var(--vt-text); }
#vt-panel-reviews .cr-histogram-rating-value { font-size: var(--vt-fs-small); color: var(--vt-text); }
#vt-panel-reviews .cr-reviews-ajax-reviews input.cr-input-text[type="text"] { height: var(--vt-input-h); font-family: var(--vt-font-body); font-size: var(--vt-fs-body); color: var(--vt-text); border: 1px solid var(--vt-text-muted); border-radius: var(--vt-radius); }
#vt-panel-reviews .cr-reviews-ajax-reviews input.cr-input-text[type="text"]::placeholder { color: var(--vt-text-muted); }
#vt-panel-reviews .cr-reviews-ajax-reviews .cr-count-row { padding: var(--vt-space-3) 0; font-size: var(--vt-fs-small); color: var(--vt-text); background: none; border-bottom: 1px solid var(--vt-border-light); }
#vt-panel-reviews .cr-count-row .cr-count-row-count { font-size: var(--vt-fs-small); color: var(--vt-text); }
#vt-panel-reviews .cr-count-row select.cr-ajax-reviews-sort { min-height: var(--vt-tap); font-family: var(--vt-font-body); font-size: var(--vt-fs-small); color: var(--vt-text); }
#vt-panel-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .cr-comment-text .meta .woocommerce-review__author { font-family: var(--vt-font-body); font-size: var(--vt-fs-body-l); font-weight: 700; color: var(--vt-text); }
#vt-panel-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .cr-comment-text .meta .woocommerce-review__verified { font-size: var(--vt-fs-small); color: var(--vt-text-soft); }
#vt-panel-reviews .cr-comment-text .meta .woocommerce-review__published-date { font-size: var(--vt-fs-small); font-weight: 400; color: var(--vt-text-soft); }
#vt-panel-reviews .cr-comment-text .description p { margin: var(--vt-space-2) 0 0 !important; font-size: var(--vt-fs-body); font-weight: 400; line-height: var(--vt-lh-body-l); color: var(--vt-text-soft); }
#vt-panel-reviews .cr-avatar-check { background: var(--vt-status-ok); }
#vt-panel-reviews ol.commentlist li.review { border-color: var(--vt-border-light); }
#vt-panel-reviews .cr-reviews-ajax-reviews .cr-show-more-reviews-prd { min-height: var(--vt-btn-m); padding: 0 var(--vt-space-5); font-family: var(--vt-font-body); font-size: var(--vt-fs-body); font-weight: 700; color: var(--vt-zelena); background: var(--vt-bijela); border: 2px solid var(--vt-zelena); border-radius: var(--vt-radius); }
#vt-panel-reviews .cr-reviews-ajax-reviews .cr-show-more-reviews-prd:hover { color: var(--vt-bijela); background: var(--vt-zelena); }
#vt-panel-reviews .cr-review-form-wrap { font-weight: 500; }

/* 11. FAQ – PDP, kategorije i naslovnica */
.single-product .forCoffee, .single-product .forCbdOil { display: none; }
.product_cat-kava-s-gljivama .forCoffee, .product_cat-mix-paketi .forCoffee { display: block; }
.product_cat-cbd-ulja .forCbdOil { display: block; }
body .singleproduct_wrapper .wellnessSection { padding-top: 0 !important; padding-bottom: 0 !important; }
body .singleproduct_wrapper .wellnessSection h2.headingTextFont { margin-bottom: var(--vt-space-heading) !important; }
.faqImgWrap { margin-right: 25px; overflow: hidden; border-radius: 40px; }
body .singleproduct_wrapper .faqImgWrap { margin: 0; border-radius: calc(var(--vt-radius-card) * 2); }
body .singleproduct_wrapper .faqImgWrap img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: calc(var(--vt-radius-card) * 2) !important; }
.faqlistWrap .faq_list .faq-question { position: relative; margin-top: 10px; padding: 12px 45px 12px 60px; font: 700 18px/28px var(--vt-font-body); color: var(--vt-bijela); background-color: var(--vt-smeda); border: none; border-radius: var(--vt-radius); cursor: pointer; }
.faqlistWrap .faq_list .faq-question::before { content: ''; position: absolute; top: 50%; left: 15px; display: inline-block; width: 32px; height: 32px; background: url(images/new-faq-icon.png) no-repeat -1px -2px; transform: translateY(-50%); }
.faqlistWrap .faq_list .faq-question::after { content: ''; position: absolute; top: 50%; right: 20px; width: 17px; height: 10px; background: url(images/new-faq-icon.png) no-repeat -39px -21px; transform: translateY(-50%); transition: background-position .2s ease, transform .2s ease; }
.faqlistWrap .faq_list .faq-question.is-active::after { background-position: -39px -7px; }
.cbdFaqWrap .faqlistWrap .faq_list .faq-question { background-color: var(--vt-zelena); }
.faqlistWrap .faq_list .faq-answer, .faqlistWrap .faq_list .faq-answer p { padding: .5em 45px .5em 16px; font: 16px var(--vt-font-body); background-color: transparent; border: none !important; border-radius: 0; }
.faqlistWrap .faq_list .faq-answer > p { margin: 0 0 10px; padding: 0; }
.faqlistWrap .faq_list .faq-answer[hidden] { display: none !important; }
.faqlistWrap .faq-answer a strong { text-decoration: none; border-bottom: 2.5px solid; }
body .faqlistWrap .faq_list > .faq-question:first-child { margin-top: 0; }
body .faqlistWrap .faq_list .faq-question:focus-visible { outline: 3px solid var(--vt-zuta); outline-offset: 2px; }
body .faqlistWrap .faq_list .faq-answer, body .faqlistWrap .faq_list .faq-answer p { font-weight: 400; line-height: var(--vt-lh-body-l); color: var(--vt-text-soft); }
body .faqlistWrap .faq-answer a, body .faqlistWrap .faq-answer a strong { color: var(--vt-zelena); border-bottom-color: var(--vt-zelena); }
@media (max-width: 1023px) {
body .singleproduct_wrapper .faqImgWrap img { aspect-ratio: 4 / 3; }
body .singleproduct_wrapper .faqImgWrap { max-width: 560px; margin: 0 auto; }
body .faqColWrap { row-gap: var(--vt-space-4); }
body .faqlistWrap .faq_list .faq-question { padding: var(--vt-space-3) 44px var(--vt-space-3) 56px; font-size: var(--vt-fs-body); line-height: 1.4; }
}
@media (max-width: 1024px) {
.faqColWrap { flex-direction: column; }
.faqColWrap .faqImgWrap { margin: 0; text-align: center; }
.faqColWrap .faqlistWrap { max-width: 800px; margin: 0 auto; }
}
@media (max-width: 767px) {
.faqlistWrap .faq_list .faq-answer, .faqlistWrap .faq_list .faq-answer p { padding: .5em 5px; }
}
@media (min-width: 1024px) {
body .faqColWrap { column-gap: calc(var(--vt-space-6) * 2); }
body .faqColWrap > .wp-block-column:first-child { flex: 0 0 41% !important; }
body .faqColWrap > .wp-block-column:last-child { flex: 1 1 0 !important; }
}

/* 12. PDP – izdvajamo za vas */
body .vt-featured { margin-top: var(--vt-space-section); padding-bottom: var(--vt-space-section); }
body.single-product .singleproduct_wrapper + footer { margin-block-start: 0; }
body .vt-featured__title { margin: 0 0 var(--vt-space-heading); text-align: center; }
.vt-featured__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vt-space-5) var(--vt-space-4); }
.vt-fcard { display: flex; flex-direction: column; align-items: center; text-align: center; }
.vt-fcard__media { position: relative; display: block; width: 100%; padding: var(--vt-space-5) var(--vt-space-3) var(--vt-space-3); background: var(--vt-bijela); border: 1px solid var(--vt-border-light); border-radius: var(--vt-radius-card); }
.vt-fcard__media img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; }
.vt-fcard__tag { position: absolute; top: -1px; right: -1px; display: inline-flex; align-items: center; justify-content: center; gap: var(--vt-space-1); min-width: 49%; max-width: calc(100% + 2px); min-height: 28px; padding: 0 var(--vt-space-2) 0 var(--vt-space-3); overflow: hidden; font-size: var(--vt-fs-micro); font-weight: 700; line-height: 1; letter-spacing: 0.03em; white-space: nowrap; text-transform: uppercase; color: var(--vt-bijela); background: var(--vt-zelena); border-radius: 0 var(--vt-radius-card) 0 var(--vt-radius-card); }
.vt-fcard__icon { flex: none; width: 14px; height: 14px; }
.vt-fcard__tag--fokus { background: var(--vt-tag-fokus); }
.vt-fcard__tag--vitalnost { background: var(--vt-tag-vitalnost); }
.vt-fcard__tag--energija { background: var(--vt-tag-energija); }
.vt-fcard__tag--imunitet { background: var(--vt-tag-imunitet); }
.vt-fcard__tag--detox { background: var(--vt-tag-detox); }
.vt-fcard__tag--dugovjecnost { background: var(--vt-tag-dugovjecnost); }
.vt-fcard__tag--cbd-fs { background: var(--vt-tag-imunitet); }
.vt-fcard__tag--cbd-iso { background: var(--vt-tag-energija); }
.vt-fcard__tag--premium { color: var(--vt-zelena); background: var(--vt-zuta); }
.vt-fcard__tag--stres { background: var(--vt-tag-dugovjecnost); }
.vt-fcard__tag--san { background: var(--vt-zelena); }
.vt-fcard__tag--smirenost { background: var(--vt-tag-fokus); }
.vt-fcard__tag--snaga { background: var(--vt-tag-energija); }
.vt-fcard__tag--umor { background: var(--vt-tag-vitalnost); }
.vt-fcard__tag--radni-dan { background: var(--vt-tag-energija); }
.vt-fcard__tag--trening { background: var(--vt-tag-energija); }
.vt-fcard__tag--cijeli-dan { background: var(--vt-tag-energija); }
.vt-fcard__tag--nakon-posla { background: var(--vt-tag-energija); }
.vt-fcard__tag--ucenje { background: var(--vt-tag-fokus); }
.vt-fcard__tag--bez-stresa { background: var(--vt-tag-fokus); }
.vt-fcard__tag--jutro { background: var(--vt-tag-detox); }
.vt-fcard__tag--svjezina { background: var(--vt-tag-detox); }
.vt-fcard__tag--vikend { background: var(--vt-tag-detox); }
.vt-fcard__tag--zima { background: var(--vt-tag-imunitet); }
body .vt-fcard__title { margin: var(--vt-space-3) 0 var(--vt-space-1); font-family: var(--vt-font-heading); font-size: var(--vt-fs-body-l); font-weight: 700; line-height: 1.2; }
.vt-fcard__title a { color: var(--vt-heading); text-decoration: none; }
.vt-fcard__title a:hover { text-decoration: underline; }
.vt-fcard__price { margin: 0 0 var(--vt-space-3) !important; font-size: var(--vt-fs-body); font-weight: 700; color: var(--vt-text); }
.vt-fcard__btn { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: var(--vt-btn-m); margin-top: auto; padding: 0 var(--vt-space-2); font-family: var(--vt-font-body); font-size: var(--vt-fs-small); font-weight: 700; color: var(--vt-bijela); background: var(--vt-zelena); border-radius: var(--vt-radius); text-decoration: none; }
.vt-fcard__btn:hover { color: var(--vt-bijela); background: var(--vt-smeda); }
.vt-fcard__btn:focus-visible { outline: 3px solid var(--vt-zuta); outline-offset: 2px; }
.vt-featured__more { margin: var(--vt-space-6) 0 0 !important; text-align: center; }
.vt-featured__all { display: inline-flex; align-items: center; justify-content: center; min-height: var(--vt-btn-m); padding: 0 var(--vt-space-6); font-family: var(--vt-font-body); font-size: var(--vt-fs-body); font-weight: 700; color: var(--vt-zelena); background: var(--vt-bijela); border: 2px solid var(--vt-zelena); border-radius: var(--vt-radius); text-decoration: none; }
.vt-featured__all:hover { color: var(--vt-bijela); background: var(--vt-zelena); }
.vt-featured__all:focus-visible { outline: 3px solid var(--vt-zuta); outline-offset: 2px; }
@media (min-width: 1024px) {
.vt-featured__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--vt-space-6); }
body .vt-fcard__title { font-size: var(--vt-fs-h4); }
.vt-fcard__tag { gap: var(--vt-space-2); min-height: 36px; padding: 0 var(--vt-space-4) 0 var(--vt-space-5); font-size: var(--vt-fs-small); }
.vt-fcard__icon { width: 18px; height: 18px; }
.vt-fcard__btn { width: auto; padding: 0 var(--vt-space-5); font-size: var(--vt-fs-body); }
}

/* 13. Podnožje na srednjim širinama */
@media (min-width: 768px) and (max-width: 1279px) {
body footer .footerWrapSection .footerNavWrap { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: var(--vt-space-6) !important; row-gap: var(--vt-space-6) !important; }
body footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(n) { width: auto !important; max-width: 100% !important; min-width: 0 !important; justify-self: stretch !important; padding-left: 0 !important; }
body footer .footerWrapSection .footerNavWrap { padding-left: var(--vt-gutter) !important; padding-right: var(--vt-gutter) !important; }
body footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(4) { order: 3; }
body footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(3) { order: 4; grid-column: span 2; }
body footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(5) { order: 5; align-self: center !important; }
body footer .footerWrapSection .footerNavWrap > .newsletterSection.wp-block-group:nth-child(n) { width: auto !important; max-width: 100% !important; min-width: 0 !important; }
body footer .footerWrapSection .footerNavWrap .newsletterSection :is(.tnp, form, .tnp-field, input, p) { max-width: 100% !important; min-width: 0 !important; }
body footer .footerWrapSection .footerNavWrap .newsletterSection form .tnp-field.tnp-field-email input, body footer .footerWrapSection .footerNavWrap .newsletterSection form .tnp-field.tnp-field-button .tnp-submit { width: 100% !important; max-width: 100% !important; }
}

/* 14. Izbornik i zaglavlje (25.10.2026.): Suplementi – mobitel = ikona i poravnanje kao ostale kategorije (custom-style); 1000–1279 = manji razmak da 6 stavki stane u 1 red (blok zaglavlja ima gap 50 px; 768–999 je bio u 2 reda i prije Suplemenata) */
@media (min-width: 1000px) and (max-width: 1279px) {
.siteHeader nav.wp-block-navigation .wp-block-navigation__container { column-gap: 20px; }
}
/* Naslovnica: prozirno zaglavlje (bijeli logo i ikone preko slike) kad se pojavi pri skrolanju prema gore dobiva bijelu pozadinu kao ostale stranice (custom-style: .home .siteHeaderWrap) */
body.home.vt-hdr-fixed .siteHeaderWrap .siteHeader.wp-block-group { background: var(--vt-bijela) !important; box-shadow: var(--vt-shadow-header) !important; }
body.home.vt-hdr-fixed .siteHeaderWrap .siteHeader .custom-logo { filter: none; }
body.home.vt-hdr-fixed .siteHeaderWrap .siteHeader .wp-block-navigation__responsive-container-open { color: var(--vt-zelena) !important; fill: var(--vt-zelena) !important; stroke: var(--vt-zelena) !important; }
body.home.vt-hdr-fixed .siteHeaderWrap .siteHeader .wp-block-navigation-item__label { color: var(--vt-zelena) !important; }
body.home.vt-hdr-fixed .siteHeaderWrap .siteHeader a.accountIconSvg svg { stroke: var(--vt-zelena); }
body.home.vt-hdr-fixed .siteHeaderWrap .siteHeader .cartBtn .wc-block-mini-cart__button::before { background: var(--vt-zelena) !important; }
@media (max-width: 767px) {
.siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/kategorija/suplementi/"] { display: inline-flex !important; align-items: center !important; gap: 14px !important; min-height: 44px !important; }
.siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/kategorija/suplementi/"]::before { content: ""; display: inline-block; flex: 0 0 30px; width: 30px; height: 30px; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%230d4031' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z'/%3E%3Cpath d='m8.5 8.5 7 7'/%3E%3C/svg%3E") center / contain no-repeat; }
}
/* 15. Cookie banner (Complianz) – mobitel kompaktno (26.10.2026.): X u kut uz tekst, Prihvaćam i Odbijam u jednom redu, Postavke kao link; 314 → 189 px */
@media (max-width: 767px) {
.cmplz-cookiebanner.banner-1 { padding: 12px 16px !important; gap: 8px !important; }
.cmplz-cookiebanner.banner-1 .cmplz-header { position: absolute; top: 10px; right: 12px; }
.cmplz-cookiebanner.banner-1 .cmplz-message { padding-right: 26px; }
.cmplz-cookiebanner.banner-1 .cmplz-buttons { flex-direction: row !important; flex-wrap: wrap; gap: 8px !important; }
.cmplz-cookiebanner.banner-1 .cmplz-buttons .cmplz-btn.cmplz-accept { flex: 1 1 0; width: auto !important; height: 42px; min-height: 0; }
.cmplz-cookiebanner.banner-1 .cmplz-buttons .cmplz-btn.cmplz-deny { flex: 1 1 0; width: auto !important; height: 42px; min-height: 0; }
.cmplz-cookiebanner.banner-1 .cmplz-buttons .cmplz-btn.cmplz-save-preferences { flex: 1 1 100%; width: 100% !important; height: 42px; min-height: 0; }
.cmplz-cookiebanner.banner-1 .cmplz-buttons .cmplz-btn.cmplz-view-preferences { flex: 1 1 100%; width: 100% !important; height: auto; min-height: 0; padding: 2px 0; background: none !important; border: 0 !important; font-size: 13px; text-decoration: underline; }
}
@media (min-width: 768px) {
.cmplz-cookiebanner.banner-1 .cmplz-message { text-align: center; }
}
/* 16. Mini košarica – P1 (26.10.2026.): bez precrtane „stare cijene“ (paketi su trajni količinski popust, sidrena cijena), ušteda crveno, −/+ i kanta 44 px; ostatak dizajna po maketi u P2 */
.wc-block-mini-cart__drawer .wc-block-components-product-price__regular { display: none; }
.wc-block-mini-cart__drawer .wc-block-components-product-badge.wc-block-components-sale-badge { padding: 0; font-size: var(--vt-fs-small); font-weight: 600; color: var(--vt-status-sale) !important; background: none !important; border: 0; }
.wc-block-mini-cart__drawer .wc-block-components-sale-badge .wc-block-components-formatted-money-amount { color: inherit; }
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector { min-height: var(--vt-tap); }
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { min-width: var(--vt-tap); height: var(--vt-tap); font-size: 1.25rem; }
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input { height: var(--vt-tap); font-size: var(--vt-fs-body); }
.wc-block-mini-cart__drawer .wc-block-cart-item__remove-link { display: inline-flex !important; align-items: center; justify-content: center; width: var(--vt-tap) !important; height: var(--vt-tap) !important; }
/* 17. Košarica – P1 (26.10.2026.): −/+ 44 px uz polje količine (ažurira se samo), skriveni gumb za ažuriranje; ostatak dizajna u P2 */
.vt-qty { display: inline-flex; align-items: center; gap: var(--vt-space-2); }
.cartWrap .product-quantity .vt-qty__btn, .vt-qty__btn { display: inline-flex; align-items: center; justify-content: center; width: var(--vt-tap); height: var(--vt-tap); padding: 0; font-family: var(--vt-font-body); font-size: 1.25rem; line-height: 1; color: var(--vt-bijela); background: var(--vt-zelena); border: 0; border-radius: var(--vt-radius); cursor: pointer; }
.cartWrap .product-quantity .vt-qty__btn:is(:hover, :focus-visible), .vt-qty__btn:is(:hover, :focus-visible) { background: var(--vt-smeda); }
.vt-qty .quantity input.qty { width: 56px; height: var(--vt-tap); min-height: var(--vt-tap); text-align: center; -moz-appearance: textfield; }
.vt-qty .quantity input.qty::-webkit-outer-spin-button, .vt-qty .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.woocommerce-cart-form button[name="update_cart"].screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; padding: 0 !important; overflow: hidden; clip: rect(0 0 0 0); border: 0 !important; }
.cart_totals tr.shipping-option { display: flex !important; align-items: center; justify-content: space-between; gap: var(--vt-space-3); background: none !important; }
.cart_totals tr.shipping-option td { display: block !important; width: auto !important; padding: var(--vt-space-2) 0 !important; border: 0 !important; text-align: left !important; background: none !important; }
.cart_totals tr.shipping-option td.shipping-right { text-align: right !important; white-space: nowrap; }
.cart_totals tr.shipping-option td::before { content: none !important; }
@media (max-width: 767px) {
.cart_totals tr.woocommerce-shipping-totals { display: block; }
.cart_totals tr.woocommerce-shipping-totals th { display: block !important; padding: var(--vt-space-3) 0 0; text-align: left; }
}
/* 18. Blagajna (26.10.2026.): obrazac „Dostaviti na drugu adresu“ skriven od početka; WooCommerce ga otvara (inline display) tek kad se označi kvačica – bez skakanja stranice */
.woocommerce-checkout .woocommerce-shipping-fields .shipping_address { display: none; }