/* Fonty premium. MUSZA byc importowane tutaj: LiteSpeed wycina z HTML kazdy <link> do
   fonts.googleapis.com (takze z data-no-optimize - sprawdzone 25.09.2026), a tego pliku nie rusza.
   @import musi zostac PIERWSZA regula w pliku. */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&family=Figtree:wght@400;500;600;700&display=swap');

/* =====================================================================
   HUMAVIT PREMIUM SKIN  (motyw: suxnix-child-v2)
   ---------------------------------------------------------------------
   Warstwa wygladu nakladana NA istniejace style (tw-home.css, tw-app.css,
   humavit-home.css). Nie zmienia logiki PHP ani WooCommerce.
   Paleta: granat / zloto / kosc sloniowa. Typografia: Newsreader + Figtree.

   Zakres:
     .hv-topbar, #header.hv-p   -> wszystkie strony (header.php + home)
     #mobile-drawer, #search-overlay -> wszystkie strony
     #tresc-glowna, .hv-*       -> tylko strona glowna
     body.humavit-custom-home footer -> stopka strony glownej

   Specyficznosc: na podstronach style inline z header.php drukuja sie PO
   tym pliku, dlatego reguly naglowka maja dodatkowa klase (.hv-p) albo
   prefiks "html body". Nie usuwac tych prefiksow.
   ===================================================================== */

/* ---------- 1. TOKENY ---------- */
:root{
  --hv-navy:#102C52; --hv-navy-2:#0B213F; --hv-navy-3:#1B3C69; --hv-navy-4:#07172D;
  --hv-gold:#F2B34B; --hv-gold-l:#F8D48E; --hv-gold-d:#8C6114; --hv-gold-soft:#FBEBCB;
  --hv-ivory:#FBF8F2; --hv-cream:#F4EEE3; --hv-line:#E7DECD; --hv-line-2:#EFE8DB;
  --hv-ink:#16233A; --hv-muted:#5B6678; --hv-on-dark:#C9D3E2; --hv-on-dark-2:#9FB0C8;

  --hv-gold-grad:linear-gradient(135deg,#FADB9A 0%,#F2B34B 45%,#D4952C 100%);
  --hv-gold-line:linear-gradient(90deg,rgba(242,179,75,0) 0%,#F2B34B 50%,rgba(242,179,75,0) 100%);

  --hv-font-display:'Newsreader',Georgia,'Times New Roman',serif;
  --hv-font-body:'Figtree','Segoe UI',system-ui,-apple-system,sans-serif;

  --hv-r:16px; --hv-r-lg:24px; --hv-r-xl:32px;
  --hv-shadow-sm:0 1px 2px rgba(16,44,82,.05),0 4px 14px rgba(16,44,82,.05);
  --hv-shadow:0 1px 2px rgba(16,44,82,.06),0 10px 30px rgba(16,44,82,.08);
  --hv-shadow-lg:0 2px 6px rgba(16,44,82,.06),0 24px 60px rgba(16,44,82,.16);
  --hv-shadow-gold:0 8px 22px rgba(212,149,44,.34),inset 0 1px 0 rgba(255,255,255,.55);

  --hv-topbar-h:34px;
  --hv-ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- 2. TOPBAR (pasek nad naglowkiem, wszystkie strony) ---------- */
.hv-topbar{
  height:var(--hv-topbar-h); overflow:hidden;
  background:linear-gradient(90deg,var(--hv-navy-4) 0%,var(--hv-navy-2) 50%,var(--hv-navy-4) 100%);
  color:#E4EAF3; font-family:var(--hv-font-body); font-size:11.5px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; position:relative;
}
.hv-topbar::after{ /* zlota nitka na dole paska */
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:var(--hv-gold-line); opacity:.55;
}
.hv-topbar-in{
  height:100%; display:flex; align-items:center; justify-content:center; gap:1.1rem;
  white-space:nowrap; padding:0 1rem; max-width:1600px; margin:0 auto;
}
.hv-topbar .hv-sep{ color:var(--hv-gold); font-size:7px; letter-spacing:0; transform:translateY(-1px) }
.hv-topbar b{ color:var(--hv-gold-l); font-weight:700 }
@media (max-width:767.98px){
  .hv-topbar{ font-size:10.5px; letter-spacing:.1em }
  .hv-hide-sm{ display:none !important }
}

/* ---------- 3. NAGLOWEK PREMIUM (#header.hv-p) ---------- */
#header.hv-p{
  font-family:var(--hv-font-body) !important;
  background:rgba(251,248,242,.92) !important;
  -webkit-backdrop-filter:saturate(1.2) blur(14px); backdrop-filter:saturate(1.2) blur(14px);
  box-shadow:0 1px 0 var(--hv-line), 0 10px 30px -18px rgba(16,44,82,.25) !important;
  transition:transform .35s var(--hv-ease), box-shadow .35s var(--hv-ease) !important;
  will-change:transform;
}
/* przewiniecie: topbar chowa sie przez transform (bez przesuniecia ukladu = bez CLS) */
#header.hv-p.hv-collapsed{ transform:translateY(calc(-1 * var(--hv-topbar-h))) }

/* nawigacja */
#header.hv-p nav{ color:var(--hv-ink) !important; font-weight:600 !important; letter-spacing:.01em }
#header.hv-p .text-gray-500,
#header.hv-p .text-gray-600,
#header.hv-p .text-slate-500{ color:var(--hv-ink) !important }
#header.hv-p .text-gray-500:hover,
#header.hv-p .text-gray-600:hover,
#header.hv-p .text-slate-500:hover,
#header.hv-p .hover\:text-\[\#16a34a\]:hover,
#header.hv-p .hover\:text-\[\#15803d\]:hover{ color:var(--hv-navy) !important }
#header.hv-p .text-\[\#16a34a\]{ color:var(--hv-navy) !important }
#header.hv-p .text-\[\#f89c27\]{ color:var(--hv-gold-d) !important }
#header.hv-p .text-\[\#f89c27\]:hover{ color:var(--hv-navy) !important }
#header.hv-p .hover\:bg-green-50:hover{ background-color:var(--hv-cream) !important }
#header.hv-p .bg-\[\#16a34a\]{ background-color:var(--hv-navy) !important }
#header.hv-p .bg-\[\#f89c27\]{ background-color:var(--hv-gold) !important; color:var(--hv-navy) !important }

/* zlote podkreslenie linkow menu (bez pigulki Sklep) */
#header.hv-p nav a[class*="hover:text-"]{ position:relative }
#header.hv-p nav a[class*="hover:text-"]::after{
  content:""; position:absolute; left:0; right:0; bottom:calc(50% - 15px); height:1.5px;
  background:var(--hv-gold); transform:scaleX(0); transform-origin:left center;
  transition:transform .3s var(--hv-ease);
}
#header.hv-p nav a[class*="hover:text-"]:hover::after{ transform:scaleX(1) }
#header.hv-p nav ul a[class*="hover:text-"]::after{ display:none } /* bez kreski w rozwijanym menu */

/* pigulka Sklep: kolor tla ustawiony inline w szablonie (granat), tu tylko szlif */
#header.hv-p a[href$="/sklep/"][style*="background-color"]{
  box-shadow:0 0 0 1px rgba(242,179,75,.55), 0 8px 18px -6px rgba(16,44,82,.45) !important;
  letter-spacing:.02em; transition:transform .25s var(--hv-ease), filter .25s ease !important;
}
#header.hv-p a[href$="/sklep/"][style*="background-color"]:hover{ transform:translateY(-1px); filter:brightness(1.18) }

