/*
Theme Name: Savoy Child
Theme URI: http://themeforest.net/item/savoy-minimalist-ajax-woocommerce-theme/12537825
Template: savoy
Author: NordicMade
Author URI: http://www.nordicmade.com
Description: Savoy - Modern AJAX enabled WooCommerce theme.
Tags: responsive-layout,custom-background,custom-colors,custom-header,custom-menu,theme-options,threaded-comments,translation-ready
Version: 3.0.1764856861
Updated: 2025-12-04 14:01:01
*/

/* Väčšia medzera za nadpismi v popise kategórie */
.woocommerce .term-description h1 { margin: 0 0 28px !important; }
.woocommerce .term-description h2 { margin: 32px 0 18px !important; }
.woocommerce .term-description h3 { margin: 28px 0 14px !important; }

/* Pohodlnejšie odseky */
.woocommerce .term-description p {
line-height: 1.7;
margin: 0 0 16px;
}

/* Medzera nad rozbaľovacím blokom */
#hhcpm-detail { margin-top: 24px; }
/* ═══════════════════════════════════════════════════════════
   🌿 VARIANT 1: SOFT MINT – SVIEŽA ELEGANCIA
   ═══════════════════════════════════════════════════════════ */

.woocommerce div.product .woocommerce-product-details__short-description {
  background: transparent;
  padding: 0;
  border: none;
  box-shadow: none;
  margin-bottom: 25px;
}

/* Intro text */
.woocommerce-product-details__short-description .vc_custom_intro {
  margin-bottom: 20px !important;
  padding: 16px 20px;
  background: rgba(212, 239, 231, 0.35);
  border-radius: 10px;
  border-left: 4px solid #9ADBC6;
  color: #2D5F52 !important;
  font-size: 15px !important;
  line-height: 1.6;
  box-shadow: 0 2px 10px rgba(154, 219, 198, 0.15);
  font-weight: 500;
}
/* ===========================================
   Pie Charts – menšie, zarovnané, glass štýl
   – názov hore, percentá pod kruhom
   – 1 sivý track, farebný oblúk sedí presne
   – bez dark mode
   =========================================== */

/* Nastaviteľné premenné (doladíš tu) */
.vc_pie_chart{
  --pie-size: clamp(86px, 16vw, 124px);  /* veľkosť kruhu (menšie, zmestí sa do karty) */
  --ring: 11px;                          /* hrúbka prstenca (doladiť ±1px, ak by nesedel) */
  --gap-below: 10px;                     /* medzera medzi kruhom a percentami */
  --title-size: 12px;                    /* veľkosť názvu */
  --value-size: 22px;                    /* veľkosť percent */
  --track: #e9eef5;                      /* farba sivého 100% prstenca */
}

/* Karta – jemný glassmorphism */
.vc_pie_chart{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 12px 18px;
  background: rgba(255,255,255,.38);
  border: 1px solid rgba(255,255,255,.55);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  backdrop-filter: blur(12px) saturate(180%);
  border-radius: 16px;
  box-shadow: 0 8px 26px rgba(15,23,42,.10);
}

/* Názov – hore */
.vc_pie_chart h4{
  order: -1;
  margin: 0 0 10px !important;
  font-size: var(--title-size) !important;
  font-weight: 700 !important;
  color: #2d3748 !important;
  text-transform: uppercase;
  letter-spacing: .8px;
  text-align: center;
  width: 100%;
}

/* Wrapper kruhu – presná veľkosť (menší) */
.vc_pie_wrapper{
  position: relative;
  width: var(--pie-size) !important;
  height: var(--pie-size) !important;
  margin: 0 auto calc(var(--value-size) + var(--gap-below)) !important;
}

/* Zruš akékoľvek staré pseudo-prstence */
.vc_pie_wrapper::before{ content: none !important; }

/* JEDINÝ sivý track (sedí s farebným oblúkom) */
.vc_pie_chart .vc_pie_chart_back{
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50%;
  border: var(--ring) solid var(--track) !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 1;
}

/* Estetický „glass“ highlight prstenca */
.vc_pie_chart .vc_pie_chart_back::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  pointer-events: none;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.9),
    0 6px 16px rgba(15,23,42,.06);
  -webkit-mask: radial-gradient(circle at 50% 15%, rgba(0,0,0,.7), transparent 55%);
          mask: radial-gradient(circle at 50% 15%, rgba(0,0,0,.7), transparent 55%);
  opacity: .55;
}

/* Canvas s farebným oblúkom – presne na tom istom kruhu */
.vc_pie_chart canvas{
  position: relative;
  z-index: 2;
  width: 100% !important;
  height: 100% !important;
  display: block;
  filter: drop-shadow(0 3px 8px rgba(0,0,0,.08));
}

/* Percentá – pod kruhom a centrované */
.vc_pie_wrapper .vc_pie_chart_value{
  position: absolute;
  left: 50%;
  top: calc(100% + var(--gap-below));
  transform: translateX(-50%);
  margin: 0 !important;
  padding: 0 !important;
  width: max-content;
  font-size: var(--value-size) !important;
  font-weight: 800 !important;
  color: #1a202c !important;
  line-height: 1 !important;
  text-align: center;
}

/* Fallback, ak hodnota nie je vo wrapperi */
.vc_pie_chart > .vc_pie_chart_value{
  order: 1;
  margin-top: var(--gap-below) !important;
  font-size: var(--value-size) !important;
  font-weight: 800 !important;
  color: #1a202c !important;
  line-height: 1 !important;
  text-align: center;
}

/* Jemný hover – bez dark mode */
.vc_pie_chart:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(15,23,42,.16);
}

/* Responzívne dolaďovanie – ešte menšie na mobile */
@media (max-width: 767px){
  .vc_pie_chart{
    --pie-size: clamp(80px, 28vw, 112px);
    --value-size: 20px;
    --title-size: 11px;
    --ring: 10px;
  }
}
@media (max-width: 480px){
  .vc_pie_chart{
    --pie-size: clamp(72px, 36vw, 104px);
    --value-size: 18px;
    --title-size: 10.5px;
    --ring: 9px;
  }
}


/* =========================================================
   WooCommerce single product – WPBakery FAQ
   Futuristic Glassmorphism + neon glow
   OPRAVENÁ MOBILE VERZIA (robustnejšie selektory)
   ========================================================= */

/* Téma/variably – desktop */
body.single-product{
  --accent:#21D4FD;
  --accent-2:#B721FF;
  --text:#0f172a;
  --muted:#425466;
  --glass-bg:rgba(255,255,255,.16);
  --glass-bg-2:rgba(255,255,255,.08);
  --glass-border:rgba(255,255,255,.28);
  --radius:16px;
  --blur:14px;
  --gap:14px;
  --pad-x:18px;
  --pad-y:14px;
  --shadow:0 10px 28px rgba(15,23,42,.14);
  --shadow-hover:0 16px 42px rgba(15,23,42,.20);
  --speed:.45s;
  --bezier:cubic-bezier(.2,.7,.2,1);
}

/* Rozostupy */
body.single-product .vc_toggle + .vc_toggle,
body.single-product .wpb_toggle + .wpb_toggle,
body.single-product .vc_tta-accordion .vc_tta-panel + .vc_tta-panel{
  margin-top:var(--gap) !important;
}

/* ---------- Karty (vc_toggle / wpb_toggle / vc_tta-panel) ---------- */
body.single-product .vc_toggle,
body.single-product .wpb_toggle,
body.single-product .vc_tta-accordion .vc_tta-panel{
  position:relative !important;
  border-radius:var(--radius) !important;
  background:linear-gradient(180deg, var(--glass-bg), var(--glass-bg-2)) !important;
  border:1px solid var(--glass-border) !important;
  -webkit-backdrop-filter:blur(var(--blur)) saturate(160%) !important;
  backdrop-filter:blur(var(--blur)) saturate(160%) !important;
  box-shadow:var(--shadow) !important;
  overflow:hidden !important;
  transition:transform var(--speed) var(--bezier), box-shadow var(--speed) var(--bezier) !important;
}
body.single-product .vc_toggle:hover,
body.single-product .wpb_toggle:hover,
body.single-product .vc_tta-accordion .vc_tta-panel:hover{
  transform:translateY(-2px) !important;
  box-shadow:var(--shadow-hover) !important;
}

/* Neonové orámovanie */
body.single-product .vc_toggle::before,
body.single-product .wpb_toggle::before,
body.single-product .vc_tta-accordion .vc_tta-panel::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  padding:1px !important;
  background:linear-gradient(120deg, rgba(33,212,253,.7), rgba(183,33,255,.7)) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  mask-composite:exclude !important;
  opacity:.55 !important;
  pointer-events:none !important;
  transition:opacity var(--speed) var(--bezier) !important;
}
body.single-product .vc_toggle:hover::before,
body.single-product .wpb_toggle:hover::before,
body.single-product .vc_tta-accordion .vc_tta-panel:hover::before{
  opacity:.9 !important;
}

