@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Display:wght@400;500;600;700&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root {
  --hkx-primary: #1d1713;
  --hkx-primary-rgb: 29, 23, 19;
  --hkx-secondary: #352f2a;
  --hkx-secondary-rgb: 53, 47, 42;
  --hkx-accent: #1d3172;
  --hkx-accent-rgb: 29, 49, 114;
  --hkx-dark-rgb: 29, 23, 19;
  --hkx-dark: #1d1713;
  --hkx-dark-rgb: 29, 23, 19;
  --hkx-light: #f4f0e6;
  --hkx-surface: #ece4d5;
  --hkx-text: #1d1713;
  --hkx-muted-strong: #352f2a;
  --hkx-muted: #5e5650;
  --hkx-muted-soft: #696562;
  --hkx-on-dark: #ffffff;
  --hkx-on-primary: #ffffff;
  --hkx-on-secondary: #ffffff;
  --hkx-on-accent: #ffffff;
  --hkx-on-gradient: #ffffff;
  --hkx-border: #cec6b8;
  --hkx-line: #d9ccb7;
  --hkx-radius-sm: 0px;
  --hkx-radius-md: 0px;
  --hkx-radius-lg: 0px;
  --hkx-radius-pill: 0px;
  --hkx-btn-radius: 4px;
  --hkx-shadow-card: 0 2px 8px -2px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);
  --hkx-shadow-hover: 0 10px 20px -8px rgba(15, 23, 42, 0.14), 0 3px 8px -2px rgba(15, 23, 42, 0.06);
  --hkx-shadow-hero: 0 12px 24px -12px rgba(15, 23, 42, 0.16);
  --hkx-font-heading: 'Libre Caslon Display', 'Libre Caslon Text', ui-serif, Georgia, serif;
  --hkx-font-body: 'Hanken Grotesk', ui-sans-serif, system-ui, sans-serif;
  --hkx-weight-heading: 400;
  --hkx-weight-ui: 700;
  --hkx-heading-case: none;
  --hkx-heading-tracking: -0.02em;
  --hkx-grid-gap: 22px;
  --hkx-grid-min: 260px;
  --hkx-card-pad: 20px;
  --hkx-section-pad: 4.75rem;
}
.hkx-merufi:focus-visible { outline:2px solid var(--hkx-primary); outline-offset:4px;}
html { scroll-behavior: smooth;}
body, button, input, select, textarea {
  font-family: var(--hkx-font-body) !important;
  color: var(--hkx-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--hkx-font-heading) !important;
  color: var(--hkx-dark);}
.hkx-tapi :is(a, span, strong, em, b, small, li, td, th, dd, dt, label, address, p) { overflow-wrap: anywhere;}
.hkx-kagora a, .hkx-kagora nav a, .hkx-kagora .qqq-duhake a, .hkx-vuzi a { overflow-wrap: normal !important; word-break: normal !important; white-space: nowrap !important;}
.hkx-tapi .hkx-kinivo > *, .hkx-tapi .hkx-celofo { min-width: 0;}
.hkx-tapi {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-sizing: border-box;}
.hkx-hisori {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--hkx-accent, #3b82f6);
  font-size: 0.8rem;
  font-weight: var(--hkx-weight-ui, 700);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 8px;}
.hkx-fudaho {
  font-size: clamp(1.9rem, 3.4vw, 2.75rem);
  font-weight: var(--hkx-weight-heading, 800);
  color: var(--hkx-dark, #0f172a);
  margin: 0;
  line-height: 1.18;
  text-transform: var(--hkx-heading-case, none);
  letter-spacing: var(--hkx-heading-tracking, -0.02em);}
.hkx-difolu { margin-bottom: 2.75rem;}
.hkx-celofo {
  background: #ffffff;
  border: 1px solid var(--hkx-border, #e2e8f0);
  border-radius: var(--hkx-radius-md, 14px);
  box-shadow: var(--hkx-shadow-card);
  padding: var(--hkx-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;}
.hkx-celofo:hover {
  transform: translateY(-4px);
  box-shadow: var(--hkx-shadow-hover);
  border-color: rgba(var(--hkx-primary-rgb), 0.3);}
.hkx-kinivo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--hkx-grid-min, 260px), 1fr));
  gap: var(--hkx-grid-gap, 22px);}