/* rozwijane menu i mega-menu */
#header.hv-p .bg-white.shadow-xl,
#header.hv-p [class*="shadow-[0_30px_50px"]{ border-color:var(--hv-line) !important; box-shadow:var(--hv-shadow-lg) !important }

/* ---------- 4. MENU MOBILNE I WYSZUKIWARKA ---------- */
html body #mobile-drawer{ font-family:var(--hv-font-body) !important }
html body #mobile-drawer .text-\[\#16a34a\],
html body #search-overlay .text-\[\#16a34a\]{ color:var(--hv-navy) !important }
html body #mobile-drawer .bg-\[\#16a34a\],
html body #search-overlay .bg-\[\#16a34a\]{ background-color:var(--hv-navy) !important }
html body #mobile-drawer .text-slate-500:hover,
html body #mobile-drawer .text-gray-500:hover,
html body #mobile-drawer .text-gray-600:hover,
html body #mobile-drawer .hover\:text-\[\#16a34a\]:hover,
html body #search-overlay .hover\:text-\[\#16a34a\]:hover{ color:var(--hv-navy) !important }
html body #mobile-drawer .text-\[\#f89c27\]{ color:var(--hv-gold-d) !important }
html body #mobile-drawer .bg-green-50,
html body #mobile-drawer .hover\:bg-green-50:hover{ background-color:var(--hv-cream) !important }
html body #search-overlay .focus\:border-\[\#16a34a\]:focus,
html body #search-overlay .border-\[\#16a34a\]{ border-color:var(--hv-gold) !important }

/* ---------- 5. STRONA GLOWNA - BAZA ---------- */
body.humavit-custom-home{
  font-family:var(--hv-font-body) !important; background-color:var(--hv-ivory) !important;
  color:var(--hv-ink) !important;
}
body.humavit-custom-home ::selection{ background:var(--hv-gold-soft); color:var(--hv-navy) }
#tresc-glowna{ font-family:var(--hv-font-body); color:var(--hv-ink) }
#tresc-glowna a:focus-visible,
#tresc-glowna button:focus-visible,
.hv-btn:focus-visible{ outline:2px solid var(--hv-gold) !important; outline-offset:3px }

/* naglowki: szeryf, zwykla wielkosc liter */
#tresc-glowna h2,
#tresc-glowna .font-oswald{
  font-family:var(--hv-font-display) !important; font-weight:500 !important;
  text-transform:none !important; letter-spacing:-.02em !important; line-height:1.08 !important;
  font-optical-sizing:auto;
}
#tresc-glowna h2{ font-size:clamp(2.1rem,1.45rem + 2.1vw,3.2rem) !important; color:var(--hv-navy) }
#tresc-glowna h2 .text-\[\#16a34a\]{ font-style:italic; color:var(--hv-gold-d) !important }
#tresc-glowna h3{ font-family:var(--hv-font-body); letter-spacing:-.005em }