/* Lesk (sheen) */
body.single-product .vc_toggle::after,
body.single-product .wpb_toggle::after,
body.single-product .vc_tta-accordion .vc_tta-panel::after{
  content:"" !important;
  position:absolute !important;
  top:-150% !important;
  left:-60% !important;
  width:60% !important;
  height:400% !important;
  border-radius:inherit !important;
  background:linear-gradient(to right, transparent 0%, rgba(255,255,255,.25) 50%, transparent 100%) !important;
  transform:translateX(0) rotate(25deg) !important;
  opacity:0 !important;
  transition:transform .9s ease, opacity .9s ease !important;
  pointer-events:none !important;
}
body.single-product .vc_toggle:hover::after,
body.single-product .wpb_toggle:hover::after,
body.single-product .vc_tta-accordion .vc_tta-panel:hover::after{
  opacity:.9 !important;
  transform:translateX(220%) rotate(25deg) !important;
}

/* ---------- Hlavičky ---------- */
body.single-product .vc_toggle_title{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:var(--pad-y) var(--pad-x) var(--pad-y) calc(var(--pad-x) + 22px) !important;
  cursor:pointer !important;
  position:relative !important;
  background:transparent !important;
  border:0 !important;
}
body.single-product .vc_toggle_title h4{
  margin:0 !important;
  color:var(--text) !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
  transition:color var(--speed) var(--bezier) !important;
}
body.single-product .vc_toggle:hover .vc_toggle_title h4{
  color:#1a5f7a !important;
}

body.single-product .wpb_toggle_title{
  margin:0 !important;
  padding:var(--pad-y) var(--pad-x) var(--pad-y) calc(var(--pad-x) + 22px) !important;
  position:relative !important;
  cursor:pointer !important;
  background:transparent !important;
  border:0 !important;
  color:var(--text) !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
  transition:color var(--speed) var(--bezier) !important;
}
body.single-product .wpb_toggle:hover .wpb_toggle_title{
  color:#1a5f7a !important;
}

body.single-product .vc_tta-accordion .vc_tta-panel-heading{
  background:transparent !important;
  border:0 !important;
  padding:var(--pad-y) var(--pad-x) var(--pad-y) calc(var(--pad-x) + 22px) !important;
  position:relative !important;
}
body.single-product .vc_tta-accordion .vc_tta-panel-title > a{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  text-decoration:none !important;
  color:var(--text) !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
  transition:color var(--speed) var(--bezier) !important;
}
body.single-product .vc_tta-accordion .vc_tta-panel:hover .vc_tta-panel-title > a{
  color:#1a5f7a !important;
}

/* ---------- Žiariaca bodka pri nadpise ---------- */
body.single-product .vc_toggle_title::before,
body.single-product .wpb_toggle_title::before,
body.single-product .vc_tta-accordion .vc_tta-panel-heading::before{
  content:"" !important;
  position:absolute !important;
  left:14px !important;
  top:50% !important;
  width:8px !important;
  height:8px !important;
  border-radius:999px !important;
  transform:translateY(-50%) scale(1) !important;
  background:radial-gradient(circle at 30% 30%, #21D4FD, #B721FF 70%) !important;
  box-shadow:0 0 0 6px rgba(33,212,253,.12), 0 0 18px rgba(183,33,255,.42) !important;
  transition:transform var(--speed) var(--bezier), box-shadow var(--speed) var(--bezier) !important;
}
body.single-product .vc_toggle:hover .vc_toggle_title::before,
body.single-product .wpb_toggle:hover .wpb_toggle_title::before,
body.single-product .vc_tta-accordion .vc_tta-panel:hover .vc_tta-panel-heading::before{
  transform:translateY(-50%) scale(1.12) !important;
  box-shadow:0 0 0 8px rgba(33,212,253,.12), 0 0 24px rgba(183,33,255,.50) !important;
}

/* ---------- Skry všetky +/− ikonky ---------- */
body.single-product .vc_toggle_title .vc_toggle_icon,
body.single-product .vc_toggle_title .ui-accordion-header-icon,
body.single-product .vc_tta-accordion .vc_tta-controls-icon,
body.single-product .vc_toggle_title i,
body.single-product .vc_toggle_title svg,
body.single-product .wpb_toggle_title i,
body.single-product .wpb_toggle_title svg,
body.single-product .vc_tta-accordion .vc_tta-panel-title i,
body.single-product .vc_tta-accordion .vc_tta-panel-title svg{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

body.single-product .vc_toggle_title::after,
body.single-product .wpb_toggle_title::after,
body.single-product .vc_tta-accordion .vc_tta-panel-title > a::after{
  content:"" !important;
  display:none !important;
}

/* ---------- Obsah ---------- */
body.single-product .vc_toggle_content,
body.single-product .wpb_toggle_content,
body.single-product .vc_tta-accordion .vc_tta-panel-body{
  background:linear-gradient(180deg, rgba(255,255,255,.28), transparent) !important;
  border-top:1px solid rgba(255,255,255,.35) !important;
  padding:0 var(--pad-x) var(--pad-y) !important;
  color:var(--muted) !important;
  opacity:0 !important;
  transform:translateY(-4px) !important;
  transition:opacity var(--speed) var(--bezier), transform var(--speed) var(--bezier) !important;
}

body.single-product .vc_toggle.vc_toggle_active .vc_toggle_content{
  opacity:1 !important;
  transform:translateY(0) !important;
}
body.single-product .wpb_toggle_title.wpb_toggle_title_active + .wpb_toggle_content{
  opacity:1 !important;
  transform:translateY(0) !important;
}
body.single-product .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-body{
  opacity:1 !important;
  transform:translateY(0) !important;
}

body.single-product .vc_toggle_content p,
body.single-product .wpb_toggle_content p,
body.single-product .vc_tta-accordion .vc_tta-panel-body p{
  margin:.4rem 0 .6rem !important;
  line-height:1.6 !important;
}

/* ---------- MOBILE (kompaktnejší dizajn) ---------- */
@media (max-width:768px){
  body.single-product{
    --radius:14px;
    --pad-x:14px;
    --pad-y:12px;
    --gap:10px;
    --blur:12px;
  }
  
  /* Na mobile zjednodušíme animácie (performance) */
  body.single-product .vc_toggle::after,
  body.single-product .wpb_toggle::after,
  body.single-product .vc_tta-accordion .vc_tta-panel::after{
    display:none !important;
  }
  
  /* Na mobile hover efekty netreba */
  body.single-product .vc_toggle:active,
  body.single-product .wpb_toggle:active,
  body.single-product .vc_tta-accordion .vc_tta-panel:active{
    transform:scale(0.98) !important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.single-product *{
    transition:none !important;
    animation:none !important;
  }
}


/* =========================================================
   FUTURISTICKÝ PROGRESS BAR – len CSS
   Cieľ: preštýlovať WPBakery [vc_progress_bar] v Product description
   - Glassmorphism + neon, jemná animácia
   - Bez JS, funguje s hodnotami, ktoré WPBakery už vkladá (width)
   - Responzívne s väčšími medzerami na mobile
   ========================================================= */

/* Scope: iba na produktovej stránke v Description tabu */
.single-product #tab-description,
.single-product .woocommerce-Tabs-panel--description{
  --accent:#21D4FD;
  --accent-2:#B721FF;
  --text:#0f172a;
  --muted:#64748b;
  --glass-bg:rgba(255,255,255,.12);
  --glass-bg-2:rgba(255,255,255,.06);
  --glass-border:rgba(255,255,255,.26);
  --radius:14px;
  --gap:18px;
  --pad-x:18px;
  --pad-y:14px;
  --track-bg:rgba(15,23,42,.10);
  --shadow:0 10px 26px rgba(15,23,42,.12);
  --shadow-hover:0 14px 34px rgba(15,23,42,.18);
  --speed:.7s;
  --bezier:cubic-bezier(.34,1.2,.64,1);
}

/* Rozostupy medzi jednotlivými barmi */
.single-product #tab-description .vc_progress_bar .vc_single_bar + .vc_single_bar,
.single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar + .vc_single_bar{
  margin-top:var(--gap) !important;
}

/* Karta jedného progress baru (glass) */
.single-product #tab-description .vc_progress_bar .vc_single_bar,
.single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar{
  position:relative;
  padding:var(--pad-y) var(--pad-x);
  margin-bottom:0 !important;
  border-radius:var(--radius);
  background:linear-gradient(135deg, var(--glass-bg), var(--glass-bg-2));
  border:1px solid var(--glass-border);
  -webkit-backdrop-filter:blur(12px) saturate(140%);
  backdrop-filter:blur(12px) saturate(140%);
  box-shadow:var(--shadow);
  overflow:hidden;
  transition:transform .45s var(--bezier), box-shadow .45s var(--bezier);
}
.single-product #tab-description .vc_progress_bar .vc_single_bar:hover,
.single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-hover);
}

/* Neonový okraj (dekor) */
.single-product #tab-description .vc_progress_bar .vc_single_bar::before,
.single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar::before{
  content:""; position:absolute; inset:0; padding:1px; border-radius:inherit;
  background:linear-gradient(120deg, rgba(33,212,253,.55), rgba(183,33,255,.55));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite:exclude;
  opacity:.45; pointer-events:none; transition:opacity .4s ease;
}
.single-product #tab-description .vc_progress_bar .vc_single_bar:hover::before,
.single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar:hover::before{
  opacity:.8;
}

/* Lesk na hover (sheen) */
.single-product #tab-description .vc_progress_bar .vc_single_bar::after,
.single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar::after{
  content:""; position:absolute; top:-120%; left:-60%; width:50%; height:300%; border-radius:inherit;
  background:linear-gradient(to right, transparent 0%, rgba(255,255,255,.18) 50%, transparent 100%);
  transform:translateX(0) rotate(20deg); opacity:0; transition:transform 1s ease, opacity 1s ease;
  pointer-events:none;
}
.single-product #tab-description .vc_progress_bar .vc_single_bar:hover::after,
.single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar:hover::after{
  opacity:1; transform:translateX(260%) rotate(20deg);
}

/* Label (názov + percento) */
.single-product #tab-description .vc_progress_bar .vc_single_bar .vc_label,
.single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar .vc_label{
  display:flex; justify-content:space-between; align-items:center;
  margin:0 0 10px 0; padding:0; background:none !important; border:0 !important;
  color:var(--text); font-weight:800; letter-spacing:.2px;
  text-transform:uppercase; font-size:14.5px;
}
.single-product #tab-description .vc_progress_bar .vc_single_bar .vc_label .vc_label_units,
.single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar .vc_label .vc_label_units{
  margin-left:12px; font-weight:900;
  background:linear-gradient(120deg, var(--accent), var(--accent-2));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  filter:drop-shadow(0 0 8px rgba(33,212,253,.35));
}

/* Výplň (WPBakery nastaví finálnu width inline štýlom; my len animujeme scale) */
.single-product #tab-description .vc_progress_bar .vc_single_bar .vc_bar,
.single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar .vc_bar{
  display:block; height:10px; border-radius:999px;
  background:linear-gradient(90deg, var(--accent), var(--accent-2));
  box-shadow:0 0 12px rgba(33,212,253,.5), 0 0 20px rgba(183,33,255,.35), inset 0 1px 0 rgba(255,255,255,.4);
  position:relative; overflow:hidden;
  transform:scaleX(0); transform-origin:left;
  animation:pb-grow var(--speed) var(--bezier) forwards .2s;
}

/* Jemný svetelný prechod cez výplň */
.single-product #tab-description .vc_progress_bar .vc_single_bar .vc_bar::before,
.single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar .vc_bar::before{
  content:""; position:absolute; inset:0; transform:translateX(-100%);
  background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.45) 50%, transparent 100%);
  animation:pb-sheen 2.2s ease-in-out infinite; animation-delay:1s;
}

