body.qkasa-refresh {
  --ink: #34251c;
  --muted: #74604d;
  --line: #dfcdb7;
  --paper: #fffaf2;
  --soft: #f4ede2;
  --orange: #b6402d;
  --gold: #80591c;
  --navy: #211812;
  --accent-soft: #f3e3da;
  --on-accent: #fff8ed;
  --header-text: #fff8ed;
  --shadow: 0 8px 28px rgb(52 37 28 / 6%);
  color: var(--ink);
  background: var(--paper);
}
html[data-qkasa-theme="cool"] body.qkasa-refresh {
  --ink: #202c40;
  --muted: #485972;
  --line: #c9d4e5;
  --paper: #fff;
  --soft: #f3f5f9;
  --orange: #245bc4;
  --gold: #80591c;
  --navy: #172134;
  --accent-soft: #e6ecf5;
}
.qkasa-refresh .site-header, .qkasa-refresh .contact, .qkasa-refresh .site-footer, .qkasa-refresh .clients { background: var(--navy); color: var(--header-text); }
.qkasa-refresh .topbar { display: flex; align-items: center; flex-wrap: wrap; padding: 4px max(16px, calc((100% - 1280px) / 2)); gap: 8px 20px; background: transparent; }
.qkasa-refresh .topbar > a, .qkasa-refresh .topbar > span { min-width: 0; padding: 0; border: 0; font-size: 12px; font-weight: 500; }
.qkasa-refresh .navbar { gap: 24px; }
.qkasa-refresh .brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.qkasa-refresh .brand img { width: 48px; height: 48px; }
.brand-name { display: grid; gap: 0; line-height: 1.2; color: var(--header-text); }
.brand-name strong { font: 700 30px/1 Arial, sans-serif; letter-spacing: 0; }
.brand-name > span { font-size: 16px; margin-top: 5px; font-weight: 500; }
.site-preferences { display: inline-flex; align-items: center; gap: 12px; margin-left: auto; }
.site-theme { display: flex; align-items: center; gap: 8px; }
.site-theme button { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.site-theme button:hover, .site-language > summary:hover { background: rgb(255 255 255 / 10%); }
.site-theme button span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: #fff; font-size: 14px; }
.site-theme [data-palette="warm"] span { background: #b6402d; }
.site-theme [data-palette="cool"] span { background: #245bc4; }
.site-theme [aria-pressed="true"] span { outline: 1px solid #bcae9d; outline-offset: 4px; }
.site-language { position: relative; font-size: 13px; }
.site-language > summary { list-style: none; display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 8px; border-radius: 6px; cursor: pointer; }
.site-language > summary::-webkit-details-marker { display: none; }
.site-language > summary::after { content: ''; width: 6px; height: 6px; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(45deg); margin: -3px 2px 0 0; }
.site-language nav { position: absolute; right: 0; top: calc(100% + 6px); z-index: 50; min-width: 160px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--ink); box-shadow: var(--shadow); }
.site-language nav a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 8px 12px; border-radius: 4px; }
.site-language nav a:hover { background: var(--accent-soft); }
.site-language nav a[aria-current="page"] { color: var(--orange); font-weight: 700; }
.qkasa-refresh .nav-links > a { font-weight: 500; font-size: 13px; }
.qkasa-refresh .nav-links a.active, .qkasa-refresh .nav-links a:hover { color: #f0c789; }
.qkasa-refresh .hero { background: var(--soft); color: var(--ink); padding: 64px 0; }
.qkasa-refresh h1, .qkasa-refresh h2, .qkasa-refresh h3 { letter-spacing: 0; }
.qkasa-refresh .hero h1 { font-size: 52px; font-weight: 700; }
.qkasa-refresh .hero-copy, .qkasa-refresh .hero-note, .qkasa-refresh .product-layout p, .qkasa-refresh .ordering-grid p, .qkasa-refresh .cloud-grid p, .qkasa-refresh .customer-more, .qkasa-refresh .customer-section .section-heading p, .qkasa-refresh .scene-note { color: var(--muted); }
.qkasa-refresh .eyebrow, .qkasa-refresh .section-heading span, .qkasa-refresh .text-link, .qkasa-refresh .order-tag, .qkasa-refresh .order-number, .qkasa-refresh .cloud-grid article > span { color: var(--orange); letter-spacing: 0; }
.qkasa-refresh .hero-product, .qkasa-refresh .product-photo img { border-radius: 8px; }
.qkasa-refresh .hero-product { background: var(--line); }
.qkasa-refresh .hero-product img { object-fit: contain; background: #fff; }
.qkasa-refresh .hero-product figcaption { background: var(--navy); color: var(--header-text); border-radius: 4px; }
.qkasa-refresh .hero-product figcaption span { color: #e0ba80; letter-spacing: 0; }
.qkasa-refresh .btn.primary { color: var(--on-accent); background: var(--orange); border-color: var(--orange); }
.qkasa-refresh .btn.secondary { color: var(--ink); background: var(--paper); border: 1px solid var(--line); }
.qkasa-refresh .btn:hover { filter: brightness(.94); }
.qkasa-refresh .ordering, .qkasa-refresh .cloud-section, .qkasa-refresh .salon, .qkasa-refresh .customer-section, .qkasa-refresh .eet-overview, .qkasa-refresh .eet-tinted { background: var(--soft); }
.qkasa-refresh .pricing, .qkasa-refresh .eet-contents { background: var(--paper); }
.qkasa-refresh .ordering-grid article, .qkasa-refresh .cloud-grid article, .qkasa-refresh .feature-card, .qkasa-refresh .price-panel, .qkasa-refresh .salon-demo, .qkasa-refresh .eet-milestones article, .qkasa-refresh .eet-note, .qkasa-refresh .eet-fields { background: var(--paper); border-color: var(--line); color: var(--ink); border-radius: 8px; box-shadow: none; }
.qkasa-refresh .product-points, .qkasa-refresh .salon-demo > div, .qkasa-refresh .lead { border-color: var(--line); }
.qkasa-refresh .contact-box { background: var(--paper); color: var(--ink); }
.qkasa-refresh .contact p { color: #d9c7af; }
.qkasa-refresh .eet-milestones time, .qkasa-refresh .eet-meta a, .qkasa-refresh .eet-source a, .qkasa-refresh .eet-sources a, .qkasa-refresh .eet-contents a, .qkasa-refresh .eet-timeline time, .qkasa-refresh .eet-fields dt { color: var(--orange); }
.qkasa-refresh .eet-meta, .qkasa-refresh .eet-source, .qkasa-refresh .eet-timeline p, .qkasa-refresh .eet-milestones p { color: var(--muted); }
.qkasa-refresh :is(a, button, summary):focus-visible { outline: 2px solid var(--orange); outline-offset: 4px; }
.site-header :is(a, button, summary):focus-visible { outline-color: #f0c789; }
@media (prefers-color-scheme: dark) {
  body.qkasa-refresh { --ink: #f5ead9; --muted: #c6b399; --line: #604b34; --paper: #2c2118; --soft: #211812; --orange: #f19578; --gold: #e0b867; --accent-soft: #493027; --on-accent: #211812; }
  html[data-qkasa-theme="cool"] body.qkasa-refresh { --ink: #e9effa; --muted: #c2cde0; --line: #465b79; --paper: #1c2636; --soft: #111722; --orange: #80a9f4; --gold: #e3b770; --accent-soft: #253248; --on-accent: #10203f; }
}
@media (max-width: 1200px) {
  .qkasa-refresh .navbar { width: calc(100% - 32px); position: relative; }
  .qkasa-refresh .nav-toggle { display: block; margin-left: auto; border: 0; border-radius: 6px; background: transparent; }
  .qkasa-refresh .nav-links { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 30; background: var(--navy); border: 1px solid #604b34; border-radius: 8px; max-height: calc(100dvh - 170px); overflow: auto; }
  .qkasa-refresh .nav-links.open { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; padding: 12px; }
  .qkasa-refresh .nav-links > a { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; white-space: normal; }
  .qkasa-refresh .nav-links a::before { display: none; }
}
@media (max-width: 650px) {
  .qkasa-refresh .topbar { gap: 4px 12px; }
  .qkasa-refresh .topbar > span { display: none; }
  .qkasa-refresh .topbar > a { font-size: 11px; gap: 4px; }
  .qkasa-refresh .topbar-icon { width: 20px; height: 20px; background-size: 12px; }
  .site-preferences { gap: 4px; }
  .site-theme { gap: 4px; }
  .qkasa-refresh .hero h1, .qkasa-refresh:lang(cs) .hero h1, .qkasa-refresh:lang(vi) .hero h1 { font-size: 36px; }
  .qkasa-refresh .hero { padding: 36px 0; }
  .qkasa-refresh .hero-product { border-radius: 8px; }
  .qkasa-refresh .hero-product img { height: 330px; }
}