/* eyebrow: male zlote naglowki nad sekcjami */
.hv-eyebrow,
#tresc-glowna p.text-\[\#f89c27\].uppercase{
  font-family:var(--hv-font-body) !important; font-size:11.5px !important; font-weight:700 !important;
  letter-spacing:.24em !important; text-transform:uppercase; color:var(--hv-gold-d) !important;
}
.hv-eyebrow{ display:inline-flex; align-items:center; gap:.85rem; margin:0 0 1.1rem }
.hv-eyebrow::before{ content:""; width:34px; height:1px; background:currentColor; opacity:.7 }
.hv-eyebrow--center{ justify-content:center }
.hv-eyebrow--center::after{ content:""; width:34px; height:1px; background:currentColor; opacity:.7 }

/* ornament pod naglowkiem sekcji (zamiast grubej kreski): nitka + romb */
#tresc-glowna .w-16.h-1{
  width:140px !important; height:1px !important; border-radius:0 !important;
  background:var(--hv-gold-line) !important; position:relative; overflow:visible !important;
  margin-top:1.1rem !important;
}
#tresc-glowna .w-16.h-1::after{
  content:""; position:absolute; left:50%; top:50%; width:7px; height:7px;
  background:var(--hv-gold); transform:translate(-50%,-50%) rotate(45deg);
  box-shadow:0 0 0 4px var(--hv-ivory);
}
#tresc-glowna .hv-sec--cream .w-16.h-1::after{ box-shadow:0 0 0 4px var(--hv-cream) }
#tresc-glowna .hv-sec--navy .w-16.h-1::after{ box-shadow:0 0 0 4px var(--hv-navy) }
#tresc-glowna .sm\:mx-0.w-16.h-1{ } /* sekcja bloga: wyrownanie zostaje z Tailwinda */