/* Animácie */
@keyframes pb-grow{ from{ transform:scaleX(0); opacity:.6; } to{ transform:scaleX(1); opacity:1; } }
@keyframes pb-sheen{ 0%{ transform:translateX(-100%); } 100%{ transform:translateX(200%); } }

/* Typografia vnútri obsahu (ak sú texty pod barom) */
.single-product #tab-description .vc_progress_bar p,
.single-product .woocommerce-Tabs-panel--description .vc_progress_bar p{ color:var(--muted); margin:.4rem 0 0; }

/* Mobile úpravy – VÄČŠIE MEDZERY */
@media (max-width:768px){
  .single-product #tab-description,
  .single-product .woocommerce-Tabs-panel--description{
    --radius:12px; 
    --pad-x:14px; 
    --pad-y:12px; 
    --gap:20px; /* zvýšená medzera na mobile */
  }
  
  /* Explicitne vyššia medzera medzi barmi */
  .single-product #tab-description .vc_progress_bar .vc_single_bar + .vc_single_bar,
  .single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar + .vc_single_bar{
    margin-top:20px !important;
  }
  
  .single-product #tab-description .vc_progress_bar .vc_single_bar,
  .single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar{
    padding:var(--pad-y) var(--pad-x);
    margin-bottom:0 !important;
  }
  
  .single-product #tab-description .vc_progress_bar .vc_single_bar .vc_bar,
  .single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar .vc_bar{
    height:8px;
  }
  
  /* zjednoduš highlight pre výkon */
  .single-product #tab-description .vc_progress_bar .vc_single_bar::after,
  .single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar::after{
    display:none;
  }
}

/* Ešte menšie zariadenia – ešte väčšia medzera */
@media (max-width:480px){
  .single-product #tab-description,
  .single-product .woocommerce-Tabs-panel--description{
    --gap:24px;
  }
  
  .single-product #tab-description .vc_progress_bar .vc_single_bar + .vc_single_bar,
  .single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar + .vc_single_bar{
    margin-top:24px !important;
  }
}

/* Reduced motion – vypni animácie */
@media (prefers-reduced-motion:reduce){
  .single-product #tab-description .vc_progress_bar .vc_single_bar .vc_bar,
  .single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar .vc_bar{
    animation:none; transform:none;
  }
  .single-product #tab-description .vc_progress_bar .vc_single_bar .vc_bar::before,
  .single-product .woocommerce-Tabs-panel--description .vc_progress_bar .vc_single_bar .vc_bar::before{
    animation:none; display:none;
  }
}

/* =========================================================
   Nitro/WPBakery: .nm-message-box – Animated neon gradient
   Scope: produktová stránka (Description tab aj inde)
   Vlož do Vzhľad → Prispôsobiť → Dodatočné CSS
   ========================================================= */

/* Farby a rozmery (ladí s progress barom) */
.single-product{
  --accent: #21D4FD;
  --accent-2: #B721FF;
}

.single-product .nm-message-box{
  --mb-a: var(--accent, #21D4FD);
  --mb-b: var(--accent-2, #B721FF);
  --mb-text: #ffffff;
  --mb-text-dark: #0f172a;
  --mb-radius: 16px;
  --mb-pad-x: 24px;
  --mb-pad-y: 18px;
  --mb-gap: 22px;
  --mb-speed: .55s;
  --mb-ease: cubic-bezier(.2,.7,.2,1);
}

/* Rozostup medzi viacerými boxmi */
.single-product .nm-message-box + .nm-message-box{ margin-top: var(--mb-gap) !important; }

/* Základný box – farebný animovaný gradient + glass overlay */
.single-product .nm-message-box{
  position: relative;
  margin: 0;
  padding: var(--mb-pad-y) var(--mb-pad-x) !important;
  color: var(--mb-text) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  border-radius: var(--mb-radius) !important;
  overflow: hidden;
  box-shadow: 
    0 10px 28px rgba(15,23,42,.18),
    inset 0 1px 0 rgba(255,255,255,.15);
  transition: transform var(--mb-speed) var(--mb-ease), box-shadow var(--mb-speed) var(--mb-ease);
  
  /* Viacvrstvové pozadie: animovaný gradient + glass efekt */
  background: 
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04)),
    linear-gradient(135deg, var(--mb-a) 0%, var(--mb-b) 100%);
  background-size: 100% 100%, 400% 400%;
  background-position: 0 0, 0% 50%;
  animation: nmmb-gradient 8s ease infinite;
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  backdrop-filter: blur(10px) saturate(140%);
}

/* Animovaný gradient v pozadí */
@keyframes nmmb-gradient{
  0%{ background-position: 0 0, 0% 50%; }
  50%{ background-position: 0 0, 100% 50%; }
  100%{ background-position: 0 0, 0% 50%; }
}

/* Jemná elevácia na hover */
.single-product .nm-message-box:hover{
  transform: translateY(-2px);
  box-shadow: 
    0 16px 42px rgba(15,23,42,.25),
    inset 0 1px 0 rgba(255,255,255,.25);
}

/* Neonový „glow" okraj (zostane jemný) */
.single-product .nm-message-box::before{
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(255,255,255,.5), rgba(255,255,255,.2));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: .6;
  pointer-events: none;
  transition: opacity .45s ease;
}
.single-product .nm-message-box:hover::before{ opacity: 1; }

/* Svetelný šmúh pri hover (jemný sheen efekt) */
.single-product .nm-message-box::after{
  content: "";
  position: absolute;
  top: -50%;
  left: -60%;
  width: 40%;
  height: 200%;
  background: linear-gradient(to right, transparent 0%, rgba(255,255,255,.25) 50%, transparent 100%);
  transform: translateX(0) rotate(25deg);
  opacity: 0;
  transition: transform 1.2s ease, opacity 1.2s ease;
  pointer-events: none;
}
.single-product .nm-message-box:hover::after{
  opacity: 1;
  transform: translateX(280%) rotate(25deg);
}

