/* Inter (SIL OFL), samostalno hostovan: bez zahtjeva prema Googleu */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('../fonts/inter-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('../fonts/inter-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ===== menu ===== */
.wg-menu {
  --ink: #111312;
  --ink-2: #1A1D1B;
  --lime: #B4D82E;
  --lime-hover: #A9CD26;
  --gray: #9AA69E;
  --muted: #5A655E;
  --line: rgba(17, 19, 18, 0.09);
  --line-strong: #8A948C; /* granice polja i dugmadi: 3:1 prema bijeloj (WCAG 1.4.11) */
  --hover: rgba(17, 19, 18, 0.06);
  --surface: #F4F6F2;
  --white: #FFFFFF;
  --glass: rgba(255, 255, 255, 0.78);
  --radius: 10px;
  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --wm-max: 1240px;
  --wm-gutter: clamp(16px, 3vw, 32px);
  position: relative;
  z-index: 9000;
  display: block;
  color: var(--ink);
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  letter-spacing: -0.006em;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  caret-color: transparent;
  box-sizing: border-box;}
.wg-menu input,
.wg-menu textarea,
.wg-menu select,
.wg-menu [contenteditable] { caret-color: auto;}
.wg-menu *,
.wg-menu *::before,
.wg-menu *::after { box-sizing: border-box;}
.wg-menu * { margin: 0; padding: 0;}
.wg-menu [hidden] { display: none !important;}
.wg-menu ul,
.wg-menu ol { list-style: none;}
.wg-menu a,
.wg-menu a:hover,
.wg-menu a:focus,
.wg-menu a:active { text-decoration: none;}
.wg-menu a { color: inherit;}
.wg-menu img { max-width: 100%; height: auto; display: block; border: 0;}
.wg-menu button,
.wg-menu input { font-family: inherit;}
.wg-menu svg { display: block; flex: none;}
.wg-menu .wm-wrap { max-width: var(--wm-max); margin: 0 auto; padding: 0 var(--wm-gutter);}
.wg-menu .wm-ico { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.wg-menu .wm-chev { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.wg-menu a:focus-visible,
.wg-menu button:focus-visible,
.wg-menu input:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; border-radius: 8px; box-shadow: 0 0 0 4px var(--white);}
.wg-menu .wm-btn,
.wg-menu .wm-btn:hover,
.wg-menu .wm-btn:focus,
.wg-menu .wm-btn:active {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 20px; border-radius: var(--radius); border: 1px solid transparent;
  font-size: 14px; font-weight: 600; line-height: 1.2; letter-spacing: -0.006em; cursor: pointer; text-transform: none;
  transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.12s var(--ease-out);}
.wg-menu .wm-btn:active { transform: scale(0.97);}
.wg-menu .wm-btn-lime,
.wg-menu .wm-btn-lime:focus,
.wg-menu .wm-btn-lime:active { background: var(--lime); color: var(--ink); border-color: var(--lime);}
.wg-menu .wm-btn-line,
.wg-menu .wm-btn-line:focus,
.wg-menu .wm-btn-line:active { background: var(--white); color: var(--ink); border-color: var(--line-strong);}
.wg-menu .wm-util { background: var(--ink); color: var(--gray); font-size: 13px;}
.wg-menu .wm-util .wm-wrap { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 40px;}
.wg-menu .wm-util ul { display: flex; align-items: center; gap: 24px;}
.wg-menu .wm-util li { display: flex; align-items: center; gap: 8px;}
.wg-menu .wm-util .wm-ico { width: 15px; height: 15px; stroke: var(--lime);}
.wg-menu .wm-util a,
.wg-menu .wm-util a:hover { display: inline-flex; align-items: center; min-height: 40px; color: var(--white); font-weight: 500; transition: color 0.16s ease;}
.wg-menu .wm-util a:focus-visible { outline-color: var(--lime); box-shadow: none;}
.wg-menu .wm-main,
.wg-menu .wm-nav { position: relative;}
.wg-menu .wm-main::before,
.wg-menu .wm-nav::before { content: ""; position: absolute; inset: 0; z-index: 0; background: var(--glass); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); pointer-events: none;}
.wg-menu .wm-main > *,
.wg-menu .wm-nav > .wm-wrap { position: relative; z-index: 1;}
.wg-menu .wm-main .wm-wrap {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 28px;
  grid-template-areas: "logo search contact";
  min-height: 88px;}
.wg-menu .wm-logo { grid-area: logo; justify-self: start; border-radius: 8px;}
.wg-menu .wm-logo { display: flex; align-items: center; min-height: 44px;}
.wg-menu .wm-logo img { height: 38px; width: auto;}
.wg-menu .wm-search { grid-area: search; display: flex; align-items: stretch; width: 100%; max-width: 620px; justify-self: center; height: 46px; border: 1px solid var(--line-strong); border-radius: 12px; background: rgba(255,255,255,0.9); overflow: hidden; transition: border-color 0.16s ease, box-shadow 0.2s var(--ease-out);}
.wg-menu .wm-search:focus-within { border-color: var(--ink); box-shadow: 0 0 0 4px rgba(17,19,18,0.08);}
.wg-menu .wm-search input[type="search"] {
  flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; box-shadow: none; appearance: none; -webkit-appearance: none;
  padding: 0 16px; font-size: 16px; color: var(--ink); height: auto; min-height: 0; margin: 0; border-radius: 0;}
.wg-menu .wm-search input[type="search"]:focus { outline: 0; box-shadow: none; border: 0;}
.wg-menu .wm-search input::placeholder { color: var(--muted); opacity: 1;}
.wg-menu .wm-search input[type="search"]::-webkit-search-cancel-button { display: none;}
.wg-menu .wm-search button,
.wg-menu .wm-search button:hover,
.wg-menu .wm-search button:focus { flex: none; width: 52px; border: 0; border-radius: 0; background: var(--lime); color: var(--ink); cursor: pointer; display: grid; place-items: center; padding: 0; margin: 0; height: auto; transition: background-color 0.16s ease;}
.wg-menu .wm-search button:focus-visible { outline-offset: -4px; box-shadow: none;}
.wg-menu .wm-contact { grid-area: contact; display: flex; align-items: center; gap: 12px;}
.wg-menu .wm-contact-ic { width: 44px; height: 44px; border-radius: 50%; background: var(--hover); display: grid; place-items: center; color: var(--ink);}
.wg-menu .wm-contact small { display: block; font-size: 12px; color: var(--muted); line-height: 1.3; letter-spacing: 0;}
.wg-menu .wm-contact a,
.wg-menu .wm-contact a:hover { display: block; font-size: 18px; font-weight: 700; color: var(--ink); line-height: 1.25; font-variant-numeric: tabular-nums; letter-spacing: -0.02em;}
.wg-menu .wm-icon-btn,
.wg-menu .wm-icon-btn:hover,
.wg-menu .wm-icon-btn:focus,
.wg-menu .wm-icon-btn:active {
  position: relative; width: 44px; height: 44px; display: grid; place-items: center; padding: 0; margin: 0;
  border: 0; border-radius: 12px; background: transparent; color: var(--ink); cursor: pointer;
  transition: background-color 0.16s ease, transform 0.12s var(--ease-out);}
.wg-menu .wm-icon-btn:active { transform: scale(0.93); background: var(--hover);}
.wg-menu .wm-icon-btn.wm-burger { grid-area: burger;}
.wg-menu .wm-icon-btn.wm-phone-btn { grid-area: phone;}
.wg-menu .wm-icon-btn.wm-burger,
.wg-menu .wm-icon-btn.wm-phone-btn { display: none;}
.wg-menu .wm-badge { position: absolute; top: 2px; right: 0; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--ink); color: var(--white); font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; font-variant-numeric: tabular-nums; letter-spacing: 0;}
.wg-menu .wm-badge[data-count="0"] { display: none;}
.wg-menu .wm-nav { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
.wg-menu .wm-nav > .wm-wrap { display: flex; align-items: stretch; justify-content: space-between; gap: 24px; min-height: 54px;}
.wg-menu .wm-nav-list { position: relative; display: flex; align-items: stretch; gap: 2px;}
.wg-menu .wm-nav-list > li { position: relative; z-index: 1; display: flex; align-items: stretch;}
.wg-menu .wm-nav-list > li.wm-pill { position: absolute; z-index: 0; left: 0; top: 9px; height: 36px; width: 0; padding: 0; border-radius: var(--radius); background: var(--hover); opacity: 0; pointer-events: none; transition: transform 0.28s var(--ease), width 0.28s var(--ease), opacity 0.16s ease; will-change: transform;}
.wg-menu .wm-nav-list > li.wm-pill.is-on { opacity: 1;}
.wg-menu .wm-nav-link,
.wg-menu .wm-nav-link:hover,
.wg-menu .wm-nav-link:focus,
.wg-menu .wm-nav-link:active {
  position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 0 16px; margin: 0; min-height: 54px;
  border: 0; border-radius: var(--radius); background: transparent; color: var(--ink); font-size: 15px; font-weight: 500; line-height: 1.2; letter-spacing: -0.011em; cursor: pointer; text-transform: none;}
.wg-menu .wm-nav-link .wm-chev { width: 12px; height: 12px; stroke: var(--muted); transition: transform 0.24s var(--ease);}
.wg-menu .wm-nav-link[aria-expanded="true"] .wm-chev { transform: rotate(180deg);}
.wg-menu .wm-nav-link.wm-all,
.wg-menu .wm-nav-link.wm-all:hover,
.wg-menu .wm-nav-link.wm-all:focus,
.wg-menu .wm-nav-link.wm-all:active { align-self: center; min-height: 44px; background: var(--ink); color: var(--white); padding: 0 18px 0 14px; margin-right: 10px; font-weight: 600; transition: transform 0.12s var(--ease-out), background-color 0.16s ease;}
.wg-menu .wm-nav-link.wm-all:active { transform: scale(0.97);}
.wg-menu .wm-nav-link.wm-all .wm-ico { stroke: var(--lime); width: 18px; height: 18px;}
.wg-menu .wm-nav-link.wm-all:focus-visible { outline-color: var(--ink); box-shadow: 0 0 0 4px var(--white);}
.wg-menu .wm-nav-cta { display: flex; align-items: center;}
.wg-menu .wm-scrim { position: absolute; left: 0; right: 0; top: 100%; height: 100vh; z-index: 5; background: rgba(17,19,18,0.2); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0s linear 0.2s;}
.wg-menu .wm-nav.is-mega-open .wm-scrim { opacity: 1; visibility: visible; transition-delay: 0s;}
.wg-menu .wm-mega,
.wg-menu .wm-dd {
  visibility: hidden; opacity: 0; transform: translateY(-6px) scale(0.992); transform-origin: 50% 0;
  transition: opacity 0.14s ease, transform 0.14s ease, visibility 0s linear 0.14s;}
.wg-menu .wm-mega.is-open,
.wg-menu .wm-dd.is-open { visibility: visible; opacity: 1; transform: none; transition: opacity 0.2s var(--ease-out), transform 0.26s var(--ease-out), visibility 0s;}
.wg-menu .wm-mega.wm-instant,
.wg-menu .wm-dd.wm-instant,
.wg-menu .wm-mega { position: absolute; left: 0; right: 0; top: 100%; z-index: 10; background: rgba(255,255,255,0.9); -webkit-backdrop-filter: saturate(180%) blur(28px); backdrop-filter: saturate(180%) blur(28px); border-bottom: 1px solid var(--line); box-shadow: 0 32px 64px -16px rgba(17,19,18,0.22); max-height: calc(100vh - 190px); overflow-y: auto; overscroll-behavior: contain;}
.wg-menu .wm-count { flex: none; margin-left: auto; font-style: normal; font-size: 12px; font-weight: 600; letter-spacing: 0; line-height: 1; padding: 4px 7px; border-radius: 999px; background: var(--hover); color: var(--muted); font-variant-numeric: tabular-nums;}
.wg-menu .wm-all-link .wm-count { margin-left: 4px;}
.wg-menu .wm-mega-foot { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 10px 0 12px; border-top: 1px solid var(--line);}
.wg-menu .wm-all-link,
.wg-menu .wm-all-link:hover,
.wg-menu .wm-all-link:focus { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; margin-left: -12px; border-radius: var(--radius); font-size: 14px; font-weight: 600; color: var(--ink); background: transparent; transition: background-color 0.12s ease;}
.wg-menu .wm-all-link .wm-chev { transition: transform 0.2s var(--ease-out);}
.wg-menu .wm-foot-brands { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(--muted);}
.wg-menu .wm-foot-brands a,
.wg-menu .wm-foot-brands a:hover,
.wg-menu .wm-foot-brands a:focus { padding: 6px 12px; border: 1px solid var(--line-strong); border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--ink); background: transparent; transition: background-color 0.12s ease, border-color 0.12s ease;}
.wg-menu .wm-foot-brands span { margin-right: 6px;}
.wg-menu .wm-dd { position: absolute; top: calc(100% - 1px); left: 0; width: 560px; padding: 24px; background: rgba(255,255,255,0.92); -webkit-backdrop-filter: saturate(180%) blur(28px); backdrop-filter: saturate(180%) blur(28px); border: 1px solid var(--line); border-radius: 0 0 16px 16px; box-shadow: 0 32px 64px -16px rgba(17,19,18,0.22); z-index: 10; display: grid; grid-template-columns: 1fr 1fr; gap: 28px;}
.wg-menu .wm-dd .wm-h { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); margin-bottom: 10px;}
.wg-menu .wm-dd li a,
.wg-menu .wm-dd li a:hover,
.wg-menu .wm-dd li a:focus { display: block; padding: 8px 10px; margin: 0 -10px; border-radius: var(--radius); font-size: 15px; font-weight: 500; color: var(--ink); background: transparent; transition: background-color 0.12s ease;}
.wg-menu .wm-dd .wm-spec li a { font-size: 17px; font-weight: 700; letter-spacing: -0.02em; padding: 10px;}
.wg-menu .wm-dd .wm-others { columns: 2; column-gap: 12px;}
@media (hover: hover) and (pointer: fine) {
.wg-menu .wm-util a:hover { color: var(--lime);}
.wg-menu .wm-btn-lime:hover { background: var(--lime-hover); border-color: var(--lime-hover); color: var(--ink);}
.wg-menu .wm-btn-line:hover { background: var(--hover); border-color: var(--ink); color: var(--ink);}
.wg-menu .wm-icon-btn:hover { background: var(--hover);}
.wg-menu .wm-search button:hover { background: var(--lime-hover);}
.wg-menu .wm-nav-link.wm-all:hover { background: var(--ink-2);}
.wg-menu .wm-all-link:hover,
.wg-menu .wm-dd li a:hover { background: var(--hover);}
.wg-menu .wm-all-link:hover .wm-chev { transform: translateX(3px);}
.wg-menu .wm-foot-brands a:hover { background: var(--hover); border-color: var(--ink);}
}
.wg-menu .wm-layer { position: fixed; inset: 0; z-index: 99990; visibility: hidden; pointer-events: none; transition: visibility 0s linear 0.34s;}
.wg-menu .wm-layer.is-open { visibility: visible; pointer-events: auto; transition-delay: 0s;}
.wg-menu .wm-overlay { position: absolute; inset: 0; background: rgba(17,19,18,0.42); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); opacity: 0; transition: opacity 0.3s ease;}
.wg-menu .wm-layer.is-open .wm-overlay { opacity: 1;}
.wg-menu .wm-drawer { position: absolute; top: 0; bottom: 0; left: 0; width: min(92vw, 400px); background: var(--white); border-radius: 0 20px 20px 0; display: flex; flex-direction: column; transform: translateX(-100%); transition: transform 0.34s var(--ease); box-shadow: 16px 0 48px rgba(17,19,18,0.22); touch-action: pan-y; will-change: transform;}
.wg-menu .wm-layer.is-open .wm-drawer { transform: translateX(0);}
.wg-menu .wm-d-top { flex: none; display: flex; align-items: center; justify-content: space-between; padding: 12px 12px 12px 20px; border-bottom: 1px solid var(--line); min-height: 64px;}
.wg-menu .wm-d-top img { height: 28px; width: auto;}
.wg-menu .wm-d-body { position: relative; flex: 1; min-height: 0; overflow: hidden; overflow: clip;}
.wg-menu .wm-d-lvl { position: absolute; inset: 0; overflow-y: auto; overscroll-behavior: contain; padding: 12px 16px 24px; transition: transform 0.34s var(--ease), opacity 0.34s var(--ease);}
.wg-menu .wm-d-lvl[inert] { transform: translateX(-18%); opacity: 0.5;}
.wg-menu .wm-d-label { margin: 22px 0 6px; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted);}
.wg-menu .wm-d-cats > li.wm-d-group { margin-top: 22px; padding: 0 0 6px; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted);}
.wg-menu .wm-d-cats > li.wm-d-group:first-child { margin-top: 0;}
.wg-menu .wm-d-open,
.wg-menu .wm-d-open:hover,
.wg-menu .wm-d-open:focus,
.wg-menu .wm-d-open:active,
.wg-menu .wm-d-link,
.wg-menu .wm-d-link:hover,
.wg-menu .wm-d-link:focus,
.wg-menu .wm-d-link:active { width: calc(100% + 16px); margin: 0 -8px; display: flex; align-items: center; gap: 14px; min-height: 56px; padding: 8px; border: 0; border-radius: 14px; background: transparent; color: var(--ink); font-size: 16px; font-weight: 500; letter-spacing: -0.011em; text-align: left; cursor: pointer; text-transform: none; transition: background-color 0.12s ease;}
.wg-menu .wm-d-open:active,
.wg-menu .wm-d-link:active,
.wg-menu .wm-d-sublist a:active,
.wg-menu .wm-d-links a:active,
.wg-menu .wm-d-brands a:active { background: var(--hover);}
.wg-menu .wm-rail-ic { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: var(--hover); color: var(--ink); flex: none;}
.wg-menu .wm-d-open .wm-rail-ic .wm-ico,
.wg-menu .wm-d-link .wm-rail-ic .wm-ico { width: 18px; height: 18px;}
.wg-menu .wm-d-open .wm-rail-name,
.wg-menu .wm-d-link .wm-rail-name { flex: 1;}
.wg-menu .wm-d-open .wm-chev,
.wg-menu .wm-d-link .wm-chev { width: 16px; height: 16px; stroke: var(--muted);}
.wg-menu .wm-d-link .wm-count { margin-left: 0;}
.wg-menu .wm-d-sub { position: absolute; inset: 0; z-index: 2; background: var(--white); overflow-y: auto; overscroll-behavior: contain; transform: translateX(100%); visibility: hidden; transition: transform 0.34s var(--ease), visibility 0s linear 0.34s; will-change: transform;}
.wg-menu .wm-d-sub.is-open { transform: translateX(0); visibility: visible; transition-delay: 0s;}
.wg-menu .wm-d-back,
.wg-menu .wm-d-back:hover,
.wg-menu .wm-d-back:focus,
.wg-menu .wm-d-back:active { position: sticky; top: 0; z-index: 1; width: 100%; display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 16px; margin: 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: rgba(255,255,255,0.92); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); color: var(--ink); font-size: 15px; font-weight: 600; text-align: left; cursor: pointer; text-transform: none; letter-spacing: -0.011em;}
.wg-menu .wm-d-sub-in { padding: 18px 16px 28px;}
.wg-menu .wm-d-sub-in h3 { font-size: 24px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.2; margin-bottom: 14px; color: var(--ink);}
.wg-menu .wm-d-all,
.wg-menu .wm-d-all:hover { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 50px; padding: 0 16px; border-radius: 12px; background: var(--lime); color: var(--ink); font-size: 15px; font-weight: 600; margin-bottom: 8px; transition: transform 0.12s var(--ease-out);}
.wg-menu .wm-d-all:active { transform: scale(0.98);}
.wg-menu .wm-d-sublist li { border-bottom: 1px solid var(--line);}
.wg-menu .wm-d-sublist li:last-child { border-bottom: 0;}
.wg-menu .wm-d-sublist a,
.wg-menu .wm-d-sublist a:hover { display: flex; align-items: center; justify-content: space-between; min-height: 52px; font-size: 16px; color: var(--ink); transition: background-color 0.12s ease;}
.wg-menu .wm-d-sublist .wm-chev { width: 14px; height: 14px; stroke: var(--muted);}
.wg-menu .wm-d-brands { display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
.wg-menu .wm-d-brands a,
.wg-menu .wm-d-brands a:hover { display: flex; align-items: center; min-height: 46px; padding: 0 14px; border: 1px solid var(--line-strong); border-radius: 12px; font-size: 15px; font-weight: 500; color: var(--ink); transition: background-color 0.12s ease;}
.wg-menu .wm-d-brands a.wm-spec { background: var(--hover); font-weight: 700;}
.wg-menu .wm-d-links li { border-bottom: 1px solid var(--line);}
.wg-menu .wm-d-links a,
.wg-menu .wm-d-links a:hover { display: flex; align-items: center; min-height: 52px; font-size: 16px; font-weight: 500; color: var(--ink); transition: background-color 0.12s ease;}
.wg-menu .wm-d-foot { flex: none; display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 8px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: var(--white); border-radius: 0 0 20px 0;}
.wg-menu .wm-d-foot .wm-btn { padding: 0 8px; min-height: 48px; font-size: 13px;}
@media (max-width: 1100px) {
.wg-menu .wm-mega-foot { flex-wrap: wrap;}
.wg-menu .wm-contact small { display: none;}
.wg-menu .wm-main .wm-wrap { gap: 20px;}
}
@media (max-width: 991px) {
.wg-menu .wm-util,
.wg-menu .wm-nav,
.wg-menu .wm-contact { display: none;}
.wg-menu .wm-main .wm-wrap { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "burger logo phone" "search search search"; gap: 8px; min-height: 0; padding-top: 10px; padding-bottom: 12px;}
.wg-menu .wm-icon-btn.wm-burger,
.wg-menu .wm-icon-btn.wm-phone-btn { display: grid;}
.wg-menu .wm-logo { justify-self: start; margin-left: 4px;}
.wg-menu .wm-logo img { height: 26px;}
.wg-menu .wm-search { max-width: none; height: 46px;}
.wg-menu .wm-main { border-bottom: 1px solid var(--line);}
}
@media (min-width: 992px) {
.wg-menu .wm-layer { display: none;}
}
@media (prefers-reduced-motion: reduce) {
.wg-menu .wm-overlay,
.wg-menu .wm-drawer,
.wg-menu .wm-d-sub,
.wg-menu .wm-d-lvl,
.wg-menu .wm-mega,
.wg-menu .wm-dd,
.wg-menu .wm-sub,
.wg-menu .wm-scrim,
.wg-menu .wm-nav-list > li.wm-pill,
.wg-menu .wm-nav-link .wm-chev { transition-duration: 0.01ms !important; transition-delay: 0s !important;}
.wg-menu .wm-mega,
.wg-menu .wm-dd,
.wg-menu .wm-sub { transform: none !important;}
.wg-menu .wm-d-lvl[inert] { transform: none;}
.wg-menu .wm-btn:active,
.wg-menu .wm-icon-btn:active,
.wg-menu .wm-d-all:active { transform: none;}
}
@media (prefers-reduced-transparency: reduce) {
.wg-menu .wm-main::before,
.wg-menu .wm-nav::before { background: var(--white); -webkit-backdrop-filter: none; backdrop-filter: none;}
.wg-menu .wm-mega,
.wg-menu .wm-dd,
.wg-menu .wm-d-back { background: var(--white); -webkit-backdrop-filter: none; backdrop-filter: none;}
.wg-menu .wm-scrim,
.wg-menu .wm-overlay { -webkit-backdrop-filter: none; backdrop-filter: none;}
}
.wg-menu .wm-mega-inner { position: relative; display: grid; grid-template-columns: 300px minmax(0, 1fr);}
.wg-menu .wm-rail { padding: 10px 12px 10px 0; border-right: 1px solid var(--line);}
.wg-menu .wm-rail > li { display: block;}
.wg-menu .wm-rail > li + li { margin-top: 2px;}
.wg-menu .wm-rail-link,
.wg-menu .wm-rail-link:hover,
.wg-menu .wm-rail-link:focus { display: flex; align-items: center; gap: 12px; min-height: 40px; padding: 4px 12px 4px 8px; border-radius: var(--radius); font-size: 15px; font-weight: 600; letter-spacing: -0.011em; line-height: 1.25; color: var(--ink); background: transparent; transition: background-color 0.12s ease;}
.wg-menu .wm-rail-link .wm-rail-name { flex: 1; min-width: 0;}
.wg-menu .wm-rail-link .wm-chev { width: 13px; height: 13px; stroke: var(--muted);}
.wg-menu .wm-rail > li.is-active > .wm-rail-link { background: var(--hover);}
.wg-menu .wm-rail > li.is-active > .wm-rail-link .wm-rail-ic { background: var(--lime);}
.wg-menu .wm-rail > li.is-active > .wm-rail-link .wm-chev { stroke: var(--ink);}
.wg-menu .wm-rail-link .wm-rail-ic .wm-ico { width: 18px; height: 18px;}
.wg-menu .wm-sub { display: none; position: absolute; left: 312px; right: 0; top: 0; bottom: 0; padding: 18px 8px 12px 32px; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain;}
.wg-menu .wm-rail > li.is-active > .wm-sub { display: flex; flex-direction: column;}
.wg-menu .wm-sub-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 12px; margin-bottom: 8px; border-bottom: 1px solid var(--line);}
.wg-menu .wm-sub-title { font-size: 20px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.2; color: var(--ink);}
.wg-menu .wm-sub-title em { margin-left: 8px; font-style: normal; font-size: 13px; font-weight: 600; letter-spacing: 0; color: var(--muted); font-variant-numeric: tabular-nums;}
.wg-menu .wm-sub-all,
.wg-menu .wm-sub-all:hover,
.wg-menu .wm-sub-all:focus { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border-radius: var(--radius); background: var(--ink); color: var(--white); font-size: 14px; font-weight: 600; white-space: nowrap; transition: background-color 0.16s ease, transform 0.12s var(--ease-out);}
.wg-menu .wm-sub-all .wm-chev { width: 13px; height: 13px; stroke: var(--lime);}
.wg-menu .wm-sub-all:active { transform: scale(0.97);}
.wg-menu .wm-sub-list { columns: 3; column-gap: 24px;}
.wg-menu .wm-sub-list li { break-inside: avoid;}
.wg-menu .wm-sub-list a,
.wg-menu .wm-sub-list a:hover,
.wg-menu .wm-sub-list a:focus { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 6px 10px; margin: 0 -10px; border-radius: var(--radius); font-size: 14.5px; font-weight: 500; letter-spacing: -0.011em; line-height: 1.3; color: var(--ink); background: transparent; transition: background-color 0.12s ease;}
.wg-menu .wm-sub-list a span { flex: 1; min-width: 0;}
.wg-menu .wm-count { flex: none; margin-left: auto; font-style: normal; font-size: 12px; font-weight: 600; letter-spacing: 0; line-height: 1; padding: 4px 7px; border-radius: 999px; background: var(--hover); color: var(--muted); font-variant-numeric: tabular-nums;}
.wg-menu .wm-sub-note { margin-top: auto; padding-top: 12px; font-size: 13.5px; color: var(--muted);}
.wg-menu .wm-d-sublist .wm-count { margin-left: auto; margin-right: 6px;}
.wg-menu .wm-d-open .wm-count { margin-left: 0;}
@media (hover: hover) and (pointer: fine) {
.wg-menu .wm-rail-link:hover,
.wg-menu .wm-sub-list a:hover { background: var(--hover);}
.wg-menu .wm-sub-all:hover { background: var(--ink-2);}
}
@media (max-width: 1100px) {
.wg-menu .wm-mega-inner { grid-template-columns: 290px minmax(0, 1fr);}
.wg-menu .wm-sub { left: 302px; padding-left: 24px;}
.wg-menu .wm-rail-link,
.wg-menu .wm-rail-link:hover,
.wg-menu .wm-rail-link:focus { font-size: 14.5px; gap: 10px;}
.wg-menu .wm-sub-list { columns: 2;}
}
.wg-menu .wm-d-sub-in .wm-d-title { font-size: 24px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.2; margin-bottom: 14px; color: var(--ink);}
.wg-menu .wm-h { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); margin-bottom: 10px;}
/* ===== footer ===== */
.wg-footer {
  --ink: #111312; --ink-2: #1A1D1B; --lime: #B4D82E; --lime-hover: #A9CD26; --muted: #5A655E; --line: rgba(17,19,18,0.09);
  --line-strong: #8A948C; --hover: rgba(17,19,18,0.06); --surface: #F4F6F2; --white: #FFFFFF; --radius: 12px; --gap: 16px;
  --ease: cubic-bezier(0.32, 0.72, 0, 1); --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  display: block; padding: 0; color: var(--ink); font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 16px; line-height: 1.5; text-align: left; letter-spacing: -0.006em; -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent; caret-color: transparent; box-sizing: border-box;}
