@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&family=Figtree:wght@400;500;600;700&display=swap');

:root {
  --jbk-primary: #223219;
  --jbk-primary-rgb: 34, 50, 25;
  --jbk-secondary: #182e10;
  --jbk-secondary-rgb: 24, 46, 16;
  --jbk-accent: #2a0e81;
  --jbk-accent-rgb: 42, 14, 129;
  --jbk-dark-rgb: 15, 23, 42;
  --jbk-dark: #0f172a;
  --jbk-dark-rgb: 15, 23, 42;
  --jbk-light: #f8f9f3;
  --jbk-surface: #edeee3;
  --jbk-text: #334155;
  --jbk-muted-strong: #475569;
  --jbk-muted: #5a697d;
  --jbk-muted-soft: #636c7b;
  --jbk-on-dark: #ffffff;
  --jbk-on-primary: #ffffff;
  --jbk-on-secondary: #ffffff;
  --jbk-on-accent: #ffffff;
  --jbk-on-gradient: #ffffff;
  --jbk-border: #e2e8f0;
  --jbk-line: #f1f5f9;
  --jbk-radius-sm: 10px;
  --jbk-radius-md: 14px;
  --jbk-radius-lg: 20px;
  --jbk-radius-pill: 999px;
  --jbk-btn-radius: 12px;
  --jbk-shadow-card: 0 2px 8px -2px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);
  --jbk-shadow-hover: 0 10px 20px -8px rgba(15, 23, 42, 0.14), 0 3px 8px -2px rgba(15, 23, 42, 0.06);
  --jbk-shadow-hero: 0 12px 24px -12px rgba(15, 23, 42, 0.16);
  --jbk-font-heading: 'Outfit', 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --jbk-font-body: 'Figtree', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --jbk-weight-heading: 800;
  --jbk-weight-ui: 700;
  --jbk-heading-case: none;
  --jbk-heading-tracking: -0.02em;
  --jbk-grid-gap: 22px;
  --jbk-grid-min: 260px;
  --jbk-card-pad: 20px;
  --jbk-section-pad: 4.75rem;
}
html { scroll-behavior: smooth;}
body, button, input, select, textarea {
  font-family: var(--jbk-font-body) !important;
  color: var(--jbk-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--jbk-font-heading) !important;
  color: var(--jbk-dark);}
.jbk-dehoki :is(a, span, strong, em, b, small, li, td, th, dd, dt, label, address, p) { overflow-wrap: anywhere;}
.jbk-tafo a, .jbk-tafo nav a, .jbk-tafo .jvr-sepofo a { overflow-wrap: normal !important; word-break: normal !important; white-space: nowrap !important;}
.jbk-dehoki .jbk-mitilo > *, .jbk-dehoki .jbk-gapufi { min-width: 0;}
.jbk-dehoki {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-sizing: border-box;}
.jbk-duna {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--jbk-accent, #3b82f6);
  font-size: 0.8rem;
  font-weight: var(--jbk-weight-ui, 700);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 8px;}