/* Skry pôvodnú ikonu */
.single-product .nm-message-box .nm-message-box-icon{ display: none !important; }

/* Typografia vo vnútri */
.single-product .nm-message-box p{ 
  margin: 0; 
  color: var(--mb-text) !important; 
  line-height: 1.6; 
  text-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.single-product .nm-message-box strong{
  color: #fff !important;
  font-weight: 800;
}
.single-product .nm-message-box a{
  color: #fff !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Voliteľné farebné stavy (môžeš pridať class v editore, napr. "success" alebo "warning") */
.single-product .nm-message-box.success,
.single-product .nm-message-box[class*="success"]{ 
  --mb-a: #10b981; 
  --mb-b: #059669; 
}
.single-product .nm-message-box.info,
.single-product .nm-message-box[class*="info"]{ 
  --mb-a: #3b82f6; 
  --mb-b: #1d4ed8; 
}
.single-product .nm-message-box.warning,
.single-product .nm-message-box[class*="warning"]{ 
  --mb-a: #f59e0b; 
  --mb-b: #ea580c; 
}
.single-product .nm-message-box.danger,
.single-product .nm-message-box.error,
.single-product .nm-message-box[class*="danger"],
.single-product .nm-message-box[class*="error"]{ 
  --mb-a: #ef4444; 
  --mb-b: #dc2626; 
}

/* Mobile úpravy – menej náročná animácia */
@media (max-width:768px){
  .single-product .nm-message-box{
    --mb-radius: 14px;
    --mb-pad-x: 16px;
    --mb-pad-y: 14px;
    --mb-gap: 24px;
    animation: none; /* vypni animáciu gradientu na mobile pre výkon */
    background: 
      linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04)),
      linear-gradient(135deg, var(--mb-a) 0%, var(--mb-b) 100%);
  }
  .single-product .nm-message-box::after{
    display: none; /* vypni sheen na mobile */
  }
}

/* Reduced motion – vypni všetky animácie */
@media (prefers-reduced-motion: reduce){
  .single-product .nm-message-box{ animation: none !important; }
  .single-product .nm-message-box::after{ animation: none !important; display: none; }
}

/* =========================================================
   Single Product – Elegantný glassmorphism dizajn
   ========================================================= */

.single-product div.product{
  --accent: #21D4FD;
  --accent-2: #B721FF;
  --green-a: #10b981;
  --green-b: #059669;
  --text: #0f172a;
  --text-light: #64748b;
  --glass-bg: rgba(255,255,255,.08);
  --glass-border: rgba(255,255,255,.18);
  --radius: 14px;
}

/* =========================
   TYP CARTRIDGE – Jemný glass s tenkým neon obvodom
   ========================= */
.single-product table.variations{
  position: relative;
  width: 100%;
  margin: 0 0 20px 0 !important;
  border: 0 !important;
  border-radius: var(--radius) !important;
  padding: 20px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.06)) !important;
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  box-shadow: 
    0 8px 32px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.15);
  border-collapse: separate !important;
  overflow: hidden;
}

/* Jemný farebný obvod cez ::before */
.single-product table.variations::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(120deg, var(--accent), var(--accent-2));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .4;
  pointer-events: none;
}

.single-product table.variations tr,
.single-product table.variations td{
  background: transparent !important;
  border: 0 !important;
}

/* Nadpis TYP CARTRIDGE */
.single-product table.variations .label,
.single-product table.variations td.label{
  display: block;
  width: 100%;
  padding: 0 0 14px 0 !important;
  text-align: center !important;
}
.single-product table.variations .label label{
  display: block;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--text-light);
}

.single-product table.variations .value,
.single-product table.variations td.value{
  display: block;
  width: 100%;
  padding: 0 !important;
  text-align: center;
}

/* Chipy – čisté, minimálne, len jemný glass */
.single-product table.variations .value label,
.single-product table.variations .value a,
.single-product table.variations .value span[data-value]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px 8px 0 !important;
  padding: 11px 20px !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  border-radius: calc(var(--radius) - 2px) !important;
  background: rgba(255,255,255,.15) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: var(--text) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: .4px;
  cursor: pointer;
  transition: all .3s cubic-bezier(.2,.7,.2,1);
  box-shadow: 0 4px 14px rgba(15,23,42,.08);
}
.single-product table.variations .value label:hover,
.single-product table.variations .value a:hover,
.single-product table.variations .value span[data-value]:hover{
  transform: translateY(-2px);
  border-color: var(--accent);
  box-shadow: 0 8px 24px rgba(33,212,253,.20);
  background: rgba(255,255,255,.22) !important;
}

/* VYBRANÁ možnosť – farebný gradient + glow */
.single-product table.variations .value label.selected,
.single-product table.variations .value .selected,
.single-product table.variations .value span[data-value].selected,
.single-product table.variations .value input[type="radio"]:checked + label{
  background: linear-gradient(120deg, var(--accent), var(--accent-2)) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 
    0 8px 28px rgba(33,212,253,.35),
    0 0 0 4px rgba(33,212,253,.10);
  transform: translateY(0);
}

.single-product table.variations input[type="radio"]{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* =========================
   QUANTITY – Rovnaký jemný glass štýl
   ========================= */
.single-product form.cart .quantity{
  display: inline-flex !important;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  margin: 0 0 18px 0 !important;
  padding: 0 8px !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  border-radius: var(--radius) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.06)) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 6px 20px rgba(15,23,42,.10);
  overflow: hidden;
  position: relative;
}

/* Jemný gradient obvod */
.single-product form.cart .quantity::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(120deg, var(--accent), var(--accent-2));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .4;
  pointer-events: none;
}

/* Šípky – farebný gradient, menšie, zaoblené */
.single-product .quantity .minus,
.single-product .quantity .plus,
.single-product .quantity button[type="button"]{
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(120deg, var(--accent), var(--accent-2)) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 6px 18px rgba(33,212,253,.25);
  z-index: 1;
}
.single-product .quantity .minus:hover,
.single-product .quantity .plus:hover,
.single-product .quantity button[type="button"]:hover{
  transform: translateY(-1px) scale(1.05);
  box-shadow: 0 10px 28px rgba(33,212,253,.35);
}

.single-product .quantity input.qty{
  width: 68px !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--text) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  text-align: center !important;
  -moz-appearance: textfield;
  z-index: 1;
}
.single-product .quantity input.qty::-webkit-inner-spin-button,
.single-product .quantity input.qty::-webkit-outer-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
.single-product .quantity input.qty:focus{
  outline: 2px solid var(--accent);
  outline-offset: -2px;
  border-radius: 8px;
}

/* =========================
   ADD TO CART – Zelený animovaný gradient
   ========================= */
.single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button,
.single-product form.cart button[type="submit"]{
  position: relative;
  width: 100%;
  padding: 17px 32px !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  border-radius: var(--radius) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .8px !important;
  color: #fff !important;
  text-shadow: 0 2px 4px rgba(0,0,0,.2);
  overflow: hidden;
  cursor: pointer;
  background: linear-gradient(135deg, var(--green-a) 0%, var(--green-b) 100%) !important;
  background-size: 200% 200%;
  animation: cta-shift 6s ease infinite;
  box-shadow: 
    0 12px 36px rgba(16,185,129,.35),
    inset 0 1px 0 rgba(255,255,255,.2);
  transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease;
}

@keyframes cta-shift{
  0%, 100%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
}

.single-product .single_add_to_cart_button:hover,
.single-product form.cart button[type="submit"]:hover{
  transform: translateY(-2px) scale(1.01);
  box-shadow: 
    0 18px 48px rgba(16,185,129,.45),
    inset 0 1px 0 rgba(255,255,255,.3);
}

.single-product .single_add_to_cart_button:active,
.single-product form.cart button[type="submit"]:active{
  transform: translateY(0) scale(0.99);
}

/* Jemný glow obvod */
.single-product .single_add_to_cart_button::before,
.single-product form.cart button[type="submit"]::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(120deg, rgba(255,255,255,.6), rgba(255,255,255,.2));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .5;
  pointer-events: none;
  transition: opacity .3s ease;
}
.single-product .single_add_to_cart_button:hover::before,
.single-product form.cart button[type="submit"]:hover::before{
  opacity: .9;
}

/* Svetelný pruh na hover */
.single-product .single_add_to_cart_button::after,
.single-product form.cart button[type="submit"]::after{
  content: "";
  position: absolute;
  top: -50%;
  left: -100%;
  width: 60%;
  height: 200%;
  background: linear-gradient(to right, transparent 0%, rgba(255,255,255,.25) 50%, transparent 100%);
  transform: rotate(25deg);
  opacity: 0;
  transition: left 1s ease, opacity 1s ease;
  pointer-events: none;
}
.single-product .single_add_to_cart_button:hover::after,
.single-product form.cart button[type="submit"]:hover::after{
  left: 100%;
  opacity: 1;
}