/* ---------- 6. PRZYCISKI ---------- */
.hv-btn{
  position:relative; overflow:hidden; isolation:isolate;
  display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
  min-height:54px; padding:.95rem 1.9rem; border-radius:999px;
  font-family:var(--hv-font-body); font-weight:700; font-size:.98rem; letter-spacing:.01em;
  text-decoration:none !important; white-space:nowrap; cursor:pointer;
  transition:transform .25s var(--hv-ease), box-shadow .25s var(--hv-ease), color .2s ease, background-color .2s ease;
}
.hv-btn:hover{ transform:translateY(-2px) }
.hv-btn--gold{ background:var(--hv-gold-grad); color:var(--hv-navy) !important; box-shadow:var(--hv-shadow-gold) }
.hv-btn--gold::after{ /* przesuwajacy sie polysk */
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);
  transform:translateX(-120%); transition:transform .8s var(--hv-ease);
}
.hv-btn--gold:hover::after{ transform:translateX(120%) }
.hv-btn--gold:hover{ box-shadow:0 14px 30px rgba(212,149,44,.42),inset 0 1px 0 rgba(255,255,255,.6) }
.hv-btn--ghost{ color:#fff !important; padding-inline:.4rem; min-height:auto }
.hv-btn--ghost .hv-btn-txt{ background:linear-gradient(var(--hv-gold),var(--hv-gold)) left bottom/0 1px no-repeat; transition:background-size .35s var(--hv-ease); padding-bottom:2px }
.hv-btn--ghost:hover .hv-btn-txt{ background-size:100% 1px }
.hv-btn--ghost:hover{ color:var(--hv-gold-l) !important; transform:none }
.hv-btn--ghost .hv-arr{ transition:transform .3s var(--hv-ease) }
.hv-btn--ghost:hover .hv-arr{ transform:translateX(4px) }

/* ---------- 7. HERO / BANER ---------- */
.hv-hero{
  position:relative; isolation:isolate; overflow:hidden;
  min-height:min(84vh,780px); display:flex; align-items:center;
  background:var(--hv-navy-2); color:#fff;
}
.hv-hero-img{
  position:absolute; inset:0; width:100%; height:100%; z-index:-3;
  object-fit:cover; object-position:72% 32%;
  transform:scale(1.04); animation:hvHeroZoom 14s var(--hv-ease) forwards;
}
@keyframes hvHeroZoom{ to{ transform:scale(1) } }
.hv-hero-shade{
  position:absolute; inset:0; z-index:-2;
  background:
    linear-gradient(90deg,rgba(7,23,45,.97) 0%,rgba(11,33,63,.95) 28%,rgba(16,44,82,.72) 43%,rgba(16,44,82,0) 62%),
    linear-gradient(0deg,rgba(7,23,45,.55) 0%,rgba(7,23,45,0) 30%),
    radial-gradient(120% 90% at 0% 50%,rgba(242,179,75,.10) 0%,rgba(242,179,75,0) 45%);
}
.hv-hero-grain{ /* subtelna faktura papieru */
  position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.07; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.hv-wrap{ width:min(1320px,100% - 3rem); margin-inline:auto }
.hv-hero-in{ position:relative; padding:6rem 0 8.5rem }
.hv-hero .hv-eyebrow{ color:var(--hv-gold) !important }
#tresc-glowna .hv-hero h1{
  font-family:var(--hv-font-display) !important; font-weight:400 !important;
  font-size:clamp(2.9rem,1.5rem + 4.6vw,5.6rem) !important; line-height:1.0 !important;
  letter-spacing:-.028em !important; color:#fff !important; text-transform:none !important;
  max-width:11.5ch; margin:0 !important; text-wrap:balance;
}
#tresc-glowna .hv-hero h1 em{
  font-style:italic; font-weight:400;
  background:var(--hv-gold-grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:var(--hv-gold); padding-right:.08em; margin-right:-.08em;
}
.hv-hero-lead{
  margin:1.6rem 0 0; max-width:46ch; color:#D5DEEB; font-size:1.14rem; line-height:1.65; font-weight:400;
}
.hv-hero-ctas{ display:flex; flex-wrap:wrap; align-items:center; gap:1.1rem 1.6rem; margin-top:2.4rem }
.hv-hero-proof{
  display:flex; align-items:center; gap:.9rem; margin:2.1rem 0 0;
  color:#D5DEEB; font-size:.95rem;
}
.hv-hero-proof b{ color:#fff; font-weight:700 }
.hv-hero-proof .hv-divider{ width:1px; height:18px; background:rgba(255,255,255,.25) }
.hv-stars{ color:var(--hv-gold); letter-spacing:.12em; font-size:.95rem }

/* pieczec "od 1988" */
.hv-seal{
  position:absolute; top:10%; right:6%; width:132px; height:132px; z-index:2;
  color:var(--hv-gold); pointer-events:none;
  filter:drop-shadow(0 10px 24px rgba(7,23,45,.45));
}
.hv-seal-disc{ fill:var(--hv-navy-2); fill-opacity:.9 }
.hv-seal-ring{ animation:hvSpin 40s linear infinite; transform-origin:60px 60px }
.hv-seal text{ font-family:var(--hv-font-body); fill:currentColor }
.hv-seal .hv-seal-est{ font-size:7px; letter-spacing:.35em; font-weight:700 }
.hv-seal .hv-seal-year{ font-family:var(--hv-font-display); font-size:23px; font-weight:500; letter-spacing:.02em }
@keyframes hvSpin{ to{ transform:rotate(360deg) } }

/* ---------- 8. KARTA ZAUFANIA (nachodzi na baner) ---------- */
.hv-trust{ position:relative; z-index:5; margin-top:-4.2rem; padding-bottom:1rem }
.hv-trust-card{
  position:relative; display:grid; grid-auto-flow:column; grid-auto-columns:1fr;
  background:#fff; border-radius:var(--hv-r-lg); box-shadow:var(--hv-shadow-lg);
  border:1px solid var(--hv-line-2); overflow:hidden;
}
.hv-trust-card::before{ content:""; position:absolute; left:0; right:0; top:0; height:2px; background:var(--hv-gold-grad) }
.hv-trust-item{
  display:flex; align-items:center; gap:.8rem; padding:1.6rem 1.1rem 1.6rem 1.3rem;
  border-left:1px solid var(--hv-line-2); min-width:0;
}
.hv-trust-item:first-child{ border-left:0 }
.hv-trust-item svg{
  width:34px; height:34px; flex:none; fill:none; stroke:var(--hv-navy); stroke-width:1.5;
  stroke-linejoin:round; stroke-linecap:round;
}
.hv-trust-item svg .hv-acc{ stroke:var(--hv-gold) }
.hv-ti-num{
  font-family:var(--hv-font-display); font-size:2.35rem; line-height:1; font-weight:500;
  color:var(--hv-navy); letter-spacing:-.02em;
}
.hv-ti-txt{ display:flex; flex-direction:column; font-weight:700; font-size:.9rem; line-height:1.3; color:var(--hv-navy) }
.hv-ti-txt small{ font-weight:500; font-size:.77rem; color:var(--hv-muted); margin-top:.15rem }

/* ---------- 9. SEKCJE - TLA I RYTM ---------- */
#tresc-glowna > section.hv-sec{ position:relative }
#tresc-glowna .hv-sec--ivory{ background-color:var(--hv-ivory) !important }
#tresc-glowna .hv-sec--cream{ background-color:var(--hv-cream) !important }
#tresc-glowna .hv-sec--navy{
  background:
    radial-gradient(80% 60% at 50% 0%,rgba(242,179,75,.08) 0%,rgba(242,179,75,0) 60%),
    linear-gradient(180deg,var(--hv-navy) 0%,var(--hv-navy-2) 100%) !important;
  color:#fff;
}
#tresc-glowna .border-slate-50,
#tresc-glowna .border-slate-100,
#tresc-glowna .border-y,
#tresc-glowna .border-b,
#tresc-glowna .border-t{ border-color:var(--hv-line-2) !important }

/* ---------- 10. MAPOWANIE KOLOROW MARKI (zielen/pomarancz -> granat/zloto) ---------- */
#tresc-glowna .text-\[\#2a2a2a\],
#tresc-glowna .text-gray-800,
#tresc-glowna .text-\[\#1e293b\]{ color:var(--hv-ink) !important }
#tresc-glowna .text-gray-600{ color:#46526A !important }
#tresc-glowna .text-gray-500{ color:var(--hv-muted) !important }

#tresc-glowna .text-\[\#16a34a\],
#tresc-glowna .\!text-\[\#16a34a\]{ color:var(--hv-gold-d) !important }
#tresc-glowna a.text-\[\#16a34a\]{ color:var(--hv-navy) !important }
#tresc-glowna .text-\[\#15803d\],
#tresc-glowna .hover\:text-\[\#15803d\]:hover,
#tresc-glowna .hover\:text-\[\#16a34a\]:hover,
#tresc-glowna .group:hover .group-hover\:text-\[\#16a34a\],
#tresc-glowna .group:hover .group-hover\:text-\[\#e08a1f\]{ color:var(--hv-navy-3) !important }
#tresc-glowna .text-\[\#f89c27\],
#tresc-glowna .\!text-\[\#f89c27\]{ color:var(--hv-gold-d) !important }
#tresc-glowna .text-green-200,
#tresc-glowna .text-\[\#bbf7d0\]{ color:var(--hv-gold-soft) !important }
#tresc-glowna .text-green-300,
#tresc-glowna .text-\[\#fde047\]{ color:var(--hv-gold-l) !important }
#tresc-glowna .text-green-400,
#tresc-glowna .text-green-500{ color:var(--hv-gold) !important }

#tresc-glowna .bg-\[\#16a34a\],
#tresc-glowna .\!bg-\[\#16a34a\]{ background-color:var(--hv-navy) !important }
#tresc-glowna .bg-\[\#15803d\]{ background-color:var(--hv-navy-3) !important }
#tresc-glowna .hover\:bg-\[\#15803d\]:hover,
#tresc-glowna .hover\:\!bg-\[\#15803d\]:hover{ background-color:var(--hv-navy-3) !important }
#tresc-glowna .hover\:bg-\[\#16a34a\]:hover{ background-color:var(--hv-navy) !important }
#tresc-glowna .bg-\[\#f89c27\],
#tresc-glowna .bg-\[\#fde047\]{ background-color:var(--hv-gold) !important }
#tresc-glowna .bg-\[\#bbf7d0\]{ background-color:var(--hv-gold-soft) !important }
#tresc-glowna .bg-\[\#f0fdf4\],
#tresc-glowna .hover\:bg-\[\#f0fdf4\]:hover{ background-color:#FDF6E7 !important }
#tresc-glowna .border-\[\#16a34a\],
#tresc-glowna .\!border-\[\#16a34a\]{ border-color:var(--hv-gold) !important }
#tresc-glowna .border-\[\#bbf7d0\]{ border-color:#F1DDB2 !important }
#tresc-glowna .hover\:border-\[\#bbf7d0\]:hover,
#tresc-glowna .hover\:border-\[\#15803d\]:hover{ border-color:#EBCB86 !important }
#tresc-glowna .bg-slate-50{ background-color:var(--hv-cream) !important }
#tresc-glowna .hv-sec--cream .bg-slate-50{ background-color:var(--hv-ivory) !important }

/* gradienty */
#tresc-glowna [class*="from-[#16a34a]"],
#tresc-glowna [class*="via-[#22c55e]"]{ background-image:linear-gradient(135deg,var(--hv-navy) 0%,var(--hv-navy-3) 100%) !important }
#tresc-glowna [class*="from-[#16a34a]"][class*="to-[#f89c27]"],
#tresc-glowna [class*="from-[#f89c27]"]{ background-image:var(--hv-gold-grad) !important }
#tresc-glowna .from-white.to-slate-50{ background-image:linear-gradient(135deg,#fff 0%,var(--hv-ivory) 100%) !important }

/* zielone cienie przy najechaniu -> granatowe */
#tresc-glowna [class*="hover:shadow-[0_20px_40px_rgba(22,163,74"]:hover,
#tresc-glowna [class*="hover:shadow-[0_30px_70px_rgba(22,163,74"]:hover,
#tresc-glowna [class*="hover:shadow-[0_20px_40px_rgba(0,0,0"]:hover{ box-shadow:var(--hv-shadow-lg) !important }
#tresc-glowna [class*="hover:shadow-[0_5px_15px_rgba(22,163,74"]:hover{ box-shadow:0 0 0 3px rgba(242,179,75,.45),0 8px 18px rgba(16,44,82,.3) !important }
#tresc-glowna [class*="shadow-[0_20px_40px_rgba(22,163,74,0.2)]"]{ box-shadow:var(--hv-shadow-lg) !important }

/* ---------- 11. KARTY ---------- */
/* karty produktow (bestsellery) */
#tresc-glowna .product-box{
  border-radius:var(--hv-r-lg) !important; border-color:var(--hv-line-2) !important;
  box-shadow:var(--hv-shadow-sm) !important;
  transition:transform .45s var(--hv-ease), box-shadow .45s var(--hv-ease), border-color .45s ease !important;
}
#tresc-glowna .product-box:hover{ transform:translateY(-6px); border-color:#EBD9B4 !important; box-shadow:var(--hv-shadow-lg) !important }
#tresc-glowna .product-box h3{
  font-family:var(--hv-font-display) !important; font-weight:500 !important; font-size:1.18rem !important;
  line-height:1.22 !important; color:var(--hv-navy) !important; letter-spacing:-.01em;
}
#tresc-glowna .product-box .text-slate-400.uppercase{ color:var(--hv-gold-d) !important; letter-spacing:.16em !important; font-weight:700 !important; font-size:10.5px !important }
#tresc-glowna .product-box .text-xl.font-black{ font-family:var(--hv-font-body); font-weight:700 !important; color:var(--hv-navy) !important; letter-spacing:-.01em }
#tresc-glowna .product-box span[style*="Oswald"]{ /* etykieta produktu -> zlota pigulka */
  font-family:var(--hv-font-body) !important; font-size:10px !important; letter-spacing:.2em !important;
  color:var(--hv-navy) !important; background:var(--hv-gold-soft); border:1px solid #F0D69E;
  padding:.4rem .75rem; border-radius:999px; filter:none !important;
}
#tresc-glowna .product-box .add_to_cart_button{
  background-color:var(--hv-cream) !important; color:var(--hv-navy) !important;
  box-shadow:inset 0 0 0 1px var(--hv-line) ;
}
#tresc-glowna .product-box .add_to_cart_button:hover{ background-color:var(--hv-navy) !important; color:#fff !important }