.jbk-sopu {
  color: var(--jbk-muted, #64748b);
  font-size: 1.05rem;
  line-height: 1.65;
  margin: 0;}
.jbk-catasa h2 { font-family: var(--jbk-font-heading); font-size: clamp(1.4rem, 2.4vw, 1.8rem); line-height: 1.25; color: var(--jbk-dark, #0f172a); margin: 2.4em 0 0.7em 0; scroll-margin-top: 90px;}
.jbk-catasa h3 { font-family: var(--jbk-font-heading); font-size: 1.2rem; line-height: 1.3; color: var(--jbk-dark, #0f172a); margin: 1.8em 0 0.5em 0;}
.jbk-catasa p { margin: 0 0 1.15em 0;}
.jbk-catasa ul, .jbk-catasa ol { margin: 0 0 1.3em 0; padding-left: 1.3em;}
.jbk-catasa li { margin-bottom: 0.45em;}
.jbk-catasa li::marker { color: var(--jbk-primary); font-weight: 700;}
.jbk-catasa table { width: 100%; border-collapse: collapse; margin: 0 0 1.6em 0; font-size: 0.95rem; display: block; overflow-x: auto;}
.jbk-catasa th { text-align: left; background: var(--jbk-surface, #f8fafc); color: var(--jbk-dark, #0f172a); font-weight: 700;}
.jbk-catasa th, .jbk-catasa td { padding: 10px 14px; border-bottom: 1px solid var(--jbk-border, #e2e8f0); vertical-align: top;}
.jbk-sodato a:hover { color: var(--jbk-primary);}
.jbk-micocu { margin-bottom: 2.75rem;}
.jbk-coceba { text-align: center;}
.jbk-coceba .jbk-sopu { max-width: 680px; margin-left: auto; margin-right: auto;}
.jbk-gapufi {
  background: #ffffff;
  border: 1px solid var(--jbk-border, #e2e8f0);
  border-radius: var(--jbk-radius-md, 14px);
  box-shadow: var(--jbk-shadow-card);
  padding: var(--jbk-card-pad, 20px);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease;
  position: relative;
  box-sizing: border-box;}
.jbk-gapufi:hover {
  transform: translateY(-4px);
  box-shadow: var(--jbk-shadow-hover);
  border-color: rgba(var(--jbk-primary-rgb), 0.3);}
.jbk-mitilo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--jbk-grid-min, 260px), 1fr));
  gap: var(--jbk-grid-gap, 22px);}
.jbk-suti {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #ffffff;
  border: 1px solid var(--jbk-border, #e2e8f0);
  border-radius: var(--jbk-radius-pill, 999px);
  padding: 7px 16px;
  font-size: 0.84rem;
  font-weight: var(--jbk-weight-ui, 700);
  color: var(--jbk-dark, #0f172a);
  text-decoration: none;
  
  white-space: normal;
  max-width: 100%;
  flex-shrink: 0;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 6px rgba(0,0,0,0.02);}
.jbk-suti:hover {
  border-color: var(--jbk-primary);
  color: var(--jbk-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);}
.jbk-zasone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0.95rem 2.2rem;
  border-radius: var(--jbk-btn-radius, 12px);
  font-weight: var(--jbk-weight-ui, 700);
  font-size: 0.98rem;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, background 0.2s ease, filter 0.2s ease;}
.jbk-zasone:active { transform: translateY(1px);}
.jbk-heku {
  background: var(--jbk-primary, #1e293b);
  color: var(--jbk-on-primary, #ffffff) !important;
  box-shadow: 0 10px 25px -6px rgba(var(--jbk-primary-rgb, 30 41 59), 0.4);}
.jbk-heku:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -6px rgba(var(--jbk-primary-rgb), 0.55);
  filter: brightness(1.05);}
.jbk-likota {
  background: var(--jbk-accent, #3b82f6);
  color: var(--jbk-on-accent, #ffffff) !important;
  box-shadow: 0 10px 25px -6px rgba(var(--jbk-accent-rgb), 0.45);}
.jbk-likota:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -6px rgba(var(--jbk-accent-rgb), 0.6);
  filter: brightness(1.08);}
.jbk-datulu {
  background: transparent;
  border: 1.5px solid rgba(var(--jbk-primary-rgb), 0.25);
  color: var(--jbk-dark, #0f172a) !important;}
.jbk-datulu:hover {
  border-color: var(--jbk-primary);
  color: var(--jbk-primary) !important;
  background: rgba(var(--jbk-primary-rgb), 0.04);}
.jbk-mapula { color: var(--jbk-muted, #64748b);}
.jbk-hulo {
  background: var(--jbk-surface, #f8fafc);
  border: 1px solid var(--jbk-border, #e2e8f0);
  border-radius: var(--jbk-radius-md, 14px);
  padding: 20px 24px;
  cursor: pointer;
  transition: all 0.2s ease;}
.jbk-hulo:hover { border-color: rgba(var(--jbk-primary-rgb), 0.35);}
.jbk-hulo summary {
  font-weight: var(--jbk-weight-ui, 700);
  font-size: 1.05rem;
  color: var(--jbk-dark, #0f172a);
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  user-select: none;}
.jbk-hulo summary::-webkit-details-marker { display: none;}
.jbk-hulo[open] summary .jbk-tefa { transform: rotate(45deg); color: var(--jbk-accent);}
.jbk-tefa {
  color: var(--jbk-primary, #1e293b);
  font-weight: 800;
  font-size: 1.3rem;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease;}
.jbk-kute {
  margin-top: 14px;
  color: var(--jbk-muted-strong, #475569);
  font-size: 0.95rem;
  line-height: 1.75;
  border-top: 1px solid var(--jbk-line, #f1f5f9);
  padding-top: 14px;}
@keyframes jbkTuti {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}
.jbk-dehoki a:focus-visible, .jbk-zasone:focus-visible, .jbk-suti:focus-visible, .jbk-hulo summary:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 2.5px solid var(--jbk-accent, #3b82f6) !important;
  outline-offset: 2px !important;
  border-radius: 4px;}
.jbk-hulo summary:focus-visible { outline-offset: 4px;}
@media (prefers-reduced-motion: reduce) {
.jbk-gapufi, .jbk-zasone, .jbk-suti {
    transition: none !important;
    transform: none !important;}
}
@keyframes jvrTuzidi {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
[data-products] .entry {
  border-radius: var(--jbk-radius-lg) !important;
  background: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  box-shadow: var(--jbk-shadow-card) !important;
  padding: var(--jbk-card-pad) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;}
[data-products] .entry:hover {
  transform: translateY(-6px);
  box-shadow: var(--jbk-shadow-hover) !important;}
.jbk-duna {margin-top:0;}
ul.jbk-mitilo, ol.jbk-mitilo {list-style:none;padding:0;margin:0;}
.jbk-mitilo>li {list-style:none;}
article.jbk-gapufi, section.jbk-gapufi {display:block;}
.jbk-puvivu.jbk-puvivu.jbk-puvivu {display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; font-size:0.85rem; color:var(--jbk-muted); margin-bottom:18px;}
.jbk-coca.jbk-coca.jbk-coca {color:var(--jbk-primary); font-weight:700; text-transform:uppercase; letter-spacing:0.06em;}
.jbk-pasagi.jbk-pasagi.jbk-pasagi {font-size:1.15rem; line-height:1.7; color:var(--jbk-muted-strong, var(--jbk-text)); margin:0 0 24px 0; font-weight:500; max-width:820px;}
.jbk-zica.jbk-zica.jbk-zica {margin:0 0 32px 0;}
.jbk-redasa.jbk-redasa.jbk-redasa {display:flex; flex-wrap:wrap-reverse; gap:clamp(24px, 4vw, 48px); align-items:flex-end;}
.jbk-sozuga.jbk-sozuga.jbk-sozuga {flex:1 1 560px; min-width:0; max-width:820px;}
.jbk-lizu.jbk-lizu.jbk-lizu {border-left:3px solid var(--jbk-primary); background:var(--jbk-surface); border-radius:var(--jbk-radius-sm, 8px); padding:18px 22px; margin:0 0 28px 0;}
.jbk-banegu.jbk-banegu.jbk-banegu {display:block; color:var(--jbk-dark); margin-bottom:8px;}
.jbk-zemaca.jbk-zemaca.jbk-zemaca {margin:0; padding-left:18px; display:grid; gap:6px; line-height:1.6; color:var(--jbk-text);}
.jbk-lifeku.jbk-lifeku.jbk-lifeku {margin:36px 0 0 0; padding:14px 18px; border-left:3px solid var(--jbk-border); background:var(--jbk-surface); border-radius:var(--jbk-radius-sm); font-size:0.85rem; color:var(--jbk-muted-strong); line-height:1.6;}
.jbk-febe.jbk-febe.jbk-febe {color:var(--jbk-primary); font-weight:700;}
.jbk-sehu.jbk-sehu.jbk-sehu {display:flex; gap:16px; align-items:center; margin-top:28px; padding-top:24px; border-top:1px solid var(--jbk-border);}
.jbk-covobi.jbk-covobi.jbk-covobi {min-width:0;}
.jbk-nogepa.jbk-nogepa.jbk-nogepa {display:block; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--jbk-muted);}
.jbk-seve.jbk-seve.jbk-seve {display:block; color:var(--jbk-dark); font-size:1.05rem;}
.jbk-todi.jbk-todi.jbk-todi {font-size:0.9rem; color:var(--jbk-muted);}
.jbk-rakipi.jbk-rakipi.jbk-rakipi {display:block; font-size:0.8rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--jbk-muted); margin-bottom:10px;}
.jbk-tazu.jbk-tazu.jbk-tazu {margin:0; padding-left:18px; display:grid; gap:8px 28px; font-size:0.92rem; line-height:1.4;}
.jbk-keko.jbk-keko.jbk-keko {color:var(--jbk-dark); text-decoration:none;}
.jbk-kori.jbk-kori.jbk-kori {max-width:1240px; margin:0 auto; padding:0 1.5rem;}
.jbk-kakiho.jbk-kakiho.jbk-kakiho {font-size:clamp(1.5rem, 2.6vw, 2.1rem); font-weight:var(--jbk-weight-heading, 850); color:var(--jbk-dark); margin:0 0 0.6rem 0; line-height:1.2; font-family:var(--jbk-font-heading);}
.jbk-himo.jbk-himo.jbk-himo {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap:0 40px;}
.jbk-ludi.jbk-ludi.jbk-ludi {display:flex; gap:14px; align-items:center; padding:14px 0; border-top:1px solid var(--jbk-border); text-decoration:none; color:inherit; min-width:0;}
.jbk-gari.jbk-gari.jbk-gari {display:flex; flex-wrap:wrap; gap:4px 10px; font-size:0.74rem; color:var(--jbk-muted); margin-bottom:4px;}
.jbk-tave.jbk-tave.jbk-tave {color:var(--jbk-primary); text-transform:uppercase; letter-spacing:0.06em; font-weight:700;}
.jbk-voke.jbk-voke.jbk-voke {font-size:1.1rem; font-weight:var(--jbk-weight-ui, 750); color:var(--jbk-dark); margin:0 0 6px 0; line-height:1.35; font-family:var(--jbk-font-heading); display:block; margin:0; font-size:1rem; overflow-wrap:anywhere;}
.jbk-feruzu.jbk-feruzu.jbk-feruzu {max-width:1240px; margin:0 auto; padding:0 1.5rem; padding-top:48px; padding-bottom:24px;}
.jbk-busamo.jbk-busamo.jbk-busamo {position:relative; border-radius:var(--jbk-radius-lg); overflow:hidden; background:var(--jbk-dark); color:var(--jbk-light, #fff); min-height:420px; display:flex; align-items:flex-end;}
.jbk-belo.jbk-belo.jbk-belo {position:relative; padding:clamp(24px, 4vw, 48px); max-width:780px;}
.jbk-muli.jbk-muli.jbk-muli {font-size:clamp(2.1rem, 4.2vw, 3.3rem); font-weight:var(--jbk-weight-heading, 900); color:var(--jbk-dark); margin:0 0 1rem 0; line-height:1.12; font-family:var(--jbk-font-heading); letter-spacing:var(--jbk-heading-tracking, -0.02em); color:var(--jbk-light, #fff);}
.jbk-reripi.jbk-reripi.jbk-reripi {color:inherit; text-decoration:none;}
.jbk-cuso.jbk-cuso.jbk-cuso {margin:0 0 18px 0; opacity:0.9; line-height:1.65; font-size:1.05rem;}
.jbk-zefi.jbk-zefi.jbk-zefi {max-width:1240px; margin:0 auto; padding:0 1.5rem; padding-bottom:16px;}
.jbk-pefasa.jbk-pefasa.jbk-pefasa {display:flex; gap:8px; flex-wrap:wrap; align-items:center;}
.jbk-masuvo.jbk-masuvo.jbk-masuvo {font-size:0.8rem; font-weight:700; color:var(--jbk-muted); text-transform:uppercase; letter-spacing:0.08em; margin-right:6px;}
.jbk-hoku.jbk-hoku.jbk-hoku {display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap; margin-bottom:1.75rem;}
.jbk-dibizi.jbk-dibizi.jbk-dibizi {font-size:clamp(1.5rem, 2.6vw, 2.1rem); font-weight:var(--jbk-weight-heading, 850); color:var(--jbk-dark); margin:0 0 0.6rem 0; line-height:1.2; font-family:var(--jbk-font-heading); margin:0;}
.jbk-bucipe.jbk-bucipe.jbk-bucipe {color:var(--jbk-primary); font-weight:700; text-decoration:none; font-size:0.95rem;}
.jbk-liho.jbk-liho.jbk-liho {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap:clamp(20px, 3vw, 40px); align-items:start;}
.jbk-bibe.jbk-bibe.jbk-bibe {display:flex; flex-direction:column; gap:12px; min-width:0;}
.jbk-nilo.jbk-nilo.jbk-nilo {display:block;}
.jbk-mile.jbk-mile.jbk-mile {display:flex; justify-content:space-between; gap:10px; font-size:0.78rem; color:var(--jbk-muted); font-weight:600;}
.jbk-pifa.jbk-pifa.jbk-pifa {color:var(--jbk-primary); text-transform:uppercase; letter-spacing:0.06em;}
.jbk-kupi.jbk-kupi.jbk-kupi {font-size:1.1rem; font-weight:var(--jbk-weight-ui, 750); color:var(--jbk-dark); margin:0 0 6px 0; line-height:1.35; font-family:var(--jbk-font-heading); font-size:1.5rem; margin:0;}
.jbk-nila.jbk-nila.jbk-nila {margin:0; color:var(--jbk-muted); font-size:0.92rem; line-height:1.6;}
.jbk-kupomu.jbk-kupomu.jbk-kupomu {display:grid; gap:20px;}
.jbk-guzuco.jbk-guzuco.jbk-guzuco {display:block; min-height:200px;}
.jbk-dufi.jbk-dufi.jbk-dufi {padding:24px; display:flex; flex-direction:column; gap:8px;}
.jbk-cale.jbk-cale.jbk-cale {display:flex; gap:12px; font-size:0.78rem; color:var(--jbk-muted);}
.jbk-gitako.jbk-gitako.jbk-gitako {font-size:1.1rem; font-weight:var(--jbk-weight-ui, 750); color:var(--jbk-dark); margin:0 0 6px 0; line-height:1.35; font-family:var(--jbk-font-heading); font-size:1.3rem;}
.jbk-lomuhe.jbk-lomuhe.jbk-lomuhe {margin:0; color:var(--jbk-muted); line-height:1.6;}
.jbk-sutise.jbk-sutise.jbk-sutise {font-family:var(--jbk-font-heading); font-size:1.4rem; font-weight:800; color:rgba(var(--jbk-primary-rgb), 0.4);}
.jbk-midoci.jbk-midoci.jbk-midoci {font-size:1.1rem; font-weight:var(--jbk-weight-ui, 750); color:var(--jbk-dark); margin:0 0 6px 0; line-height:1.35; font-family:var(--jbk-font-heading); margin-top:8px;}
.jbk-vuce.jbk-vuce.jbk-vuce {margin:0; color:var(--jbk-muted); font-size:0.95rem; line-height:1.6;}
.jbk-gasa.jbk-gasa.jbk-gasa {max-width:680px;}
.jbk-cipe.jbk-cipe.jbk-cipe {font-size:1.1rem; font-weight:var(--jbk-weight-ui, 750); color:var(--jbk-dark); margin:0 0 6px 0; line-height:1.35; font-family:var(--jbk-font-heading); margin:0;}
.jbk-kiromi.jbk-kiromi.jbk-kiromi {font-size:1.1rem; font-weight:var(--jbk-weight-ui, 750); color:var(--jbk-dark); margin:0 0 6px 0; line-height:1.35; font-family:var(--jbk-font-heading);}
.jbk-cafe.jbk-cafe.jbk-cafe {margin:0; color:var(--jbk-muted-strong, var(--jbk-text)); line-height:1.65;}
.jbk-bopaze.jbk-bopaze.jbk-bopaze {max-width:960px; margin:0 auto; padding:0 1.5rem 4rem 1.5rem;}
.jbk-hivo.jbk-hivo.jbk-hivo {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap:clamp(24px, 4vw, 56px); align-items:start;}
.jbk-vese.jbk-vese.jbk-vese {display:grid; gap:0;}
.jbk-dikuse.jbk-dikuse.jbk-dikuse {font-size:1.3rem; font-weight:var(--jbk-weight-ui); color:var(--jbk-dark); margin:0 0 1.25rem 0; font-family:var(--jbk-font-heading);}
.jbk-keri.jbk-keri.jbk-keri {padding:16px 0; border-top:1px solid var(--jbk-border);}
.jbk-potunu.jbk-potunu.jbk-potunu {color:var(--jbk-dark); font-weight:700; margin:0 0 6px 0;}
.jbk-regini.jbk-regini.jbk-regini {color:var(--jbk-muted); font-size:0.95rem;}
.jbk-tono.jbk-tono.jbk-tono {margin-bottom:10px;}
.jbk-poce.jbk-poce.jbk-poce {max-width:1240px; margin:0 auto; padding:0 1.5rem; padding-top:4rem; padding-bottom:4rem;}
.jbk-diloda.jbk-diloda.jbk-diloda {text-align:center; max-width:760px; margin:0 auto 3rem auto;}
.jbk-rehu.jbk-rehu.jbk-rehu {font-size:clamp(2.1rem, 4.2vw, 3.3rem); font-weight:var(--jbk-weight-heading, 900); color:var(--jbk-dark); margin:0 0 1rem 0; line-height:1.12; font-family:var(--jbk-font-heading); letter-spacing:var(--jbk-heading-tracking, -0.02em);}
.jbk-derulu.jbk-derulu.jbk-derulu {max-width:1140px; margin:0 auto; padding:0 1.5rem; padding-top:4rem; padding-bottom:1rem;}
.jbk-mafuha.jbk-mafuha.jbk-mafuha {font-size:clamp(2.2rem, 4vw, 3.2rem); font-weight:var(--jbk-weight-heading); color:var(--jbk-dark); margin:0 0 1.5rem 0; font-family:var(--jbk-font-heading); line-height:1.15; text-align:center; max-width:820px; margin-left:auto; margin-right:auto;}
.jbk-matusa.jbk-matusa.jbk-matusa {font-size:1.08rem; line-height:1.8; color:var(--jbk-text);}
.jbk-repo.jbk-repo.jbk-repo {border-left:3px solid var(--jbk-primary); padding-left:18px;}
.jbk-zizo.jbk-zizo.jbk-zizo {font-size:1.05rem; font-weight:var(--jbk-weight-ui, 750); color:var(--jbk-dark); margin:0 0 6px 0; font-family:var(--jbk-font-heading);}
.jbk-tukima.jbk-tukima.jbk-tukima {margin:0; color:var(--jbk-muted); line-height:1.6; font-size:0.95rem;}
.jbk-tafa.jbk-tafa.jbk-tafa {display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;}
.jbk-falapu.jbk-falapu.jbk-falapu {margin:0; font-size:1.1rem; color:var(--jbk-dark); max-width:640px; line-height:1.6;}
.jbk-sasibe.jbk-sasibe.jbk-sasibe {max-width: 1040px; margin: 0 auto; padding: 4rem 1.5rem; color: var(--jbk-text);}
.jbk-zerito.jbk-zerito.jbk-zerito {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap:3rem; align-items:start;}
.jbk-donisu.jbk-donisu.jbk-donisu {font-size:clamp(2.2rem, 4vw, 3.2rem); font-weight:var(--jbk-weight-heading); color:var(--jbk-dark); margin:0 0 1rem 0; font-family:var(--jbk-font-heading);}
.jbk-nelo.jbk-nelo.jbk-nelo {color:var(--jbk-muted); font-size:1.1rem; line-height:1.7; margin:0 0 2rem 0;}
.jbk-gifo.jbk-gifo.jbk-gifo {background:var(--jbk-surface); border-radius:var(--jbk-radius-md); padding:24px; border:1px solid var(--jbk-border);}
.jbk-reni.jbk-reni.jbk-reni {font-weight:800; color:var(--jbk-dark); margin-bottom:6px;}
.jbk-vile.jbk-vile.jbk-vile {font-size:1.3rem; font-weight:var(--jbk-weight-ui); color:var(--jbk-dark); margin:0 0 1.5rem 0; font-family:var(--jbk-font-heading);}
.jbk-semo.jbk-semo.jbk-semo {margin-bottom:1.5rem;}
.jbk-gizezi.jbk-gizezi.jbk-gizezi {color:var(--jbk-muted); font-size:0.85rem; text-transform:uppercase; font-weight:700; display:block;}
.jbk-negu.jbk-negu.jbk-negu {color:var(--jbk-primary); font-weight:800; font-size:1.1rem; text-decoration:none;}
.jbk-gisuko.jbk-gisuko.jbk-gisuko {color:var(--jbk-dark); font-weight:600; font-size:0.95rem;}
.jbk-ture.jbk-ture.jbk-ture {max-width: 1140px; margin: 0 auto; padding: 4rem 1.5rem;}
.jbk-puda.jbk-puda.jbk-puda {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:clamp(28px, 5vw, 64px); align-items:start;}
.jbk-tiru.jbk-tiru.jbk-tiru {font-size: clamp(2.2rem, 4vw, 3.2rem); font-weight: var(--jbk-weight-heading); color: var(--jbk-dark); margin: 0 0 1.25rem 0; font-family:var(--jbk-font-heading); line-height:1.15;}
.jbk-moreca.jbk-moreca.jbk-moreca {margin:0; color:var(--jbk-muted-strong, var(--jbk-text)); line-height:1.7; font-size:1.05rem; margin-bottom:28px;}
.jbk-teda.jbk-teda.jbk-teda {display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; border-top:2px solid var(--jbk-primary); padding-top:20px;}
.jbk-lala.jbk-lala.jbk-lala {font-size:1.1rem; font-weight:var(--jbk-weight-ui, 750); color:var(--jbk-dark); margin:0 0 8px 0; font-family:var(--jbk-font-heading); line-height:1.35; font-size:1.25rem;}
.jbk-tatose.jbk-tatose.jbk-tatose {margin:0; color:var(--jbk-muted-strong, var(--jbk-text)); line-height:1.7; font-size:0.95rem;}
.jbk-riha.jbk-riha.jbk-riha {display:flex; flex-direction:column; gap:14px;}
.jbk-bezavi.jbk-bezavi.jbk-bezavi {max-width:1040px; margin:0 auto; padding:3.5rem 1.5rem 4rem;}
.jbk-sekehe.jbk-sekehe.jbk-sekehe {font-size:clamp(2rem, 4vw, 3rem); font-weight:var(--jbk-weight-heading, 900); color:var(--jbk-dark); margin:0 0 1rem 0; font-family:var(--jbk-font-heading); text-align:center;}
.jbk-rodano.jbk-rodano.jbk-rodano {font-size:1.08rem; color:var(--jbk-muted-strong, var(--jbk-text)); line-height:1.7; margin:0 0 2rem 0; max-width:720px; margin-left:auto; margin-right:auto; text-align:center;}
.jbk-lona.jbk-lona.jbk-lona {display:flex; gap:18px; padding:20px 0; border-top:1px solid var(--jbk-border); min-width:0;}
.jbk-hodo.jbk-hodo.jbk-hodo {font-family:var(--jbk-font-heading); font-size:1.5rem; font-weight:800; color:rgba(var(--jbk-primary-rgb), 0.35); flex:0 0 2ch;}
.jbk-leluge.jbk-leluge.jbk-leluge {font-size:1.35rem; font-weight:var(--jbk-weight-heading, 850); color:var(--jbk-dark); margin:0 0 0.9rem 0; font-family:var(--jbk-font-heading); font-size:1.1rem;}
.jbk-vika.jbk-vika.jbk-vika {margin:0; color:var(--jbk-text); line-height:1.7;}
.jbk-bamavu.jbk-bamavu.jbk-bamavu {margin:2.5rem 0 0 0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap:18px; align-items:start;}
.jbk-filese.jbk-filese.jbk-filese {background:var(--jbk-light, #fff); border:1px solid var(--jbk-border); border-radius:var(--jbk-radius-lg, 18px); padding:24px; box-shadow:var(--jbk-shadow-card, none); min-width:0; padding:16px 18px;}
.jbk-rukoci.jbk-rukoci.jbk-rukoci {color:var(--jbk-dark);}
.jbk-mehoge.jbk-mehoge.jbk-mehoge {color:var(--jbk-text); margin-top:4px;}
.jbk-doke.jbk-doke.jbk-doke {font-size:1.35rem; font-weight:var(--jbk-weight-heading, 850); color:var(--jbk-dark); margin:0 0 0.9rem 0; font-family:var(--jbk-font-heading); margin-top:2.5rem;}
.jbk-zageri.jbk-zageri.jbk-zageri {margin:0; padding-left:1.4rem; color:var(--jbk-text); line-height:1.8;}
.jbk-hake.jbk-hake.jbk-hake {margin:1.5rem 0 0 0; color:var(--jbk-muted);}
.jbk-like.jbk-like.jbk-like {color:var(--jbk-primary);}
.jbk-lutuvi.jbk-lutuvi.jbk-lutuvi {max-width:860px; margin:0 auto; padding:2.5rem 1.5rem 4rem;}
.jbk-vodivo.jbk-vodivo.jbk-vodivo {display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:1.5rem;}
.jbk-nicaho.jbk-nicaho.jbk-nicaho {font-size:clamp(1.9rem, 3.6vw, 2.6rem); font-weight:var(--jbk-weight-heading, 900); color:var(--jbk-dark); margin:0 0 1rem 0; font-family:var(--jbk-font-heading);}
.jbk-cido.jbk-cido.jbk-cido {font-size:1.02rem; color:var(--jbk-muted-strong, var(--jbk-text)); line-height:1.75; margin:0 0 1.25rem 0;}
.jbk-kule.jbk-kule.jbk-kule {font-size:0.75rem; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; color:var(--jbk-muted); margin:2rem 0 0.3rem 0;}
.jbk-mikumi.jbk-mikumi.jbk-mikumi {font-size:1.15rem; font-weight:800; color:var(--jbk-dark); margin:2rem 0 0.8rem 0; font-family:var(--jbk-font-heading); text-transform:uppercase; letter-spacing:0.02em; margin-top:0;}
.jbk-buriki.jbk-buriki.jbk-buriki {margin:0 0 1rem 0; color:var(--jbk-text); line-height:1.75;}
.jbk-fuzofi.jbk-fuzofi.jbk-fuzofi {display:grid; grid-template-columns:minmax(120px, max-content) 1fr; gap:8px 20px; margin:0 0 1rem 0;}
.jbk-solo.jbk-solo.jbk-solo {color:var(--jbk-muted); font-size:0.9rem;}
.jbk-rulure.jbk-rulure.jbk-rulure {margin:0; color:var(--jbk-dark); font-weight:600; overflow-wrap:anywhere;}
.jbk-simogu.jbk-simogu.jbk-simogu {max-width:720px; margin:0 auto; padding:72px 1.5rem; text-align:center;}
.jbk-fateze.jbk-fateze.jbk-fateze {width:72px; height:72px; border-radius:50%; background:rgba(var(--jbk-primary-rgb), 0.12); color:var(--jbk-primary); display:inline-flex; align-items:center; justify-content:center; font-size:2rem; margin-bottom:20px;}
.jbk-lebutu.jbk-lebutu.jbk-lebutu {font-size:1.08rem; color:var(--jbk-muted-strong, var(--jbk-text)); line-height:1.7; margin:0 auto 32px auto;}
.jbk-tucofo.jbk-tucofo.jbk-tucofo {max-width:860px; margin:0 auto; padding:3rem 1.5rem 4rem;}
.jbk-mafa.jbk-mafa.jbk-mafa {font-size:clamp(1.9rem, 3.6vw, 2.6rem); font-weight:var(--jbk-weight-heading, 900); color:var(--jbk-dark); margin:0 0 0.8rem 0; font-family:var(--jbk-font-heading);}
.jbk-bavo.jbk-bavo.jbk-bavo {color:var(--jbk-muted-strong, var(--jbk-text)); line-height:1.7; margin:0 0 1.5rem 0;}
.jbk-sife.jbk-sife.jbk-sife {list-style:none; padding:0; margin:0; display:grid; gap:10px;}
.jbk-tosube.jbk-tosube.jbk-tosube {height:3px; background:linear-gradient(90deg, #223219, #2a0e81, #3b82f6);}
.jbk-sedi.jbk-sedi.jbk-sedi {max-width:1240px; margin:0 auto; padding:12px 20px; display:flex; justify-content:space-between; align-items:center; gap:16px;}
.jbk-zomo.jbk-zomo.jbk-zomo {display:flex; align-items:center; gap:14px;}
.jbk-puseme.jbk-puseme.jbk-puseme {text-decoration:none; font-size:1.4rem; font-weight:900; color:#0f172a; font-family:var(--jbk-font-heading);}
.jbk-peguma.jbk-peguma.jbk-peguma {font-size:0.75rem; color:var(--jbk-muted); font-weight:600;}
.jbk-lusoke.jbk-lusoke.jbk-lusoke {color:#0f172a; font-weight:700; font-size:13.5px; text-decoration:none;}
.jbk-tucufi.jbk-tucufi.jbk-tucufi {color:var(--jbk-muted); font-weight:600; font-size:13px; text-decoration:none;}
.jbk-tuloku.jbk-tuloku.jbk-tuloku {display:flex; align-items:center; gap:12px;}
.jbk-vopu.jbk-vopu.jbk-vopu {max-width:1240px; margin:0 auto;}
.jbk-bidi.jbk-bidi.jbk-bidi {font-size:clamp(1.5rem, 3.2vw, 2.6rem); line-height:1.2; font-weight:var(--jbk-weight-heading, 700); font-family:var(--jbk-font-heading); letter-spacing:var(--jbk-heading-tracking, -0.02em); margin:0 0 36px 0; max-width:26ch; text-wrap:balance;}
.jbk-sevehi.jbk-sevehi.jbk-sevehi {display:flex; flex-wrap:wrap; gap:10px 26px; font-size:15px; padding:22px 0; border-top:1px solid rgba(255,255,255,0.18);}
.jbk-kivico.jbk-kivico.jbk-kivico {opacity:0.5;}
.jbk-zifebi.jbk-zifebi.jbk-zifebi {display:flex; flex-wrap:wrap; gap:8px 22px; font-size:13px; opacity:0.75;}
.jbk-zizura.jbk-zizura.jbk-zizura {color:inherit; text-decoration:underline; cursor:pointer;}
.jbk-rigifo.jbk-rigifo.jbk-rigifo {display:flex; flex-wrap:wrap; gap:8px 22px; font-size:12.5px; padding:16px 0; margin-top:16px; border-top:1px solid rgba(255,255,255,0.12);}
.jbk-cita.jbk-cita.jbk-cita {padding:0 20px;}
.jbk-valoku.jbk-valoku.jbk-valoku {font-style:normal; display:grid; gap:4px;}
.jbk-muha.jbk-muha.jbk-muha {font-weight:800; font-size:13px; margin-bottom:2px;}
.jbk-rulili.jbk-rulili.jbk-rulili {font-size:12.5px; line-height:1.6;}
.jbk-latusu.jbk-latusu.jbk-latusu {opacity:0.65;}
.jbk-dadu.jbk-dadu.jbk-dadu {font-weight:600;}
.jbk-cogo.jbk-cogo.jbk-cogo {font-size:12.5px;}
.jbk-nuca.jbk-nuca.jbk-nuca {color:inherit; font-weight:600; text-decoration:none;}
.jbk-heso.jbk-heso.jbk-heso {display:flex; flex-wrap:wrap; gap:14px; margin-top:14px;}
.jbk-habeva.jbk-habeva.jbk-habeva {font-size:12.5px; color:inherit; opacity:0.85; text-decoration:underline;}
.jbk-didubi.jbk-didubi.jbk-didubi {max-width:1240px; margin:0 auto; font-size:12px; opacity:0.6;}
html { touch-action: pan-x pan-y; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--jbk-light, #ffffff); color: var(--jbk-text, #334155); font-family: var(--jbk-font-body, system-ui, sans-serif); font-size: 16px; line-height: 1.6; overflow-x: hidden; }
img, svg, video { max-width: 100%; height: auto; }
img { display: inline-block; vertical-align: middle; }
a { color: var(--jbk-primary, #2563eb); }
button { font: inherit; }
h1, h2, h3, h4, h5, h6 { font-family: var(--jbk-font-heading, inherit); color: var(--jbk-dark, #0f172a); line-height: 1.2; margin: 0 0 0.6em 0; overflow-wrap: anywhere; }
p { overflow-wrap: anywhere; }
a, span, strong, em, b, small, li, td, th, dd, dt, label, address { overflow-wrap: anywhere; }
.jbk-mitilo > *, .jbk-gapufi { min-width: 0; }
pre { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
code { overflow-wrap: anywhere; }
p, ul, ol { margin: 0 0 1em 0; }
input, select, textarea { font: inherit; max-width: 100%; }
iframe { max-width: 100%; }
[hidden] { display: none !important; }
.jbk-pezesu { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; margin: 0 0 1.5rem 0; }
.jbk-pezesu > table { min-width: 480px; }
table { border-collapse: collapse; width: 100%; }
.jbk-henuca { min-height: 40vh; padding-bottom: 4rem; }
.jbk-pedu { margin-top: 0 !important; }
.jbk-henuca > .jbk-gorade { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
.jbk-teropu { margin: 0; }
.jbk-zasone { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: var(--jbk-btn-radius, 10px); font-weight: var(--jbk-weight-ui, 700); text-decoration: none; border: 1.5px solid transparent; cursor: pointer; line-height: 1.2; transition: transform .15s ease, box-shadow .15s ease, filter .15s ease; }
.jbk-zasone:hover { filter: brightness(1.06); transform: translateY(-1px); }
.jbk-heku { background: var(--jbk-primary, #2563eb); color: var(--jbk-on-primary, #ffffff); box-shadow: var(--jbk-shadow-card, none); }
.jbk-datulu { background: transparent; color: var(--jbk-dark, #0f172a); border-color: var(--jbk-border, #e2e8f0); }
.jbk-gapufi { background: var(--jbk-light, #ffffff); border: 1px solid var(--jbk-border, #e2e8f0); border-radius: var(--jbk-radius-lg, 18px); padding: var(--jbk-card-pad, 22px); box-shadow: var(--jbk-shadow-card, none); min-width: 0; }
.jbk-suti { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: var(--jbk-radius-pill, 999px); border: 1px solid var(--jbk-border, #e2e8f0); background: var(--jbk-light, #ffffff); color: var(--jbk-dark, #0f172a); font-size: 0.85rem; font-weight: 600; text-decoration: none; }
.jbk-duna { display: inline-block; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--jbk-primary, #2563eb); margin-bottom: 10px; }
.jbk-mitilo { display: grid; gap: var(--jbk-grid-gap, 1.5rem); grid-template-columns: repeat(auto-fit, minmax(min(var(--jbk-grid-min, 260px), 100%), 1fr)); }
@media (max-width: 660px) {
[style*="white-space:nowrap"], [style*="white-space: nowrap"] { white-space: normal !important; }
}
form.cart { display: flex; gap: 12px; align-items: stretch; flex-wrap: wrap; margin: 20px 0; }
.jbk-kozi { max-width: 1240px; margin: 0 auto; padding: 2.5rem 1.5rem 0; }
.jbk-kozi h1 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); }
.jbk-hamo { max-width: 1240px; margin: 0 auto; padding: 0 1.5rem 3rem; }
.jbk-mimi { max-width: 640px; margin: 0 auto; padding: 5rem 1.5rem; text-align: center; }
.jbk-mimi h1 { font-size: clamp(2rem, 5vw, 3.2rem); }
.jbk-goto select { height: auto; min-height: 52px; line-height: 1.35; }
[id^="gt-"] { scroll-margin-top: 80px; }
.jbk-tafo { position: relative; z-index: 50; }
.jbk-tafo a { text-decoration: none; }
.jbk-tafo .jvr-sepofo { display: flex; align-items: center; }
.jbk-tafo a, .jbk-tafo nav a, .jbk-tafo .jvr-sepofo a {
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: nowrap !important;
}
.jbk-tafo a > div, .jbk-tafo a > span { white-space: normal !important; }
@media (max-width: 780px) {
.jbk-tafo > div:has(> .jvr-sepofo) { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: center !important; gap: 8px 12px !important; padding-left: 14px !important; padding-right: 14px !important; }
.jbk-tafo .jvr-sepofo { order: 3 !important; flex: 0 0 100% !important; width: 100% !important; display: flex !important; justify-content: flex-start !important; gap: 16px !important; padding-top: 8px !important; border-top: 1px solid rgba(128,128,128,0.25) !important; white-space: nowrap !important; overflow-x: auto !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; }
.jbk-tafo .jvr-sepofo a { flex: 0 0 auto !important; }
.jbk-tafo .jvr-sepofo::-webkit-scrollbar { display: none !important; }
.jbk-tafo > div > a[href*="/index."] > div:nth-child(2) { display: none !important; }
.jbk-tafo > div > div > a[href*="/index."] + div { display: none !important; }
.jbk-tafo > div > div:has(> a[href*="/index."]) { min-width: 0 !important; flex: 1 1 auto !important; }
.jbk-tafo > div > div > a[href*="/index."] { display: block !important; max-width: 100% !important; min-width: 0 !important; }
.jbk-tafo > div > div > a[href*="/index."] > div { white-space: normal !important; overflow-wrap: anywhere !important; }
.jbk-tafo > div > div > a[href*="/index."] > div + div { display: none !important; }
.jbk-tafo > div > div > a[href$="/"] { padding: 7px 12px !important; font-size: 12px !important; white-space: nowrap !important; }
}