/* Disabled stav */
.single-product .single_add_to_cart_button:disabled,
.single-product .single_add_to_cart_button.disabled{
  opacity: .5;
  cursor: not-allowed;
  animation: none;
  transform: none !important;
}

/* =========================
   RESET VARIATIONS
   ========================= */
.single-product .reset_variations{
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--text-light) !important;
  font-size: 12px !important;
  text-decoration: underline !important;
  cursor: pointer;
  transition: color .25s ease;
}
.single-product .reset_variations:hover{
  color: var(--accent) !important;
}

/* =========================
   MOBILE
   ========================= */
@media (max-width:768px){
  .single-product div.product{
    --radius: 12px;
  }
  .single-product table.variations{
    padding: 16px !important;
  }
  .single-product table.variations .value label,
  .single-product table.variations .value a,
  .single-product table.variations .value span[data-value]{
    margin: 0 6px 6px 0 !important;
    padding: 10px 16px !important;
    font-size: 12px !important;
  }
  .single-product form.cart .quantity{
    height: 46px;
    padding: 0 6px !important;
  }
  .single-product .quantity .minus,
  .single-product .quantity .plus,
  .single-product .quantity button[type="button"]{
    width: 36px !important;
    height: 36px !important;
  }
  .single-product .quantity input.qty{
    width: 58px !important;
    height: 46px !important;
  }
  .single-product .single_add_to_cart_button,
  .single-product form.cart button[type="submit"]{
    padding: 15px 28px !important;
    font-size: 14px !important;
    animation: none; /* šetrí batériu na mobile */
  }
  .single-product .single_add_to_cart_button::after,
  .single-product form.cart button[type="submit"]::after{
    display: none;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .single-product .single_add_to_cart_button,
  .single-product form.cart button[type="submit"]{
    animation: none !important;
  }
  .single-product .single_add_to_cart_button::after,
  .single-product form.cart button[type="submit"]::after{
    display: none !important;
  }
}
/* =========================================================
   WooCommerce Additional Information Tab
   Mobile & Tablet Optimized - Bez zbytočných efektov
   ========================================================= */

/* ---------- CSS Variables ---------- */
#tab-additional_information,
.woocommerce-Tabs-panel--additional_information {
  --info-accent: #21D4FD;
  --info-accent-2: #B721FF;
  --info-text: #0f172a;
  --info-text-muted: #64748b;
  --info-glass-bg: rgba(255, 255, 255, .14);
  --info-glass-bg-alt: rgba(255, 255, 255, .08);
  --info-glass-border: rgba(255, 255, 255, .3);
  --info-radius: 18px;
  --info-blur: 16px;
  --info-shadow: 0 10px 30px rgba(15, 23, 42, .15);
  --info-shadow-hover: 0 16px 45px rgba(15, 23, 42, .22);
  --info-glow: 0 0 28px color-mix(in srgb, var(--info-accent) 30%, transparent);
  --info-speed: .4s;
  --info-bezier: cubic-bezier(.2, .7, .2, 1);
}

/* ========== TABUĽKA WRAPPER ========== */
#tab-additional_information,
.woocommerce-Tabs-panel--additional_information {
  position: relative;
  padding: 0 !important;
  background: transparent !important;
}

/* ========== TABUĽKA SAMOTNÁ ========== */
#tab-additional_information table.shop_attributes,
.woocommerce-Tabs-panel--additional_information table.shop_attributes,
#tab-additional_information .woocommerce-product-attributes,
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* ========== RIADOK (TR) - GLASSMORPHISM KARTA ========== */
#tab-additional_information table.shop_attributes tr,
.woocommerce-Tabs-panel--additional_information table.shop_attributes tr,
#tab-additional_information .woocommerce-product-attributes-item,
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item {
  position: relative;
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 0 !important;
  border-radius: var(--info-radius) !important;
  background: linear-gradient(
    135deg,
    var(--info-glass-bg),
    var(--info-glass-bg-alt)
  ) !important;
  border: 1px solid var(--info-glass-border) !important;
  backdrop-filter: blur(var(--info-blur)) saturate(160%) !important;
  -webkit-backdrop-filter: blur(var(--info-blur)) saturate(160%) !important;
  box-shadow: 
    var(--info-shadow),
    inset 0 1px 0 rgba(255, 255, 255, .2) !important;
  overflow: hidden !important;
  transition: 
    transform var(--info-speed) var(--info-bezier),
    box-shadow var(--info-speed) var(--info-bezier),
    border-color var(--info-speed) var(--info-bezier) !important;
}

/* Neonový gradientový okraj */
#tab-additional_information table.shop_attributes tr::before,
.woocommerce-Tabs-panel--additional_information table.shop_attributes tr::before,
#tab-additional_information .woocommerce-product-attributes-item::before,
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.5px;
  border-radius: inherit;
  background: linear-gradient(
    120deg,
    color-mix(in srgb, var(--info-accent) 70%, transparent),
    color-mix(in srgb, var(--info-accent-2) 70%, transparent),
    color-mix(in srgb, var(--info-accent) 50%, transparent)
  );
  -webkit-mask: 
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: 
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: .55;
  pointer-events: none;
  transition: opacity var(--info-speed) var(--info-bezier);
  z-index: 1;
}

/* Desktop hover efekty */
@media (min-width: 1025px) {
  #tab-additional_information table.shop_attributes tr:hover,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:hover,
  #tab-additional_information .woocommerce-product-attributes-item:hover,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item:hover {
    transform: translateY(-2px) scale(1.005) !important;
    box-shadow: 
      var(--info-shadow-hover),
      var(--info-glow),
      inset 0 1px 0 rgba(255, 255, 255, .3) !important;
    border-color: color-mix(in srgb, var(--info-accent) 40%, transparent) !important;
  }

  #tab-additional_information table.shop_attributes tr:hover::before,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:hover::before,
  #tab-additional_information .woocommerce-product-attributes-item:hover::before,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item:hover::before {
    opacity: .9;
  }

  /* Lesk pri hover (len desktop) */
  #tab-additional_information table.shop_attributes tr::after,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr::after,
  #tab-additional_information .woocommerce-product-attributes-item::after,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item::after {
    content: "";
    position: absolute;
    top: -150%;
    left: -60%;
    width: 70%;
    height: 450%;
    border-radius: inherit;
    background: linear-gradient(
      to right,
      transparent 0%,
      rgba(255, 255, 255, .28) 50%,
      transparent 100%
    );
    transform: translateX(0) rotate(28deg);
    opacity: 0;
    transition: 
      transform 1s ease,
      opacity 1s ease;
    pointer-events: none;
    z-index: 2;
  }

  #tab-additional_information table.shop_attributes tr:hover::after,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:hover::after,
  #tab-additional_information .woocommerce-product-attributes-item:hover::after,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item:hover::after {
    opacity: .85;
    transform: translateX(230%) rotate(28deg);
  }
}

/* ========== BUNKY (TH a TD) ========== */
#tab-additional_information table.shop_attributes th,
.woocommerce-Tabs-panel--additional_information table.shop_attributes th,
#tab-additional_information .woocommerce-product-attributes-item__label,
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__label {
  flex: 0 0 35%;
  max-width: 35%;
  padding: 16px 20px !important;
  margin: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, .15),
    transparent
  ) !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, .2) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: .3px !important;
  text-transform: uppercase;
  color: var(--info-text) !important;
  position: relative;
  z-index: 3;
  transition: color var(--info-speed) var(--info-bezier);
}

#tab-additional_information table.shop_attributes td,
.woocommerce-Tabs-panel--additional_information table.shop_attributes td,
#tab-additional_information .woocommerce-product-attributes-item__value,
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__value {
  flex: 1;
  padding: 16px 20px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--info-text-muted) !important;
  position: relative;
  z-index: 3;
  transition: color var(--info-speed) var(--info-bezier);
}

/* Žiariaca bodka pri labele (len desktop) */
@media (min-width: 1025px) {
  #tab-additional_information table.shop_attributes th::before,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes th::before,
  #tab-additional_information .woocommerce-product-attributes-item__label::before,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__label::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: radial-gradient(
      circle at 30% 30%,
      var(--info-accent),
      var(--info-accent-2) 70%
    );
    box-shadow: 
      0 0 0 4px color-mix(in srgb, var(--info-accent) 10%, transparent),
      0 0 14px color-mix(in srgb, var(--info-accent-2) 40%, transparent);
    transform: translateY(-50%) scale(1);
    transition: 
      transform var(--info-speed) var(--info-bezier),
      box-shadow var(--info-speed) var(--info-bezier);
    z-index: 4;
  }

  #tab-additional_information table.shop_attributes tr:hover th::before,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:hover th::before,
  #tab-additional_information .woocommerce-product-attributes-item:hover .woocommerce-product-attributes-item__label::before,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item:hover .woocommerce-product-attributes-item__label::before {
    transform: translateY(-50%) scale(1.15);
    box-shadow: 
      0 0 0 6px color-mix(in srgb, var(--info-accent) 15%, transparent),
      0 0 22px color-mix(in srgb, var(--info-accent-2) 50%, transparent);
  }

  #tab-additional_information table.shop_attributes tr:hover th,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:hover th,
  #tab-additional_information .woocommerce-product-attributes-item:hover .woocommerce-product-attributes-item__label,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item:hover .woocommerce-product-attributes-item__label {
    color: color-mix(in srgb, var(--info-text) 80%, var(--info-accent) 20%) !important;
  }

  #tab-additional_information table.shop_attributes tr:hover td,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:hover td,
  #tab-additional_information .woocommerce-product-attributes-item:hover .woocommerce-product-attributes-item__value,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item:hover .woocommerce-product-attributes-item__value {
    color: var(--info-text) !important;
  }
}