.wg-footer input,
.wg-footer textarea,
.wg-footer select { caret-color: auto;}
.wg-footer *,
.wg-footer *::before,
.wg-footer *::after { box-sizing: border-box;}
.wg-footer * { margin: 0; padding: 0;}
.wg-footer [hidden] { display: none !important;}
.wg-footer ul,
.wg-footer ol { list-style: none;}
.wg-footer a,
.wg-footer a:hover,
.wg-footer a:focus,
.wg-footer a:active { text-decoration: none;}
.wg-footer a { color: inherit;}
.wg-footer img { max-width: 100%; display: block; border: 0;}
.wg-footer button { font-family: inherit;}
.wg-footer svg { display: block; flex: none;}
.wg-footer h1,
.wg-footer h2,
.wg-footer h3,
.wg-footer p { color: inherit; font-family: inherit;}
.wg-footer .wf-wrap { max-width: 1240px; margin: 0 auto; padding: 0 clamp(16px, 3vw, 32px);}
.wg-footer .wf-ico { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.wg-footer .wf-chev { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.wg-footer a:focus-visible,
.wg-footer button:focus-visible,
.wg-footer summary:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; border-radius: 8px; box-shadow: 0 0 0 4px var(--white);}
.wg-footer .wf-head { max-width: 62ch; margin-bottom: 28px;}
.wg-footer .wf-head h2 { font-size: clamp(1.6rem, 3vw, 2.25rem); font-weight: 700; letter-spacing: -0.03em; line-height: 1.12;}
.wg-footer .wf-head p { margin-top: 10px; font-size: 1rem; line-height: 1.6; color: var(--muted);}
.wg-footer .wf-btn,
.wg-footer .wf-btn:hover,
.wg-footer .wf-btn:focus,
.wg-footer .wf-btn:active { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 20px; border: 1px solid transparent; border-radius: var(--radius); font-size: 15px; font-weight: 600; letter-spacing: -0.011em; line-height: 1.2; text-align: center; cursor: pointer; transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.12s var(--ease-out);}
.wg-footer .wf-btn:active { transform: scale(0.97);}
.wg-footer .wf-btn-lime,
.wg-footer .wf-btn-lime:focus,
.wg-footer .wf-btn-lime:active { background: var(--lime); color: var(--ink); border-color: var(--lime);}
.wg-footer .wf-btn-line,
.wg-footer .wf-btn-line:focus,
.wg-footer .wf-btn-line:active { background: var(--white); color: var(--ink); border-color: var(--line-strong);}
.wg-footer .wf-btn-ghost,
.wg-footer .wf-btn-ghost:focus,
.wg-footer .wf-btn-ghost:active { background: transparent; color: #fff; border-color: rgba(255,255,255,0.45);}
.wg-footer .wf-btn-wa,
.wg-footer .wf-btn-wa:focus,
.wg-footer .wf-btn-wa:active { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #0F8745; color: #fff; border-color: #0F8745;}
.wg-footer .wf-btn-vb,
.wg-footer .wf-btn-vb:focus,
.wg-footer .wf-btn-vb:active { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #6F5CF0; color: #fff; border-color: #6F5CF0;}
.wg-footer .wf-btn .ch-ico { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.wg-footer .wf-btn .ch-logo { fill: currentColor; stroke: none;}
.wg-footer .wf-cblock .wf-btn + .wf-btn { margin-top: 8px;}
@media (hover: hover) and (pointer: fine) {
.wg-footer .wf-btn-wa:hover { background: #0C7239; border-color: #0C7239;}
.wg-footer .wf-btn-vb:hover { background: #5F4BDD; border-color: #5F4BDD;}
}
@media (hover: hover) and (pointer: fine) {
.wg-footer .wf-btn-lime:hover { background: var(--lime-hover); border-color: var(--lime-hover);}
.wg-footer .wf-btn-line:hover { background: var(--hover); border-color: var(--ink);}
.wg-footer .wf-btn-ghost:hover { background: rgba(255,255,255,0.1); border-color: #fff;}
}
@media (prefers-reduced-motion: reduce) {
.wg-footer .wf-btn,
.wg-footer .wf-btn:active { transition: none; transform: none;}
}
.wg-footer { padding: 0;}
.wg-footer .wf-contact { padding: clamp(40px, 6vw, 72px) 0;}
.wg-footer .wf-cgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap);}
.wg-footer .wf-cblock { display: flex; flex-direction: column; gap: 4px; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: var(--white); box-shadow: 0 1px 2px rgba(17,19,18,0.04);}
.wg-footer .wf-lbl { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted);}
.wg-footer .wf-lbl + .wf-val { margin-top: 2px;}
.wg-footer .wf-val,
.wg-footer .wf-val:hover,
.wg-footer .wf-val:focus { font-size: 20px; font-weight: 700; letter-spacing: -0.025em; line-height: 1.25; color: var(--ink); font-variant-numeric: tabular-nums;}
.wg-footer .wf-sub { font-size: 14.5px; color: var(--muted); line-height: 1.5;}
.wg-footer a.wf-val,
.wg-footer a.wf-val:hover,
.wg-footer a.wf-val:focus { display: inline-flex; align-items: center; min-height: 44px; align-self: flex-start;}
.wg-footer .wf-gap { margin-top: 16px;}
.wg-footer .wf-cblock .wf-btn { margin-top: auto;}
.wg-footer .wf-cblock .wf-sub + .wf-btn { margin-top: 16px;}
.wg-footer .wf-foot { background: var(--ink); color: #C5CEC8; padding: 48px 0 28px;}
.wg-footer .wf-fgrid { display: grid; grid-template-columns: 1.3fr 1.6fr 1fr 1fr; gap: 32px 40px;}
.wg-footer .wf-brand { font-size: 22px; font-weight: 800; letter-spacing: -0.03em; color: #fff;}
.wg-footer .wf-brand em { font-style: normal; color: var(--lime);}
.wg-footer .wf-about { margin-top: 10px; font-size: 14.5px; line-height: 1.6; color: #9AA69E; max-width: 34ch;}
.wg-footer .wf-fh { margin-bottom: 12px; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #fff;}
.wg-footer .wf-fl { display: grid; gap: 2px;}
.wg-footer .wf-cols2 { columns: 2; column-gap: 24px;}
.wg-footer .wf-fl a,
.wg-footer .wf-fl a:hover,
.wg-footer .wf-fl a:focus { display: inline-flex; align-items: center; min-height: 36px; font-size: 14.5px; color: #C5CEC8; transition: color 0.12s ease;}
.wg-footer .wf-cols2 li { break-inside: avoid;}
.wg-footer .wf-bottom { display: flex; justify-content: space-between; align-items: center; gap: 4px 24px; flex-wrap: wrap; margin-top: 36px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,0.12); font-size: 13.5px; color: #9AA69E;}
.wg-footer .wf-legal { display: flex; flex-wrap: wrap; gap: 0 18px;}
.wg-footer .wf-legal a,
.wg-footer .wf-legal a:hover,
.wg-footer .wf-legal a:focus,
.wg-footer .wf-linkbtn,
.wg-footer .wf-linkbtn:hover,
.wg-footer .wf-linkbtn:focus { display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: none; color: #C5CEC8; font: inherit; font-size: 13.5px; cursor: pointer;}
@media (hover: hover) and (pointer: fine) {
.wg-footer .wf-legal a:hover,
.wg-footer .wf-linkbtn:hover { color: #fff;}
}
.wg-footer .wf-foot a:focus-visible { outline-color: var(--lime); box-shadow: none;}
.wg-footer .wf-spacer { display: none;}
.wg-footer .wf-bar { display: none;}
@media (hover: hover) and (pointer: fine) {
.wg-footer .wf-fl a:hover { color: #fff;}
}
@media (max-width: 991px) {
.wg-footer .wf-cgrid { grid-template-columns: 1fr;}
.wg-footer .wf-fgrid { grid-template-columns: 1fr 1fr;}
.wg-footer .wf-cols2 { columns: 1;}
}
@media (max-width: 640px) {
.wg-footer .wf-fgrid { grid-template-columns: 1fr;}
.wg-footer .wf-spacer { display: block; height: 76px; background: var(--ink);}
}
@media (max-width: 640px) {
.wg-footer .wf-bar { display: grid; grid-template-columns: 1fr auto; gap: 8px; position: fixed; left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); z-index: 9990; padding: 8px; border-radius: 18px; background: rgba(255,255,255,0.86); box-shadow: 0 8px 30px rgba(17,19,18,0.22), 0 0 0 1px var(--line); -webkit-backdrop-filter: saturate(1.6) blur(14px); backdrop-filter: saturate(1.6) blur(14px); transition: transform 0.3s var(--ease), opacity 0.2s ease;}
.wg-footer .wf-bar.is-hidden,
.wg-footer .wf-bar.is-locked,
.wg-footer .wf-bar.is-cta { transform: translateY(140%); opacity: 0; pointer-events: none;}
.wg-footer .wf-fl a { min-height: 44px;}
.wg-footer .wf-bar .wf-btn { min-height: 48px;}
}
@media (prefers-reduced-transparency: reduce) {
.wg-footer .wf-bar { background: var(--white); -webkit-backdrop-filter: none; backdrop-filter: none;}
}
@media (prefers-reduced-motion: reduce) {
.wg-footer .wf-bar { transition: none;}
}
/* ===== consent ===== */
.wg-consent {
  --ink: #111312; --ink-2: #1A1D1B; --lime: #B4D82E; --lime-hover: #A9CD26; --muted: #5A655E; --line: rgba(17,19,18,0.09);
  --line-strong: #8A948C; --hover: rgba(17,19,18,0.06); --surface: #F4F6F2; --white: #FFFFFF; --radius: 12px; --gap: 16px;
  --ease: cubic-bezier(0.32, 0.72, 0, 1); --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  display: block; padding: 0; color: var(--ink); font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 16px; line-height: 1.5; text-align: left; letter-spacing: -0.006em; -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent; caret-color: transparent; box-sizing: border-box;}
.wg-consent input,
.wg-consent textarea,
.wg-consent select { caret-color: auto;}
.wg-consent *,
.wg-consent *::before,
.wg-consent *::after { box-sizing: border-box;}
.wg-consent * { margin: 0; padding: 0;}
.wg-consent [hidden] { display: none !important;}
.wg-consent ul,
.wg-consent ol { list-style: none;}
.wg-consent a,
.wg-consent a:hover,
.wg-consent a:focus,
.wg-consent a:active { text-decoration: none;}
.wg-consent a { color: inherit;}
.wg-consent img { max-width: 100%; display: block; border: 0;}
.wg-consent button { font-family: inherit;}
.wg-consent svg { display: block; flex: none;}
.wg-consent h1,
.wg-consent h2,
.wg-consent h3,
.wg-consent p { color: inherit; font-family: inherit;}
.wg-consent .cn-wrap { max-width: 1240px; margin: 0 auto; padding: 0 clamp(16px, 3vw, 32px);}
.wg-consent .cn-ico { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.wg-consent .cn-chev { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.wg-consent a:focus-visible,
.wg-consent button:focus-visible,
.wg-consent summary:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; border-radius: 8px; box-shadow: 0 0 0 4px var(--white);}
.wg-consent .cn-head { max-width: 62ch; margin-bottom: 28px;}
.wg-consent .cn-head h2 { font-size: clamp(1.6rem, 3vw, 2.25rem); font-weight: 700; letter-spacing: -0.03em; line-height: 1.12;}
.wg-consent .cn-head p { margin-top: 10px; font-size: 1rem; line-height: 1.6; color: var(--muted);}
.wg-consent .cn-btn,
.wg-consent .cn-btn:hover,
.wg-consent .cn-btn:focus,
.wg-consent .cn-btn:active { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 20px; border: 1px solid transparent; border-radius: var(--radius); font-size: 15px; font-weight: 600; letter-spacing: -0.011em; line-height: 1.2; text-align: center; cursor: pointer; transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.12s var(--ease-out);}
.wg-consent .cn-btn:active { transform: scale(0.97);}
.wg-consent .cn-btn-lime,
.wg-consent .cn-btn-lime:focus,
.wg-consent .cn-btn-lime:active { background: var(--lime); color: var(--ink); border-color: var(--lime);}
.wg-consent .cn-btn-line,
.wg-consent .cn-btn-line:focus,
.wg-consent .cn-btn-line:active { background: var(--white); color: var(--ink); border-color: var(--line-strong);}
.wg-consent .cn-btn-ghost,
.wg-consent .cn-btn-ghost:focus,
.wg-consent .cn-btn-ghost:active { background: transparent; color: #fff; border-color: rgba(255,255,255,0.45);}
.wg-consent .cn-btn-wa,
.wg-consent .cn-btn-wa:focus,
.wg-consent .cn-btn-wa:active { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #0F8745; color: #fff; border-color: #0F8745;}
.wg-consent .cn-btn-vb,
.wg-consent .cn-btn-vb:focus,
.wg-consent .cn-btn-vb:active { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #6F5CF0; color: #fff; border-color: #6F5CF0;}
.wg-consent .cn-btn .ch-ico { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.wg-consent .cn-btn .ch-logo { fill: currentColor; stroke: none;}
.wg-consent .cn-cblock .cn-btn + .cn-btn { margin-top: 8px;}
@media (hover: hover) and (pointer: fine) {
.wg-consent .cn-btn-wa:hover { background: #0C7239; border-color: #0C7239;}
.wg-consent .cn-btn-vb:hover { background: #5F4BDD; border-color: #5F4BDD;}
}
@media (hover: hover) and (pointer: fine) {
.wg-consent .cn-btn-lime:hover { background: var(--lime-hover); border-color: var(--lime-hover);}
.wg-consent .cn-btn-line:hover { background: var(--hover); border-color: var(--ink);}
.wg-consent .cn-btn-ghost:hover { background: rgba(255,255,255,0.1); border-color: #fff;}
}
@media (prefers-reduced-motion: reduce) {
.wg-consent .cn-btn,
.wg-consent .cn-btn:active { transition: none; transform: none;}
}
.wg-consent { position: fixed; left: 16px; bottom: 16px; z-index: 99996; width: min(440px, calc(100vw - 32px)); padding: 0;}
.wg-consent[hidden] { display: none !important;}
.wg-consent .cn-card { padding: 18px 20px 20px; border: 1px solid var(--line); border-radius: 20px; background: var(--white); box-shadow: 0 12px 40px rgba(17,19,18,0.22), 0 0 0 1px rgba(17,19,18,0.04);}
.wg-consent .cn-title { font-size: 16px; font-weight: 700; letter-spacing: -0.02em;}
.wg-consent .cn-text { margin-top: 6px; font-size: 14px; line-height: 1.55; color: var(--muted);}
.wg-consent .cn-text a,
.wg-consent .cn-text a:hover,
.wg-consent .cn-text a:focus { display: inline; color: var(--ink); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--ink);}
.wg-consent .cn-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px;}
.wg-consent .cn-actions .cn-btn { min-height: 48px; padding: 0 12px;}
@media (max-width: 640px) {
.wg-consent { left: 12px; right: 12px; bottom: 12px; width: auto;}
}
@media (prefers-reduced-motion: no-preference) {
.wg-consent .cn-card { animation: cn-in 0.36s var(--ease-out) both;}
@keyframes cn-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; }}
}