/* VAT-1 · odświeżony styl sklepu Vatune (podgląd: body.vt-style2). Ten sam układ i treści co dziś, dopracowane:
   grafit i zieleń marki, wyraźniejsza typografia, równe karty, okruszki i karta produktu bez pustych przestrzeni,
   blog i szukajka bez uciętych elementów, stopka. Bez poświat i cieni „jak z AI”. Wyłączenie: ?vt2=off. */
body.vt-style2 { --g: #0f8f7a; --g-d: #0a6a5b; --ink: #0e1114; --ink2: #171b1f; --mut: #5b6866; --ln: #e1e7e5; --soft: #f3f6f5; }

/* ---------- typografia i przyciski ---------- */
body.vt-style2 h1, body.vt-style2 h2, body.vt-style2 h3 { letter-spacing: -.01em; }
body.vt-style2 .section h2, body.vt-style2 .vt-why h2 { font-size: 30px; line-height: 1.15; }
body.vt-style2 .button.primary, body.vt-style2 .button.success, body.vt-style2 .single_add_to_cart_button, body.vt-style2 .checkout-button { border-radius: 9px; font-weight: 800; letter-spacing: .01em; text-transform: none; }
body.vt-style2 .button.primary:not(.is-outline), body.vt-style2 .single_add_to_cart_button { background-color: var(--g); }
body.vt-style2 .button.primary:not(.is-outline):hover, body.vt-style2 .single_add_to_cart_button:hover { background-color: var(--g-d); }

/* ---------- nagłówek ---------- */
body.vt-style2 .header-main { border-bottom: 2px solid var(--g); }
body.vt-style2 .header-nav-main > li > a { font-weight: 700; letter-spacing: .02em; }

/* ---------- okruszki: jedna linia w kontenerze, bez pustego pasa ---------- */
body.vt-style2 .woocommerce-breadcrumb, body.vt-style2 .breadcrumbs { font-size: 12.5px; letter-spacing: .08em; color: var(--mut); }
body.vt-style2 .woocommerce-breadcrumb a, body.vt-style2 .breadcrumbs a { color: var(--ink); font-weight: 700; }
body.vt-style2 .woocommerce-breadcrumb .divider, body.vt-style2 .breadcrumbs .divider { color: #b8c2bf; margin: 0 6px; }
body.vt-style2 .custom-product-page > .section:first-child { padding-top: 10px !important; padding-bottom: 0 !important; }
body.vt-style2 .custom-product-page > .section:first-child .gap-element { display: none; }
body.vt-style2 .product-breadcrumb-container { margin: 0 0 10px; }
body.vt-style2 .shop-page-title.category-page-title { background: var(--soft); border-bottom: 1px solid var(--ln); }
body.vt-style2 .shop-page-title .page-title-inner { padding-top: 14px; padding-bottom: 14px; min-height: 0; }

/* ---------- karta produktu: bez pustych akapitów i odstępów nad tytułem ---------- */
body.vt-style2 .custom-product-page .col-inner > p:empty, body.vt-style2 .custom-product-page .col-inner > p > br:only-child { display: none; }
body.vt-style2 .custom-product-page .col-inner[style*="245, 246, 247"] { border-radius: 16px; padding: 24px 24px 20px !important; border: 1px solid var(--ln); }
body.vt-style2 .custom-product-page .col-inner[style*="245, 246, 247"] > .gap-element:first-of-type { display: none; }
body.vt-style2 .product-title-container h1 { font-size: 28px; line-height: 1.15; margin-bottom: 6px; text-align: left; }
body.vt-style2 .custom-product-page .col-inner > p[style*="center"] { text-align: left !important; margin: 0; }
body.vt-style2 .product-page-price { font-size: 22px; font-weight: 800; color: var(--ink); }
body.vt-style2 .product-images .woocommerce-product-gallery__image img { border-radius: 14px; }
/* pas „Przemyślany wybór / Bezpieczne płatności / Ekspercka pomoc”: grafit zamiast zielonego */
body.vt-style2 .custom-product-page .section .col-inner[style*="15, 143, 122"], body.vt-style2 .custom-product-page .col-inner[style*="rgb(15, 143, 122)"] { background-color: var(--ink) !important; border-radius: 16px; }
body.vt-style2 .woocommerce-tabs .tabs a { font-weight: 800; }

/* ---------- karty produktów (sklep, kategorie, strona główna) ---------- */
body.vt-style2 .product-small.box { background: #fff; border: 1px solid var(--ln); border-radius: 14px; overflow: hidden; height: 100%; }
body.vt-style2 .product-small .box-image { border-radius: 0; background: var(--soft); }
body.vt-style2 .product-small .box-text { padding: 12px 14px 14px; text-align: left; }
body.vt-style2 .product-small .name a, body.vt-style2 .product-small .product-title a { color: var(--ink); font-weight: 700; font-size: 14.5px; line-height: 1.3; }
body.vt-style2 .product-small .price { font-weight: 800; color: var(--ink); font-size: 15px; }
body.vt-style2 .product-small .price .amount { color: var(--ink); }
body.vt-style2 .products .product-small.col .col-inner { height: 100%; }
body.vt-style2 .vt-cat-h1 { font-size: 32px; }

/* ---------- strona główna (odświeżona wersja obecnej) ---------- */
body.vt-style2 .round-corners, body.vt-style2 .round-corners .banner-inner, body.vt-style2 .round-corners .box-image { border-radius: 16px !important; }
body.vt-style2 .slider .section h1, body.vt-style2 .slider .section h2 { font-size: 40px; line-height: 1.08; letter-spacing: -.015em; text-shadow: 0 1px 12px rgba(0, 0, 0, .35); }
body.vt-style2 .slider .section .uppercase { letter-spacing: .14em; font-size: 13px; color: #cfeee5; }
@media (max-width: 849px) { body.vt-style2 .slider .section h1, body.vt-style2 .slider .section h2 { font-size: 27px; } }
body.vt-style2 .box-image .image-zoom img, body.vt-style2 .box-shade .box-image img { transition: transform .5s; }
/* ikony kategorii na grafitowym pasie */
body.vt-style2 .vt-cats .col-inner { border: 1px solid rgba(255, 255, 255, .06); }
body.vt-style2 .vt-cats h4 { color: var(--ink); font-size: 15px; }
body.vt-style2 .vt-cats .col:hover .col-inner { outline: 2px solid var(--g); }
/* zakładki produktów */
body.vt-style2 .vt-prods .nav-pills > li > a { border-radius: 8px; font-weight: 700; }
body.vt-style2 .vt-prods .nav-pills > li.active > a { background: var(--ink); }
/* dlaczego VaTUNE (zamiast wymyślonych opinii) */
body.vt-style2 .vt-why .col-inner { border-top: 3px solid var(--g); padding-top: 14px; }
body.vt-style2 .vt-why h4 { font-size: 17px; margin-bottom: 6px; }
body.vt-style2 .vt-why p { color: var(--mut); }
/* tytuły z kreską „jak w warsztacie” (title style center) */
body.vt-style2 .section-title-container .section-title b { background-color: var(--ln); height: 1px; }
body.vt-style2 .section-title-main { font-weight: 800; letter-spacing: -.01em; }

/* ---------- blog: karty i szukajka bez ucinania ---------- */
body.vt-style2 .box-blog-post .box-text { padding: 16px 18px 18px !important; text-align: left; }
body.vt-style2 .box-blog-post .post-title { font-size: 17px; line-height: 1.3; }
body.vt-style2 .box-blog-post .box-image { border-radius: 14px; overflow: hidden; }
body.vt-style2 .box-blog-post .is-divider { display: none; }
body.vt-style2 .box-text-bottom.box-blog-post .box-text { position: static !important; transform: none !important; background: transparent; }
/* „Najpopularniejsze wpisy”: styl box-push wsuwał tytuł pod zdjęcie (ujemny margines) */
body.vt-style2 .box-push .box-text { margin: 0 !important; width: 100% !important; background: #fff; border: 1px solid var(--ln); border-top: 0; border-radius: 0 0 14px 14px; }
body.vt-style2 .box-push .box-image { border-radius: 14px 14px 0 0; }
body.vt-style2 .wp-block-search__inside-wrapper { display: flex; gap: 8px; width: 100%; }
body.vt-style2 .wp-block-search__input { flex: 1 1 auto; min-width: 0; margin: 0; border-radius: 8px; height: 42px; }
body.vt-style2 .wp-block-search__button { flex: none; margin: 0; height: 42px; padding: 0 16px; border-radius: 8px; background: var(--ink); color: #fff; white-space: nowrap; }
body.vt-style2 .post-sidebar .widget { margin-bottom: 26px; }
body.vt-style2 .post-sidebar .wp-block-heading { font-size: 18px; }
/* listy produktów w pasku bocznym: miniatura obok nazwy (wcześniej zasłaniała początek nazwy i cenę) */
body.vt-style2 .product_list_widget li { position: relative; padding: 8px 0 8px 74px !important; min-height: 76px; }
body.vt-style2 .product_list_widget li img { position: absolute; left: 0; top: 8px; width: 60px !important; height: 60px !important; object-fit: contain; margin: 0 !important; border-radius: 8px; background: var(--soft); }
body.vt-style2 .product_list_widget .product-title { display: block; font-weight: 700; color: var(--ink); line-height: 1.3; }
body.vt-style2 .box-push .box-text-inner { max-width: none; }
body.vt-style2 .entry-content { font-size: 17px; line-height: 1.7; }
body.vt-style2 .entry-content h2 { margin-top: 28px; }

/* ---------- stopka ---------- */
body.vt-style2 #footer .section.dark { background-color: var(--ink) !important; }
body.vt-style2 #footer .ux-menu-link__link { color: #d9e2df; }
body.vt-style2 #footer .ux-menu-link__link:hover { color: #19c9a7; }
body.vt-style2 #footer .ux-menu--divider-solid .ux-menu-link:not(:last-of-type) { border-bottom-color: rgba(255, 255, 255, .08); }
body.vt-style2 .absolute-footer.dark { background: #080a0c; }
body.vt-style2 #footer .is-border { display: none; }

/* ---------- pływający koszyk FunnelKit nie zasłania treści ---------- */
@media (max-width: 849px) { body.vt-style2 #fkcart-floating-toggler { display: none !important; } }

/* ---------- znaczek trybu podglądu ---------- */
.vt2-badge { position: fixed; left: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 99999; background: #0e1114; color: #fff; font: 600 12.5px/1 system-ui, sans-serif; padding: 9px 12px; border-radius: 8px; opacity: .92; }
.vt2-badge a { color: #19c9a7; text-decoration: underline; }
body.vt2 .vt2-badge { bottom: calc(86px + env(safe-area-inset-bottom, 0px)); }
@media (min-width: 850px) { body.vt2 .vt2-badge { bottom: 12px; } }

/* ---------- stopka odświeżona (blok „VaTUNE: stopka odświeżona”, w podglądzie zamiast Snuf Footer 02) ---------- */
.vtf-top .row, .vtf-main .row { max-width: 1240px; }
.vtf-helpbox { display: flex; gap: 18px; align-items: center; }
.vtf-helpimg { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; object-position: top; background: #fff; border: 2px solid #fff; box-shadow: 0 0 0 1px var(--ln); flex: none; }
.vtf-kicker { font-weight: 800; font-size: 18px; color: var(--ink); margin: 0 0 4px; }
.vtf-helptxt { color: var(--mut); font-size: 14.5px; line-height: 1.5; margin: 0 0 10px; }
.vtf-btn { display: inline-block; background: var(--g); color: #fff !important; font-weight: 800; font-size: 14px; padding: 10px 18px; border-radius: 9px; }
.vtf-btn:hover { background: var(--g-d); }
.vtf-trust { list-style: none; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.vtf-trust li { margin: 0 !important; background: #fff; border: 1px solid var(--ln); border-radius: 12px; padding: 14px 14px 12px; border-top: 3px solid var(--g); }
.vtf-trust b { display: block; color: var(--ink); font-size: 14.5px; line-height: 1.25; margin-bottom: 4px; }
.vtf-trust span { display: block; color: var(--mut); font-size: 12.5px; line-height: 1.4; }
.vtf-main { color: #c9d3d0; }
.vtf-logo img { width: 150px; height: auto; margin-bottom: 14px; }
.vtf-claim { color: #aeb9b6; font-size: 14.5px; line-height: 1.6; max-width: 340px; }
.vtf-contact a { color: #fff !important; font-weight: 700; font-size: 15px; line-height: 1.9; }
.vtf-social { display: flex; gap: 10px; }
.vtf-social a { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; background: rgba(255, 255, 255, .06); color: #fff !important; border: 1px solid rgba(255, 255, 255, .1); }
.vtf-social a:hover { background: var(--g); border-color: var(--g); }
.vtf-h { color: #fff; font-weight: 800; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; margin: 6px 0 12px; }
.vtf-links { list-style: none; margin: 0 0 18px; }
.vtf-links li { margin: 0 !important; }
.vtf-links a { display: block; color: #c9d3d0 !important; font-size: 14.5px; padding: 6px 0; }
.vtf-links a:hover { color: #19c9a7 !important; }
.vtf-chips { list-style: none; margin: 0 0 8px; display: flex; flex-wrap: wrap; gap: 6px; }
.vtf-chips li { margin: 0 !important; font-size: 12.5px; font-weight: 700; color: #e6ecea; border: 1px solid rgba(255, 255, 255, .16); border-radius: 7px; padding: 5px 9px; }
.vtf-note { color: #8f9b98; font-size: 13px; margin-top: 8px; }
.vtf-company { text-align: center; color: #7f8a87; font-size: 12.5px; margin: 0; letter-spacing: .02em; }
@media (max-width: 849px) {
  .vtf-trust { grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 18px; }
  .vtf-helpimg { width: 72px; height: 72px; }
  .vtf-links a { padding: 9px 0; }
}

/* ---------- karta produktu odświeżona (blok „VaTUNE: karta produktu odświeżona”) ---------- */
.vtp-pay { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 6px; }
.vtp-pay span { font-size: 12px; font-weight: 700; color: var(--ink); background: #fff; border: 1px solid var(--ln); border-radius: 7px; padding: 5px 9px; }
body.vt-style2 .custom-product-page .vtp-band > .col > .col-inner, body.vt-style2 .vtp-band .col-inner { border-radius: 14px; }
body.vt-style2 .vtp-band h3 { color: #fff; font-size: 17px; }
body.vt-style2 .vtp-band p { color: #b9c4c1; }
body.vt-style2 .vtp-band .featured-box img { filter: hue-rotate(0deg) saturate(1.1); }
body.vt-style2 .custom-product-page ul li.bullet-checkmark { font-size: 14.5px; }

/* ---------- nagłówek bloga i 404 ---------- */
body.vt-style2 .vtb-hero h1 { font-size: 40px; letter-spacing: -.015em; }
body.vt-style2 .vtb-hero p { color: #d5dedb; max-width: 680px; margin-left: auto; margin-right: auto; }
body.vt-style2 .vtb-crumbs { letter-spacing: .1em; font-size: 12px; color: #9fb0ab; }
body.vt-style2 .vtb-hero .lead { color: #19c9a7; }
body.vt-style2 .box-blog-post .badge-inner { border-radius: 8px; background: var(--ink); }
body.vt-style2 .vt404-links { font-weight: 700; }
body.vt-style2 .vt404-links a { color: var(--g); }
body.vt-style2 .error404 .searchform, body.vt-style2.error404 .searchform { margin: 14px 0; }
@media (max-width: 849px) { body.vt-style2 .vtb-hero h1 { font-size: 30px; } }
.vtf-plain li { color: #c9d3d0; font-size: 14.5px; padding: 6px 0; }
.vtf-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.vtf-copy { color: #8f9b98; font-size: 13px; }
.vtf-pay { display: inline-flex; background: #fff; border-radius: 8px; padding: 7px 12px; max-width: 100%; box-sizing: border-box; }
.vtf-pay img { display: block; width: 520px; max-width: 100%; height: auto; }
@media (max-width: 849px) { .vtf-bar { justify-content: center; text-align: center; } }

/* ---------- strona główna 22.10: „Co chcesz spersonalizować?” i „Jak to działa” ---------- */
.vtk-kicker { font-weight: 800; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--g); margin: 0 0 6px; }
.vtk-head, .vtw-head { max-width: 640px; margin: 0 0 22px; }
.vtk-head h2, .vtw-head h2 { font-size: 30px; line-height: 1.15; margin: 0 0 8px; }
.vtk-head p { color: var(--mut); margin: 0; }
.vtk-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.vtk-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ln); border-radius: 16px; overflow: hidden; color: var(--ink) !important; transition: transform .2s, border-color .2s, box-shadow .2s; }
.vtk-card:hover { transform: translateY(-3px); border-color: var(--g); box-shadow: 0 14px 30px -18px rgba(14, 17, 20, .45); }
.vtk-card img { width: 100%; aspect-ratio: 1; object-fit: cover; background: var(--soft); margin: 0; }
.vtk-t { font-weight: 800; font-size: 17px; line-height: 1.25; padding: 14px 16px 4px; }
.vtk-d { color: var(--mut); font-size: 14px; line-height: 1.5; padding: 0 16px; flex: 1; }
.vtk-go { margin: 14px 16px 16px; align-self: flex-start; font-weight: 800; font-size: 14px; color: #fff; background: var(--g); border-radius: 9px; padding: 9px 14px; }
.vtk-card:hover .vtk-go { background: var(--g-d); }
.vt-why2 .vtk-kicker { color: #19c9a7; }
.vt-why2 h2 { color: #fff; }
.vtw-steps { list-style: none; margin: 0 0 30px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; counter-reset: none; }
.vtw-steps li { margin: 0 !important; background: #171b1f; border: 1px solid rgba(255, 255, 255, .08); border-radius: 16px; padding: 22px 20px; }
.vtw-steps b { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--g); color: #fff; font-size: 18px; margin-bottom: 12px; }
.vtw-t { display: block; color: #fff; font-weight: 800; font-size: 18px; margin-bottom: 6px; }
.vtw-d { display: block; color: #aeb9b6; font-size: 14.5px; line-height: 1.55; }
.vtw-feats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; border-top: 1px solid rgba(255, 255, 255, .1); padding-top: 24px; }
.vtw-feats div { display: grid; grid-template-columns: 34px 1fr; column-gap: 12px; align-items: start; }
.vtw-feats svg { grid-row: span 2; width: 30px; height: 30px; fill: none; stroke: #19c9a7; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.vtw-feats b { color: #fff; font-size: 15px; }
.vtw-feats span { color: #8f9b98; font-size: 13.5px; line-height: 1.45; }
@media (max-width: 849px) {
  .vtk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .vtk-t { font-size: 15px; padding: 10px 12px 2px; } .vtk-d { font-size: 13px; padding: 0 12px; } .vtk-go { margin: 10px 12px 12px; font-size: 13px; padding: 8px 11px; }
  .vtk-head h2, .vtw-head h2 { font-size: 24px; }
  .vtw-steps, .vtw-feats { grid-template-columns: 1fr; }
}

/* ---------- animacje przy przewijaniu (tylko gdy JS działa, szanuje „ogranicz ruch”) ---------- */
html.vt-anim .vt-rv { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s cubic-bezier(.2, .7, .2, 1); }
html.vt-anim .vt-rv.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { html.vt-anim .vt-rv { opacity: 1; transform: none; transition: none; } }

/* ---------- blog: niski nagłówek z tematami, sidebar sklepu ---------- */
.vtb-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 6px 0 0; }
.vtb-chips a { color: #fff !important; font-weight: 700; font-size: 14px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 999px; padding: 8px 14px; }
.vtb-chips a:hover { background: var(--g); border-color: var(--g); }
body.vt-style2 .shop-sidebar .widget-title, body.vt-style2 #shop-sidebar .widget-title, body.vt-style2 .sidebar-inner .widget-title { font-size: 13px; letter-spacing: .1em; text-transform: uppercase; font-weight: 800; color: var(--ink); }
body.vt-style2 .widget_product_categories .product-categories > li > a, body.vt-style2 .widget_product_categories li a { color: var(--ink); font-weight: 600; }
body.vt-style2 .widget_product_categories li.current-cat > a { color: var(--g); font-weight: 800; }
body.vt-style2 .widget_product_categories li a:hover { color: var(--g); }
body.vt-style2 .widget_price_filter .button { background: var(--g) !important; color: #fff !important; border-radius: 8px; }
body.vt-style2 .widget_price_filter .ui-slider .ui-slider-range, body.vt-style2 .widget_price_filter .ui-slider .ui-slider-handle { background-color: var(--g); }
body.vt-style2 .product-category .box-text h5 { font-size: 15px; letter-spacing: .04em; }
body.vt-style2 .product-category .box-image { border-radius: 14px; overflow: hidden; }

/* ---------- mega menu „Produkty” (blok „VaTUNE: mega menu”, 22.10) ---------- */
body.vt-style2 .menu-item-has-block > .nav-dropdown { padding: 0 !important; border-radius: 0 0 16px 16px; overflow: hidden; box-shadow: 0 24px 50px -24px rgba(14, 17, 20, .45); border-top: 2px solid var(--g); }
.vtm { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) 230px; gap: 26px; padding: 26px 30px 28px; background: #fff; text-align: left; }
.vtm-h { font-weight: 800; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--mut); margin: 0 0 10px; }
.vtm-l { display: flex; align-items: center; gap: 9px; color: var(--ink) !important; font-weight: 700; font-size: 15px; padding: 7px 0; text-transform: none; letter-spacing: 0; }
.vtm-l img { width: 22px; height: 22px; margin: 0; }
.vtm-l:hover { color: var(--g) !important; }
.vtm-new { font-size: 10px; font-weight: 800; color: #fff; background: var(--g); border-radius: 999px; padding: 2px 7px; text-transform: uppercase; letter-spacing: .04em; }
.vtm-all { display: inline-block; margin-top: 8px; font-size: 13px; font-weight: 800; color: var(--g) !important; text-transform: none; letter-spacing: 0; }
.vtm-card { display: flex; flex-direction: column; background: var(--ink); border-radius: 14px; overflow: hidden; color: #fff !important; text-transform: none; letter-spacing: 0; }
.vtm-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; margin: 0; }
.vtm-k { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #19c9a7; padding: 12px 14px 0; }
.vtm-t { font-size: 16px; font-weight: 800; padding: 4px 14px 0; }
.vtm-b { align-self: flex-start; margin: 10px 14px 14px; background: var(--g); border-radius: 8px; padding: 7px 12px; font-weight: 800; font-size: 13px; }

/* ---------- menu na telefonie: sekcje z kafelkami zamiast zwykłej listy ---------- */
body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-sec { border: 0; padding: 6px 0 10px; }
body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-sec > a { font-size: 12px !important; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--mut) !important; padding: 10px 0 6px !important; min-height: 0; }
body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-sec > .toggle { display: none !important; }
body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-sec > ul.children, body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-sec > ul.sub-menu { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0 !important; margin: 0 !important; opacity: 1 !important; max-height: none !important; visibility: visible !important; }
body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-sec > ul > li { border: 0 !important; margin: 0; }
body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-sec > ul > li > a { display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 10px 12px !important; border: 1px solid var(--ln); border-radius: 10px; background: #fff; color: var(--ink) !important; font-weight: 700; font-size: 14.5px; line-height: 1.2; }
body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-sec > ul > li > a:active { border-color: var(--g); }
body.vt-style2 .mobile-sidebar li.vtmm-ig > a::before, body.vt-style2 .mobile-sidebar li.vtmm-tt > a::before, body.vt-style2 .mobile-sidebar li.vtmm-fb > a::before { content: ""; width: 22px; height: 22px; flex: none; background: center / contain no-repeat; }
body.vt-style2 .mobile-sidebar li.vtmm-ig > a::before { background-image: url(/wp-content/themes/flatsome-child/assets/ramki/ikony/ramka-icon-39.svg); }
body.vt-style2 .mobile-sidebar li.vtmm-tt > a::before { background-image: url(/wp-content/themes/flatsome-child/assets/ramki/ikony/ramka-icon-46.svg); }
body.vt-style2 .mobile-sidebar li.vtmm-fb > a::before { background-image: url(/wp-content/themes/flatsome-child/assets/ramki/ikony/ramka-icon-50.svg); }
body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-link { border-top: 1px solid var(--ln); }
body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-link:first-of-type { margin-top: 6px; }
body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-link > a { font-weight: 800; font-size: 16px; color: var(--ink) !important; }
body.vt-style2 .mobile-sidebar .sidebar-menu { padding-top: 14px; }
/* Podmenu Flatsome jest domyślnie poza ekranem (.nav .children: fixed, left -99999px; w „slide” wysuwany panel);
   sekcje VaTUNE pokazujemy na miejscu w każdym trybie menu (błąd 29.10: białe pole po dotknięciu sekcji) */
body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-sec > ul.children { position: static !important; transform: none !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; grid-template-columns: 1fr 1fr !important; box-sizing: border-box; height: auto !important; min-height: 0 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; }
body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-sec > ul.children > li.nav-slide-header { display: none !important; }
body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-sec > ul.children > li { margin: 0 !important; padding: 0 !important; width: 100% !important; min-width: 0; }
body.vt-style2 .mobile-sidebar .nav-sidebar > li.vtmm-sec > ul.children > li > a { width: 100%; box-sizing: border-box; margin: 0 !important; }