/* Link styling */
#tab-additional_information table.shop_attributes td a,
.woocommerce-Tabs-panel--additional_information table.shop_attributes td a,
#tab-additional_information .woocommerce-product-attributes-item__value a,
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__value a {
  color: var(--info-accent) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color var(--info-speed) var(--info-bezier);
}

#tab-additional_information table.shop_attributes td a:hover,
.woocommerce-Tabs-panel--additional_information table.shop_attributes td a:hover,
#tab-additional_information .woocommerce-product-attributes-item__value a:hover,
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__value a:hover {
  color: var(--info-accent-2) !important;
}

/* ========== MOBILE & TABLET (bez zbytočných efektov) ========== */
@media (max-width: 1024px) {
  #tab-additional_information,
  .woocommerce-Tabs-panel--additional_information {
    --info-radius: 12px;
    --info-blur: 10px;
    --info-shadow: 0 4px 12px rgba(15, 23, 42, .1);
  }
  
  /* Zjednoduš spacing medzi kartami */
  #tab-additional_information table.shop_attributes,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes {
    border-spacing: 0 8px !important;
  }
  
  /* ŽIADNE hover, sheen, ani žiadne ::after pseudo-elementy */
  #tab-additional_information table.shop_attributes tr,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr,
  #tab-additional_information .woocommerce-product-attributes-item,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item {
    transition: none !important;
  }
  
  /* Odstráň všetky hover efekty */
  #tab-additional_information table.shop_attributes tr:hover,
  #tab-additional_information table.shop_attributes tr:active,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:hover,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:active {
    transform: none !important;
    box-shadow: var(--info-shadow) !important;
    border-color: var(--info-glass-border) !important;
  }
  
  /* Odstráň ::after (sheen effect) */
  #tab-additional_information table.shop_attributes tr::after,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr::after,
  #tab-additional_information .woocommerce-product-attributes-item::after,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item::after {
    display: none !important;
  }
  
  /* Odstráň žiariacu bodku */
  #tab-additional_information table.shop_attributes th::before,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes th::before,
  #tab-additional_information .woocommerce-product-attributes-item__label::before,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__label::before {
    display: none !important;
  }
  
  /* Zmenši padding */
  #tab-additional_information table.shop_attributes th,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes th,
  #tab-additional_information .woocommerce-product-attributes-item__label,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__label {
    flex: 0 0 100%;
    max-width: 100%;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
    padding: 10px 14px !important;
    font-size: 12px !important;
    letter-spacing: .2px !important;
  }
  
  #tab-additional_information table.shop_attributes td,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes td,
  #tab-additional_information .woocommerce-product-attributes-item__value,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__value {
    flex: 0 0 100%;
    padding: 10px 14px !important;
    font-size: 14px !important;
  }
  
  /* Žiadne color transitions pri hover/active na mobile */
  #tab-additional_information table.shop_attributes th,
  #tab-additional_information table.shop_attributes td,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes th,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes td {
    transition: none !important;
  }
}

/* ========== REDUCED MOTION ========== */
@media (prefers-reduced-motion: reduce) {
  #tab-additional_information *,
  .woocommerce-Tabs-panel--additional_information * {
    transition: none !important;
    animation: none !important;
  }
}

/* ========== DARK MODE SUPPORT ========== */
@media (prefers-color-scheme: dark) {
  #tab-additional_information,
  .woocommerce-Tabs-panel--additional_information {
    --info-text: #f1f5f9;
    --info-text-muted: #cbd5e1;
    --info-glass-bg: rgba(15, 23, 42, .25);
    --info-glass-bg-alt: rgba(15, 23, 42, .15);
    --info-glass-border: rgba(255, 255, 255, .2);
  }
}
/* =========================================================
   WooCommerce Additional Information Tab
   MOBILE & TABLET: Neonové farby + tmavý čitateľný text
   ========================================================= */

/* ---------- CSS Variables ---------- */
#tab-additional_information,
.woocommerce-Tabs-panel--additional_information {
  --info-accent: #21D4FD;
  --info-accent-2: #B721FF;
  --info-text: #0a0f1a;
  --info-text-muted: #1e293b;
  --info-glass-bg: rgba(255, 255, 255, .14);
  --info-glass-bg-alt: rgba(255, 255, 255, .08);
  --info-glass-border: rgba(255, 255, 255, .3);
  --info-radius: 18px;
  --info-blur: 16px;
  --info-shadow: 0 10px 30px rgba(15, 23, 42, .15);
  --info-shadow-hover: 0 16px 45px rgba(15, 23, 42, .22);
  --info-glow: 0 0 28px color-mix(in srgb, var(--info-accent) 30%, transparent);
  --info-speed: .4s;
  --info-bezier: cubic-bezier(.2, .7, .2, 1);
}

/* ========== TABUĽKA WRAPPER ========== */
#tab-additional_information,
.woocommerce-Tabs-panel--additional_information {
  position: relative;
  padding: 0 !important;
  background: transparent !important;
}

/* ========== TABUĽKA SAMOTNÁ ========== */
#tab-additional_information table.shop_attributes,
.woocommerce-Tabs-panel--additional_information table.shop_attributes,
#tab-additional_information .woocommerce-product-attributes,
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* ========== RIADOK (TR) - GLASSMORPHISM KARTA ========== */
#tab-additional_information table.shop_attributes tr,
.woocommerce-Tabs-panel--additional_information table.shop_attributes tr,
#tab-additional_information .woocommerce-product-attributes-item,
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item {
  position: relative;
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 0 !important;
  border-radius: var(--info-radius) !important;
  background: linear-gradient(
    135deg,
    var(--info-glass-bg),
    var(--info-glass-bg-alt)
  ) !important;
  border: 1px solid var(--info-glass-border) !important;
  backdrop-filter: blur(var(--info-blur)) saturate(160%) !important;
  -webkit-backdrop-filter: blur(var(--info-blur)) saturate(160%) !important;
  box-shadow: 
    var(--info-shadow),
    inset 0 1px 0 rgba(255, 255, 255, .2) !important;
  overflow: hidden !important;
  transition: 
    transform var(--info-speed) var(--info-bezier),
    box-shadow var(--info-speed) var(--info-bezier),
    border-color var(--info-speed) var(--info-bezier) !important;
}

/* Neonový gradientový okraj */
#tab-additional_information table.shop_attributes tr::before,
.woocommerce-Tabs-panel--additional_information table.shop_attributes tr::before,
#tab-additional_information .woocommerce-product-attributes-item::before,
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.5px;
  border-radius: inherit;
  background: linear-gradient(
    120deg,
    color-mix(in srgb, var(--info-accent) 70%, transparent),
    color-mix(in srgb, var(--info-accent-2) 70%, transparent),
    color-mix(in srgb, var(--info-accent) 50%, transparent)
  );
  -webkit-mask: 
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: 
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: .55;
  pointer-events: none;
  transition: opacity var(--info-speed) var(--info-bezier);
  z-index: 1;
}

/* Desktop hover efekty */
@media (min-width: 1025px) {
  #tab-additional_information table.shop_attributes tr:hover,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:hover,
  #tab-additional_information .woocommerce-product-attributes-item:hover,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item:hover {
    transform: translateY(-2px) scale(1.005) !important;
    box-shadow: 
      var(--info-shadow-hover),
      var(--info-glow),
      inset 0 1px 0 rgba(255, 255, 255, .3) !important;
    border-color: color-mix(in srgb, var(--info-accent) 40%, transparent) !important;
  }

  #tab-additional_information table.shop_attributes tr:hover::before,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:hover::before,
  #tab-additional_information .woocommerce-product-attributes-item:hover::before,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item:hover::before {
    opacity: .9;
  }

  /* Lesk pri hover */
  #tab-additional_information table.shop_attributes tr::after,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr::after,
  #tab-additional_information .woocommerce-product-attributes-item::after,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item::after {
    content: "";
    position: absolute;
    top: -150%;
    left: -60%;
    width: 70%;
    height: 450%;
    border-radius: inherit;
    background: linear-gradient(
      to right,
      transparent 0%,
      rgba(255, 255, 255, .28) 50%,
      transparent 100%
    );
    transform: translateX(0) rotate(28deg);
    opacity: 0;
    transition: 
      transform 1s ease,
      opacity 1s ease;
    pointer-events: none;
    z-index: 2;
  }

  #tab-additional_information table.shop_attributes tr:hover::after,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:hover::after,
  #tab-additional_information .woocommerce-product-attributes-item:hover::after,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item:hover::after {
    opacity: .85;
    transform: translateX(230%) rotate(28deg);
  }
}