/* karty "O firmie", ekspert, blog */
#tresc-glowna .humavit-feature-card{ border-color:var(--hv-line-2) !important; transition:transform .45s var(--hv-ease), box-shadow .45s var(--hv-ease) !important }
#tresc-glowna .humavit-feature-card:hover{ transform:translateY(-5px); box-shadow:var(--hv-shadow-lg) !important }
#tresc-glowna .humavit-feature-card h3{ font-family:var(--hv-font-display) !important; font-weight:500 !important; text-transform:none !important; letter-spacing:-.01em !important; color:var(--hv-navy) !important }

#tresc-glowna .expert-card > div{ border-color:var(--hv-line-2) !important; box-shadow:var(--hv-shadow) !important }
#tresc-glowna .expert-card > div:hover{ border-color:#EBD9B4 !important; box-shadow:var(--hv-shadow-lg) !important }
#tresc-glowna .expert-card p.italic{
  font-family:var(--hv-font-display) !important; font-size:clamp(1.15rem,1rem + .5vw,1.42rem) !important;
  line-height:1.5 !important; color:var(--hv-ink) !important; font-weight:400 !important;
}
#tresc-glowna .expert-quote-icon{ color:var(--hv-gold) !important; opacity:.12 !important }
#tresc-glowna .expert-card .w-12.h-1{ height:1px !important; width:56px !important }
#tresc-glowna .expert-image-wrapper img{ border-color:#fff !important; box-shadow:0 0 0 1px #EBD9B4, var(--hv-shadow-lg) !important }