.hkx-merezu {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #ffffff;
  border: 1px solid var(--hkx-border, #e2e8f0);
  border-radius: var(--hkx-radius-pill, 999px);
  padding: 7px 16px;
  font-size: 0.84rem;
  font-weight: var(--hkx-weight-ui, 700);
  color: var(--hkx-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);}
.hkx-merezu:hover {
  border-color: var(--hkx-primary);
  color: var(--hkx-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);}
.hkx-mahe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0.95rem 2.2rem;
  border-radius: var(--hkx-btn-radius, 12px);
  font-weight: var(--hkx-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;}
.hkx-mahe:active { transform: translateY(1px);}
.hkx-fute {
  background: var(--hkx-primary, #1e293b);
  color: var(--hkx-on-primary, #ffffff) !important;
  box-shadow: 0 10px 25px -6px rgba(var(--hkx-primary-rgb, 30 41 59), 0.4);}
.hkx-fute:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -6px rgba(var(--hkx-primary-rgb), 0.55);
  filter: brightness(1.05);}
.hkx-tata {
  background: var(--hkx-accent, #3b82f6);
  color: var(--hkx-on-accent, #ffffff) !important;
  box-shadow: 0 10px 25px -6px rgba(var(--hkx-accent-rgb), 0.45);}
.hkx-tata:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -6px rgba(var(--hkx-accent-rgb), 0.6);
  filter: brightness(1.08);}
.hkx-hoha {
  background: transparent;
  border: 1.5px solid rgba(var(--hkx-primary-rgb), 0.25);
  color: var(--hkx-dark, #0f172a) !important;}
.hkx-hoha:hover {
  border-color: var(--hkx-primary);
  color: var(--hkx-primary) !important;
  background: rgba(var(--hkx-primary-rgb), 0.04);}
.hkx-zifi { color: var(--hkx-muted, #64748b);}
.hkx-lice {
  background: var(--hkx-surface, #f8fafc);
  border: 1px solid var(--hkx-border, #e2e8f0);
  border-radius: var(--hkx-radius-md, 14px);
  padding: 20px 24px;
  cursor: pointer;
  transition: all 0.2s ease;}
.hkx-lice:hover { border-color: rgba(var(--hkx-primary-rgb), 0.35);}
.hkx-lice summary {
  font-weight: var(--hkx-weight-ui, 700);
  font-size: 1.05rem;
  color: var(--hkx-dark, #0f172a);
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  user-select: none;}
.hkx-lice summary::-webkit-details-marker { display: none;}
.hkx-lice[open] summary .hkx-fasi { transform: rotate(45deg); color: var(--hkx-accent);}
.hkx-fasi {
  color: var(--hkx-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;}
.hkx-sanika {
  margin-top: 14px;
  color: var(--hkx-muted-strong, #475569);
  font-size: 0.95rem;
  line-height: 1.75;
  border-top: 1px solid var(--hkx-line, #f1f5f9);
  padding-top: 14px;}
@keyframes hkxHenera {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}
.hkx-tapi a:focus-visible, .hkx-mahe:focus-visible, .hkx-merezu:focus-visible, .hkx-lice summary:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 2.5px solid var(--hkx-accent, #3b82f6) !important;
  outline-offset: 2px !important;
  border-radius: 4px;}
.hkx-lice summary:focus-visible { outline-offset: 4px;}
@media (prefers-reduced-motion: reduce) {
.hkx-celofo, .hkx-mahe, .hkx-merezu {
    transition: none !important;
    transform: none !important;}
}
@keyframes qqqBunavo {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.qqq-cusu {
  width: 100%;
  padding: 12px 0;
  background: linear-gradient(135deg, #2e7d32, #43a047);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 4px 14px rgba(46, 125, 50, 0.25);
  text-transform: uppercase;
  transition: background 0.25s, transform 0.15s, box-shadow 0.25s;}
.qqq-cusu:hover {
  background: linear-gradient(135deg, #1b5e20, #2e7d32);
  box-shadow: 0 6px 20px rgba(46, 125, 50, 0.38);
  transform: translateY(-1px);}
.qqq-cusu:active { transform: scale(0.98);}
.qqq-luvisu {
  width: 100%;
  padding: 14px 0;
  background: linear-gradient(135deg, #1a7a4a, #2e7d32);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(26, 122, 74, 0.35);
  transition: all 0.2s;}
.qqq-luvisu:hover {
  background: linear-gradient(135deg, #0b3d1f, #1a7a4a);
  box-shadow: 0 8px 24px rgba(26, 122, 74, 0.45);}
.qqq-dufeza {
  background: var(--hkx-surface, #f8fafc) !important;
  border-top: 1px solid var(--hkx-border, #e2e8f0) !important;
  text-align: center !important;}
.qqq-dufeza a {
  color: var(--hkx-muted-strong, #475569) !important;
  font-weight: 600 !important;}
.qqq-dufeza a:hover {
  color: var(--hkx-primary) !important;}
.hkx-cepape {width:min(100% - 3rem, 1280px);margin-inline:auto;}
.hkx-fuloma {width:min(100% - 3rem, 1280px);margin-inline:auto;}
.hkx-rimolo, .hkx-ziba {display:block;width:100%;min-width:0;}
.hkx-hisori {margin-top:0;}
ul.hkx-kinivo, ol.hkx-kinivo {list-style:none;padding:0;margin:0;}
.hkx-kinivo>li {list-style:none;}
figure.hkx-pife {margin:0;display:block;min-width:0;}
header.hkx-razoce {display:block;}
article.hkx-celofo, section.hkx-celofo {display:block;}
[data-hkx-reveal] { opacity: 1 !important; transition: transform 0.6s cubic-bezier(.2,.7,.2,1);}
.hkx-heko.hkx-heko.hkx-heko {margin-bottom: 2rem;}
.hkx-name.hkx-name.hkx-name {display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px;}
.hkx-sirudo.hkx-sirudo.hkx-sirudo {display: inline-flex; align-items: center; gap: 5px; background: var(--hkx-primary, #013b35); color: var(--hkx-on-primary, #ffffff); padding: 4px 12px; border-radius: 8px; font-size: 0.88rem; font-weight: 800;}
.hkx-risova.hkx-risova.hkx-risova {font-weight: 700; color: var(--hkx-text, var(--hkx-text)); font-size: 0.92rem;}
.hkx-peri.hkx-peri.hkx-peri {color: #10b981; font-weight: 850;}
.hkx-gozeca.hkx-gozeca.hkx-gozeca {color: var(--hkx-muted, var(--hkx-muted)); font-size: 0.82rem;}
.hkx-gicame.hkx-gicame.hkx-gicame {font-size: 1.15rem; font-weight: 600; color: var(--hkx-primary, #013b35); margin-bottom: 1.2rem;}
.hkx-memaze.hkx-memaze.hkx-memaze {background: var(--hkx-surface, #f8fafc); border: 1px solid var(--hkx-border, var(--hkx-border)); border-radius: var(--hkx-radius-md, 14px); padding: 22px 26px; font-size: 1.02rem; line-height: 1.8; color: var(--hkx-text, var(--hkx-text)); margin-bottom: 1.5rem;}
.hkx-nika.hkx-nika.hkx-nika {font-size: 0.82rem; font-weight: 850; text-transform: uppercase; letter-spacing: 0.08em; color: var(--hkx-primary, #013b35); margin-bottom: 12px; display: flex; align-items: center; gap: 6px;}
.hkx-sozeta.hkx-sozeta.hkx-sozeta {display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px;}
.hkx-hano.hkx-hano.hkx-hano {display: flex; align-items: center; gap: 8px; font-size: 0.86rem; font-weight: 750; color: var(--hkx-dark, #0f172a); background: var(--hkx-surface, #f8fafc); padding: 8px 12px; border-radius: 8px;}
.hkx-mugavi.hkx-mugavi.hkx-mugavi {color: #10b981; font-weight: 900; font-size: 1rem;}
.hkx-rate.hkx-rate.hkx-rate {text-align: center; margin-bottom: 1.5rem;}
.hkx-duti.hkx-duti.hkx-duti {color: var(--hkx-primary, #013b35); font-size: 0.82rem; font-weight: 850; text-transform: uppercase; letter-spacing: 0.1em; display: block; margin-bottom: 4px;}
.hkx-vonube.hkx-vonube.hkx-vonube {font-size: clamp(1.6rem, 2.5vw, 2.2rem); font-weight: 900; color: var(--hkx-dark, #0f172a); margin: 0;}
.hkx-zanope.hkx-zanope.hkx-zanope {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap:24px; align-items:start;}
.hkx-mehuba.hkx-mehuba.hkx-mehuba {display: grid; gap: 12px;}
.hkx-keke.hkx-keke.hkx-keke {display:flex; justify-content:space-between; align-items:baseline; gap:12px; flex-wrap:wrap;}
.hkx-poba.hkx-poba.hkx-poba {font-size: 1.1rem; font-weight: 850; color: var(--hkx-dark, #0f172a); margin: 0;}
.hkx-subopa.hkx-subopa.hkx-subopa {color: var(--hkx-muted-soft); text-decoration: line-through;}
.hkx-goho.hkx-goho.hkx-goho {display:flex; justify-content:space-between; gap:10px; font-size:0.85rem;}
.hkx-kita.hkx-kita.hkx-kita {font-weight: 800; color: #065f46;}
.hkx-dumo.hkx-dumo.hkx-dumo {color: var(--hkx-muted, var(--hkx-muted));}
.hkx-lulire.hkx-lulire.hkx-lulire {display:flex; gap:8px; flex-wrap:wrap;}
.hkx-sesabo.hkx-sesabo.hkx-sesabo {flex:1 1 140px; display:flex; align-items:center; justify-content:center; padding:10px 14px; font-size:0.88rem; font-weight:800; text-decoration:none; border-radius:var(--hkx-radius-md, 12px); background:var(--hkx-primary, #013b35); color:var(--hkx-on-primary, #ffffff);}
.hkx-banu.hkx-banu.hkx-banu {flex:1 1 140px; display:flex; align-items:center; justify-content:center; padding:10px 14px; font-size:0.88rem; font-weight:750; text-decoration:none; border-radius:var(--hkx-radius-md, 12px); border:1.5px solid var(--hkx-border, var(--hkx-border)); color:var(--hkx-dark, #0f172a); background:var(--hkx-light, #ffffff);}
.hkx-ripimo.hkx-ripimo.hkx-ripimo {font-size: clamp(1.3rem, 2vw, 1.6rem); font-weight: 900; color: var(--hkx-dark, #0f172a); margin: 0 0 6px 0;}
.hkx-muti.hkx-muti.hkx-muti {color: var(--hkx-muted, var(--hkx-muted)); font-size: 0.9rem; margin: 0;}
.hkx-gotu.hkx-gotu.hkx-gotu {max-width: 540px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px;}
.hkx-cimine.hkx-cimine.hkx-cimine {margin-bottom:10px;}
.hkx-hamu.hkx-hamu.hkx-hamu {display: flex; flex-wrap: wrap; gap: 8px; align-items: center;}
.hkx-luda.hkx-luda.hkx-luda {width: 100%; font-size: 0.85rem; font-weight: 750; color: var(--hkx-dark, #0f172a);}
.hkx-mepi.hkx-mepi.hkx-mepi {display: inline-flex; align-items: center; gap: 7px; padding: 10px 14px; border: 1.5px solid var(--hkx-border, #cbd5e1); border-radius: var(--hkx-radius-sm, 10px); background:var(--hkx-light, #ffffff); font-size: 0.9rem; color: var(--hkx-dark, #0f172a); cursor: pointer;}
.hkx-hego.hkx-hego.hkx-hego {display: flex; align-items: flex-start; gap: 8px; font-size: 0.82rem; color: var(--hkx-muted-strong, var(--hkx-muted-strong)); margin-top: 2px; cursor: pointer; text-align: left;}
.hkx-lahuvu.hkx-lahuvu.hkx-lahuvu {color:var(--hkx-primary,#013b35); text-decoration:underline;}
.hkx-funinu.hkx-funinu.hkx-funinu {text-align: center; margin-top: 4px;}
.hkx-norugo.hkx-norugo.hkx-norugo {color: var(--hkx-primary, #013b35); font-weight: 750; font-size: 0.88rem; text-decoration: underline; cursor: pointer;}
.hkx-linuva.hkx-linuva.hkx-linuva {text-align: center; font-size: 0.8rem; color: var(--hkx-muted, var(--hkx-muted)); display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 4px;}
.hkx-netova.hkx-netova.hkx-netova {background: linear-gradient(135deg, var(--hkx-primary, #013b35) 0%, var(--hkx-secondary, #064e3b) 100%); color: var(--hkx-on-gradient, #ffffff); border-radius: var(--hkx-radius-lg, 20px); padding: clamp(28px, 4vw, 40px); margin-bottom: 3.5rem; display: flex; align-items: center; gap: 24px; flex-wrap: wrap;}
.hkx-hesose.hkx-hesose.hkx-hesose {flex: 1 1 320px;}
.hkx-bugusi.hkx-bugusi.hkx-bugusi {font-size: clamp(1.4rem, 2vw, 1.85rem); font-weight: 900; margin: 0 0 10px 0; color: var(--hkx-on-gradient, #ffffff);}
.hkx-vaso.hkx-vaso.hkx-vaso {margin: 0; font-size: 0.98rem; color: var(--hkx-border); line-height: 1.7;}
.hkx-bolizo.hkx-bolizo.hkx-bolizo {text-align: center; margin-bottom: 2rem;}
.hkx-gifoga.hkx-gifoga.hkx-gifoga {display: grid; gap: clamp(24px, 4vw, 44px);}
.hkx-lusu.hkx-lusu.hkx-lusu {display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(20px, 3vw, 40px); align-items: center;}
.hkx-cunoke.hkx-cunoke.hkx-cunoke {font-size: 1.25rem; font-weight: 850; color: var(--hkx-dark, #0f172a); margin: 0 0 8px 0;}
.hkx-cumuko.hkx-cumuko.hkx-cumuko {color: var(--hkx-text, var(--hkx-muted-strong)); line-height: 1.7; margin: 0 0 8px 0;}
.hkx-cilifi.hkx-cilifi.hkx-cilifi {color: var(--hkx-dark, #0f172a); line-height: 1.7; margin: 0; font-weight: 600;}
.hkx-leduna.hkx-leduna.hkx-leduna {display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 24px; align-items: center;}
.hkx-fupu.hkx-fupu.hkx-fupu {display: grid; gap: 18px;}
.hkx-riza.hkx-riza.hkx-riza {display: flex; gap: 12px; align-items: flex-start; min-width: 0;}
.hkx-vevora.hkx-vevora.hkx-vevora {font-size: 0.98rem; font-weight: 800; color: var(--hkx-dark, #0f172a); margin: 0 0 4px 0;}
.hkx-hozu.hkx-hozu.hkx-hozu {font-size: 0.88rem; color: var(--hkx-text, var(--hkx-muted-strong)); line-height: 1.6; margin: 0;}
.hkx-fobovi.hkx-fobovi.hkx-fobovi {display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 20px;}
.hkx-midu.hkx-midu.hkx-midu {background:var(--hkx-light, #ffffff); border: 1px solid var(--hkx-border, var(--hkx-border)); border-radius: var(--hkx-radius-lg, 18px); padding: 26px; box-shadow: 0 4px 16px rgba(0,0,0,0.03); display: flex; flex-direction: column;}
.hkx-puzute.hkx-puzute.hkx-puzute {display: inline-block; background: rgba(1, 59, 53, 0.08); color: var(--hkx-primary, #013b35); font-size: 0.8rem; font-weight: 850; padding: 4px 12px; border-radius: 999px; margin-bottom: 12px; align-self: flex-start;}
.hkx-faze.hkx-faze.hkx-faze {font-size: 1.2rem; font-weight: 850; color: var(--hkx-dark, #0f172a); margin: 0 0 8px 0;}
.hkx-fovehe.hkx-fovehe.hkx-fovehe {font-size: 0.94rem; color: var(--hkx-text, var(--hkx-muted-strong)); line-height: 1.7; margin: 0;}
.hkx-vibiva.hkx-vibiva.hkx-vibiva {flex: 1; min-width: 140px; padding: 15px 18px; border: none; background:var(--hkx-light, #ffffff); font-weight: 850; color: var(--hkx-primary, #013b35); font-size: 0.9rem; cursor: pointer; border-bottom: 3px solid var(--hkx-primary, #013b35);}
.hkx-bozi.hkx-bozi.hkx-bozi {flex: 1; min-width: 140px; padding: 15px 18px; border: none; background: transparent; font-weight: 700; color: var(--hkx-muted); font-size: 0.9rem; cursor: pointer; border-bottom: 3px solid transparent;}
.hkx-tesuzo.hkx-tesuzo.hkx-tesuzo {font-size: 1.2rem; font-weight: 850; color: var(--hkx-dark, #0f172a); margin: 0 0 12px 0;}
.hkx-foku.hkx-foku.hkx-foku {font-size: 0.98rem; color: var(--hkx-muted-strong); line-height: 1.8; margin-bottom: 1.2rem;}
.hkx-sola.hkx-sola.hkx-sola {padding-left: 20px; line-height: 1.8; font-size: 0.94rem; color: var(--hkx-text, var(--hkx-text));}
.hkx-sevu.hkx-sevu.hkx-sevu {font-size: 1.2rem; font-weight: 850; color: var(--hkx-dark, #0f172a); margin: 0 0 16px 0;}
.hkx-zufutu.hkx-zufutu.hkx-zufutu {display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 16px;}
.hkx-dikago.hkx-dikago.hkx-dikago {background: var(--hkx-surface, #f8fafc); border: 1px solid var(--hkx-border, var(--hkx-border)); border-radius: 12px; padding: 18px;}
.hkx-hepo.hkx-hepo.hkx-hepo {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 4px;}
.hkx-gasu.hkx-gasu.hkx-gasu {color: var(--hkx-dark, #0f172a); font-size: 1rem;}
.hkx-rucola.hkx-rucola.hkx-rucola {background: var(--hkx-primary, #013b35); color: var(--hkx-on-primary, #ffffff); font-size: 0.75rem; font-weight: 750; padding: 2px 8px; border-radius: 6px;}
.hkx-duno.hkx-duno.hkx-duno {font-size: 0.82rem; font-style: italic; color: var(--hkx-muted); margin-bottom: 8px;}
.hkx-savo.hkx-savo.hkx-savo {font-size: 0.88rem; color: var(--hkx-muted-strong); line-height: 1.6; margin: 0;}
.hkx-dati.hkx-dati.hkx-dati {display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-bottom: 20px;}
.hkx-bolava.hkx-bolava.hkx-bolava {border: 1px solid var(--hkx-border, var(--hkx-border)); border-radius: 12px; padding: 18px; text-align: center;}
.hkx-hede.hkx-hede.hkx-hede {margin-bottom: 10px;}
.hkx-rurosu.hkx-rurosu.hkx-rurosu {font-weight: 850; font-size: 0.95rem; color: var(--hkx-dark, #0f172a); margin-bottom: 4px;}
.hkx-zefa.hkx-zefa.hkx-zefa {font-size: 0.88rem; color: var(--hkx-muted);}
.hkx-limeta.hkx-limeta.hkx-limeta {background: rgba(1, 59, 53, 0.05); border:1px solid var(--hkx-border); border-radius: 8px; padding: 14px 18px; font-size: 0.9rem; color: var(--hkx-dark, #0f172a); line-height: 1.6;}
.hkx-mokopi.hkx-mokopi.hkx-mokopi {width: 100%; border-collapse: collapse; font-size: 0.92rem;}
.hkx-buleri.hkx-buleri.hkx-buleri {border-bottom: 1px solid var(--hkx-border, var(--hkx-line));}
.hkx-lasope.hkx-lasope.hkx-lasope {padding: 12px 0; font-weight: 750; color: var(--hkx-dark, #0f172a);}
.hkx-zege.hkx-zege.hkx-zege {color: var(--hkx-muted-strong);}
.hkx-pazi.hkx-pazi.hkx-pazi {background:var(--hkx-light, #ffffff); border: 1px solid var(--hkx-border, var(--hkx-border)); border-radius: 14px; padding: 22px; box-shadow: 0 2px 10px rgba(0,0,0,0.02);}
.hkx-gohiza.hkx-gohiza.hkx-gohiza {color: var(--hkx-primary, #013b35); font-weight: 900; font-size: 1.15rem; margin-bottom: 6px;}
.hkx-bedama.hkx-bedama.hkx-bedama {font-size: 1.05rem; font-weight: 850; color: var(--hkx-dark, #0f172a); margin: 0 0 6px 0;}
.hkx-dizesi.hkx-dizesi.hkx-dizesi {font-size: 0.9rem; color: var(--hkx-text, var(--hkx-muted-strong)); line-height: 1.65; margin: 0;}
.hkx-fopo.hkx-fopo.hkx-fopo {border-bottom: 3px solid var(--hkx-dark, #0f172a); padding-bottom: 12px; margin-bottom: 16px;}
.hkx-keni.hkx-keni.hkx-keni {font-size: 0.8rem; font-weight: 850; letter-spacing: 0.12em; text-transform: uppercase; color: var(--hkx-primary, #013b35); margin-bottom: 4px;}
.hkx-fafido.hkx-fafido.hkx-fafido {font-size: clamp(1.4rem, 2.2vw, 1.85rem); font-weight: 900; color: var(--hkx-dark, #0f172a); margin: 0 0 8px 0;}
.hkx-turizu.hkx-turizu.hkx-turizu {display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 0.88rem; color: var(--hkx-muted, var(--hkx-muted)); font-weight: 600;}
.hkx-zusa.hkx-zusa.hkx-zusa {overflow-x: auto; margin-bottom: 16px;}
.hkx-cesusa.hkx-cesusa.hkx-cesusa {width: 100%; border-collapse: collapse; font-size: 0.92rem; text-align: left;}
.hkx-zecide.hkx-zecide.hkx-zecide {border-bottom: 2px solid var(--hkx-dark, #0f172a); background: var(--hkx-surface, #f8fafc);}
.hkx-rozumi.hkx-rozumi.hkx-rozumi {padding: 10px 14px; font-weight: 850; color: var(--hkx-dark, #0f172a);}
.hkx-muvu.hkx-muvu.hkx-muvu {border-bottom: 1px solid var(--hkx-border, var(--hkx-border));}
.hkx-lurobo.hkx-lurobo.hkx-lurobo {padding: 12px 14px; font-weight: 750; color: var(--hkx-dark, #0f172a);}
.hkx-desenu.hkx-desenu.hkx-desenu {font-size:0.75rem; color:var(--hkx-primary, #013b35); font-weight:600; margin-top:2px;}
.hkx-doruda.hkx-doruda.hkx-doruda {padding: 12px 14px; color: var(--hkx-muted-strong); font-weight: 600;}
.hkx-muzi.hkx-muzi.hkx-muzi {padding: 12px 14px; font-weight: 850; color: var(--hkx-primary, #013b35);}
.hkx-cuzi.hkx-cuzi.hkx-cuzi {padding: 12px 14px; font-weight: 700; color: var(--hkx-muted);}
.hkx-roci.hkx-roci.hkx-roci {border-bottom: 1px solid var(--hkx-border, var(--hkx-border)); background: rgba(0,0,0,0.01);}
.hkx-kepo.hkx-kepo.hkx-kepo {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 0.8rem; color: var(--hkx-muted, var(--hkx-muted)); padding-top: 10px; border-top: 1px solid var(--hkx-border, var(--hkx-border));}
.hkx-sezo.hkx-sezo.hkx-sezo {width: 100%; color: #065f46; font-weight: 700; margin-top: 4px;}
.hkx-podo.hkx-podo.hkx-podo {background: var(--hkx-surface, #f8fafc); border-radius: var(--hkx-radius-lg, 24px); padding: clamp(30px, 4vw, 44px) clamp(20px, 3vw, 36px); margin-bottom: 4rem; border: 1.5px solid var(--hkx-border, var(--hkx-border));}
.hkx-pagu.hkx-pagu.hkx-pagu {font-size: clamp(1.6rem, 2.5vw, 2.2rem); font-weight: 900; color: var(--hkx-dark, #0f172a); margin: 0 0 8px 0;}
.hkx-dopi.hkx-dopi.hkx-dopi {color: var(--hkx-muted, var(--hkx-muted)); font-size: 0.98rem; max-width: 600px; margin: 0 auto;}
.hkx-pipose.hkx-pipose.hkx-pipose {border: 1px solid var(--hkx-border, var(--hkx-border)); background:var(--hkx-light, #ffffff); border-radius: 14px; padding: 20px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.03);}
.hkx-nuhabo.hkx-nuhabo.hkx-nuhabo {font-size: 1.15rem; color: var(--hkx-dark, #0f172a); display: block; margin-bottom: 4px;}
.hkx-caponu.hkx-caponu.hkx-caponu {font-size: 0.85rem; color: #065f46; font-weight: 800; margin-bottom: 14px;}
.hkx-nozevi.hkx-nozevi.hkx-nozevi {display: block; width: 100%; box-sizing: border-box; background: var(--hkx-primary, #013b35); color: var(--hkx-on-primary, #ffffff); padding: 10px; border-radius: 8px; font-weight: 800; font-size: 0.92rem; text-decoration: none;}
.hkx-tepeni.hkx-tepeni.hkx-tepeni {border: 2px solid var(--hkx-primary, #013b35); background:var(--hkx-light, #ffffff); border-radius: 14px; padding: 20px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.03);}
.hkx-sozo.hkx-sozo.hkx-sozo {display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 16px;}
.hkx-nagifu.hkx-nagifu.hkx-nagifu {color: #f59e0b; font-size: 1rem; margin-bottom: 8px;}
.hkx-hucabe.hkx-hucabe.hkx-hucabe {font-size: 0.92rem; color: var(--hkx-text, var(--hkx-text)); line-height: 1.65; margin: 0 0 12px 0;}
.hkx-todifi.hkx-todifi.hkx-todifi {display: flex; align-items: center; justify-content: space-between; font-size: 0.82rem; gap: 10px;}
.hkx-boroce.hkx-boroce.hkx-boroce {display:inline-flex; align-items:center; gap:8px;}
.hkx-kasoro.hkx-kasoro.hkx-kasoro {color: var(--hkx-dark, #0f172a);}
.hkx-dite.hkx-dite.hkx-dite {color: #065f46; font-weight: 750;}
.hkx-nofo.hkx-nofo.hkx-nofo {max-width: 860px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px;}
.hkx-cuharu.hkx-cuharu.hkx-cuharu {background:var(--hkx-light, #ffffff); border: 1px solid var(--hkx-border, var(--hkx-border)); border-radius: 12px; padding: 18px 22px; cursor: pointer;}
.hkx-vesa.hkx-vesa.hkx-vesa {font-weight: 850; color: var(--hkx-dark, #0f172a); font-size: 1.05rem; list-style: none; display: flex; justify-content: space-between; align-items: center;}
.hkx-vebive.hkx-vebive.hkx-vebive {color: var(--hkx-primary, #013b35); font-size: 1.2rem; font-weight: 700;}
.hkx-buru.hkx-buru.hkx-buru {margin: 12px 0 0 0; font-size: 0.95rem; color: var(--hkx-muted-strong); line-height: 1.7; border-top: 1px solid var(--hkx-border, var(--hkx-line)); padding-top: 12px;}
.hkx-bida.hkx-bida.hkx-bida {max-width: 1140px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;}
.hkx-micu.hkx-micu.hkx-micu {display: flex; align-items: center; gap: 12px;}
.hkx-tudapa.hkx-tudapa.hkx-tudapa {font-weight: 850; color: var(--hkx-dark, #0f172a); font-size: 1rem;}
.hkx-miralo.hkx-miralo.hkx-miralo {display: flex; align-items: center; gap: 12px; flex-wrap: wrap;}
.hkx-dakora.hkx-dakora.hkx-dakora {text-align: right; margin-right: 6px;}
.hkx-takape.hkx-takape.hkx-takape {font-size: 0.78rem; color: var(--hkx-muted); display: block;}
.hkx-tivi.hkx-tivi.hkx-tivi {background: transparent; color: var(--hkx-primary, #013b35); border: 2px solid var(--hkx-primary, #013b35); padding: 10px 18px; border-radius: 999px; font-weight: 800; font-size: 0.88rem; cursor: pointer; transition: all 0.2s ease;}
.hkx-gacihe.hkx-gacihe.hkx-gacihe {background: var(--hkx-primary, #013b35); color: var(--hkx-on-primary, #ffffff); border: none; padding: 11px 22px; border-radius: 999px; font-weight: 850; font-size: 0.92rem; cursor: pointer; box-shadow: 0 4px 14px rgba(1, 59, 53, 0.3);}
.hkx-puno.hkx-puno.hkx-puno {display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; border-top:1px solid var(--hkx-border, rgba(0,0,0,0.1)); padding-top:22px;}
.hkx-keco.hkx-keco.hkx-keco {display:flex; flex-wrap:wrap; gap:10px;}
.hkx-tedino.hkx-tedino.hkx-tedino {display:inline-flex; align-items:center; gap:6px; font-size:0.85rem; font-weight:650; color:var(--hkx-dark, #0f172a); text-decoration:none; border:1px solid var(--hkx-border, rgba(0,0,0,0.12)); border-radius:var(--hkx-radius-pill, 999px); padding:8px 16px;}
.hkx-dilaco.hkx-dilaco.hkx-dilaco {font-size:12px; font-weight:700; opacity:0.75; margin-right:2px;}
.hkx-tozego.hkx-tozego.hkx-tozego {display:inline-flex; align-items:center; justify-content:center; min-width:52px; height:32px; padding:0 10px; background:var(--hkx-light, #ffffff); border:1px solid rgba(0,0,0,0.12); border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-weight:800; font-size:12px; letter-spacing:0.02em; color:#1a1f36;}
.hkx-somuka.hkx-somuka.hkx-somuka {width: 100%; border-collapse: collapse; font-size: 0.95rem;}
.hkx-cope.hkx-cope.hkx-cope {text-align: left; padding: 14px 10px; border-bottom: 2px solid var(--hkx-border, var(--hkx-border));}
.hkx-duvo.hkx-duvo.hkx-duvo {padding: 14px 10px; border-bottom: 2px solid var(--hkx-primary, #013b35); color: var(--hkx-primary, #013b35);}
.hkx-virapi.hkx-virapi.hkx-virapi {padding: 14px 10px; border-bottom: 2px solid var(--hkx-border, var(--hkx-border)); color: var(--hkx-muted, var(--hkx-muted));}
.hkx-noda.hkx-noda.hkx-noda {padding: 12px 10px; border-bottom: 1px solid var(--hkx-border, var(--hkx-border)); color: var(--hkx-dark, #0f172a); font-weight: 600;}
.hkx-hirida.hkx-hirida.hkx-hirida {padding: 12px 10px; border-bottom: 1px solid var(--hkx-border, var(--hkx-border)); text-align: center;}
.hkx-nadeso.hkx-nadeso.hkx-nadeso {color: #047857; font-weight: 900;}
.hkx-sohi.hkx-sohi.hkx-sohi {color: var(--hkx-muted-soft, var(--hkx-muted-soft)); font-weight: 900;}
.hkx-ravote.hkx-ravote.hkx-ravote {display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 20px;}
.hkx-puzi.hkx-puzi.hkx-puzi {background: rgba(239, 68, 68, 0.05); border: 1.5px solid rgba(239, 68, 68, 0.2); border-radius: var(--hkx-radius-lg, 18px); padding: 28px;}
.hkx-zopoti.hkx-zopoti.hkx-zopoti {margin-bottom: 12px;}
.hkx-lafosa.hkx-lafosa.hkx-lafosa {font-size: 1.25rem; font-weight: 850; color: #b91c1c; margin: 0 0 10px 0;}
.hkx-tuzafo.hkx-tuzafo.hkx-tuzafo {font-size: 0.95rem; color: var(--hkx-muted-strong); line-height: 1.7; margin: 0;}
.hkx-lomise.hkx-lomise.hkx-lomise {background: rgba(5, 150, 105, 0.06); border: 1.5px solid rgba(5, 150, 105, 0.25); border-radius: var(--hkx-radius-lg, 18px); padding: 28px;}
.hkx-ruga.hkx-ruga.hkx-ruga {font-size: 1.25rem; font-weight: 850; color: #047857; margin: 0 0 10px 0;}
.hkx-nifi.hkx-nifi.hkx-nifi {font-size: 0.95rem; color: var(--hkx-text); line-height: 1.7; margin: 0;}
.hkx-kiri.hkx-kiri.hkx-kiri {font-size: clamp(1.4rem, 2.2vw, 1.85rem); font-weight: 900; color: var(--hkx-dark, #0f172a); margin: 0;}
.hkx-tugivu.hkx-tugivu.hkx-tugivu {display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 16px; margin-bottom: 24px;}
.hkx-dopuse.hkx-dopuse.hkx-dopuse {background:var(--hkx-light, #ffffff); border: 1px solid var(--hkx-border, var(--hkx-border)); border-radius: 14px; padding: 22px;}
.hkx-lagebi.hkx-lagebi.hkx-lagebi {font-size: 1.05rem; color: var(--hkx-dark, #0f172a); display: block; margin-bottom: 6px;}
.hkx-bugu.hkx-bugu.hkx-bugu {font-size: 0.9rem; color: var(--hkx-muted-strong); line-height: 1.65; margin: 0;}
.hkx-fesuli.hkx-fesuli.hkx-fesuli {background:var(--hkx-light, #ffffff); border: 1px solid var(--hkx-border, var(--hkx-border)); border-radius: 14px; padding: 20px;}
.hkx-zenidu.hkx-zenidu.hkx-zenidu {font-size: 0.95rem; color: var(--hkx-dark, #0f172a); display: block; margin-bottom: 12px;}
.hkx-fepe.hkx-fepe.hkx-fepe {display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px;}
.hkx-fimibe.hkx-fimibe.hkx-fimibe {background: var(--hkx-surface, #f8fafc); border-radius: 8px; padding: 12px 14px; border:1px solid var(--hkx-border);}
.hkx-kabeno.hkx-kabeno.hkx-kabeno {font-weight: 850; font-size: 0.9rem; color: var(--hkx-primary, #013b35); margin-bottom: 4px;}
.hkx-zabevu.hkx-zabevu.hkx-zabevu {font-size: 0.85rem; color: var(--hkx-muted-strong); line-height: 1.5;}
.hkx-zinota.hkx-zinota.hkx-zinota {display:grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap:3.5rem; align-items:center;}
.hkx-nosafa.hkx-nosafa.hkx-nosafa {display:inline-flex; align-items:center; gap:8px; background:#eaf5ef; border:1px solid rgba(26, 122, 74, 0.25); padding:6px 16px; border-radius:var(--hkx-radius-pill); margin-bottom:1.5rem; font-size:0.86rem; color:#1a7a4a; font-weight:700;}
.hkx-fesu.hkx-fesu.hkx-fesu {font-size:clamp(2.5rem, 5vw, 4rem); font-weight:700; color:#013b35; line-height:1.12; margin:0 0 1.25rem 0; font-family:var(--hkx-font-heading); letter-spacing:-0.5px;}
.hkx-hacato.hkx-hacato.hkx-hacato {color:#4a5568; font-size:1.15rem; line-height:1.7; margin:0 0 2rem 0; max-width:540px;}
.hkx-vize.hkx-vize.hkx-vize {display:flex; gap:14px; flex-wrap:wrap; margin-bottom:2.25rem;}
.hkx-rele.hkx-rele.hkx-rele {display:flex; gap:18px; flex-wrap:wrap; font-size:0.88rem; font-weight:700; color:#013b35;}
.hkx-bucade.hkx-bucade.hkx-bucade {display:inline-flex; align-items:center; gap:6px;}
.hkx-dalo.hkx-dalo.hkx-dalo {color:#1a7a4a;}
.hkx-zovobe.hkx-zovobe.hkx-zovobe {border-radius:20px; overflow:hidden; box-shadow:var(--hkx-shadow-hero); border:1px solid var(--hkx-border); background:var(--hkx-light, #ffffff);}
.hkx-litobo.hkx-litobo.hkx-litobo {max-width:1280px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap:14px; text-align:center;}
.hkx-tehica.hkx-tehica.hkx-tehica {display:flex; align-items:center; justify-content:center; gap:8px; font-weight:700; color:var(--hkx-dark); font-size:0.95rem;}
.hkx-fukebi.hkx-fukebi.hkx-fukebi {max-width:1280px; margin:0 auto; display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;}
.hkx-zene.hkx-zene.hkx-zene {font-size:clamp(1.6rem, 2.8vw, 2.3rem); font-weight:var(--hkx-weight-heading, 800); color:var(--hkx-dark); margin:0 0 0.5rem 0; line-height:1.15; font-family:var(--hkx-font-heading); letter-spacing:var(--hkx-heading-tracking);}
.hkx-dohu.hkx-dohu.hkx-dohu {margin:0;}
.hkx-hohi.hkx-hohi.hkx-hohi {margin:0; color:var(--hkx-muted); font-size:0.95rem; line-height:1.6; margin-top:10px;}
.hkx-legu.hkx-legu.hkx-legu {display:grid; grid-template-columns:2fr 1fr; gap:16px; margin-top:16px;}
.hkx-heso.hkx-heso.hkx-heso {flex:0 0 min(78%, 300px); scroll-snap-align:start; text-decoration:none; color:inherit; min-width:0;}
.hkx-gopu.hkx-gopu.hkx-gopu {font-size:1.05rem; font-weight:var(--hkx-weight-ui, 700); color:var(--hkx-dark); margin:0 0 6px 0; font-family:var(--hkx-font-heading); margin:0;}
.hkx-nohu.hkx-nohu.hkx-nohu {margin:0; color:var(--hkx-muted); font-size:0.95rem; line-height:1.6;}
.hkx-nale.hkx-nale.hkx-nale {margin:8px 0 0 0;}
.hkx-pukisu.hkx-pukisu.hkx-pukisu {color:var(--hkx-primary); font-weight:700; text-decoration:none; border-bottom:2px solid var(--hkx-accent);}
.hkx-medazi.hkx-medazi.hkx-medazi {max-width:1040px;}
.hkx-riro.hkx-riro.hkx-riro {font-size:clamp(1.6rem, 3.6vw, 3rem); line-height:1.2; font-weight:var(--hkx-weight-heading, 700); color:var(--hkx-dark); margin:0; font-family:var(--hkx-font-heading); letter-spacing:var(--hkx-heading-tracking); text-wrap:balance;}
.hkx-huvu.hkx-huvu.hkx-huvu {margin:18px 0 0 0; color:var(--hkx-muted); font-size:1rem;}
.hkx-numo.hkx-numo.hkx-numo {margin:22px 0 0 0;}
.hkx-sado.hkx-sado.hkx-sado {position:relative; border-radius:var(--hkx-radius-lg); overflow:hidden; min-height:380px; background:var(--hkx-surface); display:flex; flex-direction:column; justify-content:flex-end; padding:20px; box-shadow:var(--hkx-shadow-card);}
.hkx-kogisi.hkx-kogisi.hkx-kogisi {position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to top, rgba(15,23,42,0.85) 0%, rgba(15,23,42,0.1) 60%); z-index:2;}
.hkx-gupu.hkx-gupu.hkx-gupu {position:relative; z-index:3; background:var(--hkx-light, #ffffff); border-radius:var(--hkx-radius-md); padding:20px 22px; box-shadow:0 10px 25px rgba(0,0,0,0.15);}
.hkx-mavifu.hkx-mavifu.hkx-mavifu {font-size:1.15rem; font-weight:var(--hkx-weight-heading); color:var(--hkx-dark); margin:0 0 6px 0; font-family:var(--hkx-font-heading);}
.hkx-halasa.hkx-halasa.hkx-halasa {color:var(--hkx-muted); font-size:0.85rem; line-height:1.5; margin:0 0 14px 0;}
.hkx-siro.hkx-siro.hkx-siro {color:var(--hkx-primary); font-weight:700; font-size:0.875rem; text-decoration:none;}
.hkx-napiga.hkx-napiga.hkx-napiga {max-width:800px; margin:0 auto; text-align:center;}
.hkx-cabu.hkx-cabu.hkx-cabu {font-size:clamp(2rem, 3.8vw, 3rem); font-weight:var(--hkx-weight-heading); color:#ffffff; line-height:1.15; margin:0 0 1.25rem 0; font-family:var(--hkx-font-heading);}
.hkx-nuzo.hkx-nuzo.hkx-nuzo {color:#cbd5e1; font-size:1.1rem; line-height:1.6; margin:0 auto 2rem auto; max-width:560px;}
.hkx-gucofe.hkx-gucofe.hkx-gucofe {color:var(--hkx-primary); font-weight:700; font-size:0.95rem; text-decoration:none;}
.hkx-fonu.hkx-fonu.hkx-fonu {display:block; width:100%; height:190px; overflow:hidden;}
.hkx-fihoco.hkx-fihoco.hkx-fihoco {padding:24px; display:flex; flex-direction:column; flex:1; justify-content:space-between;}
.hkx-vava.hkx-vava.hkx-vava {display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;}
.hkx-sona.hkx-sona.hkx-sona {color:var(--hkx-muted-soft); font-size:0.8rem; font-weight:600;}
.hkx-vudo.hkx-vudo.hkx-vudo {font-size:1.15rem; font-weight:var(--hkx-weight-ui); color:var(--hkx-dark); margin:0 0 10px 0; line-height:1.35; font-family:var(--hkx-font-heading);}
.hkx-rose.hkx-rose.hkx-rose {color:inherit; text-decoration:none;}
.hkx-fama.hkx-fama.hkx-fama {color:var(--hkx-muted); font-size:0.88rem; line-height:1.55; margin:0 0 16px 0;}
.hkx-mezu.hkx-mezu.hkx-mezu {max-width: 1240px; margin: 0 auto;}
.hkx-hicetu.hkx-hicetu.hkx-hicetu {text-align: center; max-width: 780px; margin: 0 auto 2.5rem auto;}
.hkx-zudasu.hkx-zudasu.hkx-zudasu {color: var(--hkx-muted); font-size: 1.05rem; line-height: 1.6; margin: 0 0 1.5rem 0;}
.hkx-kulupo.hkx-kulupo.hkx-kulupo {display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 20px; margin-bottom: 3rem;}
.hkx-zonu.hkx-zonu.hkx-zonu {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(15,23,42,0.1) 0%, rgba(15,23,42,0.85) 100%);pointer-events:none;}
.hkx-hafiba.hkx-hafiba.hkx-hafiba {position:relative;z-index:2;}
.hkx-moba.hkx-moba.hkx-moba {color:#ffffff;font-size:1.2rem;font-weight:850;margin:0 0 4px 0;text-shadow:0 2px 6px rgba(0,0,0,0.7);font-family:var(--hkx-font-heading);line-height:1.25;}
.hkx-mehe.hkx-mehe.hkx-mehe {color:#38bdf8;font-size:0.85rem;font-weight:750;display:inline-flex;align-items:center;gap:4px;}
.hkx-dupo.hkx-dupo.hkx-dupo {background: var(--hkx-surface); border: 1px solid var(--hkx-border); border-radius: var(--hkx-radius-md); padding: 14px 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px;}
.hkx-giniti.hkx-giniti.hkx-giniti {display: flex; gap: 8px; flex-wrap: wrap; align-items: center;}
.hkx-dikene.hkx-dikene.hkx-dikene {font-weight: 700; font-size: 0.86rem; color: var(--hkx-dark); margin-right: 6px;}
.hkx-sepuge.hkx-sepuge.hkx-sepuge {background: var(--hkx-primary); color: var(--hkx-on-primary, #ffffff); padding: 6px 14px; border-radius: var(--hkx-radius-pill); font-size: 0.82rem; font-weight: 700; text-decoration: none;}
.hkx-tavo.hkx-tavo.hkx-tavo {background:var(--hkx-light, #ffffff); border: 1px solid var(--hkx-muted-soft); color: var(--hkx-dark); padding: 6px 14px; border-radius: var(--hkx-radius-pill); font-size: 0.82rem; font-weight: 600; text-decoration: none;}
.hkx-horeca.hkx-horeca.hkx-horeca {font-size: 0.85rem; color: #065f46; font-weight: 700;}
.hkx-susocu.hkx-susocu.hkx-susocu {max-width:1180px; margin:0 auto; padding:0 1.5rem; padding-top:4rem; padding-bottom:1rem;}
.hkx-sovefo.hkx-sovefo.hkx-sovefo {font-size:clamp(2.2rem, 4vw, 3.2rem); font-weight:var(--hkx-weight-heading); color:var(--hkx-dark); margin:0 0 1.5rem 0; font-family:var(--hkx-font-heading); line-height:1.15; text-align:center; max-width:820px; margin-left:auto; margin-right:auto;}
.hkx-fukiho.hkx-fukiho.hkx-fukiho {font-size:1.08rem; line-height:1.8; color:var(--hkx-text);}
.hkx-zokupu.hkx-zokupu.hkx-zokupu {margin:0; line-height:1.65; color:var(--hkx-text);}
.hkx-colove.hkx-colove.hkx-colove {display:flex; gap:12px; align-items:center; margin-top:auto;}
.hkx-fote.hkx-fote.hkx-fote {display:block; color:var(--hkx-dark);}
.hkx-goku.hkx-goku.hkx-goku {font-size:0.85rem; color:var(--hkx-muted);}
.hkx-puru.hkx-puru.hkx-puru {max-width:780px; margin:0 auto; text-align:center;}
.hkx-nafube.hkx-nafube.hkx-nafube {font-size:clamp(1.4rem, 2.4vw, 1.9rem); font-weight:var(--hkx-weight-heading, 800); color:var(--hkx-dark); margin:0 0 1.25rem 0; font-family:var(--hkx-font-heading);}
.hkx-fapaka.hkx-fapaka.hkx-fapaka {margin:0; color:var(--hkx-muted-strong, var(--hkx-text)); line-height:1.75; font-size:1.05rem;}
.hkx-rago.hkx-rago.hkx-rago {border-left:3px solid var(--hkx-primary); padding-left:18px;}
.hkx-kutumu.hkx-kutumu.hkx-kutumu {font-size:1.05rem; font-weight:var(--hkx-weight-ui, 750); color:var(--hkx-dark); margin:0 0 6px 0; font-family:var(--hkx-font-heading);}
.hkx-dudodu.hkx-dudodu.hkx-dudodu {margin:0; color:var(--hkx-muted); line-height:1.6; font-size:0.95rem;}
.hkx-kigotu.hkx-kigotu.hkx-kigotu {display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;}
.hkx-lamo.hkx-lamo.hkx-lamo {margin:0; font-size:1.1rem; color:var(--hkx-dark); max-width:640px; line-height:1.6;}
.hkx-polera.hkx-polera.hkx-polera {max-width: 960px; margin: 0 auto; padding: 4rem 1.5rem; color: var(--hkx-text); line-height: 1.75;}
.hkx-gabu.hkx-gabu.hkx-gabu {font-size: clamp(2.2rem, 4vw, 3.2rem); font-weight: var(--hkx-weight-heading); color: var(--hkx-dark); margin: 0 0 1.5rem 0; font-family:var(--hkx-font-heading);}
.hkx-boba.hkx-boba.hkx-boba {background: var(--hkx-surface); border-radius: var(--hkx-radius-md); padding: 24px; border: 1px solid var(--hkx-border); margin-bottom: 2.5rem;}
.hkx-biroci.hkx-biroci.hkx-biroci {margin: 0; font-size: 1.05rem;}
.hkx-mohuti.hkx-mohuti.hkx-mohuti {color: var(--hkx-dark); font-weight: 700; margin: 0 0 8px 0;}
.hkx-rehi.hkx-rehi.hkx-rehi {color: var(--hkx-muted); font-size: 0.95rem; line-height: 1.6;}
.hkx-dumi.hkx-dumi.hkx-dumi {color: var(--hkx-primary); font-weight: 800; font-size: 1.15rem; margin-bottom: 4px;}
.hkx-sacu.hkx-sacu.hkx-sacu {color: inherit; text-decoration: none;}
.hkx-hefi.hkx-hefi.hkx-hefi {color: var(--hkx-muted-soft); font-size: 0.85rem;}
.hkx-focihi.hkx-focihi.hkx-focihi {color: var(--hkx-primary); font-weight: 700; font-size: 1rem;}
.hkx-mabuzo.hkx-mabuzo.hkx-mabuzo {color: var(--hkx-muted-soft); font-size: 0.85rem; margin-top: 4px;}
.hkx-roho.hkx-roho.hkx-roho {max-width:960px; margin:0 auto; padding:0 1.5rem 4rem 1.5rem;}
.hkx-hidoci.hkx-hidoci.hkx-hidoci {color:var(--hkx-dark); font-weight:700; margin:0 0 6px 0;}
.hkx-bogada.hkx-bogada.hkx-bogada {color:var(--hkx-muted); font-size:0.95rem;}
.hkx-zute.hkx-zute.hkx-zute {font-size:1.3rem; font-weight:var(--hkx-weight-ui); color:var(--hkx-dark); margin:0 0 1.25rem 0; font-family:var(--hkx-font-heading);}
.hkx-dudali.hkx-dudali.hkx-dudali {max-width:1120px; margin:0 auto; padding:3.5rem 1.5rem 4rem;}
.hkx-tupuba.hkx-tupuba.hkx-tupuba {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px 20px; margin-bottom:0.75rem;}
.hkx-gahisu.hkx-gahisu.hkx-gahisu {font-size:0.85rem; font-weight:700; color:var(--hkx-muted); text-decoration:none;}
.hkx-culu.hkx-culu.hkx-culu {font-size:clamp(2rem, 4vw, 3rem); font-weight:var(--hkx-weight-heading, 900); color:var(--hkx-dark); margin:0 0 1rem 0; font-family:var(--hkx-font-heading); text-align:center;}
.hkx-pipinu.hkx-pipinu.hkx-pipinu {font-size:1.08rem; color:var(--hkx-muted-strong, var(--hkx-text)); line-height:1.7; margin:0 0 2rem 0; max-width:720px; margin-left:auto; margin-right:auto; text-align:center;}
.hkx-gagehi.hkx-gagehi.hkx-gagehi {background:var(--hkx-light, #fff); border:1px solid var(--hkx-border); border-radius:var(--hkx-radius-md, 12px); padding:14px 16px;}
.hkx-vehore.hkx-vehore.hkx-vehore {font-size:0.78rem; text-transform:uppercase; letter-spacing:0.06em; color:var(--hkx-muted); font-weight:700; margin-bottom:4px;}
.hkx-tibo.hkx-tibo.hkx-tibo {color:var(--hkx-dark); font-weight:700; line-height:1.4;}
.hkx-tecice.hkx-tecice.hkx-tecice {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap:18px; align-items:start;}
.hkx-sacone.hkx-sacone.hkx-sacone {font-size:0.78rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--hkx-muted); font-weight:800; margin-bottom:6px;}
.hkx-lanofi.hkx-lanofi.hkx-lanofi {font-size:1.35rem; font-weight:var(--hkx-weight-heading, 850); color:var(--hkx-dark); margin:0 0 0.9rem 0; font-family:var(--hkx-font-heading); font-size:1.2rem;}
.hkx-vufufa.hkx-vufufa.hkx-vufufa {background:var(--hkx-surface); border:1px solid var(--hkx-border); border:1px solid var(--hkx-border); border-radius:var(--hkx-radius-md, 12px); padding:16px 18px; margin:0 0 0.9rem 0;}
.hkx-gato.hkx-gato.hkx-gato {font-weight:800; color:var(--hkx-dark); margin-bottom:6px;}
.hkx-kahani.hkx-kahani.hkx-kahani {color:var(--hkx-text); line-height:1.7;}
.hkx-kavo.hkx-kavo.hkx-kavo {grid-column:1 / -1; min-width:0;}
.hkx-kobo.hkx-kobo.hkx-kobo {overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0.5rem 0 1.25rem 0; border:1px solid var(--hkx-border); border-radius:var(--hkx-radius-md, 12px);}
.hkx-kesu.hkx-kesu.hkx-kesu {width:100%; min-width:520px; border-collapse:collapse; font-size:0.94rem; background:var(--hkx-light, #fff);}
.hkx-cubimu.hkx-cubimu.hkx-cubimu {padding:12px 16px; border-bottom:1px solid var(--hkx-line, var(--hkx-border)); color:var(--hkx-text); vertical-align:top;}
.hkx-sehesi.hkx-sehesi.hkx-sehesi {margin:0 0 1rem 0; color:var(--hkx-text); line-height:1.75;}
.hkx-koha.hkx-koha.hkx-koha {margin:0 0 1rem 0; padding-left:1.4rem; color:var(--hkx-text); line-height:1.7;}
.hkx-buke.hkx-buke.hkx-buke {margin-bottom:0.5rem;}
.hkx-lohe.hkx-lohe.hkx-lohe {display:grid; grid-template-columns:minmax(120px, max-content) 1fr; gap:8px 20px; margin:0 0 1rem 0;}
.hkx-nere.hkx-nere.hkx-nere {color:var(--hkx-muted); font-size:0.9rem;}
.hkx-miha.hkx-miha.hkx-miha {margin:0; color:var(--hkx-dark); font-weight:600; overflow-wrap:anywhere;}
.hkx-fufa.hkx-fufa.hkx-fufa {max-width:420px;}
.hkx-zimolo.hkx-zimolo.hkx-zimolo {font-size:0.78rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--hkx-muted); font-weight:800;}
.hkx-sume.hkx-sume.hkx-sume {margin-top:6px; color:var(--hkx-text); font-size:0.92rem; line-height:1.5;}
.hkx-toleze.hkx-toleze.hkx-toleze {color:var(--hkx-dark);}
.hkx-voci.hkx-voci.hkx-voci {color:var(--hkx-primary); text-decoration:none;}
.hkx-hito.hkx-hito.hkx-hito {color:var(--hkx-dark); text-decoration:none;}
.hkx-cufa.hkx-cufa.hkx-cufa {max-width:1280px; margin:0 auto; padding:0 1.5rem; padding-top:4rem; padding-bottom:4rem;}
.hkx-turafu.hkx-turafu.hkx-turafu {text-align:center; max-width:760px; margin:0 auto 3rem auto;}
.hkx-telo.hkx-telo.hkx-telo {font-size:clamp(2.1rem, 4.2vw, 3.3rem); font-weight:var(--hkx-weight-heading, 900); color:var(--hkx-dark); margin:0 0 1rem 0; line-height:1.12; font-family:var(--hkx-font-heading); letter-spacing:var(--hkx-heading-tracking, -0.02em);}
.hkx-zozu.hkx-zozu.hkx-zozu {display:flex; flex-direction:column; gap:12px; min-width:0;}
.hkx-cadado.hkx-cadado.hkx-cadado {display:block;}
.hkx-lesu.hkx-lesu.hkx-lesu {display:flex; justify-content:space-between; gap:10px; font-size:0.78rem; color:var(--hkx-muted); font-weight:600;}
.hkx-resu.hkx-resu.hkx-resu {color:var(--hkx-primary); text-transform:uppercase; letter-spacing:0.06em;}
.hkx-hunera.hkx-hunera.hkx-hunera {font-size:1.1rem; font-weight:var(--hkx-weight-ui, 750); color:var(--hkx-dark); margin:0 0 6px 0; line-height:1.35; font-family:var(--hkx-font-heading); margin:0;}
.hkx-nico.hkx-nico.hkx-nico {margin:0; color:var(--hkx-muted); font-size:0.92rem; line-height:1.6;}
.hkx-gudi.hkx-gudi.hkx-gudi {max-width: 1140px; margin: 0 auto; padding: 4rem 1.5rem;}
.hkx-kuka.hkx-kuka.hkx-kuka {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:clamp(28px, 5vw, 64px); align-items:start;}
.hkx-kazegu.hkx-kazegu.hkx-kazegu {font-size: clamp(2.2rem, 4vw, 3.2rem); font-weight: var(--hkx-weight-heading); color: var(--hkx-dark); margin: 0 0 1.25rem 0; font-family:var(--hkx-font-heading); line-height:1.15;}
.hkx-giru.hkx-giru.hkx-giru {margin:0; color:var(--hkx-muted-strong, var(--hkx-text)); line-height:1.7; font-size:1.05rem; margin-bottom:28px;}
.hkx-tuzasa.hkx-tuzasa.hkx-tuzasa {background: var(--hkx-surface); border-radius: var(--hkx-radius-lg); padding: 30px; border: 1px solid var(--hkx-border); text-align: center;}
.hkx-pavafu.hkx-pavafu.hkx-pavafu {font-size:1.1rem; font-weight:var(--hkx-weight-ui, 750); color:var(--hkx-dark); margin:0 0 8px 0; font-family:var(--hkx-font-heading); line-height:1.35; font-size:1.25rem;}
.hkx-rocozo.hkx-rocozo.hkx-rocozo {color: var(--hkx-muted); font-size: 0.95rem; margin: 0 0 18px 0;}
.hkx-sutu.hkx-sutu.hkx-sutu {display:flex; flex-direction:column; gap:14px;}
.hkx-luke.hkx-luke.hkx-luke {max-width:1040px; margin:0 auto; padding:3.5rem 1.5rem 4rem;}
.hkx-cozu.hkx-cozu.hkx-cozu {font-size:clamp(2rem, 4vw, 3rem); font-weight:var(--hkx-weight-heading, 900); color:var(--hkx-dark); margin:0 0 1rem 0; font-family:var(--hkx-font-heading); text-align:left;}
.hkx-habu.hkx-habu.hkx-habu {font-size:1.08rem; color:var(--hkx-muted-strong, var(--hkx-text)); line-height:1.7; margin:0 0 2rem 0; max-width:720px;}
.hkx-meki.hkx-meki.hkx-meki {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap:18px; align-items:start;}
.hkx-gasi.hkx-gasi.hkx-gasi {background:var(--hkx-light, #fff); border:1px solid var(--hkx-border); border-radius:var(--hkx-radius-lg, 18px); padding:24px; box-shadow:var(--hkx-shadow-card, none); min-width:0;}
.hkx-relo.hkx-relo.hkx-relo {font-size:1.35rem; font-weight:var(--hkx-weight-heading, 850); color:var(--hkx-dark); margin:0 0 0.9rem 0; font-family:var(--hkx-font-heading); font-size:1.1rem;}
.hkx-sana.hkx-sana.hkx-sana {margin:0; color:var(--hkx-text); line-height:1.7;}
.hkx-kivaza.hkx-kivaza.hkx-kivaza {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;}
.hkx-dude.hkx-dude.hkx-dude {background:var(--hkx-light, #fff); border:1px solid var(--hkx-border); border-radius:var(--hkx-radius-lg, 18px); padding:24px; box-shadow:var(--hkx-shadow-card, none); min-width:0; padding:16px 18px;}
.hkx-pifi.hkx-pifi.hkx-pifi {font-size:1.35rem; font-weight:var(--hkx-weight-heading, 850); color:var(--hkx-dark); margin:0 0 0.9rem 0; font-family:var(--hkx-font-heading); margin-top:2.5rem;}
.hkx-tuki.hkx-tuki.hkx-tuki {margin:0; padding-left:1.4rem; color:var(--hkx-text); line-height:1.8;}
.hkx-fakana.hkx-fakana.hkx-fakana {margin:1.5rem 0 0 0; color:var(--hkx-muted);}
.hkx-veci.hkx-veci.hkx-veci {color:var(--hkx-primary);}
.hkx-lezu.hkx-lezu.hkx-lezu {margin-top:1.5rem;}
.hkx-pamuto.hkx-pamuto.hkx-pamuto {color:var(--hkx-muted); line-height:1.6;}
.hkx-lani.hkx-lani.hkx-lani {padding:16px 0; border-top:1px solid var(--hkx-border);}
.hkx-sebavo.hkx-sebavo.hkx-sebavo {display:block; color:var(--hkx-dark); margin-bottom:6px;}
.hkx-vufi.hkx-vufi.hkx-vufi {margin-top:2.5rem; text-align:left;}
.hkx-suzedo.hkx-suzedo.hkx-suzedo {overflow-x:auto; border:1px solid var(--hkx-border); border-radius:var(--hkx-radius-md, 12px); margin:0 0 2rem 0;}
.hkx-hiku.hkx-hiku.hkx-hiku {width:100%; min-width:520px; border-collapse:collapse; background:var(--hkx-light, #fff);}
.hkx-cizubi.hkx-cizubi.hkx-cizubi {text-align:left; padding:12px 16px; background:var(--hkx-surface); color:var(--hkx-dark); border-bottom:1px solid var(--hkx-border);}
.hkx-sakoke.hkx-sakoke.hkx-sakoke {padding:12px 16px; border-bottom:1px solid var(--hkx-line, var(--hkx-border)); font-weight:700; color:var(--hkx-dark);}
.hkx-rabira.hkx-rabira.hkx-rabira {padding:12px 16px; border-bottom:1px solid var(--hkx-line, var(--hkx-border)); color:var(--hkx-text);}
.hkx-fopi.hkx-fopi.hkx-fopi {padding:12px 16px; border-bottom:1px solid var(--hkx-line, var(--hkx-border)); color:var(--hkx-muted);}
.hkx-zise.hkx-zise.hkx-zise {margin:2rem 0 0 0; font-size:0.9rem; color:var(--hkx-muted); line-height:1.6;}
.hkx-duli.hkx-duli.hkx-duli {background:var(--hkx-surface); border:1px solid var(--hkx-border); border:1px solid var(--hkx-border); border-radius:var(--hkx-radius-md, 12px); padding:22px 26px; margin:0 0 2rem 0; max-width:760px;}
.hkx-loho.hkx-loho.hkx-loho {font-weight:800; color:var(--hkx-dark); font-size:1.15rem; margin-bottom:6px;}
.hkx-sebu.hkx-sebu.hkx-sebu {margin:0 0 1.5rem 0; padding-left:1.4rem; color:var(--hkx-text); line-height:1.8;}
.hkx-rusa.hkx-rusa.hkx-rusa {margin:0; color:var(--hkx-muted);}
.hkx-fomoci.hkx-fomoci.hkx-fomoci {max-width:860px; margin:0 auto; padding:3rem 1.5rem 4rem;}
.hkx-nihoka.hkx-nihoka.hkx-nihoka {font-size:clamp(1.9rem, 3.6vw, 2.6rem); font-weight:var(--hkx-weight-heading, 900); color:var(--hkx-dark); margin:0 0 0.8rem 0; font-family:var(--hkx-font-heading);}
.hkx-subobo.hkx-subobo.hkx-subobo {color:var(--hkx-muted-strong, var(--hkx-text)); line-height:1.7; margin:0 0 1.5rem 0;}
.hkx-locicu.hkx-locicu.hkx-locicu {list-style:none; padding:0; margin:0; display:grid; gap:10px;}
.hkx-sugi.hkx-sugi.hkx-sugi {max-width:1280px; margin:0 auto; padding:18px 20px 0 20px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px 20px;}
.hkx-lado.hkx-lado.hkx-lado {text-decoration:none; font-size:1.7rem; font-weight:var(--hkx-weight-heading, 800); color:var(--hkx-dark, #0f172a); font-family:var(--hkx-font-heading); letter-spacing:-0.01em;}
.hkx-tesi.hkx-tesi.hkx-tesi {color:var(--hkx-dark, #0f172a); font-weight:600; font-size:14px; letter-spacing:0.02em; text-decoration:none;}
.hkx-letipe.hkx-letipe.hkx-letipe {max-width:800px; margin:0 auto;}
.hkx-sumuca.hkx-sumuca.hkx-sumuca {color:var(--hkx-muted); font-size:13.5px; line-height:1.6; margin:0 auto 20px auto; max-width:540px;}
.hkx-hore.hkx-hore.hkx-hore {display:flex; justify-content:center; flex-wrap:wrap; gap:18px; margin-bottom:24px; font-size:13.5px; font-weight:600;}
.hkx-zace.hkx-zace.hkx-zace {color:#1d1713; text-decoration:none;}
.hkx-hosine.hkx-hosine.hkx-hosine {border-top:1px solid var(--hkx-border); padding-top:16px; margin-bottom:18px; font-size:11.5px; line-height:1.6; color:var(--hkx-muted-soft); text-align:center;}
.hkx-deku.hkx-deku.hkx-deku {color:var(--hkx-muted-soft); font-size:12px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;}
.hkx-giragi.hkx-giragi.hkx-giragi {padding:0 20px;}
.hkx-cini.hkx-cini.hkx-cini {font-style:normal; display:grid; gap:4px;}
.hkx-cokabi.hkx-cokabi.hkx-cokabi {font-weight:800; font-size:13px; margin-bottom:2px;}
.hkx-vilimi.hkx-vilimi.hkx-vilimi {font-size:12.5px; line-height:1.6;}
.hkx-kocu.hkx-kocu.hkx-kocu {opacity:0.65;}
.hkx-pizu.hkx-pizu.hkx-pizu {font-weight:600;}
.hkx-levu.hkx-levu.hkx-levu {font-size:12.5px;}
.hkx-becu.hkx-becu.hkx-becu {color:inherit; font-weight:600; text-decoration:none;}
.hkx-simo.hkx-simo.hkx-simo {display:flex; flex-wrap:wrap; gap:14px; margin-top:14px;}
.hkx-dela.hkx-dela.hkx-dela {font-size:12.5px; color:inherit; opacity:0.85; text-decoration:underline;}
.hkx-mepe.hkx-mepe.hkx-mepe {display:flex; gap:14px; flex-wrap:wrap;}
.hkx-kovo.hkx-kovo.hkx-kovo {color:var(--hkx-muted-soft); text-decoration:none;}
.hkx-lirihi.hkx-lirihi.hkx-lirihi {color:var(--hkx-muted-soft); text-decoration:underline; cursor:pointer;}
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(--hkx-light, #ffffff); color: var(--hkx-text, #334155); font-family: var(--hkx-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(--hkx-primary, #2563eb); }
button { font: inherit; }
h1, h2, h3, h4, h5, h6 { font-family: var(--hkx-font-heading, inherit); color: var(--hkx-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; }
.hkx-kinivo > *, .hkx-celofo { 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; }
.hkx-bipolu { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; margin: 0 0 1.5rem 0; }
.hkx-bipolu > table { min-width: 480px; }
table { border-collapse: collapse; width: 100%; }
.hkx-revepu { max-width: 1240px; margin: 0 auto; padding: 0 1.5rem; }
.hkx-duvu { min-height: 40vh; padding-bottom: 4rem; }
.hkx-mipu { margin-top: 0 !important; }
.hkx-duvu > .hkx-rote { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
.hkx-coro { margin: 0; }
.hkx-mahe { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: var(--hkx-btn-radius, 10px); font-weight: var(--hkx-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; }
.hkx-mahe:hover { filter: brightness(1.06); transform: translateY(-1px); }
.hkx-fute { background: var(--hkx-primary, #2563eb); color: var(--hkx-on-primary, #ffffff); box-shadow: var(--hkx-shadow-card, none); }
.hkx-hoha { background: transparent; color: var(--hkx-dark, #0f172a); border-color: var(--hkx-border, #e2e8f0); }
.hkx-celofo { background: var(--hkx-light, #ffffff); border: 1px solid var(--hkx-border, #e2e8f0); border-radius: var(--hkx-radius-lg, 18px); padding: var(--hkx-card-pad, 22px); box-shadow: var(--hkx-shadow-card, none); min-width: 0; }
.hkx-merezu { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: var(--hkx-radius-pill, 999px); border: 1px solid var(--hkx-border, #e2e8f0); background: var(--hkx-light, #ffffff); color: var(--hkx-dark, #0f172a); font-size: 0.85rem; font-weight: 600; text-decoration: none; }
.hkx-hisori { display: inline-block; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--hkx-primary, #2563eb); margin-bottom: 10px; }
.hkx-fudaho { font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: var(--hkx-weight-heading, 850); color: var(--hkx-dark, #0f172a); margin: 0 0 12px 0; font-family: var(--hkx-font-heading, inherit); text-transform: var(--hkx-heading-case, none); letter-spacing: var(--hkx-heading-tracking, -0.02em); }
.hkx-kinivo { display: grid; gap: var(--hkx-grid-gap, 1.5rem); grid-template-columns: repeat(auto-fit, minmax(min(var(--hkx-grid-min, 260px), 100%), 1fr)); }
.hkx-dumu { white-space: nowrap; }
@media (max-width: 660px) {
[style*="white-space:nowrap"], [style*="white-space: nowrap"] { white-space: normal !important; }
}
.hkx-rifu { position: fixed; inset: 0; background: rgba(15,23,42,0.5); z-index: 9998; opacity: 0; pointer-events: none; transition: opacity .25s ease; }
.hkx-rifu.open { opacity: 1; pointer-events: auto; }
.hkx-mebifi { position: fixed; top: 0; right: 0; bottom: 0; width: min(420px, 100vw); background: var(--hkx-light, #ffffff); color: var(--hkx-text, #334155); z-index: 9999; transform: translateX(100%); transition: transform .3s ease; display: flex; flex-direction: column; box-shadow: -12px 0 24px -8px rgba(15,23,42,0.22); }
.hkx-mebifi.open { transform: translateX(0); }
.hkx-fifihi { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; border-bottom: 1px solid var(--hkx-border, #e2e8f0); }
.hkx-fifihi h2 { margin: 0; font-size: 1.15rem; }
.hkx-kuhu { background: none; border: none; font-size: 1.4rem; cursor: pointer; padding: 4px 8px; color: var(--hkx-muted, #64748b); line-height: 1; }
.hkx-dani { flex: 1; overflow-y: auto; padding: 12px 20px; }
.hkx-rugu { text-align: center; color: var(--hkx-muted, #64748b); padding: 40px 0; }
.hkx-fezage { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--hkx-line, #f1f5f9); }
.hkx-fezage img, .hkx-fezage .hkx-pudu { width: 64px; height: 64px; border-radius: 10px; object-fit: cover; background: var(--hkx-surface, #f1f5f9); display: block; }
.hkx-fivuve { font-weight: 700; color: var(--hkx-dark, #0f172a); font-size: 0.92rem; line-height: 1.3; overflow-wrap: anywhere; }
.hkx-ruvi { color: var(--hkx-muted, #64748b); font-size: 0.85rem; margin-top: 2px; }
.hkx-genemi { display: inline-flex; align-items: center; border: 1px solid var(--hkx-border, #e2e8f0); border-radius: 8px; overflow: hidden; margin-top: 6px; }
.hkx-genemi button { width: 28px; height: 28px; border: none; background: var(--hkx-surface, #f8fafc); cursor: pointer; }
.hkx-genemi span { min-width: 28px; text-align: center; font-size: 0.85rem; font-weight: 700; }
.hkx-dogo { background: none; border: none; color: var(--hkx-muted-soft, #94a3b8); cursor: pointer; font-size: 1.1rem; padding: 4px; }
.hkx-cuguru { padding: 16px 20px 20px; border-top: 1px solid var(--hkx-border, #e2e8f0); }
.hkx-gululo { display: flex; justify-content: space-between; font-weight: 800; color: var(--hkx-dark, #0f172a); margin-bottom: 12px; }
.hkx-cuguru .hkx-mahe { width: 100%; }
.hkx-visu { display: block; text-align: center; margin-top: 10px; font-size: 0.85rem; color: var(--hkx-muted, #64748b); }
.hkx-hamemo { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); background: var(--hkx-dark, #0f172a); color: #ffffff; padding: 12px 20px; border-radius: 12px; font-weight: 600; font-size: 0.9rem; z-index: 10000; opacity: 0; pointer-events: none; transition: opacity .25s ease, transform .25s ease; max-width: calc(100vw - 32px); }
.hkx-hamemo.show { opacity: 1; transform: translate(-50%, 0); }
.hkx-rulo { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--hkx-accent, #f59e0b); color: var(--hkx-on-accent, #0f172a); font-size: 11px; font-weight: 800; margin-left: 6px; line-height: 1; }
.hkx-logu, .hkx-fuza { max-width: 1100px; margin: 0 auto; padding: 2.5rem 1.5rem 4rem; }
.hkx-logu h1, .hkx-fuza h1 { font-size: clamp(1.7rem, 3vw, 2.4rem); margin-bottom: 1.2rem; }
.hkx-nacupi { width: 100%; }
.hkx-nacupi td { padding: 12px 8px; border-bottom: 1px solid var(--hkx-line, #f1f5f9); vertical-align: middle; }
.hkx-nacupi img { width: 72px; height: 72px; object-fit: cover; border-radius: 10px; }
.hkx-poke { display: flex; justify-content: flex-end; margin-top: 1.5rem; }
.hkx-poke .hkx-celofo { min-width: min(320px, 100%); }
.hkx-vecese { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 2.5rem; align-items: start; }
.hkx-tadi .hkx-vinihe { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.hkx-tadi label { font-weight: 700; font-size: 0.88rem; color: var(--hkx-dark, #0f172a); }
.hkx-tadi input, .hkx-tadi textarea, .hkx-tadi select { width: 100%; padding: 13px 15px; border: 1.5px solid var(--hkx-border, #e2e8f0); border-radius: var(--hkx-radius-md, 12px); background:var(--hkx-light, #ffffff); color: var(--hkx-text, #334155); font-size: 1rem; outline: none; }
.hkx-tadi input:focus, .hkx-tadi textarea:focus { border-color: var(--hkx-primary, #2563eb); outline: 2px solid var(--hkx-primary, #2563eb); outline-offset: 1px; }
.hkx-denuge input, .hkx-denuge textarea, .hkx-denuge select { border: none; border-bottom: 1.5px solid var(--hkx-border, #e2e8f0); border-radius: 0; padding-left: 2px; padding-right: 2px; background: transparent; }
.hkx-denuge label { font-size: 0.74rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--hkx-muted, #64748b); }
.hkx-tadi h2 { font-size: 1.15rem; margin: 1.4rem 0 0.8rem; }
.hkx-veteha { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border: 1.5px solid var(--hkx-border, #e2e8f0); border-radius: var(--hkx-radius-md, 12px); margin-bottom: 10px; cursor: pointer; }
.hkx-veteha:has(input:checked) { border-color: var(--hkx-primary, #2563eb); background: rgba(var(--hkx-primary-rgb, 37, 99, 235), 0.05); }
.hkx-veteha input { margin-top: 4px; accent-color: var(--hkx-primary, #2563eb); width: auto; }
.hkx-veteha strong { display: block; font-size: 0.95rem; color: var(--hkx-dark, #0f172a); }
.hkx-veteha span { font-size: 0.82rem; color: var(--hkx-muted, #64748b); }
.hkx-cipuve { display: flex; gap: 8px; align-items: flex-start; font-size: 0.82rem; color: var(--hkx-muted-strong, #475569); margin: 14px 0; }
.hkx-cipuve input { width: auto; margin-top: 3px; accent-color: var(--hkx-primary, #2563eb); }
.hkx-duzala { width: 100%; font-size: 1.05rem; padding: 15px 24px; }
.hkx-zinapu { min-height: 1.4em; font-size: 0.88rem; color: var(--hkx-muted, #64748b); margin-top: 10px; }
.hkx-vede { position: sticky; top: 16px; }
.hkx-vede h2 { font-size: 1.1rem; margin: 0 0 12px 0; }
.hkx-lotifu { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--hkx-line, #f1f5f9); font-size: 0.92rem; }
.hkx-lotifu.hkx-lemo { border: none; font-weight: 850; font-size: 1.1rem; color: var(--hkx-dark, #0f172a); padding-top: 12px; }
.hkx-cocopo { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); }
.hkx-degavu { font-size: 0.8rem; color: var(--hkx-muted, #64748b); text-align: center; margin-top: 10px; }
@media (max-width: 880px) {
.hkx-vecese { grid-template-columns: 1fr; }
.hkx-vede { position: static; }
}
.hkx-dalake { max-width: 1240px; margin: 0 auto; padding: 2.5rem 1.5rem 0; }
.hkx-dalake h1 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); }
.hkx-ganu { max-width: 1240px; margin: 0 auto; padding: 0 1.5rem 3rem; }
.hkx-tuvi { max-width: 640px; margin: 0 auto; padding: 5rem 1.5rem; text-align: center; }
.hkx-tuvi h1 { font-size: clamp(2rem, 5vw, 3.2rem); }
.hkx-bofo { max-width: 860px; margin: 0 auto; padding: 2rem 1rem; line-height: 1.8; font-size: 1.1rem; }
.hkx-bofo img { border-radius: 14px; }
.hkx-foge select { height: auto; min-height: 52px; line-height: 1.35; }
.qbq-kocuze { scroll-behavior: smooth; }
[id^="gt-"] { scroll-margin-top: 80px; }
.hkx-kagora { position: relative; z-index: 50; }
.hkx-kagora a { text-decoration: none; }
.hkx-kagora .qqq-duhake { display: flex; align-items: center; }
.hkx-kagora a, .hkx-kagora nav a, .hkx-kagora .qqq-duhake a, .hkx-vuzi a {
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: nowrap !important;
}
.hkx-kagora a > div, .hkx-kagora a > span { white-space: normal !important; }
@media (max-width: 780px) {
.hkx-kagora > div:has(> .qqq-duhake) { 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; }
.hkx-kagora .qqq-duhake { 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; }
.hkx-kagora .qqq-duhake a { flex: 0 0 auto !important; }
.hkx-kagora .qqq-duhake::-webkit-scrollbar { display: none !important; }
.hkx-kagora > div > a[href*="/index."] > div:nth-child(2) { display: none !important; }
.hkx-kagora > div > div > a[href*="/index."] + div { display: none !important; }
.hkx-kagora > div > div:has(> a[href*="/index."]) { min-width: 0 !important; flex: 1 1 auto !important; }
.hkx-kagora > div > div > a[href*="/index."] { display: block !important; max-width: 100% !important; min-width: 0 !important; }
.hkx-kagora > div > div > a[href*="/index."] > div { white-space: normal !important; overflow-wrap: anywhere !important; }
.hkx-kagora > div > div > a[href*="/index."] > div + div { display: none !important; }
.hkx-kagora > div > div > a[href$="/catalogo.php"] { padding: 7px 12px !important; font-size: 12px !important; white-space: nowrap !important; }
.qbq-malo { justify-content: flex-start !important; }
}
.hkx-muci { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.hkx-kaka { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; max-width: 100%; box-sizing: border-box; padding: 9px 18px; border-radius: 99px; font-weight: 700; font-size: 0.88rem; line-height: 1.2; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: anywhere; transition: all 0.2s ease; border: 1.5px solid var(--hkx-border, #e2e8f0); background:var(--hkx-light, #ffffff); color: var(--hkx-text, #334155); box-shadow: 0 2px 6px rgba(0,0,0,0.03); }
.hkx-kaka:hover { border-color: var(--hkx-primary, #2563eb); color: var(--hkx-primary, #2563eb); transform: translateY(-1px); }
.hkx-kaka.hkx-kapazi { background: var(--hkx-primary, #2563eb); color: var(--hkx-on-primary, #ffffff); border-color: var(--hkx-primary, #2563eb); }
.hkx-loki { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); gap: 24px; margin: 1.5rem 0 0 0; padding: 0; list-style: none; }
.qqq-vifa { position: relative; background:var(--hkx-light, #ffffff); border: 1.5px solid var(--hkx-border, #e2e8f0); border-radius: 20px; padding: 18px; display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.03); min-width: 0; }
.qqq-vifa:hover { transform: translateY(-4px); box-shadow: 0 16px 30px -8px rgba(0,0,0,0.1); border-color: var(--hkx-primary, #2563eb); }
.qqq-vifa .qqq-rena { position: absolute; top: 14px; left: 14px; z-index: 2; background: var(--hkx-accent, #f59e0b); color: var(--hkx-on-accent, #0f172a); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.04em; padding: 5px 10px; border-radius: 8px; text-transform: uppercase; }
.qqq-feza { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 14px; background: var(--hkx-surface, #f1f5f9); margin-bottom: 14px; }
.qqq-feza img { width: 100%; height: 100%; object-fit: cover; display: block; }
.qqq-necilu { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.qqq-zufo { display: flex; align-items: center; gap: 4px; font-size: 0.82rem; color: var(--hkx-muted, #64748b); }
.qqq-pacoce { color: #f59e0b; }
.qqq-bemuro { font-weight: 700; color: var(--hkx-dark, #0f172a); }
.qqq-nezobe { font-size: 1.05rem; font-weight: 800; color: var(--hkx-dark, #0f172a); line-height: 1.4; margin: 0 0 4px 0; }
.qqq-nezobe a { color: inherit; text-decoration: none; }
.qqq-vudi { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.qqq-vulo { font-size: 1.15rem; font-weight: 850; color: var(--hkx-primary, #2563eb); }
.qqq-zedivi { color: var(--hkx-muted-soft, #94a3b8); text-decoration: line-through; font-size: 0.92rem; }
.qqq-note { margin-top: auto; }
.qqq-cusu { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; border: none; cursor: pointer; border-radius: 99px; font-weight: 750; font-size: 0.88rem; padding: 11px 18px; background: var(--hkx-primary, #2563eb); color: var(--hkx-on-primary, #ffffff); text-decoration: none; transition: filter .2s ease, transform .2s ease; }
.qqq-cusu:hover { filter: brightness(1.1); transform: translateY(-1px); }
@media (max-width: 780px) {
.hkx-loki { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.qqq-vifa { padding: 10px; border-radius: 14px; }
.qqq-nezobe { font-size: 0.9rem; line-height: 1.3; }
.qqq-vulo { font-size: 0.95rem; }
.qqq-cusu { font-size: 12px; padding: 9px 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
.hkx-sefipi { max-width: 1180px; margin: 0 auto; padding: 2rem 1rem 1rem; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; align-items: start; }
.hkx-hita { position: sticky; top: 16px; min-width: 0; }
.hkx-guba { aspect-ratio: 1 / 1; border-radius: 18px; overflow: hidden; background: var(--hkx-surface, #f1f5f9); box-shadow: 0 15px 35px -10px rgba(15,23,42,0.12); }
.hkx-guba img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hkx-hunope { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.hkx-hunope button { width: 72px; height: 72px; border-radius: 12px; overflow: hidden; border: 2px solid var(--hkx-border, #e2e8f0); background: none; padding: 0; cursor: pointer; }
.hkx-hunope button[aria-current="true"] { border-color: var(--hkx-primary, #2563eb); }
.hkx-hunope img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hkx-hucu { min-width: 0; }
.hkx-hucu h1 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 900; line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 10px 0; }
.hkx-pateka { color: var(--hkx-muted, #64748b); font-size: 1.05rem; margin: 0 0 14px 0; }
.hkx-niro { font-size: 2rem; font-weight: 900; color: var(--hkx-primary, #2563eb); margin: 0 0 14px 0; display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.hkx-niro del { color: var(--hkx-muted-soft, #94a3b8); font-size: 1.2rem; font-weight: 500; }
.hkx-kokeza { color: var(--hkx-text, #334155); margin-bottom: 18px; }
.hkx-kokeza ul { padding-left: 1.2em; }
.hkx-sobeta { font-size: 0.85rem; color: var(--hkx-muted, #64748b); display: flex; gap: 16px; flex-wrap: wrap; margin-top: 14px; }
form.cart { display: flex; gap: 12px; align-items: stretch; flex-wrap: wrap; margin: 20px 0; }
form.cart .quantity { display: inline-flex; align-items: center; border: 1.5px solid var(--hkx-border, #e2e8f0); border-radius: 12px; overflow: hidden; }
form.cart .quantity button { width: 42px; height: 50px; border: none; background: var(--hkx-surface, #f8fafc); cursor: pointer; font-size: 1.1rem; }
form.cart .quantity input { width: 56px; height: 50px; border: none; text-align: center; font-weight: 700; font-size: 1rem; -moz-appearance: textfield; }
form.cart .quantity input::-webkit-inner-spin-button, form.cart .quantity input::-webkit-outer-spin-button { -webkit-appearance: none; }
form.cart .single_add_to_cart_button { flex: 1 1 200px; padding: 14px 32px; font-size: 1.05rem; font-weight: 800; border-radius: 12px; border: none; cursor: pointer; background: var(--hkx-primary, #2563eb); color: var(--hkx-on-primary, #ffffff); box-shadow: 0 6px 14px -6px rgba(15, 23, 42, 0.25); }
.hkx-tihuri form.cart .single_add_to_cart_button { background: var(--hkx-primary, #1e293b); color: var(--hkx-on-primary, #ffffff); border-radius: 14px; }
@media (max-width: 920px) {
.hkx-sefipi { grid-template-columns: 1fr; gap: 1.5rem; padding-top: 1rem; }
.hkx-hita { position: static; }
}