/* ========== BUNKY (TH a TD) ========== */
#tab-additional_information table.shop_attributes th,
.woocommerce-Tabs-panel--additional_information table.shop_attributes th,
#tab-additional_information .woocommerce-product-attributes-item__label,
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__label {
  flex: 0 0 35%;
  max-width: 35%;
  padding: 16px 20px !important;
  margin: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, .15),
    transparent
  ) !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, .2) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: .3px !important;
  text-transform: uppercase;
  color: var(--info-text) !important;
  position: relative;
  z-index: 3;
  transition: color var(--info-speed) var(--info-bezier);
}

#tab-additional_information table.shop_attributes td,
.woocommerce-Tabs-panel--additional_information table.shop_attributes td,
#tab-additional_information .woocommerce-product-attributes-item__value,
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__value {
  flex: 1;
  padding: 16px 20px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--info-text-muted) !important;
  position: relative;
  z-index: 3;
  transition: color var(--info-speed) var(--info-bezier);
}

/* Desktop žiariaca bodka */
@media (min-width: 1025px) {
  #tab-additional_information table.shop_attributes th::before,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes th::before,
  #tab-additional_information .woocommerce-product-attributes-item__label::before,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__label::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: radial-gradient(
      circle at 30% 30%,
      var(--info-accent),
      var(--info-accent-2) 70%
    );
    box-shadow: 
      0 0 0 4px color-mix(in srgb, var(--info-accent) 10%, transparent),
      0 0 14px color-mix(in srgb, var(--info-accent-2) 40%, transparent);
    transform: translateY(-50%) scale(1);
    transition: 
      transform var(--info-speed) var(--info-bezier),
      box-shadow var(--info-speed) var(--info-bezier);
    z-index: 4;
  }

  #tab-additional_information table.shop_attributes tr:hover th::before,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:hover th::before,
  #tab-additional_information .woocommerce-product-attributes-item:hover .woocommerce-product-attributes-item__label::before,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item:hover .woocommerce-product-attributes-item__label::before {
    transform: translateY(-50%) scale(1.15);
    box-shadow: 
      0 0 0 6px color-mix(in srgb, var(--info-accent) 15%, transparent),
      0 0 22px color-mix(in srgb, var(--info-accent-2) 50%, transparent);
  }

  #tab-additional_information table.shop_attributes tr:hover th,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:hover th,
  #tab-additional_information .woocommerce-product-attributes-item:hover .woocommerce-product-attributes-item__label,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item:hover .woocommerce-product-attributes-item__label {
    color: color-mix(in srgb, var(--info-text) 80%, var(--info-accent) 20%) !important;
  }

  #tab-additional_information table.shop_attributes tr:hover td,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:hover td,
  #tab-additional_information .woocommerce-product-attributes-item:hover .woocommerce-product-attributes-item__value,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item:hover .woocommerce-product-attributes-item__value {
    color: var(--info-text) !important;
  }
}

/* Link styling */
#tab-additional_information table.shop_attributes td a,
.woocommerce-Tabs-panel--additional_information table.shop_attributes td a,
#tab-additional_information .woocommerce-product-attributes-item__value a,
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__value a {
  color: var(--info-accent) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color var(--info-speed) var(--info-bezier);
}

#tab-additional_information table.shop_attributes td a:hover,
.woocommerce-Tabs-panel--additional_information table.shop_attributes td a:hover,
#tab-additional_information .woocommerce-product-attributes-item__value a:hover,
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__value a:hover {
  color: var(--info-accent-2) !important;
}

/* ========== 🌟 MOBILE & TABLET - NEONOVÝ DIZAJN + TMAVÝ FONT ========== */
@media (max-width: 1024px) {
  #tab-additional_information,
  .woocommerce-Tabs-panel--additional_information {
    --info-radius: 16px;
    --info-blur: 14px;
  }
  
  /* Zmenší spacing */
  #tab-additional_information table.shop_attributes,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes {
    border-spacing: 0 10px !important;
  }
  
  /* 🎨 JASNÉ NEONOVÉ POZADIE + SILNÝ OKRAJ */
  #tab-additional_information table.shop_attributes tr,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr,
  #tab-additional_information .woocommerce-product-attributes-item,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item {
    background: linear-gradient(
      135deg,
      rgba(33, 212, 253, 0.18),
      rgba(183, 33, 255, 0.14),
      rgba(33, 212, 253, 0.12)
    ) !important;
    border: 2.5px solid transparent !important;
    background-clip: padding-box !important;
    box-shadow: 
      0 6px 20px rgba(33, 212, 253, 0.35),
      0 0 30px rgba(183, 33, 255, 0.25),
      inset 0 1px 0 rgba(255, 255, 255, .4) !important;
    transition: none !important;
  }
  
  /* 🔥 INTENZÍVNY NEONOVÝ OKRAJ */
  #tab-additional_information table.shop_attributes tr::before,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr::before,
  #tab-additional_information .woocommerce-product-attributes-item::before,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item::before {
    padding: 2.5px;
    background: linear-gradient(
      135deg,
      #21D4FD 0%,
      #B721FF 50%,
      #21D4FD 100%
    ) !important;
    background-size: 200% 200%;
    opacity: .95 !important;
    animation: neonPulse 3s ease-in-out infinite;
  }
  
  /* ✨ ANIMÁCIA NEONOVÉHO PULZOVANIA */
  @keyframes neonPulse {
    0%, 100% {
      background-position: 0% 50%;
      opacity: .9;
    }
    50% {
      background-position: 100% 50%;
      opacity: 1;
    }
  }
  
  /* 🎯 LABEL - TMAVÝ FONT + NEONOVÉ POZADIE */
  #tab-additional_information table.shop_attributes th,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes th,
  #tab-additional_information .woocommerce-product-attributes-item__label,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__label {
    flex: 0 0 100%;
    max-width: 100%;
    border-right: 0 !important;
    border-bottom: 2px solid rgba(33, 212, 253, .5) !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    letter-spacing: .5px !important;
    color: #0a0f1a !important;
    font-weight: 900 !important;
    background: linear-gradient(
      90deg,
      rgba(33, 212, 253, .25),
      rgba(183, 33, 255, .2)
    ) !important;
    text-shadow: 
      0 0 8px rgba(255, 255, 255, .8),
      0 0 2px rgba(255, 255, 255, 1) !important;
    transition: none !important;
  }
  
  /* 📝 VALUE - TMAVÝ ČITATEĽNÝ FONT */
  #tab-additional_information table.shop_attributes td,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes td,
  #tab-additional_information .woocommerce-product-attributes-item__value,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__value {
    flex: 0 0 100%;
    padding: 12px 16px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    background: rgba(255, 255, 255, .45) !important;
    text-shadow: 
      0 0 6px rgba(255, 255, 255, .9),
      0 0 1px rgba(255, 255, 255, 1) !important;
    transition: none !important;
  }
  
  /* 🔗 LINKY - TMAVÁ MODRÁ S NEONOVÝM EFEKTOM */
  #tab-additional_information table.shop_attributes td a,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes td a,
  #tab-additional_information .woocommerce-product-attributes-item__value a,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__value a {
    color: #0369a1 !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
    text-shadow: 
      0 0 12px rgba(33, 212, 253, .7),
      0 0 4px rgba(33, 212, 253, 1) !important;
  }
  
  /* Odstráň zbytočné efekty */
  #tab-additional_information table.shop_attributes tr::after,
  .woocommerce-Tabs-panel--additional_information table.shop_attributes tr::after,
  #tab-additional_information .woocommerce-product-attributes-item::after,
  .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item::after {
    display: none !important;
  }
}

/* ========== REDUCED MOTION ========== */
@media (prefers-reduced-motion: reduce) {
  #tab-additional_information *,
  .woocommerce-Tabs-panel--additional_information * {
    transition: none !important;
    animation: none !important;
  }
}

/* ========== DARK MODE ========== */
@media (prefers-color-scheme: dark) {
  #tab-additional_information,
  .woocommerce-Tabs-panel--additional_information {
    --info-text: #f1f5f9;
    --info-text-muted: #cbd5e1;
    --info-glass-bg: rgba(15, 23, 42, .25);
    --info-glass-bg-alt: rgba(15, 23, 42, .15);
    --info-glass-border: rgba(255, 255, 255, .2);
  }
}
/* ===========================================
   FIX – krátky popis vo WooCommerce s WPBakery
   =========================================== */