#tresc-glowna a.group.rounded-3xl{ border-color:var(--hv-line-2) !important; box-shadow:var(--hv-shadow-sm) !important; transition:transform .45s var(--hv-ease), box-shadow .45s var(--hv-ease) !important }
#tresc-glowna a.group.rounded-3xl:hover{ transform:translateY(-5px); box-shadow:var(--hv-shadow-lg) !important }
#tresc-glowna a.group.rounded-3xl h3{
  font-family:var(--hv-font-display) !important; font-weight:500 !important; font-size:1.22rem !important;
  line-height:1.25 !important; color:var(--hv-navy) !important;
}
#tresc-glowna a.group.rounded-3xl .bg-white\/90{ color:var(--hv-gold-d) !important; letter-spacing:.18em !important }

/* linki "zobacz wszystkie" */
#tresc-glowna a.text-\[\#16a34a\].font-bold:not(.add_to_cart_button){
  text-decoration:none !important; background:linear-gradient(var(--hv-gold),var(--hv-gold)) left bottom/100% 1px no-repeat;
  padding-bottom:3px;
}

/* ---------- 12. SEKCJA OPINII NA GRANACIE ---------- */
#tresc-glowna .hv-sec--navy h2{ color:#fff !important }
#tresc-glowna .hv-sec--navy .text-\[\#2a2a2a\]{ color:#fff !important }
#tresc-glowna .hv-sec--navy .text-gray-500{ color:var(--hv-on-dark) !important }
#tresc-glowna .hv-sec--navy .text-gray-400{ color:var(--hv-on-dark-2) !important }
#tresc-glowna .hv-sec--navy .text-\[\#f89c27\]{ color:var(--hv-gold) !important }
#tresc-glowna .hv-sec--navy .hv-eyebrow{ color:var(--hv-gold) !important }
#tresc-glowna .hv-sec--navy a.text-\[\#16a34a\]{ color:var(--hv-gold-l) !important }
#tresc-glowna .hv-sec--navy a.text-\[\#16a34a\]:hover{ color:#fff !important }
/* boczne karty: biale */
#tresc-glowna .hv-sec--navy .rounded-3xl.bg-slate-50{
  background-color:#fff !important; border-color:transparent !important; box-shadow:0 24px 60px rgba(0,0,0,.28) !important;
}
#tresc-glowna .hv-sec--navy .rounded-3xl .text-\[\#2a2a2a\]{ color:var(--hv-ink) !important }
#tresc-glowna .hv-sec--navy .rounded-3xl .text-gray-600{ color:#46526A !important }
#tresc-glowna .hv-sec--navy .rounded-3xl p.italic{
  font-family:var(--hv-font-display) !important; font-size:1.06rem !important; line-height:1.6 !important; font-weight:400 !important;
}
/* srodkowa karta: szklo ze zlota nitka */
#tresc-glowna .hv-sec--navy .rounded-3xl.bg-\[\#16a34a\]{
  background:linear-gradient(160deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.04) 100%) !important;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  box-shadow:inset 0 0 0 1px rgba(242,179,75,.45),0 30px 70px rgba(0,0,0,.35) !important;
}
#tresc-glowna .hv-sec--navy .rounded-3xl.bg-\[\#16a34a\] .text-white{ color:#fff !important }
/* kolka z cudzyslowem */
#tresc-glowna .hv-sec--navy .rounded-full.bg-\[\#16a34a\]{ background:var(--hv-gold-grad) !important; color:var(--hv-navy) !important; border-color:var(--hv-navy) !important }
#tresc-glowna .hv-sec--navy .rounded-full.bg-white{ background:var(--hv-gold-grad) !important; color:var(--hv-navy) !important; border-color:var(--hv-navy) !important }
#tresc-glowna .hv-sec--navy .rounded-full.bg-white .fa-quote-left{ color:var(--hv-navy) !important }