/* Hlavný krátky popis v produktovej stránke */
.woocommerce div.product .woocommerce-product-details__short-description {
  position: relative;
  max-width: 100%;                /* nedovolí presah mimo box */
  width: 100%;
  overflow: visible !important;   /* obsah môže „dýchať“ */
  word-wrap: break-word;
  white-space: normal;
  line-height: 1.55;

}

/* Odstupy medzi sekciami */
.woocommerce-product-details__short-description .vc_column_text {
  margin-bottom: 18px !important;
}

/* Posledný odstavec nech má spodný priestor, aby text nevylezal z boxu */
.woocommerce-product-details__short-description p:last-child {
  margin-bottom: 12px;
}

/* Ochrana pred pretečením u posledných produktov v zozname */
ul.products li.product .woocommerce-product-details__short-description {
  overflow: visible;
  display: block;
  max-width: 100%;
}
/* 🔒 Skryť SKU, kategórie, tagy a značku na single product stránke */
.product_meta .sku_wrapper,
.product_meta .posted_in,
.product_meta .tagged_as,
.product_meta .brand,
span.sku {
    display: none !important;
}
/* 🔮 Glassmorphism + Neon WooCommerce Tabs – čierny font, centrované */

/* Wrapper tabuliek – centrovanie + medzera hore */
.woocommerce-tabs .wc-tabs {
    display: flex;
    justify-content: center;
    gap: 12px;
    background: transparent;
    border: none;
    padding: 0;
    margin-top: 40px; /* ✅ medzera nad tlačidlami */
    margin-bottom: 30px;
    flex-wrap: wrap;
}

/* Jednotlivé tab položky */
.woocommerce-tabs .wc-tabs li {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
}

/* Linky v taboch (glassmorphism základ) */
.woocommerce-tabs .wc-tabs li a {
    display: inline-block;
    padding: 14px 28px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #1a1a1a; /* čierny font */
    
    /* Glassmorphism efekt */
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    
    /* Modro-fialový gradient outline */
    border: 2px solid transparent;
    background-image: 
        linear-gradient(white, white),
        linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    
    border-radius: 12px;
    
    /* Jemný tieň */
    box-shadow: 
        0 4px 15px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    
    /* Plynulé prechody */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    position: relative;
    overflow: hidden;
}

/* Hover stav – nová animácia (scale + glow) */
.woocommerce-tabs .wc-tabs li a:hover {
    color: #000;
    
    /* Zväčšenie */
    transform: scale(1.05);
    
    /* Silnejší gradient outline */
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
        linear-gradient(135deg, #667eea 0%, #764ba2 50%, #667eea 100%);
    background-size: 100% 100%, 200% 200%;
    animation: gradient-shift 2s ease infinite;
    
    /* Neon glow modro-fialový */
    box-shadow: 
        0 0 25px rgba(102, 126, 234, 0.5),
        0 0 50px rgba(118, 75, 162, 0.3),
        0 4px 20px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

/* Animácia gradientu na okraji */
@keyframes gradient-shift {
    0%, 100% {
        background-position: 0% 50%, 0% 50%;
    }
    50% {
        background-position: 0% 50%, 100% 50%;
    }
}

/* Aktívny tab (aria-selected="true") */
.woocommerce-tabs .wc-tabs li.active a,
.woocommerce-tabs .wc-tabs li a[aria-selected="true"] {
    color: #000;
    background: rgba(255, 255, 255, 0.95);
    
    /* Výrazný modro-fialový outline */
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)),
        linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-width: 3px;
    
    /* Silný glow */
    box-shadow: 
        0 0 30px rgba(102, 126, 234, 0.6),
        0 0 60px rgba(118, 75, 162, 0.4),
        0 4px 25px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    
    transform: scale(1.03);
}

/* Svetelná vlna efekt (nový hover) */
.woocommerce-tabs .wc-tabs li a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(102, 126, 234, 0.3),
        transparent 70%
    );
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.woocommerce-tabs .wc-tabs li a:hover::before {
    width: 300px;
    height: 300px;
}

/* Počítadlo v Reviews tabe (span) */
.woocommerce-tabs .wc-tabs li a span {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 8px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
}

/* ✅ Obsah tabu (panel) – BEZ gradient outline, jednoduchý dizajn */
.woocommerce-tabs .wc-tab {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 0, 0, 0.08); /* jednoduchý sivý okraj */
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    color: #1a1a1a; /* čierny text v obsahu */
}

/* Responzívnosť – boxed dizajn na mobile */
@media (max-width: 768px) {
    .woocommerce-tabs .wc-tabs {
        flex-direction: column;
        align-items: center; /* centruje boxed tlačidlá */
        gap: 10px;
    }
    
    .woocommerce-tabs .wc-tabs li {
        width: auto; /* nie na plnú šírku */
    }
    
    .woocommerce-tabs .wc-tabs li a {
        padding: 12px 24px;
        font-size: 14px;
        min-width: 200px; /* minimálna šírka tlačidla */
        max-width: 280px; /* maximálna šírka */
        width: auto; /* ✅ nie 100% */
        text-align: center;
        display: block;
    }
    
    /* Obsah na mobile */
    .woocommerce-tabs .wc-tab {
        padding: 20px;
        margin: 0 15px; /* medzera z krajov obrazovky */
    }
}

/* Extra malé mobily (do 480px) */
@media (max-width: 480px) {
    .woocommerce-tabs .wc-tabs li a {
        min-width: 160px;
        max-width: 240px;
        padding: 10px 20px;
        font-size: 13px;
    }
}
/* 💰 WooCommerce Product Price – Compact Neon Badge (always visible) */

/* Wrapper ceny */
.woocommerce ul.products li.product .price,
.products-grid .product-item .price {
    position: relative;
    display: inline-block;
    padding: 6px 14px;
    margin: 10px 0;
    
    /* Gradient pozadie */
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    
    /* Zaoblené rohy */
    border-radius: 18px;
    
    /* Biely text */
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
    
    /* Jemný glow */
    box-shadow: 
        0 4px 15px rgba(102, 126, 234, 0.3),
        0 2px 6px rgba(118, 75, 162, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
    
    /* Animácia – VŽDY prechod, nikdy nie zmiznutie */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    
    /* Zaistí, že cena je vždy viditeľná */
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 10;
}

/* Samotné čísla v cene */
.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .price .woocommerce-Price-amount {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Symbol meny */
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol {
    font-size: 13px;
    opacity: 0.9;
    margin-right: 1px;
}

/* Zľavnená cena (pôvodná preškrtnutá) – KOMPAKTNÁ */
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .amount {
    display: inline-block;
    margin-right: 6px;
    padding: 2px 6px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.6) !important;
    text-decoration: line-through;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Nová cena (po zľave) */
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .amount {
    text-decoration: none;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #fff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    opacity: 1 !important;
    visibility: visible !important;
}

/* === HOVER EFEKTY (len PC) – JEMNÉ, BEZ ZMIZNUTIA === */
@media (min-width: 1025px) {
    
    /* Pri hover na PRODUKTE – cena sa len JEMNE zväčší */
    .woocommerce ul.products li.product:hover .price {
        transform: scale(1.08); /* len malé zväčšenie */
        
        /* Výraznejší glow pri hover */
        box-shadow: 
            0 6px 20px rgba(102, 126, 234, 0.4),
            0 3px 10px rgba(118, 75, 162, 0.3),
            0 0 15px rgba(255, 255, 255, 0.15),
            inset 0 1px 0 rgba(255, 255, 255, 0.35);
        
        /* NIKDY nie opacity: 0 alebo visibility: hidden */
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Zabezpečiť, že text v cene je vždy viditeľný */
    .woocommerce ul.products li.product:hover .price .amount,
    .woocommerce ul.products li.product:hover .price ins,
    .woocommerce ul.products li.product:hover .price del {
        opacity: 1 !important;
        visibility: visible !important;
        color: #fff !important;
    }
    
    /* Svetlejší gradient pri hover */
    .woocommerce ul.products li.product:hover .price {
        background: linear-gradient(135deg, #7c8ff5 0%, #8a5fb8 100%);
    }
    
    /* OVERRIDE – ak existujú konflikty so starým kódom */
    .woocommerce ul.products li.product:hover .price::before,
    .woocommerce ul.products li.product:hover .price::after {
        display: none !important; /* vypnúť prípadné prekrývajúce pseudo-elementy */
    }
}

/* Zabezpečiť viditeľnosť aj pri iných hover efektoch */
.woocommerce ul.products li.product .price * {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Responzívnosť */
@media (max-width: 768px) {
    .woocommerce ul.products li.product .price {
        font-size: 15px !important;
        padding: 5px 12px;
    }
    
    .woocommerce ul.products li.product .price .amount {
        font-size: 15px !important;
    }
    
    .woocommerce ul.products li.product .price ins .amount {
        font-size: 16px !important;
    }
}

/* Extra malé mobily */
@media (max-width: 480px) {
    .woocommerce ul.products li.product .price {
        font-size: 14px !important;
        padding: 4px 10px;
    }
}