/* ---------- 13. STOPKA STRONY GLOWNEJ ---------- */
body.humavit-custom-home footer.bg-\[\#0b0b0b\]{
  background:
    radial-gradient(70% 50% at 50% 0%,rgba(242,179,75,.07) 0%,rgba(242,179,75,0) 60%),
    var(--hv-navy-4) !important;
  color:#C3CDDB !important; position:relative;
}
body.humavit-custom-home footer.bg-\[\#0b0b0b\]::before{
  content:""; position:absolute; left:0; right:0; top:0; height:1px; background:var(--hv-gold-line); opacity:.6;
}
body.humavit-custom-home footer .text-gray-300{ color:#C3CDDB !important }
body.humavit-custom-home footer .text-gray-400{ color:#A9B6C9 !important }
body.humavit-custom-home footer .text-gray-500{ color:#8E9DB3 !important }
body.humavit-custom-home footer h4,
body.humavit-custom-home footer .font-oswald{
  font-family:var(--hv-font-body) !important; font-size:11.5px !important; font-weight:700 !important;
  letter-spacing:.22em !important; text-transform:uppercase !important; color:var(--hv-gold) !important;
}
body.humavit-custom-home footer a:hover,
body.humavit-custom-home footer .hover\:text-white:hover{ color:var(--hv-gold-l) !important }
body.humavit-custom-home footer .bg-\[\#1a1a1a\]{ background-color:rgba(255,255,255,.05) !important; box-shadow:inset 0 0 0 1px rgba(242,179,75,.3) }
body.humavit-custom-home footer .hover\:bg-\[\#16a34a\]:hover{ background:var(--hv-gold-grad) !important; color:var(--hv-navy) !important }
body.humavit-custom-home footer .text-\[\#16a34a\]{ color:var(--hv-gold) !important }
body.humavit-custom-home footer .bg-\[\#16a34a\]{ background-color:var(--hv-gold) !important; color:var(--hv-navy) !important }
body.humavit-custom-home footer [class*="border-gray-8"],
body.humavit-custom-home footer [class*="border-white"],
body.humavit-custom-home footer [class*="border-\[\#"]{ border-color:rgba(255,255,255,.1) !important }

/* ---------- 13b. RYTM SEKCJI, DETALE ---------- */
/* jednolity, szeroki oddech miedzy sekcjami (nadpisuje py-20/py-24/pt-4 z Tailwinda) */
#tresc-glowna > section.hv-sec{
  padding-top:clamp(4.5rem,3.2rem + 3.6vw,7.25rem) !important;
  padding-bottom:clamp(4.5rem,3.2rem + 3.6vw,7.25rem) !important;
}
#tresc-glowna .hv-sec .text-center > h2 + .w-16.h-1,
#tresc-glowna .hv-sec .text-center > h2{ margin-left:auto; margin-right:auto }
#tresc-glowna .hv-sec .text-center > .hv-eyebrow + h2{ margin-top:0 !important }
/* ornament wyrownany do lewej (Baza wiedzy, od 640px) */
@media (min-width:640px){
  #tresc-glowna .sm\:mx-0.w-16.h-1{ background:linear-gradient(90deg,#F2B34B 0%,rgba(242,179,75,0) 100%) !important }
  #tresc-glowna .sm\:mx-0.w-16.h-1::after{ left:3px }
}
/* poblask za zdjeciem eksperta: zloty zamiast zielonego */
#tresc-glowna .expert-image-wrapper::before{
  background:radial-gradient(circle,rgba(242,179,75,.22) 0%,rgba(16,44,82,.06) 100%) !important;
}
/* plakietka Promocja: granat ze zlotem zamiast rozu */
#tresc-glowna .product-box .bg-rose-500{ background:var(--hv-navy) !important; color:var(--hv-gold-l) !important; box-shadow:inset 0 0 0 1px rgba(242,179,75,.45) }
/* kropki "wybuchu" na kartach produktow: paleta premium */
#tresc-glowna .burst-dot.bg-\[\#16a34a\]{ background-color:var(--hv-navy) !important }
#tresc-glowna .burst-dot.bg-\[\#15803d\]{ background-color:var(--hv-navy-3) !important }

/* ---------- 13c. QUIZ DOBORU (shortcode [hv_quiz], style inline w functions.php) ---------- */
#tresc-glowna .hvq{ font-family:var(--hv-font-body) !important }
#tresc-glowna .hvq-progress{ height:4px !important; background:var(--hv-line-2) !important }
#tresc-glowna .hvq-bar{ background:var(--hv-gold-grad) !important }
#tresc-glowna .hvq-q{
  font-family:var(--hv-font-display) !important; font-weight:500 !important; text-transform:none !important;
  font-size:clamp(1.45rem,1.2rem + .9vw,1.9rem) !important; color:var(--hv-navy) !important; letter-spacing:-.015em;
}
#tresc-glowna .hvq-opt{
  border:1px solid var(--hv-line) !important; border-radius:var(--hv-r) !important; color:var(--hv-ink) !important;
  font-weight:600 !important; box-shadow:var(--hv-shadow-sm);
  transition:transform .3s var(--hv-ease), box-shadow .3s var(--hv-ease), border-color .3s ease, background-color .3s ease !important;
}
#tresc-glowna .hvq-opt i{ color:var(--hv-gold-d) !important }
#tresc-glowna .hvq-opt:hover{
  border-color:var(--hv-gold) !important; background-color:#FFFDF8 !important;
  box-shadow:0 0 0 1px var(--hv-gold), var(--hv-shadow) !important; transform:translateY(-3px) !important;
}
#tresc-glowna .hvq-cat-link{ background:var(--hv-navy) !important; box-shadow:0 0 0 1px rgba(242,179,75,.5), 0 10px 22px -8px rgba(16,44,82,.5) }
#tresc-glowna .hvq-cat-link:hover{ background:var(--hv-navy-3) !important }
#tresc-glowna .hvq-back, #tresc-glowna .hvq-restart{ color:var(--hv-muted) !important }
#tresc-glowna .hv-sugg{ background:#FFFBF2 !important; border-color:#F1DDB2 !important; font-family:var(--hv-font-body) !important }
#tresc-glowna .hv-sugg-head i{ color:var(--hv-gold-d) !important }
#tresc-glowna .hv-sugg-cat{ border-color:var(--hv-line) !important }
#tresc-glowna .hv-sugg-cat:hover{ border-color:var(--hv-gold) !important; box-shadow:0 6px 16px -8px rgba(16,44,82,.35) !important }
#tresc-glowna .hv-sugg-cat i{ color:var(--hv-gold-d) !important }
#tresc-glowna .hv-seen-badge{ background:var(--hv-navy) !important; color:var(--hv-gold-l) !important }

/* ---------- 13d. WIDZET "DORADCA SUPLEMENTOW" (wtyczka doradca-ai, #hai-root) ---------- */
/* Wtyczka koloruje sie zmiennymi CSS - podmieniamy tylko je, bez ruszania wtyczki. */
html body #hai-root{ /* !important: wtyczka ustawia --hai-accent stylem inline (atrybut style) */
  --hai-accent:#102C52 !important; --hai-accent-2:#1B3C69 !important;
  --hai-accent-soft:#FBF8F2 !important; --hai-accent-border:#F1DDB2 !important;
}
html body #hai-launcher{
  font-family:var(--hv-font-body) !important; letter-spacing:.01em;
  box-shadow:0 0 0 1px rgba(242,179,75,.65), 0 14px 30px -10px rgba(16,44,82,.55) !important;
}
html body #hai-launcher:hover{ box-shadow:0 0 0 1px var(--hv-gold), 0 18px 36px -10px rgba(16,44,82,.6) !important }
html body #hai-launcher i{ color:var(--hv-gold-l) }

/* ---------- 14. RESPONSYWNOSC ---------- */
@media (max-width:1100px){
  .hv-trust-card{ grid-auto-flow:row; grid-template-columns:repeat(3,1fr) }
  .hv-trust-item:nth-child(3n+1){ border-left:0 }
  .hv-trust-item:nth-child(n+4){ border-top:1px solid var(--hv-line-2) }
  .hv-seal{ left:auto; right:4%; top:8%; width:110px; height:110px }
}
@media (max-width:900px){
  .hv-hero{ flex-direction:column; align-items:stretch; min-height:0 }
  /* wysokosc rosnie z szerokoscia: na tablecie widac cale zdjecie razem z produktami, na telefonie min. 300px */
  .hv-hero-img{ position:relative; inset:auto; height:clamp(300px,56vw,520px); object-position:74% 45%; z-index:0 }
  .hv-hero-shade{ top:0; bottom:auto; height:clamp(300px,56vw,520px); background:linear-gradient(0deg,rgba(11,33,63,1) 0%,rgba(11,33,63,0) 28%) ; z-index:1 }
  .hv-hero-grain{ z-index:1 }
  .hv-hero-in{ padding:1.2rem 0 5.5rem; z-index:2 }
  .hv-seal{ top:16px; left:16px; right:auto; width:84px; height:84px }
  .hv-hero .hv-eyebrow{ letter-spacing:.16em !important; font-size:10.5px !important }
  .hv-hero-lead{ font-size:1.05rem }
  .hv-trust{ margin-top:-3rem }
}
@media (max-width:600px){
  .hv-wrap{ width:calc(100% - 2rem) }
  .hv-hero-ctas{ flex-direction:column; align-items:stretch }
  .hv-hero-ctas .hv-btn--gold{ width:100% }
  .hv-hero-ctas .hv-btn--ghost{ justify-content:center }
  .hv-hero-proof{ flex-wrap:wrap; gap:.5rem .8rem; font-size:.9rem }
  .hv-trust-card{ grid-template-columns:repeat(2,1fr) }
  .hv-trust-item{ border-left:0 !important; border-top:1px solid var(--hv-line-2); padding:1.1rem .9rem; gap:.65rem }
  .hv-trust-item:nth-child(-n+2){ border-top:0 }
  .hv-trust-item:nth-child(2n){ border-left:1px solid var(--hv-line-2) !important }
  .hv-trust-item svg{ width:28px; height:28px }
  .hv-ti-num{ font-size:1.9rem }
  .hv-ti-txt{ font-size:.82rem }
  .hv-ti-txt small{ font-size:.72rem }
}
@media (prefers-reduced-motion:reduce){
  .hv-hero-img, .hv-seal-ring{ animation:none !important; transform:none !important }
  .hv-btn, .hv-btn::after, #header.hv-p, #tresc-glowna .product-box{ transition:none !important }
}