/* Preuzeto sa sajta Una Residence Poliklinike (javni delovi), prilagođeno za doktornik.rs */
.una { color-scheme: light; --bg: #EAEFF6; --bg2: #F2F5FA; --paper: #FFFFFF; --ink: #1A2536; --text: #273346; --slate: #636D7B; --hair: #CEDAEC; --rose: #4B76B6; --rose-d: #345990; --rose-l: #749EDC; --rose-t: rgba(75,118,182,.12); --rose-tt: #DDE7F5; --grad: linear-gradient(135deg,#6A93D1 0%,#4B76B6 45%,#355F9F 100%); --grad-text: linear-gradient(100deg,#3C69AC 0%,#6994D5 38%,#3C69AC 62%,#5C88CB 100%); --champ: #7899CB; --champ-d: #43608C; --champ-t: rgba(120,153,203,.18); --doc: #2F6DB5; --doc-d: #1D4E8C; --doc-t: rgba(47,109,181,.10); --staff-d: #134E49; --staff-t: rgba(27,106,99,.10); --out: 9px 9px 20px rgba(140,155,177,.42),-9px -9px 20px rgba(255,255,255,.95); --out-s: 5px 5px 12px rgba(140,155,177,.38),-5px -5px 12px rgba(255,255,255,.95); --in: inset 5px 5px 11px rgba(140,155,177,.40),inset -5px -5px 11px rgba(255,255,255,.96); --in-s: inset 3px 3px 7px rgba(140,155,177,.38),inset -3px -3px 7px rgba(255,255,255,.96); --glow: 0 10px 24px rgba(53,95,159,.28); --c1: #38619E; --c2: #284672; --r: 24px; --r-s: 16px; --display: 'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; --sans: 'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; --mono: ui-monospace,'SF Mono',Menlo,Consolas,monospace; --surface-app: #CCD8EA; --surface-panel: #E7EDF7; --surface-card: #F2F6FB; --surface-card-hi: #FAFBFD; --surface-card-lo: #E3EBF6; --surface-elevated: #EEF3FA; --surface-input: #FFFFFF; --surface-sunken: #D8E2F0; --surface-head: #DDE7F5; --surface-row: #FDFEFF; --surface-hover: #EEF3FA; --surface-selected: #E1E9F6; --raise: linear-gradient(145deg,var(--surface-card-hi) 0%,var(--surface-card) 52%,var(--surface-card-lo) 100%); --text-primary: #121C2B; --text-body: #202B3C; --text-secondary: #464D57; --text-muted: #5C636E; --text-placeholder: #687280; --text-disabled: #8F97A2; --text-on-accent: #FFFFFF; --brand-primary: #4B76B6; --brand-primary-hover: #3D65A2; --brand-strong: #345990; --brand-soft: #E0E9F6; --brand-tint: rgba(75,118,182,.10); --brand-gradient: linear-gradient(135deg,#6A93D1 0%,#4B76B6 48%,#355F9F 100%); --success: #1F7A4D; --success-strong: #155C39; --success-soft: #E2F1E8; --success-line: rgba(31,122,77,.34); --danger: #B8352A; --danger-strong: #8F2319; --danger-soft: #FBE6E2; --danger-line: rgba(184,53,42,.34); --warning: #B26A00; --warning-strong: #7F4A00; --warning-soft: #FCF0D8; --warning-line: rgba(178,106,0,.36); --info: #3C6A93; --info-strong: #284E71; --info-soft: #E7EEF5; --info-line: rgba(60,106,147,.34); --neutral: #59606B; --neutral-strong: #3B414A; --neutral-soft: #DCE5F3; --doctor: #2F6DB5; --doctor-strong: #1D4E8C; --doctor-soft: #E4EDF8; --doctor-line: rgba(47,109,181,.38); --staff: #1B6A63; --staff-strong: #134E49; --staff-soft: #DFEFEC; --staff-line: rgba(27,106,99,.38); --admin: #2C599D; --admin-strong: #20457C; --admin-soft: #D7E2F3; --admin-line: rgba(44,89,157,.4); --excel: #217346; --excel-hover: #2A8753; --excel-strong: #185935; --pdf: #2D67BE; --pdf-hover: #3C78D1; --pdf-strong: #235196; --print: #3D4852; --print-hover: #4D5965; --download: #3C6A93; --border-subtle: rgba(77,95,121,.16); --border-default: #BEC8D7; --border-strong: #8D9BAF; --border-input: #8996A9; --focus-ring: 0 0 0 3px rgba(75,118,182,.30); --focus-color: #4B76B6; --shadow-raised-sm: 3px 3px 8px rgba(97,115,141,.26),-3px -3px 8px rgba(255,255,255,.86); --shadow-raised-md: 6px 6px 14px rgba(97,115,141,.30),-6px -6px 13px rgba(255,255,255,.88); --shadow-raised-lg: 10px 10px 24px rgba(97,115,141,.32),-9px -9px 22px rgba(255,255,255,.9); --shadow-raised-hover: 8px 8px 18px rgba(97,115,141,.36),-7px -7px 16px rgba(255,255,255,.95); --shadow-inset-sm: inset 2px 2px 5px rgba(97,115,141,.20),inset -2px -2px 5px rgba(255,255,255,.9); --shadow-inset-md: inset 4px 4px 10px rgba(97,115,141,.26),inset -4px -4px 10px rgba(255,255,255,.9); --shadow-floating: 0 30px 64px -24px rgba(17,27,41,.55),0 2px 8px rgba(17,27,41,.08); --shadow-edge: inset 0 0 0 1px rgba(255,255,255,.62); --shadow-brand: 0 10px 20px -10px rgba(52,89,144,.78); --shadow-success: 0 10px 20px -10px rgba(21,92,57,.7); --shadow-danger: 0 10px 20px -10px rgba(32,74,136,.7); --shadow-doctor: 0 10px 20px -10px rgba(29,78,140,.7); --shadow-staff: 0 10px 20px -10px rgba(19,78,73,.7); --shadow-excel: 0 10px 20px -10px rgba(24,89,53,.75); --shadow-pdf: 0 10px 20px -10px rgba(35,81,150,.72); --shadow-print: 0 10px 20px -10px rgba(30,36,42,.7); --radius-xs: 8px; --radius-sm: 12px; --radius-md: 16px; --radius-lg: 22px; --radius-xl: 28px; --radius-pill: 999px; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --fs-h1: 1.7rem; --fs-h2: 1.28rem; --fs-h3: 1.06rem; --fs-body: .9rem; --fs-sm: .82rem; --fs-meta: .74rem; --fs-label: .62rem; --dur-fast: 150ms; --dur: 200ms; --dur-slow: 250ms; --ease: cubic-bezier(.2,.7,.3,1); --control-h: 44px; --control-h-sm: 38px; }
.una * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
.una { font-size: 18px; height: 100%; text-size-adjust: 100%; }
.una, .una { min-height: 100%; }
.una { margin: 0px; background: var(--bg); color: var(--text); font-family: var(--sans); line-height: 1.6; -webkit-font-smoothing: antialiased; padding-bottom: env(safe-area-inset-bottom,0px); word-spacing: 0.05em; }
.una button, .una input, .una select, .una textarea { font-family: inherit; font-size: 1rem; word-spacing: inherit; color: var(--ink); }
.una button { cursor: pointer; border: 0px; background: none; padding: 0px; }
.una h1, .una h2, .una h3, .una h4 { color: var(--ink); line-height: 1.18; margin: 0px; font-family: var(--display); font-weight: 500; letter-spacing: -0.005em; }
.una h4 { font-size: 1rem; font-weight: 600; }
.una a { color: var(--rose-d); }
.una .wrap { max-width: 1180px; margin: 0px auto; padding: 0px 28px; }
.una .spacer { flex: 1 1 0%; }
.una .ico { width: 1.1em; height: 1.1em; flex: 0 0 auto; }
.una .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0px 26px; border-radius: 40px; background: var(--bg); box-shadow: var(--out-s); font-weight: 800; font-size: 0.98rem; color: var(--ink); transition: box-shadow 0.18s, transform 0.12s, background 0.2s, filter 0.2s; text-decoration: none; white-space: nowrap; }
.una .btn:active { box-shadow: var(--in-s); transform: scale(0.985); }
.una .btn.primary { background: var(--grad); color: rgb(255, 255, 255); box-shadow: var(--glow),-5px -5px 12px rgba(255,255,255,.9); }
.una .btn.primary:active { filter: brightness(0.95); box-shadow: rgba(53,95,159,0.3) 0px 4px 10px; }
.una .btn.ghost { box-shadow: none; background: transparent; }
.una .btn.ghost:active { box-shadow: var(--in-s); }
.una .btn.sm { min-height: 44px; padding: 0px 18px; font-size: 0.86rem; }
.una .btn[disabled] { opacity: 0.42; pointer-events: none; }
.una .row-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.una .chip { display: inline-flex; align-items: center; gap: 6px; font-size: 0.7rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; padding: 6px 12px; border-radius: 30px; box-shadow: var(--in-s); color: var(--rose-d); white-space: nowrap; }
.una .chip.gold { color: var(--champ-d); }
.una .kicker { display: inline-block; font-family: var(--display); font-weight: 600; font-size: 0.72rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--rose); }
.una .av { width: 84px; height: 84px; border-radius: 50%; box-shadow: var(--out-s); display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 35% 30%, rgb(246,248,252), rgb(211,223,242)); overflow: hidden; transition: transform 0.2s; flex: 0 0 auto; position: relative; }
.una .av::after { content: ""; position: absolute; inset: 0px; border-radius: 50%; box-shadow: rgba(116,158,220,0.55) 0px 0px 0px 2px inset; pointer-events: none; }
.una .sect-t { display: flex; align-items: center; gap: 14px; margin: 30px 0px 16px; }
.una .sect-t h2 { font-weight: 500; font-size: 1.05rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ink); }
.una .sect-t .line { flex: 1 1 0%; height: 2px; border-radius: 2px; background: linear-gradient(90deg, rgba(75,118,182,0.35), rgba(75,118,182,0)); }
.una .ti { width: 58px; height: 58px; border-radius: 18px; box-shadow: var(--in-s); display: flex; align-items: center; justify-content: center; color: var(--rose); flex: 0 0 auto; }
.una .ti svg { width: 28px; height: 28px; }
.una .pl-cta { position: relative; display: flex; align-items: center; gap: 16px; width: 100%; padding: 16px; border-radius: var(--r); background: linear-gradient(135deg, rgb(68,107,166) 0%, rgb(45,81,136) 60%, rgb(40,70,114) 100%); color: rgb(255, 255, 255); text-align: left; overflow: hidden; box-shadow: rgba(36,57,89,0.6) 0px 18px 32px -16px, rgba(255, 255, 255, 0.85) -5px -5px 12px; transition: transform 0.15s; }
.una .pl-cta::after { content: ""; position: absolute; right: -60px; top: -80px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 70%); pointer-events: none; }
.una .pl-cta:active { transform: scale(0.985); }
.una .pl-cta-i { width: 54px; height: 54px; border-radius: 16px; background: rgba(255, 255, 255, 0.14); box-shadow: rgba(255, 255, 255, 0.42) 0px 0px 0px 1.5px inset; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.una .pl-cta-i svg { width: 26px; height: 26px; }
.una .pl-cta-t { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; }
.una .pl-cta-t b { font-family: var(--display); font-weight: 500; font-size: 1.34rem; letter-spacing: 0.02em; color: rgb(255, 255, 255); line-height: 1.2; }
.una .pl-cta-t small { font-size: 0.8rem; color: rgba(255, 255, 255, 0.88); line-height: 1.35; margin-top: 3px; }
.una .pl-cta-go { position: relative; z-index: 1; width: 46px; height: 46px; border-radius: 50%; background: rgb(255, 255, 255); color: rgb(52,89,144); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; box-shadow: rgba(11,17,27,0.25) 0px 6px 14px; }
.una .pl-cta-go svg { width: 20px; height: 20px; }
.una .plp, .una .sv-t { --t1: #4874B5; --t2: #2D4E80; --tk: #345990; --tt: rgba(72,116,181,.11); --tl: rgba(72,116,181,.38); --tz: rgba(72,116,181,.5); }
.una .plp { padding-bottom: 60px; }
.una .pl-hero { position: relative; display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 0.85fr); gap: 30px; align-items: end; padding: 34px 38px; border-radius: 32px; background: linear-gradient(135deg, rgb(64,102,160) 0%, rgb(47,79,128) 55%, rgb(38,66,108) 100%); color: rgb(255, 255, 255); overflow: hidden; box-shadow: rgba(36,57,89,0.65) 0px 26px 46px -22px; }
.una .pl-hero::before { content: ""; position: absolute; right: -120px; bottom: -190px; width: 440px; height: 440px; border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.05) 0px 0px 0px 46px inset; pointer-events: none; }
.una .pl-hero::after { content: ""; position: absolute; left: 38%; top: -120px; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 68%); pointer-events: none; }
.una .pl-ht { position: relative; z-index: 1; min-width: 0px; }
.una .pl-kick { display: block; font-family: var(--display); font-size: 0.64rem; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255, 255, 255, 0.82); }
.una .pl-hero h1 { color: rgb(255, 255, 255); font-weight: 300; font-size: 3.1rem; line-height: 1.04; margin-top: 10px; letter-spacing: -0.01em; }
.una .pl-hero p { margin: 12px 0px 0px; color: rgba(255, 255, 255, 0.9); max-width: 52ch; line-height: 1.6; }
.una .pl-hs { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 14px; min-width: 0px; }
.una .pl-search { display: flex; align-items: center; gap: 10px; background: rgb(255, 255, 255); border-radius: 40px; padding: 0px 8px 0px 20px; min-height: 60px; box-shadow: rgba(11,17,27,0.25) 0px 12px 26px; color: rgb(52,89,144); cursor: text; }
.una .pl-search > svg { width: 22px; height: 22px; flex: 0 0 auto; }
.una .pl-search input { flex: 1 1 0%; min-width: 0px; border: 0px; outline: 0px; background: transparent; font-size: 1.02rem; color: var(--ink); padding: 14px 0px; appearance: none; }
.una .pl-search input::-webkit-search-cancel-button { display: none; }
.una .pl-search input::placeholder { color: rgb(142,153,169); }
.una .pl-qx { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--slate); background: var(--bg); flex: 0 0 auto; }
.una .pl-stats { display: flex; gap: 10px; flex-wrap: wrap; }
.una .pl-stats span { padding: 7px 14px; border-radius: 30px; box-shadow: rgba(255, 255, 255, 0.42) 0px 0px 0px 1.5px inset; font-size: 0.84rem; font-weight: 700; color: rgba(255, 255, 255, 0.95); }
.una .pl-stats b { font-size: 1rem; color: rgb(255, 255, 255); }
.una .pl-cats { position: sticky; top: calc(80px + env(safe-area-inset-top,0px)); z-index: 25; display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; margin: 16px -28px 0px; padding: 12px 28px 14px; background: rgba(234,239,246,0.93); backdrop-filter: blur(12px); }
.una .pl-cats::-webkit-scrollbar { display: none; }
.una .pl-chip { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; min-height: 48px; padding: 0px 12px 0px 14px; border-radius: 40px; background: var(--bg); box-shadow: var(--out-s); font-weight: 800; font-size: 0.86rem; color: var(--ink); white-space: nowrap; transition: box-shadow 0.2s, background 0.2s, color 0.2s; }
.una .pl-chip svg { width: 18px; height: 18px; color: var(--tk); }
.una .pl-chip small { min-width: 26px; height: 22px; padding: 0px 7px; border-radius: 12px; box-shadow: var(--in-s); display: inline-flex; align-items: center; justify-content: center; font-size: 0.72rem; color: var(--slate); }
.una .pl-chip.on { background: linear-gradient(135deg,var(--t1),var(--t2)); color: rgb(255, 255, 255); box-shadow: 0 10px 22px -10px var(--t2); }
.una .pl-chip.on svg { color: rgb(255, 255, 255); }
.una .pl-chip.on small { box-shadow: none; background: rgba(255, 255, 255, 0.22); color: rgb(255, 255, 255); }
.una .pl-sec { margin-top: 26px; padding: 10px 10px 12px; border-radius: 32px; background: var(--tt); scroll-margin-top: 150px; }
.una .pl-sec-h { position: relative; display: flex; align-items: center; gap: 16px; margin-bottom: 12px; flex-wrap: wrap; padding: 18px 22px; border-radius: 24px; background: linear-gradient(135deg,var(--t1),var(--t2)); color: rgb(255, 255, 255); overflow: hidden; box-shadow: 0 16px 28px -18px var(--t2); }
.una .pl-sec-h::after { content: ""; position: absolute; right: -60px; top: -90px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 70%); pointer-events: none; }
.una .pl-sec-h > div { flex: 1 1 0%; min-width: 200px; position: relative; z-index: 1; }
.una .pl-sec-h h2 { font-weight: 500; font-size: 1.42rem; color: rgb(255, 255, 255); }
.una .pl-sec-h p { margin: 3px 0px 0px; color: rgba(255, 255, 255, 0.9); font-size: 0.9rem; line-height: 1.45; }
.una .pl-sec-h .ti { background: rgba(255, 255, 255, 0.15); box-shadow: rgba(255, 255, 255, 0.45) 0px 0px 0px 1.5px inset; color: rgb(255, 255, 255); position: relative; z-index: 1; }
.una .pl-sec-h .chip { box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 1.5px inset; color: rgb(255, 255, 255); position: relative; z-index: 1; }
.una .pl-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }
.una .pl-item { position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) auto 40px; gap: 14px; align-items: center; min-height: 98px; padding: 18px 16px 18px 24px; border-radius: 22px; background: rgba(255, 255, 255, 0.78); box-shadow: rgba(26,37,54,0.5) 0px 8px 18px -14px; text-align: left; overflow: hidden; transition: box-shadow 0.18s, transform 0.12s, background 0.18s; }
.una .pl-item::before { content: ""; position: absolute; left: 0px; top: 16px; bottom: 16px; width: 4px; border-radius: 0px 4px 4px 0px; background: linear-gradient(var(--t1),var(--t2)); }
.una .pl-item:active { background: rgba(255, 255, 255, 0.6); transform: scale(0.99); }
.una .pl-it { display: flex; flex-direction: column; gap: 3px; min-width: 0px; }
.una .pl-it b { font-family: var(--display); font-weight: 600; font-size: 1.04rem; color: var(--ink); line-height: 1.3; }
.una .pl-it small { font-size: 0.84rem; color: var(--slate); line-height: 1.4; }
.una .pl-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.una .pl-dev, .una .pl-opt { font-size: 0.68rem; font-weight: 800; letter-spacing: 0.02em; padding: 4px 10px; border-radius: 20px; white-space: nowrap; line-height: 1.3; }
.una .pl-dev { box-shadow: inset 0 0 0 1px var(--tl); color: var(--tk); }
.una .pl-opt { background: var(--tt); color: var(--tk); }
.una .pl-price { display: flex; flex-direction: column; align-items: flex-end; text-align: right; line-height: 1.1; min-width: 92px; }
.una .pl-price small { font-size: 0.72rem; font-weight: 700; color: var(--slate); letter-spacing: 0.02em; white-space: nowrap; }
.una .pl-price b { font-family: var(--display); font-weight: 600; font-size: 1.36rem; color: var(--tk); font-variant-numeric: tabular-nums; margin: 2px 0px; }
.una .pl-go { width: 40px; height: 40px; border-radius: 50%; background: var(--tt); display: flex; align-items: center; justify-content: center; color: var(--tk); }
.una .pl-go svg { width: 18px; height: 18px; }
.una .pl-note { display: flex; gap: 10px; align-items: flex-start; margin: 34px 0px 0px; padding: 14px 18px; border-radius: 16px; box-shadow: var(--in-s); font-size: 0.84rem; color: var(--slate); }
.una .pl-note svg { width: 18px; height: 18px; color: var(--rose); flex: 0 0 auto; margin-top: 2px; }
.una .sheet.svc { width: min(1100px, 100%); padding: 0 0 calc(26px + env(safe-area-inset-bottom,0px)); }
@media (min-width: 700px){.una .sheet.svc { padding-bottom: 30px; }}
.una .sv-bar { position: sticky; top: 0px; height: 0px; z-index: 6; }
.una .sheet .sv-bar .x { position: absolute; right: 16px; top: 16px; width: 50px; height: 50px; background: rgb(255, 255, 255); color: var(--ink); box-shadow: rgba(11,17,27,0.28) 0px 8px 20px; }
.una .sv-hero { position: relative; display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); gap: 32px; align-items: center; padding: 32px 34px; background: linear-gradient(135deg,var(--t1) 0%,var(--t2) 100%); color: rgb(255, 255, 255); overflow: hidden; }
.una .sv-hero::before { content: ""; position: absolute; left: 30%; top: -140px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 68%); pointer-events: none; }
.una .sv-hero::after { content: ""; position: absolute; right: -110px; bottom: -170px; width: 420px; height: 420px; border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.05) 0px 0px 0px 44px inset; pointer-events: none; }
.una .sv-media { position: relative; z-index: 1; aspect-ratio: 4 / 3; border-radius: 24px; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.92) 0px 0px 0px 5px, rgba(11,17,27,0.35) 0px 20px 36px; background: rgb(211,223,242); }
.una .sv-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.una .sv-id { position: relative; z-index: 1; min-width: 0px; }
.una .sv-chips { display: flex; flex-wrap: wrap; gap: 8px; padding-right: 56px; }
.una .sv-chips span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 30px; box-shadow: rgba(255, 255, 255, 0.45) 0px 0px 0px 1.5px inset; font-size: 0.74rem; font-weight: 800; color: rgb(255, 255, 255); }
.una .sv-chips svg { width: 15px; height: 15px; }
.una .sheet .sv-hero h2 { color: rgb(255, 255, 255); font-weight: 300; font-size: 2.45rem; line-height: 1.08; margin-top: 14px; padding-right: 0px; text-wrap: balance; }
.una .sv-sub { margin: 8px 0px 0px; font-weight: 700; font-size: 1.04rem; color: rgba(255, 255, 255, 0.96); line-height: 1.4; }
.una .sv-lead { margin: 12px 0px 0px; color: rgba(255, 255, 255, 0.92); line-height: 1.62; max-width: 58ch; }
.una .sv-pill { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 18px; padding: 10px 12px 10px 16px; border-radius: 40px; background: rgb(255, 255, 255); color: var(--tk); font-weight: 800; font-size: 1.02rem; box-shadow: rgba(11,17,27,0.25) 0px 10px 22px; text-align: left; }
.una .sv-pill > svg { width: 20px; height: 20px; }
.una .sv-pill em { font-style: normal; display: inline-flex; align-items: center; gap: 4px; font-size: 0.74rem; padding: 5px 10px; border-radius: 20px; background: var(--tt); color: var(--tk); }
.una .sv-pill em svg { width: 14px; height: 14px; }
.una .sv-body { padding: 4px 34px 0px; }
.una .sv-nav { display: flex; gap: 10px; flex-wrap: wrap; margin: 22px 0px -4px; }
.una .sv-nav button { min-height: 42px; padding: 0px 16px; border-radius: 30px; box-shadow: var(--out-s); font-weight: 800; font-size: 0.84rem; color: var(--tk); background: var(--bg); }
.una .sv-t .sect-t .line { background: linear-gradient(90deg,var(--tl),rgba(255,255,255,0)); }
.una .sv-nav button:active { box-shadow: var(--in-s); }
.una .sv-sec { scroll-margin-top: 12px; }
.una .sv-sec .sect-t { margin: 30px 0px 16px; }
.una .sheet .sv-body .sect-t h2 { font-size: 1.05rem; padding-right: 0px; }
.una .sv-facts { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; }
.una .sv-fact { display: grid; grid-template-columns: 44px minmax(0px, 1fr); gap: 2px 12px; align-items: center; padding: 16px 18px; border-radius: 20px; box-shadow: var(--in-s); }
.una .sv-fi { grid-row: 1 / 3; width: 44px; height: 44px; border-radius: 14px; background: linear-gradient(135deg,var(--t1),var(--t2)); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 14px -4px var(--tl); }
.una .sv-fi svg { width: 22px; height: 22px; }
.una .sv-fact small { font-family: var(--display); font-weight: 600; font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--slate); align-self: end; }
.una .sv-fact b { font-size: 0.94rem; color: var(--ink); line-height: 1.35; align-self: start; }
.una .sv-two { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; margin-top: 16px; }
.una .sv-two.one { grid-template-columns: 1fr; }
.una .sv-box { padding: 18px 20px; border-radius: 20px; box-shadow: var(--out-s); background: var(--bg); }
.una .sv-box h3 { display: flex; align-items: center; gap: 8px; font-family: var(--sans); font-weight: 800; font-size: 0.92rem; color: var(--tk); }
.una .sv-box h3 svg { width: 18px; height: 18px; }
.una .sv-checks, .una .sv-notes { list-style: none; margin: 12px 0px 0px; padding: 0px; display: grid; gap: 9px; }
.una .sv-two.one .sv-checks { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.una .sv-checks li { display: flex; gap: 10px; align-items: flex-start; font-weight: 600; color: var(--ink); line-height: 1.4; }
.una .sv-checks li svg { width: 20px; height: 20px; flex: 0 0 auto; color: rgb(255, 255, 255); background: var(--t1); border-radius: 50%; padding: 4px; stroke-width: 2.6; margin-top: 0px; }
.una .sv-notes li { position: relative; padding-left: 18px; color: var(--text); line-height: 1.45; font-size: 0.94rem; }
.una .sv-notes li::before { content: ""; position: absolute; left: 2px; top: 0.55em; width: 7px; height: 7px; border-radius: 50%; background: var(--t1); }
.una .sv-steps { list-style: none; margin: 0px; padding: 0px; }
.una .sv-step { position: relative; display: grid; grid-template-columns: 52px minmax(0px, 1fr) 220px; gap: 20px; align-items: start; padding: 0px 0px 24px; }
.una .sv-step::before { content: ""; position: absolute; left: 25px; top: 58px; bottom: 6px; width: 2px; border-radius: 2px; background: linear-gradient(var(--tl),var(--tt)); }
.una .sv-step:last-child { padding-bottom: 4px; }
.una .sv-step:last-child::before { display: none; }
.una .sv-step.np { grid-template-columns: 52px minmax(0px, 1fr); }
.una .sv-sn { width: 52px; height: 52px; border-radius: 50%; background: linear-gradient(135deg,var(--t1),var(--t2)); color: rgb(255, 255, 255); font-family: var(--display); font-weight: 500; font-size: 1.3rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 22px -8px var(--t2); }
.una .sv-st { padding-top: 8px; }
.una .sv-st h3 { font-weight: 500; font-size: 1.2rem; text-wrap: balance; }
.una .sv-st p { margin: 6px 0px 0px; line-height: 1.62; color: var(--text); }
.una .ba { position: relative; aspect-ratio: 3 / 2; max-width: 760px; margin: 0px auto; border-radius: 24px; overflow: hidden; box-shadow: var(--out); background: rgb(208,221,241); touch-action: pan-y; user-select: none; cursor: ew-resize; }
.una .ba-l { position: absolute; inset: 0px; }
.una .ba-l img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }
.una .ba-a { clip-path: inset(0 calc(100% - var(--p)) 0 0); }
.una .ba-ph { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; font-family: var(--display); font-weight: 600; letter-spacing: 0.22em; font-size: 0.8rem; }
.una .ba-ph svg { width: 36px; height: 36px; opacity: 0.8; }
.una .ba-b .ba-ph { padding-left: 50%; background: linear-gradient(135deg, rgb(244,247,252), rgb(222,231,245)); color: var(--tk); }
.una .ba-t { position: absolute; top: 14px; z-index: 2; font-family: var(--display); font-weight: 600; font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase; padding: 5px 11px; border-radius: 20px; background: rgba(26,37,54,0.62); color: rgb(255, 255, 255); pointer-events: none; }
.una .ba-t.l { left: 14px; }
.una .ba-t.r { right: 14px; }
.una .ba.demo .ba-t { display: none; }
.una .ba-h { position: absolute; top: 0px; bottom: 0px; left: var(--p); width: 0px; z-index: 3; display: flex; align-items: center; justify-content: center; outline: none; }
.una .ba-h::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: -1.5px; width: 3px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 12px; }
.una .ba-h i { position: relative; width: 56px; height: 56px; flex: 0 0 auto; border-radius: 50%; background: rgb(255, 255, 255); color: var(--tk); display: flex; align-items: center; justify-content: center; box-shadow: rgba(11,17,27,0.3) 0px 8px 20px; transition: transform 0.15s; }
.una .ba-h i svg { width: 24px; height: 24px; }
.una .ba-h:focus-visible i { outline: rgba(120,153,203,0.9) solid 3px; outline-offset: 3px; }
.una .ba.drag .ba-h i { transform: scale(1.08); }
.una .ba-cap { text-align: center; margin: 12px auto 0px; max-width: 62ch; font-size: 0.88rem; color: var(--slate); font-weight: 600; }
.una .ba-cap:empty { display: none; }
.una .ba-th { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 12px; }
.una .ba-th button { width: 64px; height: 64px; border-radius: 14px; overflow: hidden; box-shadow: var(--out-s); opacity: 0.7; }
.una .ba-th button.on { opacity: 1; outline: 3px solid var(--t1); outline-offset: 2px; }
.una .ba-th img { width: 100%; height: 100%; object-fit: cover; display: block; }
.una .sv-pz { display: grid; grid-template-columns: minmax(250px, 330px) minmax(0px, 1fr); gap: 24px; align-items: start; }
.una .sv-map { position: sticky; top: 12px; padding: 14px; border-radius: 24px; box-shadow: var(--in-s); display: flex; flex-direction: column; align-items: center; }
.una .sv-map .zmap { width: 100%; height: auto; max-height: 370px; display: block; }
.una .sv-map .zmap.off { display: none; }
.una .zleg { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 10px 0px 0px; min-height: 30px; text-align: center; }
.una .zleg small { width: 100%; font-size: 0.72rem; font-weight: 800; color: var(--slate); }
.una .zleg span { padding: 4px 10px; border-radius: 20px; font-size: 0.76rem; font-weight: 800; color: var(--tk); background-color: transparent; box-shadow: inset 0 0 0 1.5px var(--tl); transition: background-color 0.3s, color 0.3s; }
.una .zleg span.on { background-color: var(--t1); color: rgb(255, 255, 255); }
.una .sv-vars { display: flex; flex-direction: column; gap: 18px; min-width: 0px; }
.una .sv-vg { display: grid; gap: 10px; }
.una .sv-vars.cols .sv-vg { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.una .sv-vg h3 { grid-column: 1 / -1; font-family: var(--display); font-weight: 600; font-size: 0.66rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--slate); margin: 2px 0px 0px 4px; }
.una .sv-var { display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 16px 14px 18px; border-radius: 18px; background: var(--bg); text-align: left; transition: box-shadow 0.2s, background 0.2s; }
.una button.sv-var { box-shadow: var(--out-s); }
.una button.sv-var:active { box-shadow: var(--in-s); }
.una button.sv-var.on { background: var(--tt); box-shadow: inset 0 0 0 2px var(--t1),0 10px 20px -12px var(--t2); }
.una div.sv-var { box-shadow: inset 0 0 0 1px var(--hair); background: rgba(255, 255, 255, 0.4); }
.una .sv-vt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.una .sv-vt b { font-weight: 800; color: var(--ink); line-height: 1.3; }
.una .sv-vt small { font-size: 0.8rem; color: var(--slate); line-height: 1.35; }
.una .sv-vp { display: flex; flex-direction: column; align-items: flex-end; text-align: right; flex: 0 0 auto; max-width: 52%; }
.una .sv-vp b { font-family: var(--display); font-weight: 600; font-size: 1.06rem; color: var(--tk); line-height: 1.25; font-variant-numeric: tabular-nums; }
.una .sv-vp small { font-size: 0.7rem; color: var(--slate); font-weight: 700; line-height: 1.3; margin-top: 3px; }
.una .sv-one { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; max-width: 520px; margin: 0px auto; padding: 26px 24px; border-radius: 24px; box-shadow: var(--in-s); }
.una .sv-one small { font-family: var(--display); font-weight: 600; font-size: 0.64rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--slate); }
.una .sv-one b { font-family: var(--display); font-weight: 500; font-size: 2rem; color: var(--tk); line-height: 1.2; }
.una .sv-one span { color: var(--slate); }
.una .sv-one em { font-style: normal; font-size: 0.84rem; font-weight: 700; color: var(--slate); }
.una .zmap .zb { fill: rgb(231,238,248); stroke: rgb(148,170,202); stroke-width: 1.4; }
.una .zmap .zb.hair { fill: rgb(202,214,231); stroke: none; }
.una .zmap .zh path { fill: none; stroke: rgb(179,193,213); stroke-width: 1.3; stroke-linecap: round; }
.una .zmap .zl path { fill: none; stroke: rgb(105,131,171); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.una .zmap .zl .iris { fill: rgb(105,131,171); }
.una .zmap .z > * { fill: rgba(75,118,182,0); stroke: none; transition: fill 0.35s, stroke 0.35s; }
.una .zmap .z.av > * { fill: var(--tt,rgba(75,118,182,.07)); stroke: var(--tl,#89A6D2); stroke-width: 1.2; stroke-dasharray: 3, 3; }
.una .zmap .z.on > * { fill: var(--tz,rgba(75,118,182,.5)); stroke: var(--tk,#355F9F); stroke-width: 1.4; stroke-dasharray: none; }
.una .overlay { position: fixed; inset: 0px; z-index: 80; background: rgba(26,37,54,0.3); backdrop-filter: blur(6px); display: flex; align-items: flex-end; justify-content: center; animation: 0.25s ease 0s 1 normal both running fade; }
@media (min-width: 700px){.una .overlay { align-items: center; padding: 20px; }}
.una .sheet { width: min(920px, 100%); max-height: 92vh; overflow: auto; background: var(--bg); border-radius: 28px 28px 0px 0px; padding: 30px 32px calc(34px + env(safe-area-inset-bottom,0px)); box-shadow: rgba(26,37,54,0.18) 0px -10px 40px; animation: 0.38s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running sheetUp; position: relative; }
@media (min-width: 700px){.una .sheet { border-radius: 28px; padding-bottom: 34px; }}
.una .sheet.wide { width: min(1100px, 100%); }
.una .sheet .x { position: absolute; right: 18px; top: 18px; width: 52px; height: 52px; border-radius: 50%; box-shadow: var(--out-s); display: flex; align-items: center; justify-content: center; background: var(--bg); }
.una .sheet h2 { font-weight: 500; font-size: 1.7rem; padding-right: 60px; }
.una .ph-note { font-size: 0.74rem; color: var(--slate); margin-top: 18px; }
.una .q .ql, .una .ql { display: flex; align-items: flex-start; gap: 10px; font-weight: 800; color: var(--ink); font-size: 1.02rem; margin-bottom: 12px; }
.una .ql small { font-weight: 600; color: var(--slate); font-size: 0.78rem; margin-left: 4px; }
.una .inp { width: 100%; min-height: 60px; padding: 14px 18px; border: 0px; border-radius: var(--r-s); background: var(--bg); box-shadow: var(--in); font-size: 1.06rem; outline: none; transition: box-shadow 0.2s; appearance: none; }
.una .inp:focus { box-shadow: var(--in),0 0 0 3px rgba(75,118,182,.28); }
.una select.inp { background-image: linear-gradient(45deg,transparent 50%,var(--slate) 50%),linear-gradient(135deg,var(--slate) 50%,transparent 50%); background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 40px; }
.una textarea.inp { min-height: 120px; resize: vertical; line-height: 1.5; }
.una .done h1 { font-weight: 400; font-size: 2.2rem; }
.una .empty h2 { margin-top: 10px; font-size: 1.3rem; }
.una button:focus-visible, .una .inp:focus-visible, .una a:focus-visible, .una [tabindex]:focus-visible { outline: rgba(120,153,203,0.9) solid 3px; outline-offset: 3px; }
@keyframes fade{ 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeUp{ 
  0% { transform: translateY(12px); }
  100% { transform: none; }
}
@keyframes sheetUp{ 
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: none; }
}
@keyframes stepR{ 
  0% { opacity: 0; transform: translateX(34px); }
  100% { opacity: 1; transform: none; }
}
@keyframes stepL{ 
  0% { opacity: 0; transform: translateX(-34px); }
  100% { opacity: 1; transform: none; }
}
@keyframes shake{ 
  0%, 100% { transform: translateX(0px); }
  20% { transform: translateX(-8px); }
  40% { transform: translateX(7px); }
  60% { transform: translateX(-5px); }
  80% { transform: translateX(3px); }
}
@keyframes pop{ 
  0% { transform: scale(0.8); }
  60% { transform: scale(1.12); }
  100% { transform: scale(1); }
}
@keyframes rot{ 
  100% { transform: rotate(360deg); }
}
@keyframes draw{ 
  100% { stroke-dashoffset: 0; }
}
@keyframes toast{ 
  0% { opacity: 0; transform: translate(-50%, 16px); }
  100% { opacity: 1; transform: translate(-50%, 0px); }
}
@keyframes breathe{ 
  0%, 100% { opacity: 0.55; transform: scale(0.97); }
  50% { opacity: 1; transform: scale(1); }
}
@media (prefers-reduced-motion: reduce){.una * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }}
@media (max-width: 640px){.una .wrap { padding: 0px 16px; }
.una .sheet { padding: 26px 18px calc(28px + env(safe-area-inset-bottom,0px)); }
.una .sheet h2 { font-size: 1.45rem; }
.una .done h1 { font-size: 1.7rem; }
.una .sect-t { flex-wrap: wrap; }}
@media (max-width: 900px){.una .pl-hero { grid-template-columns: 1fr; gap: 20px; align-items: start; }
.una .pl-grid { grid-template-columns: 1fr; }
.una .sv-facts { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.una .sv-step { grid-template-columns: 52px minmax(0px, 1fr) 200px; }
.una .sv-pz { grid-template-columns: minmax(220px, 280px) minmax(0px, 1fr); }}
@media (max-width: 760px){.una .sv-hero { grid-template-columns: 1fr; gap: 22px; padding: 26px 24px; }
.una .sv-media { max-width: 460px; }
.una .sv-pz { grid-template-columns: 1fr; }
.una .sv-map { position: relative; top: 0px; }
.una .sv-map .zmap { max-height: 300px; }
.una .sv-two { grid-template-columns: 1fr; }
.una .sv-two.one .sv-checks { grid-template-columns: 1fr; }
.una .sv-step, .una .sv-step.np { grid-template-columns: 44px minmax(0px, 1fr); gap: 14px; }
.una .sv-sn { width: 44px; height: 44px; font-size: 1.1rem; }
.una .sv-step::before { left: 21px; top: 50px; }
.una .sv-vars.cols .sv-vg { grid-template-columns: 1fr; }}
@media (max-width: 640px){.una .pl-hero { padding: 24px 20px 22px; border-radius: 26px; }
.una .pl-hero h1 { font-size: 2.3rem; }
.una .pl-cats { top: calc(66px + env(safe-area-inset-top,0px)); margin: 14px -16px 0px; padding: 10px 16px 12px; }
.una .pl-chip { min-height: 44px; }
.una .pl-item { grid-template-columns: minmax(0px, 1fr) 36px; grid-template-areas: "t g" "p g"; row-gap: 10px; padding: 16px 14px 16px 18px; }
.una .pl-it { grid-area: t; }
.una .pl-price { grid-area: p; flex-direction: row; align-items: baseline; justify-content: flex-start; gap: 6px; min-width: 0px; text-align: left; }
.una .pl-go { grid-area: g; width: 36px; height: 36px; }
.una .pl-sec, .una .pl-promo { margin-left: -6px; margin-right: -6px; padding: 8px 6px 10px; border-radius: 26px; }
.una .pl-sec-h, .una .pl-promo-h { padding: 14px 16px; border-radius: 20px; }
.una .pl-sec-h .chip, .una .pl-promo-h .chip { display: none; }
.una .pl-sec-h .ti { width: 46px; height: 46px; border-radius: 14px; }
.una .pl-sec-h .ti svg { width: 22px; height: 22px; }
.una .sv-hero { padding: 24px 18px; }
.una .sheet .sv-hero h2 { font-size: 1.9rem; }
.una .sv-body { padding: 2px 18px 0px; }
.una .sv-facts { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
.una .sv-fact { grid-template-columns: 1fr; row-gap: 4px; padding: 14px; }
.una .sv-fi { grid-row: auto; width: 38px; height: 38px; border-radius: 12px; margin-bottom: 4px; }
.una .sv-fi svg { width: 19px; height: 19px; }
.una .ba { aspect-ratio: 4 / 3; }
.una .sv-var { padding: 13px 14px; }
.una .sv-vp { max-width: 50%; }}
@keyframes hintPulse{ 
  0% { box-shadow: var(--out),0 0 0 0 rgba(179,94,78,.45); }
  60% { box-shadow: var(--out),0 0 0 8px rgba(179,94,78,0); }
  100% { box-shadow: var(--out); }
}
@keyframes flash{ 
  0% { background: rgba(201, 162, 122, 0.45); }
  100% { background: transparent; }
}
.una .lnk { color: var(--rose-d); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; text-align: left; }
.una .qz-cta { position: relative; display: flex; align-items: center; gap: 18px; width: 100%; padding: 18px 18px 18px 20px; border-radius: var(--r); background: linear-gradient(135deg, rgb(231,238,248) 0%, rgb(198,214,238) 100%); color: var(--ink); text-align: left; overflow: hidden; box-shadow: rgba(52,94,156,0.65) 0px 16px 30px -18px, rgba(88,134,204,0.45) 0px 0px 0px 1.5px inset; transition: transform 0.15s; }
.una .qz-cta::after { content: ""; position: absolute; right: -50px; bottom: -90px; width: 220px; height: 220px; border-radius: 50%; box-shadow: rgba(88,134,204,0.12) 0px 0px 0px 34px inset; pointer-events: none; }
.una .qz-cta:active { transform: scale(0.985); }
.una .qz-cta-i { width: 58px; height: 58px; border-radius: 18px; background: linear-gradient(135deg, rgb(121,162,223), rgb(59,103,170)); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; box-shadow: rgba(32,69,124,0.8) 0px 10px 18px -8px; animation: 2.8s ease-in-out 0s infinite normal none running qzPulse; }
.una .qz-cta-i svg { width: 28px; height: 28px; }
.una .qz-cta-t { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; position: relative; z-index: 1; }
.una .qz-cta-t small { font-family: var(--display); font-size: 0.62rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(35,77,140); }
.una .qz-cta-t b { font-family: var(--display); font-weight: 500; font-size: 1.36rem; line-height: 1.22; color: rgb(21,34,53); margin-top: 2px; }
.una .qz-cta-t span { font-size: 0.84rem; color: rgb(55,76,108); line-height: 1.4; margin-top: 3px; }
.una .qz-cta-go { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; border-radius: 30px; background: var(--grad); color: rgb(255, 255, 255); font-weight: 800; font-size: 0.86rem; flex: 0 0 auto; box-shadow: rgba(53,95,159,0.8) 0px 8px 16px -8px; }
.una .qz-cta-go svg { width: 16px; height: 16px; }
@keyframes qzPulse{ 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}
@media (max-width: 560px){.una .qz-cta { flex-wrap: wrap; }
.una .qz-cta-go { margin-left: 76px; }}
.una .qzp { padding-bottom: 60px; }
.una .qz { --qc: #4874B5; --qd: #2D4E80; }
.una .qz-head { position: relative; display: flex; align-items: center; gap: 18px; padding: 26px 30px; border-radius: 30px; background: linear-gradient(135deg, rgb(64,102,160) 0%, rgb(47,79,128) 55%, rgb(38,66,108) 100%); color: rgb(255, 255, 255); overflow: hidden; box-shadow: rgba(36,57,89,0.65) 0px 24px 42px -22px; }
.una .qz-head::after { content: ""; position: absolute; right: -90px; top: -120px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 68%); pointer-events: none; }
.una .qz-hi { position: relative; z-index: 1; width: 62px; height: 62px; border-radius: 20px; background: rgba(255, 255, 255, 0.14); box-shadow: rgba(255, 255, 255, 0.45) 0px 0px 0px 1.5px inset; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.una .qz-hi svg { width: 30px; height: 30px; }
.una .qz-head > div { position: relative; z-index: 1; }
.una .qz-k { font-family: var(--display); font-size: 0.64rem; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255, 255, 255, 0.88); }
.una .qz-head h1 { color: rgb(255, 255, 255); font-weight: 300; font-size: 2.4rem; line-height: 1.1; margin-top: 4px; }
.una .qz-steps { display: flex; gap: 8px; margin: 18px 0px 6px; flex-wrap: wrap; }
.una .qz-steps span { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; border-radius: 30px; font-size: 0.78rem; font-weight: 800; color: var(--slate); box-shadow: inset 0 0 0 1.5px var(--hair); transition: 0.3s; }
.una .qz-steps i { font-style: normal; width: 26px; height: 26px; border-radius: 50%; background: var(--hair); color: var(--ink); display: flex; align-items: center; justify-content: center; font-size: 0.76rem; }
.una .qz-steps i svg { width: 14px; height: 14px; }
.una .qz-steps .done { color: var(--rose-d); box-shadow: rgba(75,118,182,0.4) 0px 0px 0px 1.5px inset; }
.una .qz-steps .done i { background: var(--rose); color: rgb(255, 255, 255); }
.una .qz-steps .on { background: var(--grad); color: rgb(255, 255, 255); box-shadow: rgba(53,95,159,0.7) 0px 8px 16px -8px; }
.una .qz-steps .on i { background: rgb(255, 255, 255); color: var(--rose-d); }
.una .qz-body { margin-top: 12px; }
.una .qz-body.in { animation: 0.38s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running qzIn; }
@keyframes qzIn{ 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: none; }
}
.una .qz-q { display: flex; align-items: center; gap: 16px; margin: 10px 0px 16px; }
.una .qz-n { width: 48px; height: 48px; border-radius: 50%; background: var(--grad); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-family: var(--display); font-weight: 500; font-size: 1.3rem; flex: 0 0 auto; box-shadow: rgba(53,95,159,0.7) 0px 8px 16px -8px; }
.una .qz-n svg { width: 22px; height: 22px; }
.una .qz-q h2 { font-weight: 500; font-size: 1.6rem; line-height: 1.2; text-wrap: balance; }
.una .qz-q p { margin: 4px 0px 0px; color: var(--slate); font-size: 0.95rem; }
.una .qz-grid { display: grid; gap: 12px; }
.una .qz-grid.g5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.una .qz-grid.g3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.una .qz-opt { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-height: 146px; padding: 18px 16px 16px; border-radius: 24px; background: var(--bg); box-shadow: var(--out-s); text-align: left; transition: transform 0.15s, box-shadow 0.2s, background 0.2s; }
.una .qz-grid.g3 .qz-opt { min-height: 170px; padding: 22px 20px; }
.una .qz-opt:active { transform: scale(0.97); }
.una .qz-oi { width: 50px; height: 50px; border-radius: 16px; background: var(--rose-tt); color: var(--rose-d); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; transition: 0.2s; }
.una .qz-oi svg { width: 25px; height: 25px; }
.una .qz-ot { display: flex; flex-direction: column; gap: 3px; }
.una .qz-ot b { font-weight: 800; color: var(--ink); font-size: 1rem; line-height: 1.25; }
.una .qz-grid.g3 .qz-ot b { font-size: 1.14rem; }
.una .qz-ot small { font-size: 0.78rem; color: var(--slate); line-height: 1.35; }
.una .qz-ck { position: absolute; right: 12px; top: 12px; width: 28px; height: 28px; border-radius: 50%; box-shadow: inset 0 0 0 2px var(--hair); display: flex; align-items: center; justify-content: center; color: transparent; transition: 0.2s; }
.una .qz-ck.sq { border-radius: 9px; }
.una .qz-ck svg { width: 16px; height: 16px; }
.una .qz-opt.on { background: linear-gradient(145deg,var(--qc),var(--qd)); box-shadow: 0 16px 28px -16px var(--qd); }
.una .qz-opt.on .qz-oi { background: rgba(255, 255, 255, 0.18); color: rgb(255, 255, 255); }
.una .qz-opt.on .qz-ot b { color: rgb(255, 255, 255); }
.una .qz-opt.on .qz-ot small { color: rgba(255, 255, 255, 0.9); }
.una .qz-opt.on .qz-ck { background: rgb(255, 255, 255); color: var(--qd); box-shadow: none; animation: 0.3s ease 0s 1 normal none running pop; }
.una .qz-opt.shake { animation: 0.4s ease 0s 1 normal none running shake; }
.una .qz-nav { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.una .qz-cnt { flex: 1 1 0%; min-width: 200px; font-weight: 800; color: var(--slate); font-size: 0.9rem; }
.una .qz-q.fin .qz-n { background: linear-gradient(135deg, rgb(31, 122, 112), rgb(19, 78, 73)); box-shadow: rgba(19, 78, 73, 0.8) 0px 8px 16px -8px; }
.una .qz-results { display: grid; gap: 12px; }
.una .qz-res { position: relative; display: grid; grid-template-columns: 60px minmax(0px, 1fr) auto; gap: 16px; align-items: center; width: 100%; padding: 18px 20px; border-radius: 24px; background: rgb(255, 255, 255); text-align: left; box-shadow: 0 1px 0 var(--hair),0 14px 28px -22px rgba(36,57,89,.55); border-left: 7px solid var(--t2,#2D4E80); animation: 0.45s ease 0s 1 normal both running fadeUp; transition: transform 0.15s; }
.una .qz-res:active { transform: scale(0.99); }
.una .qz-res.top { box-shadow: 0 1px 0 var(--hair),0 18px 34px -20px var(--t2,#2D4E80),inset 0 0 0 2px var(--tl,rgba(72,116,181,.38)); }
.una .qz-ri { width: 56px; height: 56px; border-radius: 18px; background: linear-gradient(145deg,var(--t1,#4874B5),var(--t2,#2D4E80)); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; }
.una .qz-ri svg { width: 26px; height: 26px; }
.una .qz-rt { display: flex; flex-direction: column; gap: 3px; min-width: 0px; }
.una .qz-rt small { font-family: var(--display); font-size: 0.58rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tk,#345990); }
.una .qz-rt b { font-family: var(--display); font-weight: 500; font-size: 1.22rem; color: var(--ink); line-height: 1.25; }
.una .qz-rp { font-size: 0.86rem; color: var(--slate); line-height: 1.4; }
.una .qz-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.una .qz-tags em { font-style: normal; font-size: 0.72rem; font-weight: 800; padding: 3px 10px; border-radius: 12px; background: var(--tt,rgba(72,116,181,.11)); color: var(--tk,#345990); }
.una .qz-tags em.t2 { background: rgb(230,236,245); color: rgb(90,98,111); }
.una .qz-rr { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; text-align: right; }
.una .qz-rr small { font-size: 0.7rem; color: var(--slate); font-weight: 700; }
.una .qz-rr b { font-weight: 800; color: var(--ink); font-size: 0.92rem; white-space: nowrap; }
.una .qz-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; padding: 8px 14px; border-radius: 24px; background: linear-gradient(135deg,var(--t1,#4874B5),var(--t2,#2D4E80)); color: rgb(255, 255, 255); font-weight: 800; font-size: 0.8rem; white-space: nowrap; }
.una .qz-more svg { width: 15px; height: 15px; }
.una .qz-note { display: flex; gap: 10px; align-items: flex-start; margin: 18px 0px 0px; padding: 14px 18px; border-radius: 18px; background: var(--doc-t); color: var(--doc-d); font-size: 0.88rem; line-height: 1.5; }
.una .qz-note svg { width: 20px; height: 20px; flex: 0 0 auto; margin-top: 1px; }
@media (max-width: 1100px){.una .qz-grid.g5 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }}
@media (max-width: 760px){.una .qz-grid.g5 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.una .qz-grid.g3 { grid-template-columns: 1fr; }
.una .qz-grid.g3 .qz-opt { min-height: 0px; flex-direction: row; align-items: center; }
.una .qz-head { padding: 20px; }
.una .qz-head h1 { font-size: 1.8rem; }
.una .qz-q h2 { font-size: 1.3rem; }
.una .qz-res { grid-template-columns: 48px minmax(0px, 1fr); }
.una .qz-ri { width: 48px; height: 48px; }
.una .qz-rr { grid-column: 1 / -1; flex-flow: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; text-align: left; }
.una .qz-rr b { white-space: normal; }
.una .qz-more { margin-top: 0px; margin-left: auto; }}
.una .iz-t.inp { display: flex; width: 100%; }
@keyframes izIn{ 
  0% { opacity: 0; transform: translateY(-4px) scale(0.985); }
  100% { opacity: 1; transform: none; }
}
.una .iz-pop button { font: inherit; }
.una .iz-o span { flex: 1 1 0%; min-width: 0px; overflow-wrap: anywhere; }
.una .iz-o[disabled] { opacity: 0.45; cursor: default; background: none; }
.una .iz-g:first-child { padding-top: 4px; }
.una .iz-ok svg { width: 18px; height: 18px; }
.una .iz-cal-t svg { width: 16px; height: 16px; color: var(--rose); }
.una button.iz-cal-t:hover { background: rgb(221,231,245); color: var(--rose-d); }
.una .iz-nb svg { width: 18px; height: 18px; }
.una .iz-dn span { text-align: center; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.06em; color: var(--slate); padding: 4px 0px 6px; }
.una .iz-dan[disabled], .una .iz-mc[disabled] { opacity: 0.28; cursor: default; background: none; box-shadow: none; }
@keyframes izUp{ 
  0% { transform: translateY(40px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
.una .iz-sh b { flex: 1 1 0%; font-size: 1rem; color: var(--ink); }
.una .iz-x svg { width: 20px; height: 20px; }
.una .empty.sm { padding: 26px 16px; }
.una .empty.sm h2 { font-size: 1.05rem; }
@media (max-width: 560px){.una .empty .btn, .una .btn.danger { white-space: normal; text-align: center; max-width: 100%; height: auto; min-height: 48px; padding-top: 10px; padding-bottom: 10px; line-height: 1.3; }}
@keyframes rpBlink{ 
  0% { background-color: rgba(47, 109, 181, 0.18); }
  100% { background-color: transparent; }
}
@keyframes pdLive{ 
  0% { box-shadow: 0 0 0 0 color-mix(in srgb,var(--c,#2F6DB5) 55%,transparent); }
  100% { box-shadow: transparent 0px 0px 0px 10px; }
}
@keyframes btUc{ 
  0% { background-position: 100% 0px; }
  100% { background-position: -100% 0px; }
}
.una { font-size: 17px; }
.una { --hdr: 80px; --sec: 88px; --ok: #1F6B4A; --ok-t: rgba(46,155,106,.1); --err: #2B5DA9; background: var(--bg); overflow-x: hidden; }
.una main { display: block; min-height: 60vh; outline: none; }
.una a { -webkit-tap-highlight-color: transparent; }
.una :focus-visible { outline: 2.5px solid var(--rose); outline-offset: 3px; border-radius: 10px; }
.una .btn:focus-visible { border-radius: 40px; }
@media (hover: hover){.una .btn:hover { transform: translateY(-1px); }
.una .btn.primary:hover { filter: brightness(1.06); }
.una .btn:not(.primary):not(.s-wbtn):not(.s-obtn):hover { box-shadow: var(--out); }}
.una .kicker { line-height: 1.4; }
@keyframes s-hide{ 
  100% { visibility: hidden; }
}
@keyframes s-show{ 
  100% { visibility: visible; }
}
@keyframes s-drop{ 
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: none; }
}
.una .s-sec { padding: var(--sec) 0; }
.una .s-sec.s-tint { background: linear-gradient(rgb(218,228,242) 0%, rgb(227,235,246) 100%); }
.una .s-sh { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px 40px; margin-bottom: 36px; flex-wrap: wrap; }
.una .s-sh > div { max-width: 720px; min-width: 0px; }
.una .s-sh h2 { font-weight: 300; font-size: 2.55rem; line-height: 1.1; letter-spacing: -0.015em; margin-top: 10px; text-wrap: balance; }
.una .s-sh p { margin: 14px 0px 0px; color: var(--slate); font-size: 1.05rem; line-height: 1.65; }
.una .s-more { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; color: var(--rose-d); text-decoration: none; white-space: nowrap; padding: 8px 2px; }
.una .s-more svg { transition: transform 0.2s; }
.una .s-more:hover svg { transform: translateX(3px); }
.una .s-fine { margin: 14px 0px 0px; font-size: 0.8rem; color: var(--slate); line-height: 1.5; }
.una .s-page { padding-bottom: 70px; }
.una .s-sub { margin-top: 70px; }
.una .s-sub .s-sh h2 { font-size: 2rem; }
.una .s-open { display: inline-flex; align-items: center; gap: 9px; font-weight: 700; font-size: 0.86rem; color: var(--slate); line-height: 1.35; }
.una .s-open i { width: 9px; height: 9px; border-radius: 50%; background: rgb(139,145,154); box-shadow: rgba(139,145,154,0.18) 0px 0px 0px 4px; flex: 0 0 auto; }
.una .s-open.on { color: var(--ok); }
.una .s-open.on i { background: rgb(46, 155, 106); box-shadow: rgba(46, 155, 106, 0.18) 0px 0px 0px 4px; animation: 2s ease-in-out 0s infinite normal none running s-dot; }
@keyframes s-dot{ 
  50% { box-shadow: rgba(46, 155, 106, 0.05) 0px 0px 0px 7px; }
}
.una .bk-av { position: relative; width: 56px; height: 56px; border-radius: 50%; overflow: hidden; flex: 0 0 auto; background: rgb(211,223,242); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgba(41,61,91,0.5) 0px 6px 14px -6px; display: inline-flex; }
.una .bk-av img, .una .bk-av svg { width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; display: block; }
.una .bk-av.sm { width: 42px; height: 42px; }
.una .bk-av.xs { width: 26px; height: 26px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1.5px; }
.una .bk-av.cl { background: rgb(255, 255, 255); padding: 7px; }
.una .bk-av.cl img { object-fit: contain; }
.una .s-soc { display: flex; flex-wrap: wrap; gap: 10px; }
.una .s-soc a { position: relative; width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--bg); box-shadow: var(--out-s); color: var(--rose-d); text-decoration: none; transition: transform 0.2s; }
.una .s-soc a:hover { transform: translateY(-2px); }
.una .s-soc svg { width: 20px; height: 20px; }
.una .s-soc.lg { margin-top: 18px; }
.una .s-phead { position: relative; padding: 30px 0px 40px; overflow: hidden; }
.una .s-phead::before { content: ""; position: absolute; right: -160px; top: -260px; width: 620px; height: 620px; border-radius: 50%; background: radial-gradient(circle, rgba(116,158,220,0.2), rgba(116,158,220,0) 66%); pointer-events: none; }
.una .s-phead .wrap { position: relative; }
.una .s-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 9px; font-size: 0.8rem; font-weight: 700; color: var(--slate); margin: 0px 0px 18px; }
.una .s-crumbs a { color: var(--slate); text-decoration: none; }
.una .s-crumbs a:hover { color: var(--rose-d); }
.una .s-crumbs [aria-current] { color: var(--ink); }
.una .s-crumbs > span[aria-hidden] { opacity: 0.5; }
.una .s-phead h1 { font-weight: 300; font-size: 3.3rem; line-height: 1.05; letter-spacing: -0.02em; margin-top: 10px; text-wrap: balance; max-width: 22ch; }
.una .s-pact { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.una .s-phead.compact { padding-bottom: 26px; }
.una .s-phead.compact h1 { font-size: 2.7rem; }
.una .s-page > .s-crumbs, .una .s-svcp > .s-crumbs, .una .dprof > .s-crumbs, .una .plp > .s-crumbs, .una .qzp > .s-crumbs { margin: 24px 0px 18px; }
.una .s-hero { position: relative; padding: 34px 0px 46px; overflow: hidden; }
.una .s-hero::before { content: ""; position: absolute; right: -12%; top: -38%; width: 820px; height: 820px; border-radius: 50%; background: radial-gradient(circle, rgba(116,158,220,0.24), rgba(116,158,220,0) 64%); pointer-events: none; }
.una .s-hero::after { content: ""; position: absolute; left: -220px; bottom: -320px; width: 560px; height: 560px; border-radius: 50%; box-shadow: rgba(120,153,203,0.07) 0px 0px 0px 60px inset; pointer-events: none; }
.una .s-hero-g { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0px, 1.04fr) minmax(0px, 0.96fr); gap: 54px; align-items: center; }
.una .s-hero-c { display: flex; flex-wrap: wrap; gap: 10px; }
.una .s-hero-c .chip { box-shadow: var(--out-s); background: var(--bg); text-transform: none; letter-spacing: 0.01em; font-size: 0.76rem; }
.una .s-hero-c .chip svg { width: 15px; height: 15px; }
.una .s-hero h1 { font-weight: 300; font-size: 3.7rem; line-height: 1.03; letter-spacing: -0.025em; margin-top: 24px; text-wrap: balance; }
.una .s-hero h1 em { display: block; font-style: normal; font-weight: 400; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; }
.una .s-lead { margin: 22px 0px 0px; font-size: 1.16rem; line-height: 1.65; color: var(--slate); max-width: 50ch; }
.una .s-hero-a { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.una .s-hero-i { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; margin-top: 22px; }
.una .s-htel { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; color: var(--ink); text-decoration: none; }
.una .s-htel svg { color: var(--rose); }
.una .s-stats { display: flex; flex-wrap: wrap; gap: 16px 0px; margin: 36px 0px 0px; padding: 0px; }
.una .s-stats > div { display: flex; flex-direction: column-reverse; padding: 0px 26px; border-left: 1px solid rgb(202,209,220); }
.una .s-stats > div:first-child { padding-left: 0px; border-left: 0px; }
.una .s-stats dd { margin: 0px; font-family: var(--display); font-weight: 300; font-size: 2.4rem; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.una .s-stats dt { margin-top: 7px; font-size: 0.76rem; font-weight: 700; color: var(--slate); letter-spacing: 0.02em; }
.una .s-hero-v { position: relative; padding: 0px 0px 0px 10px; }
.una .s-arches { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; }
.una .s-acol { display: flex; flex-direction: column; gap: 16px; }
.una .s-acol:nth-child(2) { padding-top: 56px; }
.una .s-acol:nth-child(3) { padding-top: 20px; }
.una .s-arch { position: relative; display: block; text-decoration: none; border-radius: 999px 999px 22px 22px; }
.una .s-arch-f { display: block; aspect-ratio: 3 / 4; border-radius: 999px 999px 22px 22px; overflow: hidden; background: rgb(211,223,242); box-shadow: rgba(255, 255, 255, 0.92) 0px 0px 0px 5px, rgba(41,61,91,0.5) 0px 20px 36px -16px; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); }
.una .s-arch-f img, .una .s-arch-f svg { width: 100%; height: 100%; object-fit: cover; object-position: 50% 16%; display: block; }
.una .s-arch-n { position: absolute; left: 10px; right: 10px; bottom: 10px; padding: 8px 10px; border-radius: 14px; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(6px); font-weight: 800; font-size: 0.74rem; color: var(--ink); line-height: 1.25; opacity: 0; transform: translateY(6px); transition: opacity 0.25s, transform 0.25s; }
.una .s-arch-n small { display: block; font-weight: 600; color: var(--slate); font-size: 0.66rem; }
.una .s-arch:hover .s-arch-f { transform: translateY(-5px); }
.una .s-arch:hover .s-arch-n, .una .s-arch:focus-visible .s-arch-n { opacity: 1; transform: none; }
.una .s-next { position: absolute; left: -40px; bottom: -18px; z-index: 3; display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 8px 16px; align-items: center; padding: 14px 14px 14px 18px; border-radius: 24px; background: rgba(255, 255, 255, 0.93); backdrop-filter: blur(12px); box-shadow: rgba(41,61,91,0.6) 0px 24px 44px -18px; text-decoration: none; color: var(--ink); max-width: 320px; transition: transform 0.25s; }
.una .s-next:hover { transform: translateY(-3px); }
.una .s-next-l { grid-column: 1 / -1; display: flex; align-items: center; gap: 6px; font-family: var(--display); font-weight: 600; font-size: 0.6rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--rose); }
.una .s-next-l svg { width: 14px; height: 14px; }
.una .s-next-m { display: flex; align-items: center; gap: 12px; min-width: 0px; }
.una .s-next-m b { display: block; font-size: 1.02rem; line-height: 1.2; }
.una .s-next-m small { display: block; font-size: 0.78rem; color: var(--slate); font-weight: 600; margin-top: 2px; }
.una .s-next-go { width: 40px; height: 40px; border-radius: 50%; background: var(--grad); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; box-shadow: var(--glow); }
.una .s-quick { position: relative; z-index: 2; padding: 6px 0px 10px; }
.una .s-qg { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px; }
.una .s-qa { display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: 24px; background: var(--bg); box-shadow: var(--out-s); text-decoration: none; color: var(--ink); transition: transform 0.2s, box-shadow 0.2s; min-width: 0px; }
.una .s-qa > svg:last-child { color: var(--rose); flex: 0 0 auto; width: 18px; height: 18px; transition: transform 0.2s; }
.una .s-qa:hover { transform: translateY(-3px); box-shadow: var(--out); }
.una .s-qa:hover > svg:last-child { transform: translateX(3px); }
.una .s-qa-i { width: 50px; height: 50px; border-radius: 16px; box-shadow: var(--in-s); display: flex; align-items: center; justify-content: center; color: var(--rose); flex: 0 0 auto; }
.una .s-qa-i svg { width: 23px; height: 23px; }
.una .s-qa-t { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; }
.una .s-qa-t b { font-size: 1rem; line-height: 1.25; }
.una .s-qa-t small { font-size: 0.8rem; color: var(--slate); line-height: 1.35; margin-top: 3px; }
.una .s-qa.pri { background: var(--grad); color: rgb(255, 255, 255); box-shadow: var(--glow),-5px -5px 12px rgba(255,255,255,.9); }
.una .s-qa.pri .s-qa-i { background: rgba(255, 255, 255, 0.16); box-shadow: rgba(255, 255, 255, 0.42) 0px 0px 0px 1.5px inset; color: rgb(255, 255, 255); }
.una .s-qa.pri small { color: rgba(255, 255, 255, 0.9); }
.una .s-qa.pri > svg:last-child { color: rgb(255, 255, 255); }
.una .s-cats { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; }
.una .s-cat { --t1: #4874B5; --t2: #2D4E80; --tk: #345990; position: relative; display: flex; flex-direction: column; gap: 10px; padding: 24px 22px 18px; border-radius: 28px; background: var(--bg); box-shadow: var(--out-s); text-decoration: none; color: var(--ink); overflow: hidden; transition: transform 0.25s, box-shadow 0.25s; min-width: 0px; }
.una .s-cat::before { content: ""; position: absolute; right: -70px; top: -70px; width: 170px; height: 170px; border-radius: 50%; background: radial-gradient(circle,var(--tt),rgba(255,255,255,0) 70%); pointer-events: none; }
.una .s-cat:hover { transform: translateY(-4px); box-shadow: var(--out); }
.una .s-cat-i { position: relative; width: 56px; height: 56px; border-radius: 18px; background: linear-gradient(135deg,var(--t1),var(--t2)); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; box-shadow: 0 12px 22px -10px var(--t2); }
.una .s-cat-i svg { width: 26px; height: 26px; }
.una .s-cat h3 { font-weight: 500; font-size: 1.24rem; margin-top: 8px; line-height: 1.2; }
.una .s-cat p { margin: 0px; font-size: 0.86rem; line-height: 1.5; color: var(--slate); }
.una .s-cat ul { list-style: none; margin: 4px 0px 0px; padding: 0px; display: grid; gap: 5px; }
.una .s-cat li { position: relative; padding-left: 15px; font-size: 0.84rem; font-weight: 700; color: var(--tk); line-height: 1.35; }
.una .s-cat li::before { content: ""; position: absolute; left: 0px; top: 0.5em; width: 6px; height: 6px; border-radius: 50%; background: var(--t1); opacity: 0.65; }
.una .s-cat-f { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 14px; border-top: 1px solid var(--hair); font-size: 0.86rem; color: var(--tk); }
.una .s-cat-f svg { width: 18px; height: 18px; transition: transform 0.2s; }
.una .s-cat:hover .s-cat-f svg { transform: translateX(3px); }
.una .s-cat.quiz { --t1: #5886CC; --t2: #345E9C; --tk: #1D3D6D; background: linear-gradient(150deg, rgb(231,238,248) 0%, rgb(185,207,239) 100%); box-shadow: rgba(52,94,156,0.6) 0px 18px 30px -18px, rgba(88,134,204,0.45) 0px 0px 0px 1.5px inset; }
.una .s-cat.quiz p { color: rgb(55,77,111); }
.una .s-cat.quiz .s-cat-f { border-top-color: rgba(52,94,156,0.25); }
.una .s-cats.sm { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.una .s-docs { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 34px 24px; }
.una .s-doc { display: flex; flex-direction: column; gap: 16px; min-width: 0px; }
.una .s-doc-ph { display: block; aspect-ratio: 4 / 5; border-radius: 999px 999px 28px 28px; overflow: hidden; background: rgb(211,223,242); box-shadow: rgba(255, 255, 255, 0.92) 0px 0px 0px 5px, rgba(41,61,91,0.6) 0px 22px 38px -20px; }
.una .s-doc-ph img, .una .s-doc-ph svg { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; display: block; transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }
.una .s-doc:hover .s-doc-ph img { transform: scale(1.035); }
.una .s-doc-t { display: flex; flex-direction: column; gap: 3px; padding: 0px 4px; min-width: 0px; }
.una .s-doc-pre { font-family: var(--display); font-weight: 500; font-size: 0.78rem; letter-spacing: 0.06em; color: var(--rose); }
.una .s-doc h3 { font-weight: 500; font-size: 1.3rem; line-height: 1.2; }
.una .s-doc h3 a { color: var(--ink); text-decoration: none; }
.una .s-doc h3 a:hover { color: var(--rose-d); }
.una .s-doc-sp { margin: 2px 0px 0px; font-size: 0.84rem; color: var(--slate); line-height: 1.45; }
.una .s-doc-free { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; padding: 7px 12px; border-radius: 14px; background: var(--ok-t); color: var(--ok); font-size: 0.76rem; font-weight: 600; text-decoration: none; align-self: flex-start; line-height: 1.3; }
.una .s-doc-free svg { width: 15px; height: 15px; flex: 0 0 auto; }
.una .s-doc-free b { font-weight: 800; }
.una .s-doc-a { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; align-items: center; }
.una .s-slots { display: grid; grid-template-columns: minmax(0px, 0.88fr) minmax(0px, 1.12fr); gap: 54px; align-items: center; }
.una .s-slots .s-sh { margin-bottom: 22px; }
.una .s-ticks { list-style: none; padding: 0px; margin: 0px 0px 28px; display: grid; gap: 12px; }
.una .s-ticks li { display: flex; gap: 12px; align-items: center; font-weight: 700; color: var(--ink); }
.una .s-ticks svg { width: 24px; height: 24px; padding: 5px; border-radius: 50%; background: var(--rose-tt); color: var(--rose-d); stroke-width: 2.8; flex: 0 0 auto; }
.una .sl-box { padding: 22px; border-radius: 32px; background: var(--bg); box-shadow: var(--out); }
.una .sl-days { display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 8px; margin-bottom: 16px; }
.una .sl-day { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 10px 4px; border-radius: 18px; box-shadow: var(--out-s); background: var(--bg); color: var(--ink); transition: background 0.2s, box-shadow 0.2s; min-width: 0px; }
.una .sl-day small { font-size: 0.64rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: var(--slate); }
.una .sl-day b { font-size: 0.9rem; white-space: nowrap; }
.una .sl-day em { font-style: normal; font-size: 0.64rem; font-weight: 800; color: var(--ok); white-space: nowrap; }
.una .sl-day.on { background: var(--grad); color: rgb(255, 255, 255); box-shadow: var(--glow); }
.una .sl-day.on small, .una .sl-day.on em { color: rgba(255, 255, 255, 0.92); }
.una .sl-list { display: flex; flex-direction: column; gap: 8px; max-height: 430px; overflow: auto; padding: 4px; margin: -4px; scrollbar-width: thin; }
.una .sl-row { display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 10px 16px; align-items: center; padding: 10px 12px 10px 10px; border-radius: 20px; box-shadow: var(--in-s); }
.una .sl-who { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); min-width: 0px; }
.una .sl-who b { display: block; font-size: 0.86rem; line-height: 1.25; }
.una .sl-who small { display: block; font-size: 0.72rem; color: var(--slate); }
.una .sl-ts { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.una .sl-t { display: inline-flex; align-items: center; justify-content: center; min-width: 60px; height: 36px; padding: 0px 10px; border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(41,61,91,0.5) 0px 5px 12px -7px; font-weight: 800; font-size: 0.84rem; color: var(--rose-d); text-decoration: none; font-variant-numeric: tabular-nums; transition: background 0.15s, color 0.15s, transform 0.15s; }
.una .sl-t:hover { background: var(--rose); color: rgb(255, 255, 255); transform: translateY(-1px); }
.una .sl-t.more { background: transparent; box-shadow: rgb(199,211,228) 0px 0px 0px 1.5px inset; color: var(--slate); min-width: 46px; }
.una .s-about { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 60px; align-items: center; }
.una .s-about-t .s-sh { margin-bottom: 20px; }
.una .s-about-t p { font-size: 1.02rem; line-height: 1.78; color: var(--text); margin: 0px 0px 14px; max-width: 60ch; }
.una .s-pil { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; }
.una .s-pi { padding: 26px 24px; border-radius: 26px; background: var(--bg); box-shadow: var(--out-s); }
.una .s-pi:nth-child(2), .una .s-pi:nth-child(3) { box-shadow: var(--in-s); }
.una .s-pi-i { width: 52px; height: 52px; border-radius: 17px; background: var(--grad); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; box-shadow: var(--glow); }
.una .s-pi-i svg { width: 25px; height: 25px; }
.una .s-pi h3 { font-weight: 500; font-size: 1.14rem; margin: 16px 0px 6px; }
.una .s-pi p { margin: 0px; font-size: 0.87rem; line-height: 1.58; color: var(--slate); }
.una .s-galw { margin-top: 40px; }
.una .s-mg { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }
.una .s-mc { display: flex; flex-direction: column; gap: 16px; text-align: left; text-decoration: none; color: var(--ink); min-width: 0px; }
.una .s-mc-th { position: relative; aspect-ratio: 16 / 9; border-radius: 24px; overflow: hidden; background: linear-gradient(135deg, rgb(37,57,88), rgb(22,33,50)); display: flex; align-items: center; justify-content: center; box-shadow: var(--out-s); transition: transform 0.3s; }
.una .s-mc:hover .s-mc-th { transform: translateY(-3px); }
.una .s-mc-th img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.una .s-mc-th::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3)); pointer-events: none; }
.una .s-mc-th.art { background: radial-gradient(320px 200px at 80% 10%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 70%), linear-gradient(135deg, rgb(64,102,160) 0%, rgb(38,66,108) 100%); }
.una .s-mc-tag { position: absolute; left: 12px; top: 12px; z-index: 2; display: inline-flex; gap: 6px; align-items: center; padding: 5px 11px; border-radius: 20px; background: rgba(255, 255, 255, 0.94); color: var(--ink); font-size: 0.7rem; font-weight: 800; }
.una .s-mc-tag svg { width: 14px; height: 14px; color: var(--rose); }
.una .s-mc-b { display: flex; flex-direction: column; gap: 4px; padding: 0px 4px; }
.una .s-mc-b small { font-size: 0.76rem; font-weight: 700; color: var(--slate); }
.una .s-mc-b b { font-size: 1.08rem; line-height: 1.35; color: var(--ink); }
.una .s-mc-o { font-size: 0.86rem; color: var(--slate); line-height: 1.55; margin-top: 2px; }
.una .s-mw { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 0.8rem; font-weight: 700; color: var(--text); }
.una .s-mc-b em { display: inline-flex; gap: 6px; align-items: center; margin-top: 8px; font-style: normal; font-weight: 800; font-size: 0.84rem; color: var(--rose-d); }
.una .s-mc-b em svg { width: 15px; height: 15px; }
.una .s-pg { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }
.una .s-post { display: flex; flex-direction: column; border-radius: 28px; background: var(--bg); box-shadow: var(--out-s); overflow: hidden; text-decoration: none; color: var(--ink); transition: transform 0.25s, box-shadow 0.25s; min-width: 0px; }
.una .s-post:hover { transform: translateY(-4px); box-shadow: var(--out); }
.una .s-cover { --t1: #4874B5; --t2: #2D4E80; position: relative; display: flex; align-items: flex-end; aspect-ratio: 16 / 9; background: linear-gradient(135deg,var(--t1),var(--t2)); overflow: hidden; color: rgb(255, 255, 255); flex: 0 0 auto; }
.una .s-cover::before { content: ""; position: absolute; left: -60px; top: -90px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 68%); }
.una .s-cover::after { content: ""; position: absolute; right: -90px; bottom: -130px; width: 340px; height: 340px; border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 38px inset, rgba(255, 255, 255, 0.03) 0px 0px 0px 26px; }
.una .s-cover.img { background: rgb(211,223,242); }
.una .s-cover.img img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.una .s-post-b { display: flex; flex-direction: column; gap: 8px; padding: 20px 22px 22px; flex: 1 1 0%; }
.una .s-post-b small { font-size: 0.74rem; font-weight: 700; color: var(--slate); }
.una .s-post-b b { font-family: var(--display); font-weight: 500; font-size: 1.2rem; line-height: 1.3; text-wrap: balance; }
.una .s-post-b > span { font-size: 0.88rem; line-height: 1.6; color: var(--slate); }
.una .s-post-b em { margin-top: auto; padding-top: 6px; font-style: normal; font-weight: 800; font-size: 0.84rem; color: var(--rose-d); display: inline-flex; gap: 6px; align-items: center; }
.una .s-post-b em svg { width: 16px; height: 16px; transition: transform 0.2s; }
.una .s-post:hover .s-post-b em svg { transform: translateX(3px); }
.una .s-pg.feat .s-post.big { grid-column: 1 / -1; flex-direction: row; }
.una .s-pg.n2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.una .s-post.big .s-cover { flex: 1.15 1 0%; aspect-ratio: auto; min-height: 340px; }
.una .s-post.big .s-post-b { flex: 1 1 0%; padding: 38px 36px; justify-content: center; gap: 12px; }
.una .s-post.big .s-post-b b { font-size: 1.9rem; line-height: 1.2; }
.una .s-post.big .s-post-b em { margin-top: 8px; }
.una .s-chips { --t1: #4874B5; --t2: #2D4E80; --tk: #345990; display: flex; flex-wrap: wrap; gap: 10px; margin: 0px 0px 30px; }
.una a.pl-chip { text-decoration: none; }
.una .s-faqw { display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); gap: 54px; align-items: start; }
.una .s-faq { display: flex; flex-direction: column; gap: 12px; }
.una .s-q { border-radius: 22px; background: var(--bg); box-shadow: var(--out-s); transition: box-shadow 0.2s; }
.una .s-q[open] { box-shadow: var(--in-s); }
.una .s-q summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px 18px 24px; cursor: pointer; font-weight: 800; font-size: 1rem; color: var(--ink); border-radius: 22px; }
.una .s-q summary::-webkit-details-marker { display: none; }
.una .s-q summary i { width: 36px; height: 36px; border-radius: 50%; box-shadow: var(--out-s); display: flex; align-items: center; justify-content: center; color: var(--rose); flex: 0 0 auto; transition: transform 0.25s; }
.una .s-q summary i svg { width: 18px; height: 18px; }
.una .s-q[open] summary i { transform: rotate(45deg); }
.una .s-qans { padding: 0px 24px 22px; color: var(--text); line-height: 1.72; font-size: 0.95rem; }
.una .s-qans a { color: var(--rose-d); font-weight: 800; }
.una .s-contact { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.08fr); gap: 28px; align-items: start; }
.una .s-cc { display: grid; grid-template-columns: minmax(0px, 1fr); gap: 14px; }
.una .s-ci-row { display: flex; flex-wrap: wrap; gap: 4px 22px; }
.una .s-ci { display: flex; gap: 14px; padding: 18px 20px; border-radius: 24px; background: var(--bg); box-shadow: var(--out-s); min-width: 0px; }
.una .s-ci.wide { grid-column: 1 / -1; }
.una .s-ci > div { min-width: 0px; flex: 1 1 0%; }
.una .s-ci-i { width: 46px; height: 46px; border-radius: 15px; background: var(--grad); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; box-shadow: var(--glow); }
.una .s-ci-i svg { width: 21px; height: 21px; }
.una .s-ci small { display: block; font-family: var(--display); font-weight: 600; font-size: 0.6rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--slate); }
.una .s-ci b { display: block; font-size: 1.06rem; color: var(--ink); margin-top: 5px; }
.una .s-ci > div > span { display: block; font-size: 0.86rem; color: var(--slate); margin-top: 2px; }
.una .s-ci a { display: block; font-weight: 800; color: var(--ink); text-decoration: none; margin-top: 5px; overflow-wrap: anywhere; }
.una .s-ci a:hover { color: var(--rose-d); }
.una .s-ci .s-open { margin-top: 8px; }
.una .s-hours { margin: 12px 0px 0px; display: grid; gap: 5px; max-width: 420px; }
.una .s-hours div { display: flex; justify-content: space-between; gap: 14px; font-size: 0.86rem; padding: 3px 0px; border-bottom: 1px dashed var(--hair); }
.una .s-hours div:last-child { border-bottom: 0px; }
.una .s-hours dt { color: var(--slate); font-weight: 600; }
.una .s-hours dd { margin: 0px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; text-align: right; }
.una .s-hours .today dt, .una .s-hours .today dd { color: var(--rose-d); }
.una .s-map { border-radius: 30px; overflow: hidden; background: var(--bg); box-shadow: var(--out-s); }
.una .s-map-v { position: relative; aspect-ratio: 3 / 2; background: rgb(221,231,245); }
.una .s-map.big .s-map-v { aspect-ratio: 16 / 10; }
.una .s-map-svg { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; }
.una .s-map-pin { position: absolute; left: 51.7%; top: calc(52.5% + 42px); transform: translateX(-50%); padding: 8px 14px; border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(41,61,91,0.6) 0px 12px 26px -12px; text-align: center; white-space: nowrap; }
.una .s-map-pin b { display: block; font-size: 0.84rem; color: var(--ink); }
.una .s-map-pin small { display: block; font-size: 0.72rem; color: var(--slate); font-weight: 700; }
.una .s-map-a { display: flex; flex-wrap: wrap; gap: 10px; padding: 16px 18px 8px; }
.una .s-map-n { margin: 0px; padding: 0px 20px 16px; font-size: 0.76rem; color: var(--slate); }
.una .s-how { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; margin-top: 14px; }
.una .s-how > div { padding: 18px 20px; border-radius: 24px; box-shadow: var(--in-s); }
.una .s-how h3 { display: flex; align-items: center; gap: 8px; font-family: var(--sans); font-weight: 800; font-size: 0.92rem; color: var(--rose-d); }
.una .s-how h3 svg { width: 19px; height: 19px; }
.una .s-how p { margin: 8px 0px 0px; font-size: 0.88rem; line-height: 1.62; color: var(--text); }
.una .s-final { padding: 10px 0 var(--sec); }
.una .s-final-in { position: relative; display: grid; grid-template-columns: minmax(0px, 1.2fr) auto; gap: 30px 40px; align-items: center; padding: 48px 52px; border-radius: 38px; background: linear-gradient(135deg, rgb(68,107,166) 0%, rgb(45,81,136) 58%, rgb(38,66,108) 100%); color: rgb(255, 255, 255); overflow: hidden; box-shadow: rgba(36,57,89,0.8) 0px 34px 56px -30px; }
.una .s-final-in::before { content: ""; position: absolute; right: -120px; top: -200px; width: 520px; height: 520px; border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.05) 0px 0px 0px 60px inset; pointer-events: none; }
.una .s-final-in::after { content: ""; position: absolute; left: 30%; bottom: -160px; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 70%); pointer-events: none; }
.una .s-final-in > * { position: relative; z-index: 1; }
.una .s-final .kicker { color: rgba(255, 255, 255, 0.82); }
.una .s-final h2 { color: rgb(255, 255, 255); font-weight: 300; font-size: 2.6rem; line-height: 1.1; margin-top: 8px; }
.una .s-final p { margin: 12px 0px 0px; color: rgba(255, 255, 255, 0.9); max-width: 52ch; line-height: 1.62; }
.una .s-final-a { display: flex; flex-direction: column; gap: 12px; align-items: stretch; min-width: 270px; }
.una .btn.s-wbtn { background: rgb(255, 255, 255); color: var(--rose-d); box-shadow: rgba(11,17,27,0.28) 0px 12px 26px; }
.una .btn.s-obtn { background: transparent; color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.62) 0px 0px 0px 1.5px inset; }
.una .btn.s-obtn:hover { background: rgba(255, 255, 255, 0.1); }
.una .s-final-tel { display: flex; align-items: center; justify-content: center; gap: 8px; color: rgb(255, 255, 255); font-weight: 800; text-decoration: none; margin-top: 4px; font-size: 1.02rem; }
.una .s-ksec { margin-top: 34px; padding: 10px; border-radius: 34px; background: var(--tt); scroll-margin-top: calc(var(--hdr) + 16px); }
.una .s-kh { position: relative; display: flex; align-items: center; gap: 16px; padding: 18px 22px; border-radius: 26px; background: linear-gradient(135deg,var(--t1),var(--t2)); color: rgb(255, 255, 255); text-decoration: none; overflow: hidden; margin-bottom: 10px; box-shadow: 0 16px 28px -18px var(--t2); flex-wrap: wrap; }
.una .s-kh::after { content: ""; position: absolute; right: -60px; top: -90px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 70%); pointer-events: none; }
.una .s-kh .ti { background: rgba(255, 255, 255, 0.15); box-shadow: rgba(255, 255, 255, 0.45) 0px 0px 0px 1.5px inset; color: rgb(255, 255, 255); }
.una .s-kh-t { flex: 1 1 0%; min-width: 200px; }
.una .s-kh h2 { color: rgb(255, 255, 255); font-weight: 500; font-size: 1.45rem; }
.una .s-kh p { margin: 3px 0px 0px; color: rgba(255, 255, 255, 0.9); font-size: 0.9rem; line-height: 1.45; }
.una .s-kh .chip { box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 1.5px inset; color: rgb(255, 255, 255); }
.una .s-kh > svg { flex: 0 0 auto; width: 22px; height: 22px; position: relative; z-index: 1; }
.una .s-svc-g { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }
.una .s-svc-g.two { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; }
.una .s-svc-c { --t1: #4874B5; --t2: #2D4E80; --tk: #345990; position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) auto; grid-template-areas: "t g" "p g"; gap: 8px 12px; align-items: center; padding: 16px 16px 16px 22px; border-radius: 22px; background: rgba(255, 255, 255, 0.8); box-shadow: rgba(26,37,54,0.5) 0px 8px 18px -14px; text-decoration: none; color: var(--ink); overflow: hidden; transition: transform 0.2s, background 0.2s, box-shadow 0.2s; min-width: 0px; }
.una .s-svc-c::before { content: ""; position: absolute; left: 0px; top: 16px; bottom: 16px; width: 4px; border-radius: 0px 4px 4px 0px; background: linear-gradient(var(--t1),var(--t2)); }
.una .s-svc-c:hover { transform: translateY(-2px); background: rgb(255, 255, 255); box-shadow: rgba(26,37,54,0.55) 0px 14px 26px -16px; }
.una .s-svc-t { grid-area: t; display: flex; flex-direction: column; gap: 3px; min-width: 0px; }
.una .s-svc-t b { font-family: var(--display); font-weight: 600; font-size: 1.02rem; line-height: 1.3; }
.una .s-svc-t small { font-size: 0.82rem; color: var(--slate); line-height: 1.4; }
.una .s-svc-l { font-size: 0.86rem; color: var(--text); line-height: 1.58; margin-top: 4px; }
.una .s-svc-p { grid-area: p; font-weight: 800; font-size: 0.86rem; color: var(--tk); font-variant-numeric: tabular-nums; }
.una .s-svc-c .pl-go { grid-area: g; }
.una .s-svc-g.two .s-svc-c { padding: 20px 18px 20px 26px; }
.una .s-khero { position: relative; padding: 28px 0px 46px; background: linear-gradient(135deg,var(--t1),var(--t2)); color: rgb(255, 255, 255); overflow: hidden; }
.una .s-khero::before { content: ""; position: absolute; right: -120px; bottom: -240px; width: 560px; height: 560px; border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.05) 0px 0px 0px 60px inset; pointer-events: none; }
.una .s-khero::after { content: ""; position: absolute; left: 36%; top: -160px; width: 380px; height: 380px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 68%); pointer-events: none; }
.una .s-khero .wrap { position: relative; z-index: 1; }
.una .s-khero .s-crumbs, .una .s-khero .s-crumbs a { color: rgba(255, 255, 255, 0.82); }
.una .s-khero .s-crumbs [aria-current] { color: rgb(255, 255, 255); }
.una .s-khero-g { display: flex; gap: 30px; align-items: center; }
.una .s-khero h1 { color: rgb(255, 255, 255); font-weight: 300; font-size: 3.1rem; line-height: 1.05; }
.una .s-khero p { margin: 12px 0px 0px; color: rgba(255, 255, 255, 0.92); max-width: 62ch; font-size: 1.06rem; line-height: 1.6; }
.una .s-khero-a { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 20px; }
.una .s-khero .chip { box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 1.5px inset; color: rgb(255, 255, 255); }
.una .s-khero + .s-page { padding-top: 34px; }
.una .s-svc .sv-t.sv-page { background: transparent; }
.una .sv-page .sv-hero { border-radius: 34px; box-shadow: 0 28px 48px -24px var(--t2); }
.una .sv-page .sv-hero h1.sv-h { color: rgb(255, 255, 255); font-weight: 300; font-size: 2.9rem; line-height: 1.06; margin-top: 14px; text-wrap: balance; }
.una .sv-page .sv-chips { padding-right: 0px; }
.una .sv-page .sv-body { padding: 4px 0px 0px; }
.una .sv-page .sv-sec { scroll-margin-top: calc(var(--hdr) + 14px); }
.una .sv-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 30px; margin: 34px 0px 0px; padding: 26px 28px; border-radius: 30px; background: var(--bg); box-shadow: var(--out); }
.una .sv-cta-t { display: flex; gap: 16px; align-items: flex-start; min-width: 0px; flex: 1 1 440px; }
.una .sv-cta-i { width: 52px; height: 52px; border-radius: 17px; background: linear-gradient(135deg,var(--t1),var(--t2)); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; box-shadow: 0 10px 20px -10px var(--t2); }
.una .sv-cta-i svg { width: 24px; height: 24px; }
.una .sv-cta h3 { font-weight: 500; font-size: 1.3rem; line-height: 1.25; text-wrap: balance; }
.una .sv-cta p { margin: 6px 0px 0px; color: var(--slate); font-size: 0.92rem; line-height: 1.55; }
.una .sv-cta .row-actions { justify-content: flex-end; }
.una .s-plcta { display: grid; grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 1fr); gap: 14px; margin-top: 30px; }
.una .s-plcta .pl-cta { text-decoration: none; }
.una a.qz-cta { text-decoration: none; }
.una .s-mini { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; }
.una .s-md { display: flex; align-items: center; gap: 12px; padding: 12px 14px 12px 12px; border-radius: 22px; background: var(--bg); box-shadow: var(--out-s); text-decoration: none; color: var(--ink); min-width: 0px; transition: transform 0.2s; }
.una a.s-md:hover { transform: translateY(-2px); }
.una .s-md > span:last-child { min-width: 0px; }
.una .s-md b { display: block; font-size: 0.86rem; line-height: 1.25; }
.una .s-md small { display: block; font-size: 0.74rem; color: var(--slate); line-height: 1.3; margin-top: 2px; }
.una .s-art { padding-bottom: 70px; }
.una .s-art .s-crumbs { margin: 24px 0px 18px; }
.una .s-art-h { max-width: 880px; }
.una .s-art-h .chip { text-decoration: none; color: var(--tk,var(--rose-d)); box-shadow: var(--out-s); background: var(--bg); }
.una .s-art-h h1 { font-weight: 300; font-size: 3.05rem; line-height: 1.1; letter-spacing: -0.018em; margin-top: 18px; text-wrap: balance; }
.una .s-art-lead { margin: 18px 0px 0px; font-size: 1.2rem; line-height: 1.65; color: var(--text); max-width: 64ch; }
.una .s-art-m { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 24px; font-size: 0.84rem; font-weight: 700; color: var(--slate); }
.una .s-art-m > span { display: inline-flex; align-items: center; gap: 6px; }
.una .s-art-m > span svg { width: 16px; height: 16px; color: var(--rose); }
.una .s-art-a { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); }
.una .s-art-a b { display: block; font-size: 0.9rem; }
.una .s-art-a small { display: block; font-weight: 600; color: var(--slate); font-size: 0.76rem; }
.una .s-cover.wide { aspect-ratio: 7 / 2; border-radius: 32px; margin-top: 30px; box-shadow: 0 26px 46px -26px var(--t2); }
.una .s-art-g { display: grid; grid-template-columns: minmax(0px, 1fr) 310px; gap: 60px; margin-top: 44px; align-items: start; }
.una .s-art-b { font-size: 1.07rem; line-height: 1.82; color: var(--text); max-width: 72ch; min-width: 0px; }
.una .s-art-b h2 { font-weight: 500; font-size: 1.62rem; line-height: 1.25; margin: 40px 0px 12px; scroll-margin-top: calc(var(--hdr) + 20px); text-wrap: balance; }
.una .s-art-b h2:first-child { margin-top: 0px; }
.una .s-art-b p { margin: 0px 0px 16px; }
.una .s-art-b ul, .una .s-art-b ol { margin: 0px 0px 18px; padding-left: 24px; }
.una .s-art-b li { margin: 7px 0px; padding-left: 4px; }
.una .s-art-b li::marker { color: var(--rose); }
.una .s-art-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.una .s-art-tags span { padding: 5px 12px; border-radius: 20px; box-shadow: rgb(200,209,221) 0px 0px 0px 1px inset; font-size: 0.8rem; font-weight: 700; color: var(--slate); }
.una .s-art-share { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--hair); font-weight: 800; color: var(--ink); font-size: 0.95rem; }
.una .s-art-note { display: flex; gap: 10px; align-items: flex-start; margin-top: 22px; padding: 14px 18px; border-radius: 18px; box-shadow: var(--in-s); font-size: 0.84rem; color: var(--slate); line-height: 1.55; }
.una .s-art-note svg { width: 18px; height: 18px; color: var(--rose); flex: 0 0 auto; margin-top: 2px; }
.una .s-art-s { position: sticky; top: calc(var(--hdr) + 22px); display: flex; flex-direction: column; gap: 18px; }
.una .s-art-s h3 { font-family: var(--display); font-weight: 600; font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--slate); margin-bottom: 10px; }
.una .s-toc { padding: 20px 22px; border-radius: 24px; box-shadow: var(--in-s); }
.una .s-toc a { display: block; padding: 8px 0px; font-size: 0.88rem; font-weight: 700; line-height: 1.4; color: var(--text); text-decoration: none; border-bottom: 1px solid var(--hair); }
.una .s-toc a:last-child { border-bottom: 0px; }
.una .s-toc a:hover { color: var(--rose-d); }
.una .s-art-c { padding: 22px; border-radius: 24px; background: var(--grad); color: rgb(255, 255, 255); box-shadow: var(--glow); }
.una .s-art-c h3 { color: rgba(255, 255, 255, 0.85) !important; }
.una .s-art-c p { margin: 0px 0px 14px; font-weight: 700; line-height: 1.5; }
.una .s-art-c .btn { margin: 4px 6px 0px 0px; }
.una .s-art-c .btn.primary { background: rgb(255, 255, 255); color: var(--rose-d); box-shadow: rgba(11,17,27,0.2) 0px 8px 18px; }
.una .s-art-c .btn:not(.primary) { background: transparent; color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 0px 1.5px inset; }
.una .bk { position: relative; }
.una .bk-tabs { display: inline-flex; gap: 6px; padding: 6px; border-radius: 40px; box-shadow: var(--in-s); margin-bottom: 24px; max-width: 100%; }
.una .bk-tabs button { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0px 20px; border-radius: 30px; font-weight: 800; font-size: 0.92rem; color: var(--slate); transition: background 0.2s, color 0.2s, box-shadow 0.2s; white-space: nowrap; }
.una .bk-tabs button svg { width: 18px; height: 18px; }
.una .bk-tabs button.on { background: var(--bg); color: var(--rose-d); box-shadow: var(--out-s); }
.una .bk-grid { display: grid; grid-template-columns: minmax(0px, 1fr) 320px; gap: 32px; align-items: start; }
.una .bk-main { display: flex; flex-direction: column; gap: 18px; min-width: 0px; }
.una .bk-step { padding: 26px 28px 28px; border-radius: 32px; background: var(--bg); box-shadow: var(--out-s); }
.una .bk-sh { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 18px; scroll-margin-top: calc(var(--hdr) + 20px); }
.una .bk-n { width: 40px; height: 40px; border-radius: 50%; background: var(--grad); color: rgb(255, 255, 255); font-family: var(--display); font-weight: 500; font-size: 1.02rem; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; box-shadow: var(--glow); }
.una .bk-sh h2 { font-weight: 500; font-size: 1.36rem; line-height: 1.25; }
.una .bk-sh p { margin: 4px 0px 0px; font-size: 0.88rem; color: var(--slate); line-height: 1.5; }
.una .bk-docs { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }
.una .bk-doc { position: relative; display: flex; align-items: center; gap: 12px; padding: 12px 30px 12px 12px; border-radius: 20px; background: var(--bg); box-shadow: var(--out-s); text-align: left; transition: box-shadow 0.2s, transform 0.12s; min-width: 0px; }
.una .bk-doc:hover { transform: translateY(-1px); }
.una .bk-doc.on { box-shadow: var(--in-s),inset 0 0 0 2px var(--rose); }
.una .bk-doc .bk-av { width: 50px; height: 50px; }
.una .bk-dt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; }
.una .bk-dt b { font-size: 0.84rem; line-height: 1.25; color: var(--ink); }
.una .bk-dt small { font-size: 0.72rem; color: var(--slate); line-height: 1.3; margin-top: 2px; }
.una .bk-dt em { display: inline-flex; align-items: center; gap: 4px; margin-top: 5px; font-style: normal; font-size: 0.68rem; font-weight: 800; color: var(--ok); line-height: 1.2; }
.una .bk-dt em svg { width: 12px; height: 12px; flex: 0 0 auto; }
.una .bk-ck { position: absolute; right: 9px; top: 9px; width: 22px; height: 22px; border-radius: 50%; background: var(--rose); color: rgb(255, 255, 255); display: none; align-items: center; justify-content: center; }
.una .bk-ck svg { width: 14px; height: 14px; stroke-width: 3; }
.una .bk-doc.on .bk-ck { display: flex; }
.una .bk-anyi { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: var(--grad); color: rgb(255, 255, 255); }
.una .bk-anyi svg { width: 24px; height: 24px; }
.una .bk-days { display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 8px; }
.una .bk-day { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 10px 3px 9px; border-radius: 17px; background: var(--bg); box-shadow: var(--out-s); color: var(--ink); transition: background 0.18s, box-shadow 0.18s; min-width: 0px; }
.una .bk-day small { font-size: 0.62rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; color: var(--slate); }
.una .bk-day b { font-family: var(--display); font-weight: 500; font-size: 1.28rem; line-height: 1.1; }
.una .bk-day em { font-style: normal; font-size: 0.6rem; font-weight: 800; color: var(--ok); margin-top: 3px; white-space: nowrap; }
.una .bk-day[disabled] { opacity: 0.42; box-shadow: none; background: transparent; }
.una .bk-day[disabled] em { color: var(--slate); }
.una .bk-day.on { background: var(--grad); color: rgb(255, 255, 255); box-shadow: var(--glow); }
.una .bk-day.on small, .una .bk-day.on em { color: rgba(255, 255, 255, 0.92); }
.una .bk-dayt { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin: 24px 0px 2px; }
.una .bk-dayt b { font-family: var(--display); font-weight: 500; font-size: 1.18rem; color: var(--ink); }
.una .bk-dayt span { font-size: 0.8rem; color: var(--slate); }
.una .bk-tg { margin-top: 14px; }
.una .bk-tg h3, .una .bk-who h3, .una .bk-how h3 { font-family: var(--display); font-weight: 600; font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--slate); margin-bottom: 8px; }
.una .bk-times { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 8px; }
.una .bk-time { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 10px 6px; border-radius: 15px; background: rgb(255, 255, 255); box-shadow: rgba(41,61,91,0.55) 0px 5px 14px -9px; font-variant-numeric: tabular-nums; transition: background 0.15s, box-shadow 0.15s; }
.una .bk-time b { font-size: 0.98rem; color: var(--rose-d); }
.una .bk-time:hover { box-shadow: rgb(199,215,239) 0px 0px 0px 2px, rgba(41,61,91,0.55) 0px 5px 14px -9px; }
.una .bk-time.on { background: var(--grad); }
.una .bk-time.on b { color: rgb(255, 255, 255); }
.una .bk-mini { display: flex; }
.una .bk-mini i { width: 20px; height: 20px; border-radius: 50%; overflow: hidden; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; margin-left: -5px; background: rgb(211,223,242); display: inline-flex; }
.una .bk-mini i:first-child { margin-left: 0px; }
.una .bk-mini i img, .una .bk-mini i svg { width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; }
.una .bk-mini i.more { font-style: normal; font-size: 0.55rem; font-weight: 800; align-items: center; justify-content: center; color: var(--slate); background: rgb(229,236,247); }
.una .bk-time.on .bk-mini i { box-shadow: rgba(255, 255, 255, 0.85) 0px 0px 0px 2px; }
.una .bk-who { margin-top: 18px; padding: 16px; border-radius: 22px; box-shadow: var(--in-s); }
.una .bk-wl { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.una .bk-w { display: flex; align-items: center; gap: 10px; padding: 7px 16px 7px 7px; border-radius: 40px; background: var(--bg); box-shadow: var(--out-s); text-align: left; min-width: 0px; }
.una .bk-w b { display: block; font-size: 0.84rem; line-height: 1.25; }
.una .bk-w small { display: block; font-size: 0.7rem; color: var(--slate); }
.una .bk-w.on { box-shadow: var(--in-s),inset 0 0 0 2px var(--rose); }
.una .bk-form { position: relative; }
.una .bk-fg { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px 16px; }
.una .bk-f { min-width: 0px; }
.una .bk-f[data-f="ime"], .una .bk-f[data-f="poruka"] { grid-column: 1 / -1; }
.una .bk-form .inp { min-height: 56px; }
.una .bk-form textarea.inp { min-height: 110px; }
.una .bk-f.bad .inp { box-shadow: var(--in),inset 0 0 0 2px #2D67BE; }
.una .bk-hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.una .bk-cons { position: relative; display: flex; gap: 12px; align-items: flex-start; margin-top: 18px; cursor: pointer; font-size: 0.88rem; line-height: 1.5; color: var(--text); }
.una .bk-cons input { position: absolute; left: 0px; top: 0px; opacity: 0; width: 26px; height: 26px; margin: 0px; }
.una .bk-box { width: 26px; height: 26px; border-radius: 8px; box-shadow: var(--in-s); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; color: transparent; transition: background 0.15s, box-shadow 0.15s; }
.una .bk-box svg { width: 16px; height: 16px; stroke-width: 3; }
.una .bk-cons input:checked + .bk-box { background: var(--grad); color: rgb(255, 255, 255); box-shadow: var(--glow); }
.una .bk-cons input:focus-visible + .bk-box { outline: 2.5px solid var(--rose); outline-offset: 2px; }
.una .bk-cons a { color: var(--rose-d); font-weight: 800; }
.una .bk-f.bad .bk-box { box-shadow: var(--in-s),inset 0 0 0 2px #2D67BE; }
.una .bk-sum { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0px 0px; padding: 12px; border-radius: 20px; background: var(--rose-tt); }
.una .bk-sum span { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border-radius: 30px; background: rgba(255, 255, 255, 0.8); font-size: 0.84rem; min-width: 0px; }
.una .bk-sum svg { color: var(--rose); flex: 0 0 auto; width: 16px; height: 16px; }
.una .bk-sum b { color: var(--ink); font-weight: 800; }
.una .bk-go { width: 100%; margin-top: 18px; min-height: 62px; font-size: 1.02rem; }
.una .bk-fine { margin: 12px 0px 0px; font-size: 0.78rem; color: var(--slate); text-align: center; line-height: 1.5; }
.una .bk-side { position: sticky; top: calc(var(--hdr) + 20px); }
.una .bk-how { padding: 26px 24px; border-radius: 30px; box-shadow: var(--in-s); }
.una .bk-how ol { list-style: none; counter-reset: s 0; margin: 10px 0px 0px; padding: 0px; display: grid; gap: 16px; }
.una .bk-how li { counter-increment: s 1; display: grid; grid-template-columns: 34px minmax(0px, 1fr); column-gap: 12px; }
.una .bk-how li::before { content: counter(s); grid-row: 1 / 3; width: 34px; height: 34px; border-radius: 50%; background: var(--bg); box-shadow: var(--out-s); color: var(--rose-d); font-weight: 800; display: flex; align-items: center; justify-content: center; }
.una .bk-how li b { font-size: 0.92rem; color: var(--ink); line-height: 1.3; }
.una .bk-how li span { font-size: 0.8rem; color: var(--slate); line-height: 1.45; }
.una .bk-call { display: flex; flex-direction: column; gap: 6px; margin-top: 22px; padding-top: 18px; border-top: 1px solid rgb(200,214,236); }
.una .bk-call small { font-size: 0.8rem; color: var(--slate); font-weight: 700; }
.una .bk-call a { display: flex; gap: 8px; align-items: center; font-weight: 800; font-size: 1.05rem; color: var(--ink); text-decoration: none; }
.una .bk-call a svg { color: var(--rose); width: 18px; height: 18px; }
.una .bk-hours { margin: 16px 0px 0px; display: grid; gap: 4px; font-size: 0.82rem; }
.una .bk-hours div { display: flex; justify-content: space-between; gap: 10px; }
.una .bk-hours dt { color: var(--slate); font-weight: 600; }
.una .bk-hours dd { margin: 0px; font-weight: 800; color: var(--ink); }
@media (max-width: 1180px){.una .s-hero h1 { font-size: 3.2rem; }
.una .s-cats { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.una .s-docs { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.una .s-mini { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.una .bk-docs { grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 1060px){.una .s-hero-g { grid-template-columns: minmax(0px, 1fr); gap: 34px; }
.una .s-hero-v { max-width: 620px; padding: 0px; }
.una .s-next { left: auto; right: -8px; bottom: -14px; }
.una .s-qg { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.una .s-slots, .una .s-about, .una .s-faqw, .una .s-contact, .una .s-dcta { grid-template-columns: minmax(0px, 1fr); gap: 30px; }
.una .s-tech-g, .una .s-mg, .una .s-pg { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.una .s-art-g { grid-template-columns: minmax(0px, 1fr); gap: 36px; }
.una .s-art-s { position: static; }
.una .bk-grid { grid-template-columns: minmax(0px, 1fr); }
.una .bk-side { position: static; }
.una .s-svc-g { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.una .s-post.big .s-cover { min-height: 260px; }}
@media (max-width: 760px){.una { --sec: 60px; padding-bottom: calc(78px + env(safe-area-inset-bottom,0px)); }
.una .s-sh h2, .una .s-tech h2 { font-size: 2rem; }
.una .s-sh { margin-bottom: 26px; }
.una .s-hero { padding: 22px 0px 34px; }
.una .s-hero h1 { font-size: 2.55rem; }
.una .s-lead { font-size: 1.04rem; }
.una .s-hero-a .btn { flex: 1 1 220px; }
.una .s-stats > div { padding: 0px 16px; }
.una .s-stats dd { font-size: 1.9rem; }
.una .s-arches { gap: 10px; }
.una .s-acol { gap: 10px; }
.una .s-acol:nth-child(2) { padding-top: 34px; }
.una .s-acol:nth-child(3) { padding-top: 12px; }
.una .s-arch-n { display: none; }
.una .s-next { position: relative; left: auto; right: auto; bottom: auto; margin: -26px auto 0px; max-width: 340px; }
.una .s-docs { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 26px 14px; }
.una .s-doc h3 { font-size: 1.1rem; }
.una .s-doc-a .btn { flex: 1 1 auto; padding: 0px 12px; }
.una .s-cats, .una .s-cats.sm { grid-template-columns: minmax(0px, 1fr); }
.una .s-cat { min-height: 0px; }
.una .s-tech-g, .una .s-mg, .una .s-mg.n2, .una .s-pg, .una .s-staff { grid-template-columns: minmax(0px, 1fr); }
.una .s-pg.feat .s-post.big { flex-direction: column; }
.una .s-post.big .s-cover { min-height: 0px; aspect-ratio: 16 / 9; }
.una .s-post.big .s-post-b { padding: 22px; }
.una .s-post.big .s-post-b b { font-size: 1.4rem; }
.una .s-pil { grid-template-columns: minmax(0px, 1fr); }
.una .s-cc, .una .s-how { grid-template-columns: minmax(0px, 1fr); }
.una .s-final-in { grid-template-columns: minmax(0px, 1fr); padding: 34px 26px; border-radius: 32px; }
.una .s-final h2 { font-size: 2rem; }
.una .s-final-a { min-width: 0px; }
.una .s-phead h1, .una .s-phead.compact h1 { font-size: 2.3rem; }
.una .s-khero-g { flex-direction: column; align-items: flex-start; gap: 18px; }
.una .s-khero h1 { font-size: 2.3rem; }
.una .s-svc-g, .una .s-svc-g.two { grid-template-columns: minmax(0px, 1fr); }
.una .s-mini { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.una .s-plcta { grid-template-columns: minmax(0px, 1fr); }
.una .sv-page .sv-hero h1.sv-h { font-size: 2.1rem; }
.una .sv-cta { padding: 22px; }
.una .sv-cta-t { flex-basis: 100%; }
.una .sv-cta .row-actions { justify-content: flex-start; }
.una .s-art-h h1 { font-size: 2.2rem; }
.una .s-art-lead { font-size: 1.06rem; }
.una .s-cover.wide { aspect-ratio: 16 / 9; border-radius: 26px; }
.una .s-art-b { font-size: 1.02rem; }
.una .bk-step { padding: 20px 16px 22px; border-radius: 28px; }
.una .bk-docs { grid-template-columns: minmax(0px, 1fr); }
.una .bk-days { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 4px 10px; margin: 0px -4px; scrollbar-width: none; }
.una .bk-days::-webkit-scrollbar { display: none; }
.una .bk-day { flex: 0 0 68px; scroll-snap-align: start; }
.una .bk-fg { grid-template-columns: minmax(0px, 1fr); }
.una .bk-tabs { display: flex; }
.una .bk-tabs button { flex: 1 1 0%; justify-content: center; padding: 0px 10px; font-size: 0.86rem; }
.una .sl-days { display: flex; overflow-x: auto; padding: 4px 4px 10px; margin: 0px -4px; scrollbar-width: none; }
.una .sl-days::-webkit-scrollbar { display: none; }
.una .sl-day { flex: 0 0 84px; }
.una .sl-row { grid-template-columns: minmax(0px, 1fr); }
.una .sl-ts { justify-content: flex-start; }
.una .s-qg { grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 760px){.una .s-cat { display: grid; grid-template-columns: 52px minmax(0px, 1fr) 20px; grid-template-areas: "i t a" "i p a" "i f a"; gap: 3px 14px; align-items: center; padding: 16px; border-radius: 24px; }
.una .s-cat-i { grid-area: i; align-self: start; width: 52px; height: 52px; border-radius: 16px; }
.una .s-cat h3 { grid-area: t; margin: 0px; font-size: 1.08rem; }
.una .s-cat p { grid-area: p; font-size: 0.8rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.una .s-cat ul { display: none; }
.una .s-cat-f { display: contents; }
.una .s-cat-f b { grid-area: f; font-size: 0.76rem; margin-top: 2px; }
.una .s-cat-f svg { grid-area: a; }
.una .s-pi { display: grid; grid-template-columns: 48px minmax(0px, 1fr); column-gap: 14px; padding: 18px; border-radius: 22px; }
.una .s-pi-i { grid-row: 1 / 3; width: 48px; height: 48px; border-radius: 15px; }
.una .s-pi h3 { margin: 0px 0px 4px; align-self: end; font-size: 1.04rem; }
.una .s-pi p { grid-column: 2; }
.una .s-pg.s-car, .una .s-mg.s-car, .una .s-tech-g.s-car { display: grid; grid-auto-flow: column; grid-auto-columns: 86%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; padding: 6px 16px 20px; margin: 0px -16px; scrollbar-width: none; overscroll-behavior-x: contain; }
.una .s-car::-webkit-scrollbar { display: none; }
.una .s-car > * { scroll-snap-align: center; }
.una .s-mg.s-car .s-mc { flex-direction: column; align-items: stretch; }
.una .s-mg.s-car .s-mc-th { flex: 0 0 auto; }}
@media (max-width: 640px){.una { font-size: 16px; }
.una .s-docs:not(.big) { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 26px 12px; }
.una .s-docs:not(.big) .s-doc { gap: 12px; }
.una .s-docs:not(.big) .s-doc h3 { font-size: 1.02rem; }
.una .s-docs:not(.big) .s-doc-sp { font-size: 0.74rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.una .s-docs:not(.big) .s-doc-a { margin-top: 8px; }
.una .s-docs:not(.big) .s-doc-a .btn:not(.primary) { display: none; }
.una .s-docs:not(.big) .s-doc-a .btn.primary { width: 100%; }
.una .s-docs:not(.big) .s-doc-free { font-size: 0.68rem; margin-top: 6px; }
.una { --hdr: 66px; }
.una .s-hero h1 { font-size: 2.3rem; }
.una .s-stats { gap: 14px 0px; }
.una .s-stats > div { padding: 0px 12px; }
.una .s-stats dt { font-size: 0.7rem; }
.una .s-docs { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.una .s-doc-free { font-size: 0.7rem; padding: 6px 10px; }
.una .s-mini { grid-template-columns: minmax(0px, 1fr); }
.una .s-sub { margin-top: 50px; }}
@media (max-width: 420px){.una .s-stats > div:nth-child(4) { display: none; }}
@media (prefers-reduced-motion: reduce){.una .s-open.on i { animation: auto ease 0s 1 normal none running none; }}
.una .s-sr { width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; position: absolute !important; }
.una .s-phead.slim { padding: 20px 0px 4px; overflow: visible; }
.una .s-phead.slim::before { display: none; }
.una .s-ph { display: flex; align-items: center; justify-content: space-between; gap: 10px 18px; flex-wrap: wrap; }
.una .s-phead.slim .s-crumbs { margin: 0px; font-size: 0.86rem; }
.una .s-phead.slim .s-pact { margin: 0px; gap: 10px; }
.una .s-phead.slim .s-pact .btn { min-height: 44px; font-size: 0.9rem; padding: 0px 18px; }
.una .s-phead.slim + .s-page { padding-top: 18px; }
.una .s-hero h1 em { padding-bottom: 0.16em; margin-bottom: -0.16em; }
.una .s-khero.slim { padding: 18px 0px 24px; }
.una .s-khero.slim::before, .una .s-khero.slim::after { display: none; }
.una .s-khero-img { position: absolute; right: 0px; top: 0px; bottom: 0px; width: min(52%, 700px); pointer-events: none; mask-image: linear-gradient(90deg, transparent 0%, rgb(0, 0, 0) 55%); }
.una .s-khero-img img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; display: block; }
.una .s-khero.slim .s-khero-g { justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 14px 28px; }
.una .s-khero.slim .s-crumbs { margin-bottom: 12px; }
.una .s-khero.slim h1 { font-size: 2.2rem; font-weight: 400; }
.una .s-khero.slim p { margin-top: 6px; font-size: 0.98rem; max-width: 58ch; text-shadow: rgba(0, 0, 0, 0.18) 0px 1px 12px; }
.una .s-khero.slim .s-khero-a { margin-top: 0px; }
.una .s-khero.slim + .s-page { padding-top: 26px; }
.una .s-cat-img, .una .s-svc-img, .una .pl-img, .una .s-fill { display: block; overflow: hidden; pointer-events: none; }
.una .s-cat-img img, .una .s-svc-img img, .una .pl-img img, .una .s-fill img { width: 100%; height: 100%; object-fit: cover; display: block; }
.una .s-cat-img { position: relative; height: 118px; margin: -24px -22px 2px; border-radius: 28px 28px 0px 0px; transition: opacity 0.35s; }
.una .s-cat-img::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.16)); }
.una .s-cat-img + .s-cat-i { margin-top: -46px; box-shadow: 0 0 0 4px var(--bg),0 12px 22px -10px var(--t2); }
.una .s-cat.quiz .s-cat-img + .s-cat-i { box-shadow: 0 0 0 4px #E1E9F6,0 12px 22px -10px var(--t2); }
.una .s-svc-c { grid-template-columns: 52px minmax(0px, 1fr) auto; grid-template-areas: "i t g" "i p g"; }
.una .s-svc-img, .una .pl-img { position: relative; width: 52px; height: 52px; border-radius: 16px; align-self: start; box-shadow: 0 8px 16px -10px var(--t2); transition: opacity 0.3s; }
.una .s-svc-img { grid-area: i; }
.una .s-svc-img img, .una .pl-img img { object-position: 56% 46%; transform: scale(1.45); }
.una .plp .pl-item.has-img { grid-template-columns: 52px minmax(0px, 1fr) auto 40px; }
.una .s-fill { display: none; }
@media (hover: hover) and (min-width: 761px){.una .s-cat, .una .s-svc-c, .una .plp .pl-item.has-img { isolation: isolate; }
.una .s-cat { --fill0: inset(0 0 calc(100% - 118px) 0 round 28px 28px 0 0); --fill1: inset(0 0 0 0 round 28px); }
.una .s-svc-c { --fill0: inset(16px calc(100% - 74px) calc(100% - 68px) 22px round 16px); --fill1: inset(0 0 0 0 round 22px); }
.una .s-svc-g.two .s-svc-c { --fill0: inset(20px calc(100% - 78px) calc(100% - 72px) 26px round 16px); }
.una .pl-item { --fill0: inset(18px calc(100% - 76px) calc(100% - 70px) 24px round 16px); --fill1: inset(0 0 0 0 round 22px); }
.una .s-fill { display: block; position: absolute; inset: 0px; z-index: -1; opacity: 0; clip-path: var(--fill0); transition: clip-path 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.2s; }
.una .s-fill img { transform: scale(1.12); transition: transform 1.1s cubic-bezier(0.2, 0.8, 0.2, 1); }
.una .s-fill::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(180deg,rgba(10,16,26,.2) 0%,rgba(10,16,26,.66) 100%),linear-gradient(120deg,var(--t2) 0%,rgba(0,0,0,0) 72%); }
.una .s-cat:hover .s-fill, .una .s-cat:focus-visible .s-fill, .una .s-svc-c:hover .s-fill, .una .s-svc-c:focus-visible .s-fill, .una .pl-item.has-img:hover .s-fill, .una .pl-item.has-img:focus-visible .s-fill { opacity: 1; clip-path: var(--fill1); }
.una .s-cat:hover .s-fill img, .una .s-cat:focus-visible .s-fill img, .una .s-svc-c:hover .s-fill img, .una .s-svc-c:focus-visible .s-fill img, .una .pl-item.has-img:hover .s-fill img, .una .pl-item.has-img:focus-visible .s-fill img { transform: scale(1); }
.una .s-cat:hover .s-cat-img, .una .s-cat:focus-visible .s-cat-img, .una .s-svc-c:hover .s-svc-img, .una .s-svc-c:focus-visible .s-svc-img, .una .pl-item.has-img:hover .pl-img, .una .pl-item.has-img:focus-visible .pl-img { opacity: 0; }
.una .s-cat:hover::before, .una .s-cat:focus-visible::before { opacity: 0; }
.una .s-cat:hover h3, .una .s-cat:hover p, .una .s-cat:hover li, .una .s-cat:hover .s-cat-f, .una .s-cat:focus-visible h3, .una .s-cat:focus-visible p, .una .s-cat:focus-visible li, .una .s-cat:focus-visible .s-cat-f { color: rgb(255, 255, 255); transition: color 0.3s 0.1s; }
.una .s-cat:hover li::before, .una .s-cat:focus-visible li::before { background: rgb(255, 255, 255); opacity: 0.9; }
.una .s-cat:hover .s-cat-f, .una .s-cat:focus-visible .s-cat-f { border-top-color: rgba(255, 255, 255, 0.35); }
.una .s-cat:hover .s-cat-i, .una .s-cat:focus-visible .s-cat-i { background: rgba(255, 255, 255, 0.2); box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 0px 1.5px inset; backdrop-filter: blur(6px); }
.una .s-svc-c:hover .s-svc-t b, .una .s-svc-c:hover .s-svc-t small, .una .s-svc-c:hover .s-svc-l, .una .s-svc-c:hover .s-svc-p, .una .pl-item.has-img:hover .pl-it b, .una .pl-item.has-img:hover .pl-it small, .una .pl-item.has-img:hover .pl-price, .una .pl-item.has-img:hover .pl-price * { transition: color 0.3s 0.08s; color: rgb(255, 255, 255) !important; }
.una .s-svc-c:hover .pl-dev, .una .s-svc-c:hover .pl-opt, .una .pl-item.has-img:hover .pl-dev, .una .pl-item.has-img:hover .pl-opt { background: rgba(255, 255, 255, 0.18); color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.45) 0px 0px 0px 1px inset; }
.una .s-svc-c:hover .pl-go, .una .pl-item.has-img:hover .pl-go { background: rgba(255, 255, 255, 0.22); color: rgb(255, 255, 255); }
.una .s-svc-c:hover::before, .una .pl-item.has-img:hover::before { opacity: 0; }}
@media (max-width: 760px){.una .s-cat { grid-template-columns: 64px minmax(0px, 1fr) 20px; }
.una .s-cat-img { grid-area: i; width: 64px; height: 64px; margin: 0px; border-radius: 18px; align-self: start; box-shadow: 0 10px 18px -10px var(--t2); }
.una .s-cat-img::after { display: none; }
.una .s-cat .s-cat-img + .s-cat-i { display: none; }
.una .s-cat-img img { object-position: 56% 46%; transform: scale(1.4); }
.una .s-svc-c { grid-template-columns: 48px minmax(0px, 1fr) 36px; }
.una .s-svc-img { width: 48px; height: 48px; border-radius: 14px; }}
@media (max-width: 640px){.una .plp .pl-item.has-img { grid-template-columns: 48px minmax(0px, 1fr) 36px; grid-template-areas: "i t g" "i p g"; }
.una .plp .pl-item.has-img .pl-img { grid-area: i; width: 48px; height: 48px; border-radius: 14px; }}
@media (prefers-reduced-motion: reduce){.una .s-cat-img, .una .s-svc-img, .una .pl-img, .una .s-fill, .una .s-fill img { transition: none; }}
.una .plp .pl-hero { padding: 18px 26px; align-items: center; }
.una .plp .pl-kick, .una .plp .pl-ht p { display: none; }
.una .plp .pl-hero h1 { font-size: 1.9rem; margin: 0px; }
.una .s-docs > .s-doc { height: 100%; }
.una .s-doc:not(.big) .s-doc-t { flex: 1 1 0%; }
.una .s-doc-dno { margin-top: auto; display: flex; flex-direction: column; gap: 12px; padding-top: 12px; }
.una .s-doc-free { margin-top: 0px; display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 7px 14px; border-radius: 16px; align-self: stretch; }
.una .s-doc-free > span { display: flex; flex-direction: column; line-height: 1.25; min-width: 0px; }
.una .s-doc-free small { font-weight: 600; font-size: 0.68rem; letter-spacing: 0.02em; opacity: 0.85; }
.una .s-doc-free b { font-size: 0.82rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.una .s-doc-a { margin-top: 0px; }
@media (max-width: 760px){.una .s-khero-img { width: 100%; opacity: 0.45; mask-image: linear-gradient(transparent, rgb(0, 0, 0)); }
.una .s-khero.slim h1 { font-size: 1.8rem; }
.una .plp .pl-hero { padding: 16px 18px; }}
@media (max-width: 760px){.una .s-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0px -16px 20px; padding: 4px 16px 12px; }
.una .s-chips::-webkit-scrollbar { display: none; }
.una .s-chips .pl-chip { flex: 0 0 auto; }
.una .s-phead.slim .s-pact .btn { min-height: 40px; font-size: 0.84rem; padding: 0px 14px; }}
.una .u5-gal { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); grid-auto-rows: 230px; gap: 16px; }
.una .u5-gal .u5-fr.big { grid-area: span 2 / span 2; }
.una .u5-fr { position: relative; margin: 0px; border-radius: 26px; overflow: hidden; background: rgb(211,223,242); box-shadow: var(--out-s); min-width: 0px; }
.una .u5-fr-ph { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding-bottom: 44px; background: radial-gradient(120% 100% at 18% 0%, rgb(255, 255, 255) 0%, rgb(229,237,248) 46%, rgb(201,216,239) 100%); }
.una .u5-fr-ph::before { content: ""; position: absolute; inset: 12px; border-radius: 18px; border: 1.5px solid rgba(255, 255, 255, 0.95); box-shadow: rgba(75,118,182,0.13) 0px 0px 0px 1px inset; pointer-events: none; }
.una .u5-fr-ph::after { content: ""; position: absolute; inset: 0px; background: repeating-linear-gradient(135deg, rgba(75,118,182,0.043) 0px, rgba(75,118,182,0.043) 2px, transparent 2px, transparent 16px); pointer-events: none; }
.una .u5-fr-i { position: relative; z-index: 1; width: 60px; height: 60px; border-radius: 20px; background: var(--grad); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; box-shadow: var(--glow); }
.una .u5-fr-i svg { width: 28px; height: 28px; }
.una .u5-fr.big .u5-fr-i { width: 84px; height: 84px; border-radius: 28px; }
.una .u5-fr.big .u5-fr-i svg { width: 38px; height: 38px; }
.una .u5-fr-ph small { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 6px; font-family: var(--display); font-weight: 600; font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--rose-d); }
.una .u5-fr-ph small svg { width: 14px; height: 14px; }
.una .u5-fr figcaption { position: absolute; left: 14px; right: 14px; bottom: 14px; z-index: 2; display: flex; flex-direction: column; gap: 1px; padding: 10px 14px; border-radius: 16px; background: rgba(255, 255, 255, 0.93); box-shadow: rgba(41,61,91,0.6) 0px 10px 24px -14px; }
.una .u5-fr figcaption b { font-size: 0.9rem; color: var(--ink); line-height: 1.3; }
.una .u5-fr figcaption span { font-size: 0.74rem; color: var(--slate); line-height: 1.35; }
.una .s-galw .u5-gal { grid-auto-rows: 200px; }
.una .cd, .una .cd-sheet { --cdm: #9A1F8F; --cdm-d: #6E2B62; --cdm-dd: #381732; --cdl: #C851B4; --cdll: #FFCCFF; --cdk: #1B1C21; --cdg: #61636E; --cdsea: #702C63; --cdf: "Helvetica Neue","HelveticaNeue",Helvetica,Arial,system-ui,sans-serif; }
.una .cd { --cut: clamp(26px,4.6vw,66px); position: relative; padding: calc(var(--sec) + var(--cut)) 0 calc(var(--sec) + var(--cut)); color: rgb(255, 255, 255); font-family: var(--cdf); font-weight: 300; background: radial-gradient(900px 560px at 92% 4%, rgba(200, 81, 180, 0.28), rgba(200, 81, 180, 0) 62%), radial-gradient(760px 520px at 0% 100%, rgba(154, 31, 143, 0.3), rgba(154, 31, 143, 0) 60%), linear-gradient(118deg, rgb(110, 29, 98) 0%, rgb(59, 18, 54) 34%, rgb(26, 8, 24) 68%, rgb(9, 2, 8) 100%); clip-path: polygon(0 0,100% var(--cut),100% 100%,0 calc(100% - var(--cut))); overflow: hidden; isolation: isolate; }
.una .cd-deco { position: absolute; inset: 0px; z-index: -1; pointer-events: none; background: repeating-linear-gradient(-11deg, rgba(255, 255, 255, 0.035) 0px, rgba(255, 255, 255, 0.035) 1px, transparent 1px, transparent 26px); mask-image: linear-gradient(200deg, rgb(0, 0, 0) 0%, transparent 42%); }
.una .cd h2, .una .cd h3, .una .cd h4 { font-family: var(--cdf); color: rgb(255, 255, 255); letter-spacing: -0.01em; }
.una .cd-k { display: inline-flex; align-items: center; gap: 8px; font-family: var(--cdf); font-weight: 500; font-size: 0.68rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--cdll); }
.una .cd-k svg { width: 16px; height: 16px; }
.una .cd-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.una .cd-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0px 16px 0px 12px; border-radius: 0px 30px 30px 0px; box-shadow: rgba(255, 204, 255, 0.42) 0px 0px 0px 1px inset; font-weight: 500; font-size: 0.66rem; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(255, 255, 255); }
.una .cd-chip.hl { background: var(--cdm); box-shadow: rgba(154, 31, 143, 0.9) 0px 10px 22px -12px; }
.una .cd-chip svg { width: 14px; height: 14px; }
.una .cd-hero { display: grid; grid-template-columns: minmax(0px, 1.5fr) minmax(0px, 0.62fr); gap: 54px; align-items: center; }
.una .cd-hero h2 { font-weight: 300; font-size: 2.9rem; line-height: 1.08; margin: 18px 0px 0px; max-width: 18ch; text-wrap: balance; }
.una .cd-lead { margin: 18px 0px 0px; font-size: 1.06rem; line-height: 1.72; color: rgba(255, 255, 255, 0.82); max-width: 62ch; }
.una .cd-motto { margin: 18px 0px 0px; font-weight: 500; font-size: 0.76rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--cdl); }
.una .cd-acts { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.una .cd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; padding: 0px 26px 0px 20px; border-radius: 0px 50px 50px 0px; background: var(--cdm); color: rgb(255, 255, 255); font-family: var(--cdf); font-weight: 500; font-size: 0.76rem; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; box-shadow: rgba(154, 31, 143, 0.95) 0px 14px 28px -16px; transition: background 0.2s, transform 0.2s; }
.una .cd-btn:hover { background: var(--cdm-d); }
.una .cd-btn:active { transform: scale(0.985); }
.una .cd-btn svg { width: 18px; height: 18px; }
.una .cd-btn.o { background: transparent; box-shadow: rgba(255, 255, 255, 0.55) 0px 0px 0px 1.5px inset; }
.una .cd-btn.o:hover { background: rgba(255, 255, 255, 0.08); }
.una .cd-cert { position: relative; margin: 0px; aspect-ratio: 4 / 5; max-width: 340px; justify-self: end; width: 100%; padding: 12px; background: rgb(255, 255, 255); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.9) 0px 40px 70px -34px, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px; transform: rotate(1.6deg); }
.una .cd-cert-ph { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; padding: 24px 18px; border: 1.5px solid var(--cdm); outline: rgba(154, 31, 143, 0.25) solid 1px; outline-offset: -8px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(248, 241, 247) 100%); color: var(--cdk); }
.una .cd-cert-ph > svg { width: 54px; height: 54px; color: var(--cdm); stroke-width: 1.4; }
.una .cd-cert-ph b { font-family: var(--cdf); font-weight: 300; font-size: 1.32rem; line-height: 1.2; letter-spacing: 0.01em; color: var(--cdk); }
.una .cd-cert-ph small { font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--cdg); font-weight: 500; }
.una .cd-cert-ph em { margin-top: 14px; display: inline-flex; align-items: center; gap: 6px; font-style: normal; font-size: 0.62rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--cdm); font-weight: 500; }
.una .cd-cert-ph em svg { width: 14px; height: 14px; }
.una .cd-stats { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 0px; margin: 54px 0px 0px; padding: 0px; }
.una .cd-stats > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 6px; padding: 4px 26px; border-left: 1px solid rgba(255, 204, 255, 0.2); }
.una .cd-stats > div:first-child { border-left: 0px; padding-left: 0px; }
.una .cd-stats dd { margin: 0px; font-weight: 200; font-size: 3.3rem; line-height: 1; letter-spacing: -0.03em; color: rgb(255, 255, 255); }
.una .cd-stats dd small { font-size: 1.1rem; font-weight: 300; letter-spacing: 0px; margin-left: 2px; color: var(--cdll); }
.una .cd-stats dt { font-weight: 500; font-size: 0.66rem; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255, 204, 255, 0.78); line-height: 1.5; }
.una .cd-sh h3, .una .cd-you-t h3, .una .cd-map-h h3, .una .cd-devs-h h3 { font-weight: 300; font-size: 2rem; line-height: 1.14; margin-top: 10px; text-wrap: balance; }
.una .cd-what { margin-top: 70px; }
.una .cd-what-g { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px; margin-top: 26px; }
.una .cd-w { padding: 24px 22px; border-radius: 16px; background: rgba(255, 255, 255, 0.043); box-shadow: rgba(255, 255, 255, 0.09) 0px 0px 0px 1px inset; transition: background 0.25s; }
.una .cd-w:hover { background: rgba(255, 255, 255, 0.075); }
.una .cd-w-i { width: 46px; height: 46px; border-radius: 0px 24px 24px 0px; background: var(--cdm); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; box-shadow: rgba(154, 31, 143, 0.9) 0px 12px 24px -14px; }
.una .cd-w-i svg { width: 22px; height: 22px; }
.una .cd-w b { display: block; margin-top: 18px; font-weight: 500; font-size: 1.04rem; color: rgb(255, 255, 255); }
.una .cd-w p { margin: 8px 0px 0px; font-size: 0.86rem; line-height: 1.62; color: rgba(255, 255, 255, 0.72); }
.una .cd-you { display: grid; grid-template-columns: minmax(0px, 0.62fr) minmax(0px, 1.38fr); gap: 30px 44px; align-items: center; margin-top: 26px; padding: 32px 36px; border-radius: 18px; background: rgb(255, 255, 255); color: var(--cdk); }
.una .cd-you .cd-k { color: var(--cdm); }
.una .cd-you-t h3 { color: var(--cdk); font-size: 1.7rem; }
.una .cd-you ul { list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px 26px; }
.una .cd-you li { display: flex; gap: 12px; align-items: flex-start; font-size: 0.92rem; line-height: 1.6; color: rgb(44, 45, 51); font-weight: 400; }
.una .cd-you li svg { flex: 0 0 auto; width: 22px; height: 22px; padding: 4px; border-radius: 50%; background: rgba(154, 31, 143, 0.1); color: var(--cdm); stroke-width: 2.4; margin-top: 1px; }
.una .cd-mapw { margin-top: 80px; scroll-margin-top: calc(var(--hdr) + 16px); }
.una .cd-map-h { max-width: 780px; }
.una .cd-map-h p { margin: 12px 0px 0px; font-size: 1rem; line-height: 1.7; color: rgba(255, 255, 255, 0.78); }
.una .cd-map-g { display: grid; grid-template-columns: minmax(0px, 1.62fr) minmax(0px, 1fr); gap: 22px; margin-top: 28px; align-items: start; }
.una .cd-map { position: relative; aspect-ratio: 1000 / 720; border-radius: 18px; overflow: hidden; background: var(--cdsea); box-shadow: rgba(0, 0, 0, 0.9) 0px 40px 70px -40px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset; }
.una .cd-map-svg { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; }
.una .cd-map-svg .sea { fill: var(--cdsea); }
.una .cd-map-svg .land { fill: rgb(247, 241, 246); }
.una .cd-map-svg .rs { fill: rgb(234, 194, 226); }
.una .cd-map-svg .br { fill: none; stroke: rgb(213, 194, 209); stroke-width: 0.8; stroke-linejoin: round; }
.una .cd-ln { stroke-linecap: round; opacity: 0; transition: opacity 0.3s; }
.una .cd-ln-b { stroke: rgb(255, 255, 255); stroke-width: 5; }
.una .cd-ln-t { stroke: var(--cdm); stroke-width: 2.8; stroke-dasharray: 2, 8; }
.una .cd-ln.on { opacity: 1; }
.una .cd-ln-b.on { opacity: 0.85; }
.una .cd-ln-t.on { animation: 1s linear 0s infinite normal none running cdFlow; }
@keyframes cdFlow{ 
  100% { stroke-dashoffset: -20; }
}
.una .cd-pin { position: absolute; z-index: 2; display: flex; align-items: center; gap: 6px; padding: 0px; background: none; transform: translate(-9px, -50%); color: var(--cdk); }
.una .cd-pin i { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; flex: 0 0 auto; border-radius: 50%; background: var(--cdm); box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgba(56, 23, 50, 0.7) 0px 6px 12px -4px; font-style: normal; font-family: var(--cdf); font-weight: 700; font-size: 0.58rem; color: rgb(255, 255, 255); transition: transform 0.2s, box-shadow 0.2s; }
.una .cd-pin span { padding: 4px 9px; border-radius: 0px 12px 12px 0px; background: rgba(255, 255, 255, 0.94); font-family: var(--cdf); font-weight: 500; font-size: 0.68rem; letter-spacing: 0.02em; white-space: nowrap; box-shadow: rgba(56, 23, 50, 0.7) 0px 6px 14px -8px; transition: background 0.2s, color 0.2s; }
.una .cd-pin.lp-l { flex-direction: row-reverse; transform: translate(calc(-100% + 9px), -50%); }
.una .cd-pin.lp-l span { border-radius: 12px 0px 0px 12px; }
.una .cd-pin.lp-t { flex-direction: column-reverse; gap: 5px; transform: translate(-50%, calc(-100% + 9px)); }
.una .cd-pin.lp-b { flex-direction: column; gap: 5px; transform: translate(-50%, -9px); }
.una .cd-pin.lp-t span, .una .cd-pin.lp-b span { border-radius: 12px; }
.una .cd-pin:hover i, .una .cd-pin:focus-visible i, .una .cd-pin.on i { transform: scale(1.28); box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgba(154, 31, 143, 0.25) 0px 0px 0px 8px, rgba(56, 23, 50, 0.7) 0px 6px 12px -4px; }
.una .cd-pin.on span { background: var(--cdm); color: rgb(255, 255, 255); }
.una .cd-pin.una { z-index: 3; transform: translate(-13px, -50%); }
.una .cd-pin.una i { position: relative; width: 26px; height: 26px; background: rgb(255, 255, 255); box-shadow: 0 0 0 5px var(--cdm),0 10px 20px -6px rgba(56,23,50,.8); }
.una .cd-pin.una i::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--cdm); }
.una .cd-pin.una i::before { content: ""; position: absolute; inset: -5px; border-radius: 50%; box-shadow: 0 0 0 2px var(--cdm); animation: 2.4s ease-out 0s infinite normal none running cdPulse; }
@keyframes cdPulse{ 
  0% { transform: scale(1); opacity: 0.9; }
  100% { transform: scale(2.6); opacity: 0; }
}
.una .cd-pin.una span { background: var(--cdk); color: rgb(255, 255, 255); font-weight: 500; padding: 5px 11px; }
.una .cd-pin.una.on span { background: var(--cdm); }
.una .cd-pin.una:hover i, .una .cd-pin.una.on i { transform: none; }
.una .cd-legend { position: absolute; left: 12px; bottom: 12px; z-index: 2; display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 8px 12px; border-radius: 0px 14px 14px 0px; background: rgba(255, 255, 255, 0.92); font-size: 0.64rem; font-weight: 500; color: var(--cdk); max-width: calc(100% - 24px); }
.una .cd-legend span { display: inline-flex; align-items: center; gap: 6px; }
.una .cd-legend i { width: 10px; height: 10px; border-radius: 50%; background: var(--cdm); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgba(56, 23, 50, 0.2) 0px 0px 0px 3px; }
.una .cd-legend i.u { background: rgb(255, 255, 255); box-shadow: 0 0 0 3px var(--cdm); }
.una .cd-map-side { display: flex; flex-direction: column; gap: 12px; min-width: 0px; }
.una .cd-sel { padding: 20px 22px; border-radius: 16px; background: rgb(255, 255, 255); color: var(--cdk); box-shadow: rgba(0, 0, 0, 0.9) 0px 26px 50px -30px; animation: 0.3s ease 0s 1 normal both running cdIn; }
@keyframes cdIn{ 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}
.una .cd-sel-k { display: block; font-weight: 500; font-size: 0.62rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--cdm); }
.una .cd-sel b { display: block; margin-top: 6px; font-weight: 400; font-size: 1.14rem; line-height: 1.3; color: var(--cdk); }
.una .cd-sel p { margin: 8px 0px 0px; font-size: 0.86rem; line-height: 1.6; color: rgb(68, 69, 77); }
.una .cd-sel p strong { font-weight: 600; color: var(--cdm); }
.una .cd-sel small { display: block; margin-top: 8px; font-size: 0.7rem; color: var(--cdg); }
.una .cd-sel.una { background: linear-gradient(135deg, rgb(154, 31, 143), rgb(110, 43, 98)); color: rgb(255, 255, 255); }
.una .cd-sel.una .cd-sel-k { color: var(--cdll); }
.una .cd-sel.una b { color: rgb(255, 255, 255); }
.una .cd-sel.una p { color: rgba(255, 255, 255, 0.88); }
.una .cd-listw { position: relative; min-height: 0px; padding: 6px; border-radius: 16px; background: rgba(255, 255, 255, 0.05); box-shadow: rgba(255, 255, 255, 0.09) 0px 0px 0px 1px inset; }
.una .cd-list { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 2px; }
@media (min-width: 1181px){.una .cd-map-g { align-items: stretch; }
.una .cd-map-side { contain: size; min-height: 0px; }
.una .cd-listw { flex: 1 1 0%; display: flex; flex-direction: column; }
.una .cd-list { flex: 1 1 0%; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.28) transparent; padding-right: 2px; }
.una .cd-list::-webkit-scrollbar { width: 6px; }
.una .cd-list::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.28); border-radius: 6px; }
.una .cd-listw.more .cd-list { mask-image: linear-gradient(rgb(0, 0, 0) calc(100% - 44px), transparent); }}
.una .cd-li { display: grid; grid-template-columns: 34px minmax(0px, 1fr) auto; gap: 10px; align-items: center; width: 100%; padding: 8px 10px; border-radius: 10px; text-align: left; color: rgb(255, 255, 255); transition: background 0.18s; }
.una .cd-li:hover { background: rgba(255, 255, 255, 0.07); }
.una .cd-li.on { background: rgba(154, 31, 143, 0.55); box-shadow: inset 3px 0 0 var(--cdll); }
.una .cd-li-f { width: 34px; height: 26px; border-radius: 0px 13px 13px 0px; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 0.62rem; letter-spacing: 0.06em; color: var(--cdll); }
.una .cd-li.una .cd-li-f { background: rgb(255, 255, 255); color: var(--cdm); }
.una .cd-li-t { min-width: 0px; }
.una .cd-li-t b { display: block; font-weight: 500; font-size: 0.84rem; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(255, 255, 255); }
.una .cd-li-t small { display: block; font-size: 0.7rem; color: rgba(255, 255, 255, 0.62); line-height: 1.3; }
.una .cd-li em { font-style: normal; font-weight: 500; font-size: 0.76rem; color: var(--cdll); white-space: nowrap; font-variant-numeric: tabular-nums; }
.una .cd-map-n { display: flex; gap: 8px; align-items: flex-start; margin: 14px 0px 0px; font-size: 0.74rem; line-height: 1.55; color: rgba(255, 255, 255, 0.55); }
.una .cd-map-n svg { flex: 0 0 auto; width: 15px; height: 15px; margin-top: 1px; }
.una .cd-devs { margin-top: 84px; scroll-margin-top: calc(var(--hdr) + 16px); }
.una .cd-devs-h { max-width: 760px; }
.una .cd-devs-h p { margin: 12px 0px 0px; font-size: 1rem; line-height: 1.7; color: rgba(255, 255, 255, 0.78); }
.una .cd-dev-g { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; margin-top: 28px; }
.una .cd-dev { position: relative; display: flex; flex-direction: column; align-items: stretch; text-align: left; padding: 0px 0px 20px; border-radius: 0px 30px 0px 0px; background: rgb(255, 255, 255); color: var(--cdk); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.95) 0px 30px 60px -34px; transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s; min-width: 0px; font-family: var(--cdf); }
.una .cd-dev:hover, .una .cd-dev:focus-visible { transform: translateY(-6px); box-shadow: 0 40px 70px -34px rgba(0,0,0,.95),0 0 0 2px var(--cdl); }
.una .cd-dev-img { position: relative; display: block; height: 150px; overflow: hidden; background: linear-gradient(135deg, rgb(110, 29, 98), rgb(56, 23, 50)); }
.una .cd-dev-img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; display: block; mix-blend-mode: luminosity; opacity: 0.78; transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.4s; }
.una .cd-dev:hover .cd-dev-img img { transform: scale(1.06); opacity: 0.95; }
.una .cd-dev-img::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(154, 31, 143, 0) 40%, rgba(56, 23, 50, 0.55) 100%); }
.una .cd-dev-n { position: absolute; right: 16px; top: 12px; z-index: 1; font-weight: 200; font-size: 2.4rem; line-height: 1; color: rgba(255, 255, 255, 0.55); }
.una .cd-dev-b { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px 0px; flex: 1 1 0%; }
.una .cd-dev-b small { font-weight: 500; font-size: 0.6rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--cdm); }
.una .cd-dev-b b { font-weight: 300; font-size: 1.62rem; line-height: 1.12; color: var(--cdk); }
.una .cd-dev-t { font-weight: 500; font-size: 0.78rem; line-height: 1.45; color: var(--cdm); }
.una .cd-dev-o { margin-top: 8px; font-size: 0.84rem; line-height: 1.58; color: rgb(74, 75, 83); font-weight: 400; }
.una .cd-dev-hl { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin: 14px 20px 0px; padding: 5px 12px 5px 9px; border-radius: 0px 14px 14px 0px; background: rgb(246, 230, 243); color: var(--cdm-d); font-size: 0.7rem; font-weight: 600; }
.una .cd-dev-hl svg { width: 14px; height: 14px; color: var(--cdm); }
.una .cd-dev-go { display: inline-flex; align-items: center; gap: 6px; margin: 16px 20px 0px; padding-top: 14px; border-top: 1px solid rgb(236, 227, 234); font-weight: 500; font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--cdk); }
.una .cd-dev-go svg { width: 16px; height: 16px; color: var(--cdm); transition: transform 0.25s; }
.una .cd-dev:hover .cd-dev-go svg { transform: translateX(4px); }
.una .cd-src { margin: 34px 0px 0px; font-size: 0.72rem; line-height: 1.6; color: rgba(255, 255, 255, 0.45); max-width: 110ch; }
.una .cd.cd-sm .cd-hero { grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 0.7fr); align-items: end; gap: 60px; }
.una .cd.cd-sm .cd-stats { margin: 0px; grid-template-columns: minmax(0px, 1fr); gap: 0px; }
.una .cd.cd-sm .cd-stats > div { flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 18px; padding: 16px 0px; border-left: 0px; border-top: 1px solid rgba(255, 204, 255, 0.2); }
.una .cd.cd-sm .cd-stats > div:first-child { border-top: 0px; padding-top: 0px; }
.una .cd.cd-sm .cd-stats dd { font-size: 2.6rem; min-width: 118px; }
.una .cd-stats dd { white-space: nowrap; }
.una .cd.cd-sm .cd-devs { margin-top: 56px; }
.una .cd.cd-sm .cd-devs-h { display: none; }
.una .cd.cd-sm .cd-dev-g { margin-top: 0px; }
.una .sheet.cd-sheet { padding: 0px; background: rgb(255, 255, 255); font-family: var(--cdf); color: var(--cdk); width: min(1040px, 100%); }
.una .sheet.cd-sheet > .x { z-index: 3; background: rgb(255, 255, 255); color: var(--cdk); box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 24px; }
.una .cd-m-h { position: relative; display: grid; grid-template-columns: 150px minmax(0px, 1fr); gap: 26px; align-items: center; padding: 34px 90px 30px 34px; color: rgb(255, 255, 255); background: linear-gradient(118deg, rgb(110, 29, 98) 0%, rgb(59, 18, 54) 45%, rgb(20, 5, 18) 100%); overflow: hidden; }
.una .cd-m-h::after { content: ""; position: absolute; inset: 0px; background: repeating-linear-gradient(-11deg, rgba(255, 255, 255, 0.04) 0px, rgba(255, 255, 255, 0.04) 1px, transparent 1px, transparent 24px); pointer-events: none; }
.una .cd-m-img { position: relative; z-index: 1; width: 150px; height: 150px; border-radius: 0px 75px 75px 0px; overflow: hidden; background: rgb(56, 23, 50); box-shadow: rgba(255, 255, 255, 0.14) 0px 0px 0px 1px; }
.una .cd-m-img img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: luminosity; opacity: 0.9; }
.una .cd-m-ht { position: relative; z-index: 1; min-width: 0px; }
.una .cd-m-ht .cd-k { color: var(--cdll); }
.una .cd-m-ht h2 { margin: 8px 0px 0px; padding: 0px; font-family: var(--cdf); font-weight: 300; font-size: 2.4rem; line-height: 1.08; color: rgb(255, 255, 255); }
.una .cd-m-tip { margin: 8px 0px 0px; font-weight: 500; font-size: 0.9rem; color: rgb(240, 185, 230); }
.una .cd-m-hl { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; padding: 6px 14px 6px 10px; border-radius: 0px 16px 16px 0px; background: var(--cdm); font-weight: 500; font-size: 0.74rem; }
.una .cd-m-hl svg { width: 15px; height: 15px; }
.una .cd-m-b { padding: 30px 34px 34px; }
.una .cd-m-naslov { font-family: var(--cdf); font-weight: 300; font-size: 1.7rem; line-height: 1.2; color: var(--cdk); }
.una .cd-m-lead { margin: 12px 0px 0px; font-size: 1.02rem; line-height: 1.75; color: rgb(52, 53, 60); font-weight: 400; max-width: 78ch; }
.una .cd-m-b h4 { display: flex; align-items: center; gap: 8px; font-family: var(--cdf); font-weight: 500; font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--cdm); margin: 0px 0px 14px; }
.una .cd-m-b h4 svg { width: 18px; height: 18px; }
.una .cd-m-g { display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); gap: 22px; margin-top: 26px; }
.una .cd-m-g > section { padding: 22px; border-radius: 14px; background: rgb(250, 246, 249); box-shadow: rgb(239, 229, 236) 0px 0px 0px 1px inset; }
.una .cd-chk { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 9px; }
.una .cd-chk li { display: flex; gap: 10px; align-items: flex-start; font-size: 0.9rem; line-height: 1.45; color: rgb(44, 45, 51); font-weight: 400; }
.una .cd-chk svg { flex: 0 0 auto; width: 18px; height: 18px; color: var(--cdm); stroke-width: 2.4; margin-top: 1px; }
.una .cd-spec { margin: 0px; display: flex; flex-direction: column; gap: 12px; }
.una .cd-spec > div { display: grid; grid-template-columns: 118px minmax(0px, 1fr); gap: 12px; align-items: baseline; }
.una .cd-spec dt { font-weight: 600; font-size: 0.8rem; color: var(--cdm-d); }
.una .cd-spec dd { margin: 0px; font-size: 0.86rem; line-height: 1.55; color: rgb(58, 59, 66); font-weight: 400; }
.una .cd-m-why { margin-top: 26px; }
.una .cd-m-why ol { list-style: none; counter-reset: cdw 0; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px 26px; }
.una .cd-m-why li { counter-increment: cdw 1; position: relative; padding: 0px 0px 0px 46px; font-size: 0.9rem; line-height: 1.62; color: rgb(44, 45, 51); font-weight: 400; }
.una .cd-m-why li::before { content: counter(cdw, decimal-leading-zero); position: absolute; left: 0px; top: -2px; width: 34px; height: 28px; border-radius: 0px 14px 14px 0px; background: var(--cdm); color: rgb(255, 255, 255); font-weight: 500; font-size: 0.72rem; display: flex; align-items: center; justify-content: center; }
.una .cd-m-std { display: grid; grid-template-columns: 52px minmax(0px, 1fr); gap: 18px; align-items: center; margin-top: 26px; padding: 22px 24px; border-radius: 0px 40px 40px 0px; background: linear-gradient(118deg, rgb(247, 230, 244), rgb(251, 243, 250)); }
.una .cd-m-stdi { width: 52px; height: 52px; border-radius: 50%; background: var(--cdm); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; box-shadow: rgba(154, 31, 143, 0.9) 0px 12px 24px -12px; }
.una .cd-m-stdi svg { width: 24px; height: 24px; }
.una .cd-m-std h4 { margin: 0px 0px 4px; }
.una .cd-m-std p { margin: 0px; font-size: 0.92rem; line-height: 1.62; color: rgb(44, 45, 51); font-weight: 400; }
.una .cd-m-usl { margin-top: 26px; }
.una .cd-m-l { display: flex; flex-wrap: wrap; gap: 8px; }
.una .cd-m-l a { display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 0px 14px 0px 16px; border-radius: 0px 20px 20px 0px; background: rgb(255, 255, 255); box-shadow: rgb(228, 211, 224) 0px 0px 0px 1px inset; color: var(--cdk); font-weight: 500; font-size: 0.8rem; text-decoration: none; transition: background 0.2s, color 0.2s, box-shadow 0.2s; }
.una .cd-m-l a:hover { background: var(--cdm); color: rgb(255, 255, 255); box-shadow: none; }
.una .cd-m-l a svg { width: 15px; height: 15px; }
.una .cd-m-l a.bl { background: rgb(250, 246, 249); }
.una .cd-m-note { display: flex; gap: 10px; align-items: flex-start; margin: 24px 0px 0px; font-size: 0.84rem; line-height: 1.6; color: var(--cdg); font-weight: 400; }
.una .cd-m-note svg { flex: 0 0 auto; width: 18px; height: 18px; color: var(--cdm); margin-top: 1px; }
.una .cd-m-a { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.una .cd-m-a .cd-btn.o { color: var(--cdk); box-shadow: rgb(217, 196, 213) 0px 0px 0px 1.5px inset; }
.una .cd-m-a .cd-btn.o:hover { background: rgb(250, 246, 249); }
.una .cd-m-src { margin-top: 22px; padding-top: 16px; border-top: 1px solid rgb(239, 229, 236); font-size: 0.8rem; color: var(--cdg); }
.una .cd-m-src summary { cursor: pointer; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.66rem; color: var(--cdk); }
.una .cd-m-src ul { margin: 10px 0px 0px; padding-left: 18px; line-height: 1.7; }
.una .cd-m-src p { margin: 8px 0px 0px; line-height: 1.6; }
.una .cd-m-nav { display: flex; justify-content: space-between; gap: 10px; margin-top: 22px; }
.una .cd-m-nav button { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0px 16px; border-radius: 0px 22px 22px 0px; background: rgb(250, 246, 249); color: var(--cdk); font-family: var(--cdf); font-weight: 500; font-size: 0.8rem; transition: background 0.2s, color 0.2s; }
.una .cd-m-nav button:first-child { border-radius: 22px 0px 0px 22px; }
.una .cd-m-nav button:hover { background: var(--cdm); color: rgb(255, 255, 255); }
.una .cd-m-nav svg { width: 16px; height: 16px; }
.una .pk { margin-top: 70px; scroll-margin-top: calc(var(--hdr) + 14px); }
.una .pk-h { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px 40px; margin-bottom: 28px; }
.una .pk-h > div:first-child { max-width: 700px; }
.una .pk-h h2 { font-weight: 300; font-size: 2.3rem; line-height: 1.1; margin-top: 10px; letter-spacing: -0.015em; text-wrap: balance; }
.una .pk-h p { margin: 12px 0px 0px; color: var(--slate); font-size: 1.02rem; line-height: 1.65; }
.una .pk-acts { display: flex; flex-wrap: wrap; gap: 10px; }
.una .pk-acts .btn svg { width: 18px; height: 18px; }
.una .pk-box { padding: 30px; border-radius: 34px; background: var(--bg); box-shadow: var(--out-s); }
.una .pk-route { --pk: 8.33%; position: relative; padding-top: 46px; }
.una .pk-line { position: absolute; left: 8.3333%; right: 8.3333%; top: 72px; height: 4px; border-radius: 4px; background: rgb(202,217,239); }
.una .pk-line i { position: absolute; left: 0px; top: 0px; bottom: 0px; width: calc((var(--pk) - 8.3333%) * 1.2); border-radius: 4px; background: var(--grad); transition: width 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }
.una .pk-car { position: absolute; top: 0px; left: var(--pk); transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: 44px; height: 34px; border-radius: 12px; background: rgb(26,37,54); color: rgb(255, 255, 255); box-shadow: rgba(17,27,41,0.8) 0px 10px 20px -10px; transition: left 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }
.una .pk-car::after { content: ""; position: absolute; bottom: -5px; left: 50%; width: 10px; height: 10px; background: rgb(26,37,54); transform: translateX(-50%) rotate(45deg); border-radius: 2px; }
.una .pk-car svg { position: relative; z-index: 1; width: 22px; height: 22px; }
.una .pk-nodes { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); }
.una .pk-node { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0px 4px; background: none; text-align: center; min-width: 0px; }
.una .pk-dot { width: 52px; height: 52px; border-radius: 50%; background: rgb(255, 255, 255); color: var(--rose); display: flex; align-items: center; justify-content: center; box-shadow: rgba(41,61,91,0.6) 0px 10px 22px -12px; transition: background 0.3s, color 0.3s, box-shadow 0.3s, transform 0.3s; }
.una .pk-dot svg { width: 23px; height: 23px; }
.una .pk-node small { font-weight: 800; font-size: 0.76rem; line-height: 1.3; color: var(--slate); transition: color 0.2s; }
.una .pk-node:hover .pk-dot { transform: translateY(-2px); }
.una .pk-node.done .pk-dot { background: var(--rose-tt); color: var(--rose-d); }
.una .pk-node.on .pk-dot { background: var(--grad); color: rgb(255, 255, 255); box-shadow: 0 0 0 6px rgba(116,158,220,.22),var(--glow); transform: scale(1.08); }
.una .pk-node.on small { color: var(--rose-d); }
.una .pk-body { display: grid; grid-template-columns: minmax(0px, 1.45fr) minmax(0px, 1fr); gap: 22px; margin-top: 30px; align-items: stretch; }
.una .pk-card { position: relative; padding: 26px 28px; border-radius: 26px; background: rgb(255, 255, 255); box-shadow: rgba(41,61,91,0.6) 0px 22px 44px -30px; }
.una .pk-card.in { animation: 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running pkIn; }
@keyframes pkIn{ 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}
.una .pk-c-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.una .pk-c-n { font-family: var(--display); font-weight: 300; font-size: 3rem; line-height: 1; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; }
.una .pk-c-n small { font-size: 1rem; color: var(--slate); -webkit-text-fill-color: var(--slate); margin-left: 2px; }
.una .pk-c-i { width: 58px; height: 58px; border-radius: 20px; background: var(--rose-tt); color: var(--rose-d); display: flex; align-items: center; justify-content: center; }
.una .pk-c-i svg { width: 28px; height: 28px; }
.una .pk-card h3 { margin-top: 14px; font-weight: 500; font-size: 1.46rem; line-height: 1.2; }
.una .pk-card > p { margin: 10px 0px 0px; font-size: 0.98rem; line-height: 1.7; color: var(--text); }
.una .pk-c-k { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; padding: 8px 14px; border-radius: 14px; background: var(--rose-tt); color: var(--rose-d); font-weight: 800; font-size: 0.84rem; }
.una .pk-c-k svg { width: 16px; height: 16px; flex: 0 0 auto; }
.una .pk-c-a { display: flex; justify-content: space-between; gap: 10px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--hair); }
.una .pk-c-a .btn svg { width: 17px; height: 17px; }
.una .pk-note { padding: 24px 26px; border-radius: 26px; background: linear-gradient(160deg, rgb(28,44,69) 0%, rgb(17,27,43) 100%); color: rgba(226,234,246,0.86); box-shadow: rgba(17,27,41,0.9) 0px 22px 44px -30px; }
.una .pk-note h3 { display: flex; align-items: center; gap: 8px; font-family: var(--sans); font-weight: 800; font-size: 0.92rem; color: rgb(184,206,238); }
.una .pk-note h3 svg { width: 19px; height: 19px; }
.una .pk-note p { margin: 10px 0px 0px; font-size: 0.9rem; line-height: 1.65; }
.una .pk-addr { display: flex; flex-direction: column; gap: 10px; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.12); }
.una .pk-addr > span { display: flex; align-items: center; gap: 12px; }
.una .pk-addr > span > svg { flex: 0 0 auto; width: 38px; height: 38px; padding: 9px; border-radius: 12px; background: rgba(255, 255, 255, 0.08); color: rgb(184,206,238); }
.una .pk-addr small { display: block; font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(226,234,246,0.6); font-weight: 700; }
.una .pk-addr b { display: block; color: rgb(255, 255, 255); font-size: 0.94rem; }
.una .s-how > div.u5-pkt { background: linear-gradient(160deg, rgb(28,44,69), rgb(17,27,43)); box-shadow: rgba(17,27,41,0.8) 0px 18px 36px -24px; }
.una .s-how .u5-pkt h3 { color: rgb(184,206,238); }
.una .s-how .u5-pkt p { color: rgba(226,234,246,0.84); }
.una .u5-pkt-l { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; color: rgb(255, 255, 255); font-weight: 800; font-size: 0.84rem; text-decoration: none; }
.una .u5-pkt-l svg { width: 16px; height: 16px; }
.una .u5-pkt-l:hover { color: rgb(184,206,238); }
.una .bk-tabs { background: linear-gradient(160deg, rgb(28,44,69) 0%, rgb(17,27,43) 100%); box-shadow: rgba(17,27,41,0.85) 0px 18px 36px -22px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset; }
.una .bk-tabs button { color: rgba(226,234,246,0.74); }
.una .bk-tabs button:hover { color: rgb(255, 255, 255); }
.una .bk-tabs button.on { background: var(--grad); color: rgb(255, 255, 255); box-shadow: rgba(53,95,159,0.95) 0px 10px 22px -10px; }
.una .bk-n i { font-style: normal; }
.una .bk-n .ico { display: none; width: 20px; height: 20px; stroke-width: 2.8; }
.una .u5bk .bk-step { position: relative; transition: background 0.45s cubic-bezier(0.2, 0.7, 0.3, 1), box-shadow 0.45s cubic-bezier(0.2, 0.7, 0.3, 1); }
.una .u5bk .bk-step.is-done .bk-n { background: rgb(255, 255, 255); color: var(--rose-d); box-shadow: inset 0 0 0 2px var(--rose),0 6px 14px -8px rgba(52,89,144,.6); }
.una .u5bk .bk-step.is-done .bk-n i { display: none; }
.una .u5bk .bk-step.is-done .bk-n .ico { display: block; }
.una .u5bk .bk-step.is-on { background: linear-gradient(160deg, rgb(30,47,73) 0%, rgb(22,34,51) 55%, rgb(17,26,40) 100%); box-shadow: rgba(17,27,41,0.9) 0px 34px 64px -34px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset; }
.una .u5bk .bk-step.is-on .bk-n { box-shadow: 0 0 0 6px rgba(116,158,220,.22),var(--glow); }
.una .u5bk .bk-step.is-on .bk-sh h2 { color: rgb(255, 255, 255); }
.una .u5bk .bk-step.is-on .bk-sh p { color: rgba(226,234,246,0.72); }
.una .u5bk .bk-step.is-on .bk-doc { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.9) 0px 12px 24px -18px; }
.una .u5bk .bk-step.is-on .bk-doc.on { background: rgb(247,249,253); box-shadow: 0 0 0 2.5px var(--rose-l),0 14px 28px -16px rgba(0,0,0,.9); }
.una .u5bk .bk-step.is-on .ql { color: rgb(255, 255, 255); }
.una .u5bk .bk-step.is-on .ql small { color: rgba(226,234,246,0.6); }
.una .u5bk .bk-step.is-on .inp, .una .u5bk .bk-step.is-on .iz-t.inp { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.9) 0px 12px 24px -18px; }
.una .u5bk .bk-step.is-on .inp:focus, .una .u5bk .bk-step.is-on .iz-t.inp.iz-on { box-shadow: rgba(116,158,220,0.6) 0px 0px 0px 3px; }
.una .u5bk .bk-step.is-on .bk-dayt b { color: rgb(255, 255, 255); }
.una .u5bk .bk-step.is-on .bk-dayt span, .una .u5bk .bk-step.is-on .bk-tg h3, .una .u5bk .bk-step.is-on .bk-who h3 { color: rgba(226,234,246,0.66); }
.una .u5bk .bk-step.is-on .bk-time { box-shadow: rgba(0, 0, 0, 0.9) 0px 10px 20px -16px; }
.una .u5bk .bk-step.is-on .bk-who { background: rgba(255, 255, 255, 0.04); box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; }
.una .u5bk .bk-step.is-on .bk-w { background: rgb(255, 255, 255); box-shadow: none; }
.una .u5bk .bk-step.is-on .bk-w.on { box-shadow: 0 0 0 2.5px var(--rose-l); }
.una .u5bk .bk-step.is-on .bk-cons { color: rgba(226,234,246,0.86); }
.una .u5bk .bk-step.is-on .bk-cons a { color: rgb(172,198,236); }
.una .u5bk .bk-step.is-on .bk-box { background: rgb(255, 255, 255); box-shadow: none; }
.una .u5bk .bk-step.is-on .bk-cons input:checked + .bk-box { background: var(--grad); }
.una .u5bk .bk-step.is-on .bk-sum { background: rgba(255, 255, 255, 0.07); }
.una .u5bk .bk-step.is-on .bk-sum span { background: rgb(255, 255, 255); }
.una .u5bk .bk-step.is-on .bk-fine { color: rgba(226,234,246,0.56); }
.una .u5bk .bk-step.is-on .bk-f.bad .inp { box-shadow: rgb(160,189,233) 0px 0px 0px 2.5px; }
.una .u5bk .bk-step.is-on .bk-f.bad .bk-box { box-shadow: rgb(160,189,233) 0px 0px 0px 2px inset; }
.una .bk-day { background: rgb(255, 255, 255); box-shadow: rgba(41,61,91,0.55) 0px 8px 18px -12px; }
.una .bk-day:not([disabled]):not(.on):hover { box-shadow: rgb(199,215,239) 0px 0px 0px 2px, rgba(41,61,91,0.55) 0px 8px 18px -12px; }
.una .bk-day.on { background: var(--grad); }
.una .bk-day[disabled] { background: transparent; box-shadow: rgba(99,109,123,0.2) 0px 0px 0px 1px inset; }
.una .u5bk .bk-step.is-on .bk-day:not([disabled]):not(.on) { box-shadow: rgba(0, 0, 0, 0.9) 0px 10px 20px -16px; }
.una .u5bk .bk-step.is-on .bk-day.on { box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 3px, rgba(53,95,159,0.9) 0px 12px 24px -12px; }
.una .u5bk .bk-step.is-on .bk-day[disabled] { opacity: 1; background: rgba(255, 255, 255, 0.05); box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; color: rgba(226,234,246,0.46); }
.una .u5bk .bk-step.is-on .bk-day[disabled] small, .una .u5bk .bk-step.is-on .bk-day[disabled] em { color: rgba(226,234,246,0.42); }
.una .bk-sh > div { flex: 1 1 0%; min-width: 0px; }
.una .bk-next { flex: 0 0 auto; margin-left: auto; align-self: center; visibility: hidden; opacity: 0; background: rgb(255, 255, 255); color: var(--rose-d); box-shadow: rgba(0, 0, 0, 0.9) 0px 12px 24px -16px; transition: opacity 0.3s; }
.una .bk-next svg { width: 17px; height: 17px; }
.una .bk-next[disabled] { opacity: 0.35 !important; cursor: default; }
.una .u5bk .bk-step.is-on .bk-next { visibility: visible; opacity: 1; }
.una .iz-pop { background: rgb(255, 255, 255); border-radius: 22px; padding: 10px; box-shadow: rgba(17,27,41,0.6) 0px 34px 70px -26px, rgba(17,27,41,0.08) 0px 3px 10px, rgba(77,95,121,0.1) 0px 0px 0px 1px inset; }
.una .iz-pop .iz-s { margin: 0px 0px 8px; padding: 0px 14px; min-height: 48px; border-radius: 15px; background: rgb(236,241,249); box-shadow: none; transition: background 0.15s, box-shadow 0.15s; }
.una .iz-pop .iz-s:focus-within { background: rgb(255, 255, 255); box-shadow: rgba(75,118,182,0.32) 0px 0px 0px 1px inset; }
.una .iz-pop .iz-q::-webkit-search-cancel-button { appearance: none; width: 20px; height: 20px; border-radius: 50%; cursor: pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E4436' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E") center center / 10px no-repeat rgb(218,228,244); }
.una .iz-pop .iz-q, .una .iz-pop .iz-q:focus, .una .iz-pop .iz-q:focus-visible { border: 0px; border-radius: 0px; background: transparent; font-size: 0.95rem; color: var(--ink); outline: none !important; box-shadow: none !important; }
.una .iz-pop .iz-q::placeholder { color: var(--text-placeholder); }
.una .iz-pop .iz-ol { gap: 1px; scrollbar-width: thin; scrollbar-color: rgb(200,210,225) transparent; }
.una .iz-pop .iz-g { position: sticky; top: 0px; z-index: 1; background: rgb(255, 255, 255); padding: 12px 12px 6px; font-size: 0.62rem; letter-spacing: 0.16em; color: var(--rose); }
.una .iz-pop .iz-o { min-height: 44px; padding: 10px 12px; border-radius: 12px; font-weight: 600; color: var(--ink); }
.una .iz-pop .iz-o:hover, .una .iz-pop .iz-o:focus-visible { background: rgb(238,243,250); color: var(--rose-d); outline: none; }
.una .iz-pop .iz-o.on { background: linear-gradient(135deg, rgba(106,147,209,0.18), rgba(53,95,159,0.1)); color: var(--rose-d); }
.una .iz-pop .iz-o.iz-o0 { color: var(--slate); }
.una .iz-pop .iz-o.iz-o0.on { color: var(--rose-d); }
@media (max-width: 1180px){.una .cd-what-g, .una .cd-dev-g { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.una .cd-map-g { grid-template-columns: minmax(0px, 1fr); }
.una .cd-map-side { display: flex; flex-direction: column; }
.una .cd-list { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); grid-template-rows: repeat(var(--rows,7),auto); grid-auto-flow: column; gap: 2px 10px; }
.una .cd-hero { grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 0.7fr); gap: 36px; }}
@media (max-width: 1060px){.una .cd-you { grid-template-columns: minmax(0px, 1fr); }
.una .cd.cd-sm .cd-hero { grid-template-columns: minmax(0px, 1fr); align-items: start; }}
@media (max-width: 760px){.una .u5-gal { grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-auto-rows: 170px; gap: 12px; }
.una .u5-gal .u5-fr.big { grid-area: span 1 / span 2; }
.una .u5-fr figcaption { left: 10px; right: 10px; bottom: 10px; padding: 8px 11px; }
.una .u5-fr-ph { padding-bottom: 52px; }
.una .u5-fr-i { width: 48px; height: 48px; border-radius: 16px; }
.una .u5-fr-i svg { width: 24px; height: 24px; }
.una .u5-fr.big .u5-fr-i { width: 56px; height: 56px; border-radius: 18px; }
.una .u5-fr-ph small { display: none; }
.una .cd h2, .una .cd-hero h2 { font-size: 2.05rem; }
.una .cd-hero { grid-template-columns: minmax(0px, 1fr); }
.una .cd-cert { justify-self: start; max-width: 230px; transform: rotate(1deg); }
.una .cd-stats, .una .cd.cd-sm .cd-stats { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 22px 0px; }
.una .cd-stats > div { padding: 4px 16px; }
.una .cd-stats > div:nth-child(2n+1) { border-left: 0px; padding-left: 0px; }
.una .cd-stats dd, .una .cd.cd-sm .cd-stats dd { font-size: 2.4rem; }
.una .cd-what-g { grid-template-columns: minmax(0px, 1fr); }
.una .cd-you { padding: 24px 20px; }
.una .cd-you ul { grid-template-columns: minmax(0px, 1fr); }
.una .cd-sh h3, .una .cd-you-t h3, .una .cd-map-h h3, .una .cd-devs-h h3 { font-size: 1.6rem; }
.una .cd-map { border-radius: 14px; }
.una .cd-pin span { display: none; position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%); border-radius: 12px; }
.una .cd-pin.on span { display: inline-block; pointer-events: none; }
.una .cd-pin[data-id="ide"] { margin-left: -3px; }
.una .cd-pin[data-id="scarcella"] { margin-left: 3px; }
.una .cd-pin.lp-l, .una .cd-pin.lp-t, .una .cd-pin.lp-b, .una .cd-pin.lp-r { flex-direction: row; transform: translate(-7px, -50%); }
.una .cd-pin.una { transform: translate(-10px, -50%); }
.una .cd-pin i { width: 14px; height: 14px; font-size: 0.5rem; }
.una .cd-pin.una i { width: 20px; height: 20px; }
.una .cd-legend { display: none; }
.una .cd-list { grid-template-columns: minmax(0px, 1fr); grid-template-rows: none; grid-auto-flow: row; }
.una .cd-dev-g { display: grid; grid-auto-flow: column; grid-auto-columns: 84%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; padding: 6px 16px 20px; margin: 26px -16px 0px; scrollbar-width: none; overscroll-behavior-x: contain; }
.una .cd-dev-g::-webkit-scrollbar { display: none; }
.una .cd-dev { scroll-snap-align: center; }
.una .cd.cd-sm .cd-dev-g { margin-top: 0px; }
.una .cd-m-h { grid-template-columns: minmax(0px, 1fr); padding: 26px 70px 24px 22px; gap: 16px; }
.una .cd-m-img { width: 92px; height: 92px; }
.una .cd-m-ht h2 { font-size: 1.8rem; }
.una .cd-m-b { padding: 22px 20px 28px; }
.una .cd-m-g { grid-template-columns: minmax(0px, 1fr); }
.una .cd-m-why ol { grid-template-columns: minmax(0px, 1fr); }
.una .cd-spec > div { grid-template-columns: minmax(0px, 1fr); gap: 2px; }
.una .cd-m-std { border-radius: 0px 26px 26px 0px; grid-template-columns: minmax(0px, 1fr); }
.una .pk { margin-top: 50px; }
.una .pk-h h2 { font-size: 1.8rem; }
.una .pk-box { padding: 20px 14px; border-radius: 28px; }
.una .pk-route { padding-top: 40px; }
.una .pk-line { top: 61px; }
.una .pk-dot { width: 42px; height: 42px; }
.una .pk-dot svg { width: 19px; height: 19px; }
.una .pk-node small { font-size: 0.64rem; }
.una .pk-node:not(.on) small { opacity: 0.75; }
.una .pk-car { width: 38px; height: 30px; }
.una .pk-car svg { width: 19px; height: 19px; }
.una .pk-body { grid-template-columns: minmax(0px, 1fr); margin-top: 22px; }
.una .pk-card { padding: 22px 20px; }
.una .pk-c-n { font-size: 2.4rem; }
.una .pk-c-a .btn { flex: 1 1 0%; }}
@media (max-width: 560px){.una .bk-next { width: 44px; padding: 0px; }
.una .bk-next span { display: none; }}
@media (max-width: 420px){.una .pk-node small { visibility: hidden; white-space: nowrap; }
.una .pk-node.on small { visibility: visible; }
.una .pk-node:first-child small { align-self: flex-start; }
.una .pk-node:last-child small { align-self: flex-end; }}
@media (prefers-reduced-motion: reduce){.una .cd-pin.una i::before, .una .cd-ln-t.on { animation: auto ease 0s 1 normal none running none; }
.una .pk-car, .una .pk-line i, .una .cd-dev, .una .u5bk .bk-step { transition: none; }}
.una .pk-c-a .btn[disabled] { visibility: hidden; }
.una .cd-stats.n3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
@media (max-width: 760px){.una .cd.cd-sm .cd-stats { grid-template-columns: minmax(0px, 1fr); gap: 0px; }
.una .cd.cd-sm .cd-stats > div { padding: 14px 0px; gap: 16px; border-left: 0px; }
.una .cd.cd-sm .cd-stats > div:first-child { padding-top: 0px; }
.una .cd.cd-sm .cd-stats dd { font-size: 2.3rem; min-width: 92px; }}
.una .u5-hero { position: relative; overflow: hidden; padding: 14px 0px 30px; margin-bottom: 6px; }
.una .u5-hero-bg { position: absolute; inset: 0px; pointer-events: none; mask-image: linear-gradient(rgb(0, 0, 0) 62%, transparent); background: radial-gradient(760px 520px at 86% 16%,rgba(116,158,220,.30),rgba(116,158,220,0) 70%),radial-gradient(640px 420px at 0% 100%,rgba(75,118,182,.12),rgba(75,118,182,0) 70%),linear-gradient(180deg,#EDF2FA 0%,var(--bg) 100%); }
.una .u5-hero-bg::before { content: ""; position: absolute; right: -140px; top: -190px; width: 640px; height: 640px; border-radius: 50%; border: 1px solid rgba(75,118,182,0.16); box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 70px, rgba(75,118,182,0.08) 0px 0px 0px 71px; }
.una .u5-hero-in { position: relative; }
.una .u5-hero-g { display: grid; grid-template-columns: minmax(0px, 1.18fr) minmax(0px, 0.82fr); gap: 60px; align-items: center; margin-top: 22px; }
.una .u5-hero-t h1 { font-weight: 300; font-size: clamp(2.7rem, 5.4vw, 4.6rem); line-height: 0.98; letter-spacing: -0.035em; margin: 16px 0px 0px; }
.una .u5-hero-t h1 em { display: block; font-style: normal; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; padding-bottom: 0.06em; }
.una .u5-hero-lead { margin: 24px 0px 32px; font-size: 1.32rem; line-height: 1.52; color: var(--ink); max-width: 33ch; }
.una .u5-hero-acts { display: flex; flex-wrap: wrap; gap: 14px 16px; align-items: center; }
.una .u5-hero-bk { min-height: 64px; }
.una .u5-hero-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; font-weight: 800; font-size: 0.9rem; color: var(--rose-d); text-decoration: none; }
.una .u5-hero-more svg { width: 17px; height: 17px; }
.una .u5-hero-more:hover { color: var(--rose); }
.una .u5-hero-v { position: relative; justify-self: center; width: min(100%, 400px); padding: 10px 0px; }
.una .u5-hv { position: relative; margin: 0px; aspect-ratio: 4 / 5; border-radius: 999px 999px 36px 36px; overflow: hidden; background: var(--grad); box-shadow: rgba(255, 255, 255, 0.92) 0px 0px 0px 8px, rgba(41,61,91,0.7) 0px 44px 70px -36px; }
.una .u5-hv img { width: 100%; height: 100%; object-fit: cover; display: block; }
.una .u5-hv-ph { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; background: radial-gradient(120% 80% at 28% 6%, rgb(148,181,230) 0%, rgb(87,133,203) 38%, rgb(53,95,159) 72%, rgb(38,72,124) 100%); }
.una .u5-hv-ph::before { content: ""; position: absolute; inset: 18px; border-radius: 999px 999px 22px 22px; border: 1.5px solid rgba(255, 255, 255, 0.42); }
.una .u5-hv-ph::after { content: ""; position: absolute; inset: 0px; background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0px, rgba(255, 255, 255, 0.05) 2px, transparent 2px, transparent 16px); }
.una .u5-hv .u5-hv-mark { position: relative; z-index: 1; width: 44%; height: auto; object-fit: contain; filter: brightness(0) invert(1); opacity: 0.95; }
.una .u5-hv-cap { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; font-family: var(--display); font-weight: 500; font-size: 0.8rem; letter-spacing: 0.3em; text-transform: uppercase; color: rgb(255, 255, 255); }
.una .u5-hv-cap small { font-size: 0.58rem; letter-spacing: 0.42em; opacity: 0.8; }
.una .u5-hv-b1, .una .u5-hv-b2 { position: absolute; z-index: 2; display: flex; align-items: center; gap: 12px; box-shadow: rgba(56, 23, 50, 0.75) 0px 22px 40px -20px; }
.una .u5-hv-b1 { left: -46px; top: 18%; padding: 12px 18px 12px 12px; border-radius: 0px 24px 24px 0px; background: linear-gradient(135deg, rgb(154, 31, 143), rgb(110, 43, 98)); color: rgb(255, 255, 255); }
.una .u5-hv-b1 > svg { flex: 0 0 auto; width: 40px; height: 40px; padding: 9px; border-radius: 12px; background: rgba(255, 255, 255, 0.16); }
.una .u5-hv-b2 { right: -30px; bottom: 12%; padding: 11px 16px 11px 11px; border-radius: 20px; background: rgba(255, 255, 255, 0.96); color: var(--ink); }
.una .u5-hv-b2 > svg { flex: 0 0 auto; width: 36px; height: 36px; padding: 8px; border-radius: 12px; background: var(--grad); color: rgb(255, 255, 255); }
.una .u5-hv-b1 b, .una .u5-hv-b2 b { display: block; font-size: 0.88rem; line-height: 1.25; }
.una .u5-hv-b1 small, .una .u5-hv-b2 small { display: block; margin-top: 2px; font-size: 0.7rem; font-weight: 600; opacity: 0.82; }
.una .u5-stats { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); margin: 52px 0px 0px; padding: 24px 6px; border-radius: 30px; background: rgba(255, 255, 255, 0.66); box-shadow: var(--out-s); }
.una .u5-stats > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 8px; padding: 2px 24px; border-left: 1px solid var(--hair); }
.una .u5-stats > div:first-child { border-left: 0px; }
.una .u5-stats dd { margin: 0px; font-weight: 200; font-size: 2.8rem; line-height: 1; letter-spacing: -0.03em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; white-space: nowrap; }
.una .u5-stats dt { font-family: var(--display); font-weight: 600; font-size: 0.62rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--slate); line-height: 1.5; }
.una .u5-pk-btn { --pk1: #3D86FF; --pk2: #1456E8; --pk3: #0B3DAE; position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: 14px; min-height: 64px; padding: 8px 10px 8px 8px; border-radius: 40px; background: linear-gradient(135deg,var(--pk1) 0%,var(--pk2) 55%,var(--pk3) 100%); color: rgb(255, 255, 255); text-decoration: none; box-shadow: rgba(20, 86, 232, 0.75) 0px 18px 32px -12px, rgba(61, 134, 255, 0.16) 0px 0px 0px 4px; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; }
.una .u5-pk-btn::before { content: ""; position: absolute; inset: 0px; z-index: -1; background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.4) 48%, transparent 61%); transform: translateX(-120%); animation: 3.8s ease-in-out 1.2s infinite normal none running u5Shine; }
@keyframes u5Shine{ 
  0% { transform: translateX(-120%); }
  50%, 100% { transform: translateX(120%); }
}
.una .u5-pk-btn:hover { transform: translateY(-2px); box-shadow: rgba(20, 86, 232, 0.8) 0px 24px 40px -14px, rgba(61, 134, 255, 0.22) 0px 0px 0px 6px; }
.una .u5-pk-btn:focus-visible { outline: rgb(11, 61, 174) solid 3px; outline-offset: 3px; }
.una .u5-pk-ic { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 15px; background: rgb(255, 255, 255); color: var(--pk2); font-family: var(--display); font-weight: 800; font-size: 1.7rem; line-height: 1; display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 0 3px var(--pk2),0 6px 14px -6px rgba(0,0,0,.45); }
.una .u5-pk-tx { display: flex; flex-direction: column; line-height: 1.2; padding-right: 2px; text-align: left; }
.una .u5-pk-tx b { font-size: 1.03rem; font-weight: 800; letter-spacing: 0.005em; }
.una .u5-pk-tx small { margin-top: 3px; font-size: 0.76rem; font-weight: 600; opacity: 0.88; }
.una .u5-pk-go { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); display: flex; align-items: center; justify-content: center; transition: transform 0.2s; }
.una .u5-pk-go svg { width: 18px; height: 18px; }
.una .u5-pk-btn:hover .u5-pk-go { transform: translateX(3px); }
.una .u5-about { padding-top: 34px; }
.una .u5-story { display: grid; grid-template-columns: minmax(0px, 0.86fr) minmax(0px, 1.14fr); gap: 64px; align-items: start; }
.una .u5-q { position: relative; margin: 0px; padding: 44px 0px 0px; font-weight: 300; font-size: clamp(1.75rem, 2.7vw, 2.45rem); line-height: 1.22; letter-spacing: -0.02em; color: var(--ink); text-wrap: balance; }
.una .u5-q > span { position: absolute; left: -8px; top: -30px; font-family: Georgia, "Times New Roman", serif; font-size: 8rem; line-height: 1; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; }
.una .u5-q footer { margin-top: 22px; font-family: var(--display); font-weight: 600; font-size: 0.64rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--rose); }
.una .u5-q footer::before { content: ""; display: inline-block; width: 34px; height: 1.5px; margin-right: 12px; vertical-align: middle; background: var(--rose); }
.una .u5-story-b p { margin: 0px 0px 18px; font-size: 1.07rem; line-height: 1.82; color: var(--text); }
.una .u5-story-b p.u5-first { font-size: 1.24rem; line-height: 1.7; color: var(--ink); }
.una .u5-facts2 { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px; margin-top: 40px; }
.una .u5-f2 { display: flex; gap: 14px; align-items: flex-start; padding: 18px 18px 18px 16px; border-radius: 24px; background: var(--bg); box-shadow: var(--out-s); text-decoration: none; color: inherit; min-width: 0px; }
.una .u5-f2-i { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 14px; background: var(--grad); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; box-shadow: var(--glow); }
.una .u5-f2-i svg { width: 20px; height: 20px; }
.una .u5-f2-t { min-width: 0px; }
.una .u5-f2 small { display: block; font-family: var(--display); font-weight: 600; font-size: 0.58rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--slate); }
.una .u5-f2 b { display: block; margin-top: 4px; font-size: 0.9rem; line-height: 1.42; color: var(--ink); }
.una .u5-f2.lnk { box-shadow: var(--out-s),inset 0 0 0 1.5px rgba(20,86,232,.28); transition: transform 0.2s; }
.una .u5-f2.lnk:hover { transform: translateY(-2px); }
.una .u5-f2.lnk .u5-f2-i { background: linear-gradient(135deg, rgb(61, 134, 255), rgb(20, 86, 232)); box-shadow: rgba(20, 86, 232, 0.6) 0px 10px 22px -8px; }
.una .u5-f2 em { display: inline-flex; gap: 6px; align-items: center; margin-top: 8px; font-style: normal; font-weight: 800; font-size: 0.8rem; color: rgb(20, 86, 232); }
.una .u5-f2 em svg { width: 15px; height: 15px; }
.una .u5-prostor .u5-vid { margin-top: 4px; }
.una .u5-vid { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0px; border-radius: 30px; overflow: hidden; background: rgb(17,27,43); box-shadow: rgba(23,37,57,0.85) 0px 44px 70px -44px; color: rgb(255, 255, 255); text-align: left; }
.una .u5-vid-ph { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 24px; text-align: center; background: radial-gradient(900px 520px at 18% 0%, rgba(116,158,220,0.38), rgba(0, 0, 0, 0) 62%), radial-gradient(700px 500px at 100% 100%, rgba(154, 31, 143, 0.22), rgba(0, 0, 0, 0) 60%), linear-gradient(135deg, rgb(29,46,71) 0%, rgb(16,26,40) 100%); }
.una .u5-vid-ph::before { content: ""; position: absolute; inset: 18px; border-radius: 20px; border: 1.5px solid rgba(255, 255, 255, 0.14); pointer-events: none; }
.una .u5-vid-ph::after { content: ""; position: absolute; inset: 0px; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.027) 0px, rgba(255, 255, 255, 0.027) 1px, transparent 1px, transparent 72px); pointer-events: none; }
.una .u5-vid-play { position: relative; z-index: 1; width: 88px; height: 88px; flex: 0 0 auto; border-radius: 50%; background: var(--grad); display: flex; align-items: center; justify-content: center; box-shadow: rgba(255, 255, 255, 0.09) 0px 0px 0px 12px, rgba(0, 0, 0, 0.6) 0px 22px 40px -12px; transition: transform 0.25s; }
.una .u5-vid-play svg { width: 34px; height: 34px; margin-left: 5px; }
.una .u5-vid:hover .u5-vid-play { transform: scale(1.06); }
.una .u5-vid-ph b { position: relative; z-index: 1; font-weight: 300; font-size: 2.1rem; letter-spacing: -0.015em; }
.una .u5-vid-ph > span:not(.u5-vid-play) { position: relative; z-index: 1; max-width: 46ch; font-size: 1rem; line-height: 1.55; color: rgba(255, 255, 255, 0.78); }
.una .u5-vid-ph em { position: relative; z-index: 1; display: inline-flex; gap: 7px; align-items: center; margin-top: 4px; padding: 7px 14px; border-radius: 20px; background: rgba(255, 255, 255, 0.12); font-style: normal; font-family: var(--display); font-weight: 600; font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase; }
.una .u5-vid-ph em svg { width: 14px; height: 14px; }
.una .u5-vid-tl { position: absolute; left: 28px; right: 28px; bottom: 26px; height: 4px; border-radius: 4px; background: rgba(255, 255, 255, 0.14); }
.una .u5-vid-tl i { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 32%; border-radius: 4px; background: var(--grad); }
.una .u5-vid-tl i::after { content: ""; position: absolute; right: -6px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 4px; }
.una .u5-sl { margin-top: 30px; }
.una .u5-sl-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.una .u5-sl-h { margin: 0px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-weight: 800; font-size: 0.98rem; color: var(--ink); }
.una .u5-sl-h svg { width: 19px; height: 19px; color: var(--rose); }
.una .u5-sl-h small { font-weight: 700; font-size: 0.8rem; color: var(--slate); }
.una .u5-sl-nav { display: flex; gap: 10px; flex: 0 0 auto; }
.una .u5-sl-b { width: 50px; height: 50px; border-radius: 50%; background: var(--bg); box-shadow: var(--out-s); display: flex; align-items: center; justify-content: center; color: var(--rose-d); transition: opacity 0.2s, transform 0.2s; }
.una .u5-sl-b svg { width: 20px; height: 20px; }
.una .u5-sl-b:not([disabled]):hover { transform: translateY(-2px); }
.una .u5-sl-b[disabled] { opacity: 0.38; cursor: default; box-shadow: none; }
.una .u5-sl-tr { display: flex; gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-left: 4px; padding: 8px 4px 22px; margin: 0px -4px; scrollbar-width: none; cursor: grab; user-select: none; }
.una .u5-sl-tr::-webkit-scrollbar { display: none; }
.una .u5-sl-tr:focus-visible { outline: 2px solid var(--rose); outline-offset: 4px; border-radius: 26px; }
.una .u5-sl-tr.drag { scroll-snap-type: none; cursor: grabbing; }
.una .u5-sl-tr.drag .u5-fr { pointer-events: none; }
.una .u5-sl-s { flex: 0 0 auto; height: 410px; scroll-snap-align: start; }
.una .u5-sl-s.w { aspect-ratio: 3 / 2; }
.una .u5-sl-s.t { aspect-ratio: 4 / 5; }
.una .u5-sl-bar { position: relative; height: 4px; border-radius: 4px; background: var(--hair); overflow: hidden; }
@media (min-width: 761px){.una .u5-sl-tr { margin-right: calc(50% - 50vw); padding-right: max(4px, -50% + 50vw); }}
.una .u5-sl-bar i { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 30%; border-radius: 4px; background: var(--grad); transition: left 0.12s linear; }
.una[data-page="parking"] #main { padding-bottom: 0px; }
.una .u5-pkp { padding: 26px 0px 70px; }
.una .u5-pkp > .wrap { max-width: 900px; }
.una .u5-pkp-h { display: flex; gap: 22px; align-items: flex-start; }
.una .u5-pkp-sign { flex: 0 0 auto; width: 78px; height: 78px; border-radius: 22px; background: linear-gradient(135deg, rgb(61, 134, 255), rgb(20, 86, 232) 58%, rgb(11, 61, 174)); color: rgb(255, 255, 255); font-family: var(--display); font-weight: 800; font-size: 2.9rem; line-height: 1; display: flex; align-items: center; justify-content: center; box-shadow: rgba(255, 255, 255, 0.92) 0px 0px 0px 4px inset, rgba(20, 86, 232, 0.75) 0px 20px 36px -14px; }
.una .u5-pkp-h h1 { font-weight: 300; font-size: clamp(2.1rem, 4.4vw, 2.9rem); line-height: 1.05; letter-spacing: -0.02em; margin: 8px 0px 10px; }
.una .u5-pkp-h p { margin: 0px; font-size: 1.08rem; line-height: 1.62; color: var(--text); max-width: 56ch; }
.una .u5-pkp-key { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; margin-top: 30px; }
.una .u5-pkp-key > div { padding: 18px 18px 20px; border-radius: 24px; background: var(--bg); box-shadow: var(--out-s); }
.una .u5-pkp-ki { width: 42px; height: 42px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: rgba(20, 86, 232, 0.1); color: rgb(20, 86, 232); }
.una .u5-pkp-ki svg { width: 21px; height: 21px; }
.una .u5-pkp-key small { display: block; margin-top: 14px; font-family: var(--display); font-weight: 600; font-size: 0.6rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--slate); }
.una .u5-pkp-key b { display: block; margin-top: 5px; font-size: 1.04rem; line-height: 1.42; color: var(--ink); }
.una .u5-pkp-acts { display: flex; flex-wrap: wrap; gap: 12px 14px; align-items: center; margin-top: 24px; }
.una .u5-pkp-nav { display: inline-flex; align-items: center; gap: 14px; min-height: 62px; padding: 8px 22px 8px 18px; border-radius: 40px; background: linear-gradient(135deg, rgb(61, 134, 255), rgb(20, 86, 232) 55%, rgb(11, 61, 174)); color: rgb(255, 255, 255); text-decoration: none; box-shadow: rgba(20, 86, 232, 0.75) 0px 18px 32px -12px; transition: transform 0.2s; }
.una .u5-pkp-nav:hover { transform: translateY(-2px); }
.una .u5-pkp-nav > svg { width: 22px; height: 22px; flex: 0 0 auto; }
.una .u5-pkp-nav > svg:last-child { width: 17px; height: 17px; opacity: 0.85; }
.una .u5-pkp-nav b { display: block; font-size: 1rem; font-weight: 800; }
.una .u5-pkp-nav small { display: block; font-size: 0.74rem; opacity: 0.86; }
.una .u5-pkp-tel { min-height: 62px; }
.una .u5-pkp-steps { list-style: none; position: relative; margin: 40px 0px 0px; padding: 0px; }
.una .u5-pkp-steps::before { content: ""; position: absolute; left: 27px; top: 30px; bottom: 40px; width: 2px; background: repeating-linear-gradient(rgb(157, 186, 246) 0px, rgb(157, 186, 246) 7px, transparent 7px, transparent 13px); }
.una .u5-pkp-steps li { position: relative; display: grid; grid-template-columns: 56px minmax(0px, 1fr); gap: 18px; padding: 0px 0px 18px; }
.una .u5-pkp-n { position: relative; z-index: 1; width: 56px; height: 56px; border-radius: 50%; background: rgb(255, 255, 255); color: rgb(20, 86, 232); font-family: var(--display); font-weight: 700; font-size: 1.3rem; display: flex; align-items: center; justify-content: center; box-shadow: rgb(20, 86, 232) 0px 0px 0px 2.5px inset, rgba(20, 86, 232, 0.9) 0px 12px 22px -14px; }
.una .u5-pkp-c { padding: 18px 22px; border-radius: 24px; background: var(--bg); box-shadow: var(--out-s); }
.una .u5-pkp-c h2 { display: flex; align-items: center; gap: 10px; margin: 0px 0px 8px; font-size: 1.14rem; font-weight: 700; line-height: 1.3; color: var(--ink); }
.una .u5-pkp-c h2 span { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(20, 86, 232, 0.1); color: rgb(20, 86, 232); }
.una .u5-pkp-c h2 svg { width: 17px; height: 17px; }
.una .u5-pkp-c p { margin: 0px; font-size: 1rem; line-height: 1.65; color: var(--text); }
.una .u5-pkp-c .u5-pkp-lock { display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; padding: 12px 14px; border-radius: 16px; background: rgba(20, 86, 232, 0.08); color: rgb(11, 61, 174); font-weight: 700; font-size: 0.9rem; line-height: 1.5; }
.una .u5-pkp-lock svg { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 1px; }
.una .u5-pkp-note { margin-top: 12px; padding: 20px 24px; border-radius: 24px; background: rgb(230,237,248); box-shadow: rgb(157,187,232) 0px 0px 0px 1px inset; }
.una .u5-pkp-note h2 { display: flex; align-items: center; gap: 8px; margin: 0px 0px 8px; font-size: 1rem; font-weight: 800; color: rgb(35,56,87); }
.una .u5-pkp-note h2 svg { width: 18px; height: 18px; }
.una .u5-pkp-note ul { margin: 0px; padding-left: 20px; }
.una .u5-pkp-note li { margin: 4px 0px; font-size: 0.96rem; line-height: 1.6; color: rgb(26,41,64); }
.una .u5-pkp-f { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--hair); }
.una .u5-pkp-adr { display: flex; align-items: center; gap: 12px; }
.una .u5-pkp-adr > svg { width: 40px; height: 40px; padding: 10px; border-radius: 13px; background: var(--grad); color: rgb(255, 255, 255); flex: 0 0 auto; }
.una .u5-pkp-adr small { display: block; font-family: var(--display); font-weight: 600; font-size: 0.58rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--slate); }
.una .u5-pkp-adr b { display: block; font-size: 0.95rem; color: var(--ink); }
.una .u5-pkp-ph { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; color: var(--rose-d); text-decoration: none; }
.una .u5-pkp-ph svg { width: 18px; height: 18px; }
.una .u5-pkp-sh { display: flex; gap: 10px; margin-left: auto; }
.una .pk-acts .u5-pk-sep { color: rgb(20, 86, 232); }
@media print{.una[data-page="parking"] .s-hdr, .una[data-page="parking"] .s-demo, .una .u5-pkp-sh, .una .u5-pkp-acts .u5-pkp-tel { display: none !important; }
.una .u5-pkp-c, .una .u5-pkp-key > div { box-shadow: none; border: 1px solid rgb(221, 221, 221); }}
.una .s-mc-th.art.img { background: rgb(22,33,50); }
.una .s-mc-th.art.img::after { background: linear-gradient(rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.55)); }
.una .s-cover.img { background: rgb(208,221,241); }
.una .s-cover.img::before, .una .s-cover.img::after { display: none; }
.una .s-cover.wide.img { aspect-ratio: 16 / 7; }
@media (max-width: 1180px){.una .u5-hero-g { gap: 40px; }
.una .u5-hv-b1 { left: -18px; }
.una .u5-hv-b2 { right: -10px; }
.una .u5-facts2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 980px){.una .u5-hero-g { grid-template-columns: minmax(0px, 1fr); gap: 34px; }
.una .u5-hero-v { width: min(100%, 360px); }
.una .u5-stats { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 22px; }
.una .u5-stats > div:nth-child(3) { border-left: 0px; }
.una .u5-story { grid-template-columns: minmax(0px, 1fr); gap: 26px; }
.una .u5-q { padding-top: 40px; }}
@media (max-width: 760px){.una .u5-hero { padding: 6px 0px 18px; }
.una .u5-hero-g { margin-top: 12px; }
.una .u5-hero-lead { font-size: 1.14rem; margin: 18px 0px 24px; }
.una .u5-hero-acts { flex-direction: column; align-items: stretch; }
.una .u5-pk-btn, .una .u5-hero-bk { width: 100%; }
.una .u5-pk-go { margin-left: auto; }
.una .u5-hero-v { width: min(74%, 280px); }
.una .u5-hv-b1 { left: -14px; top: 12%; padding: 10px 14px 10px 10px; }
.una .u5-hv-b1 > svg { width: 34px; height: 34px; padding: 7px; }
.una .u5-hv-b2 { right: -12px; bottom: 8%; }
.una .u5-hv-b1 b, .una .u5-hv-b2 b { font-size: 0.8rem; }
.una .u5-stats { margin-top: 34px; padding: 18px 4px; }
.una .u5-stats > div { padding: 2px 16px; }
.una .u5-stats dd { font-size: 2.2rem; }
.una .u5-about { padding-top: 22px; }
.una .u5-q { font-size: 1.62rem; }
.una .u5-q > span { font-size: 6.4rem; top: -24px; }
.una .u5-story-b p.u5-first { font-size: 1.12rem; }
.una .u5-story-b p { font-size: 1.02rem; line-height: 1.75; }
.una .u5-facts2 { grid-template-columns: minmax(0px, 1fr); gap: 12px; margin-top: 28px; }
.una .u5-vid { border-radius: 20px; }
.una .u5-vid-play { width: 64px; height: 64px; }
.una .u5-vid-play svg { width: 26px; height: 26px; }
.una .u5-vid-ph { gap: 8px; }
.una .u5-vid-ph b { font-size: 1.3rem; }
.una .u5-vid-ph > span:not(.u5-vid-play) { font-size: 0.82rem; }
.una .u5-vid-ph em { display: none; }
.una .u5-vid-ph::before { inset: 10px; border-radius: 14px; }
.una .u5-vid-tl { left: 18px; right: 18px; bottom: 16px; }
.una .u5-sl-top { align-items: flex-end; }
.una .u5-sl-b { width: 44px; height: 44px; }
.una .u5-sl-s { height: 250px; }
.una .u5-sl-s.w { aspect-ratio: 5 / 4; }
.una .u5-sl-tr { gap: 12px; }
.una .u5-pkp { padding: 14px 0px 40px; }
.una .u5-pkp-h { flex-direction: column; gap: 14px; }
.una .u5-pkp-sign { width: 62px; height: 62px; font-size: 2.3rem; border-radius: 18px; }
.una .u5-pkp-key { grid-template-columns: minmax(0px, 1fr); gap: 12px; }
.una .u5-pkp-key > div { display: grid; grid-template-columns: 42px minmax(0px, 1fr); column-gap: 14px; align-items: center; padding: 14px 16px; }
.una .u5-pkp-ki { grid-row: 1 / 3; }
.una .u5-pkp-key small { margin-top: 0px; }
.una .u5-pkp-key b { margin-top: 2px; font-size: 0.98rem; }
.una .u5-pkp-acts { flex-direction: column; align-items: stretch; }
.una .u5-pkp-nav, .una .u5-pkp-tel { width: 100%; justify-content: flex-start; }
.una .u5-pkp-steps::before { left: 21px; }
.una .u5-pkp-steps li { grid-template-columns: 44px minmax(0px, 1fr); gap: 12px; }
.una .u5-pkp-n { width: 44px; height: 44px; font-size: 1.1rem; }
.una .u5-pkp-c { padding: 15px 16px; }
.una .u5-pkp-c h2 { font-size: 1.04rem; }
.una .u5-pkp-c p { font-size: 0.96rem; }
.una .u5-pkp-sh { margin-left: 0px; width: 100%; }
.una .u5-pkp-sh .btn { flex: 1 1 0%; }
.una .s-cover.wide.img { aspect-ratio: 16 / 10; border-radius: 22px; }}
@media (prefers-reduced-motion: reduce){.una .u5-pk-btn::before { animation: auto ease 0s 1 normal none running none; }}
.una .pl-found {margin:26px 0 -8px;font-weight:800;color:var(--slate)}
.una .pl-empty {display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:48px 20px;margin-top:26px;border-radius:var(--r);box-shadow:var(--in-s)}
.una .pl-empty > svg {width:36px;height:36px;color:var(--rose)}
.una .pl-empty b {font-size:1.1rem;color:var(--ink)}
.una .pl-empty span {color:var(--slate)}
.una .ba-ph {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:600;letter-spacing:.22em;font-size:.8rem}
.una .ba-ph svg {width:36px;height:36px;opacity:.8}
.una .ba-b .ba-ph {padding-left:50%;background:linear-gradient(135deg,#F4F7FC,#DEE7F5);color:var(--tk)}
.una .ba-a .ba-ph {padding-right:50%;background:linear-gradient(135deg,#B6C4D9,#93A5C0);color:#fff}
@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes draw{to{stroke-dashoffset:0}}
.una .s-art-sv {padding:20px 20px 14px;border-radius:24px;background:var(--bg);box-shadow:var(--out-s)}
.una .s-art-sv a {position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:10px 0 10px 14px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--hair)}
.una .s-art-sv a:last-child {border-bottom:0}
.una .s-art-sv a::before {content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:linear-gradient(var(--t1),var(--t2))}
.una .s-art-sv b {font-size:.9rem}
.una .s-art-sv small {grid-column:1;font-size:.76rem;color:var(--slate);font-weight:700}
.una .s-art-sv svg {grid-row:1/3;grid-column:2;width:16px;height:16px;color:var(--rose)}
.una .bk-hint {display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;font-size:.86rem;color:var(--slate);line-height:1.5}
.una .bk-hint svg {color:var(--rose);flex:none;margin-top:3px;width:16px;height:16px}
.una .bk-hint a {font-weight:800;color:var(--rose-d)}
.una .bk-hint.q {padding:10px 14px;border-radius:14px;background:#DEE8F6;color:#233B5F}
.una .bk-hint.q svg {color:#345E9C}
.una .bk-err {margin:7px 0 0;font-size:.8rem;font-weight:700;color:var(--err)}
.una .bk-done {text-align:center;max-width:720px;margin:6px auto 0;padding:40px 32px 36px;border-radius:34px;background:var(--bg);box-shadow:var(--out);outline:none}
.una .bk-ring {width:120px;height:120px;margin:0 auto 18px;border-radius:50%;box-shadow:var(--out);display:flex;align-items:center;justify-content:center;color:var(--ok)}
.una .bk-ring svg {width:64px;height:64px}
.una .bk-ring path {stroke-dasharray:60;stroke-dashoffset:60;animation:draw .7s .25s ease forwards}
.una .bk-done h2 {font-weight:400;font-size:2rem;text-wrap:balance}
.una .bk-done > p {margin:12px auto 0;max-width:52ch;color:var(--slate);line-height:1.62}
.una .bk-done > p a {color:var(--rose-d);font-weight:800}
.una .bk-done .row-actions {justify-content:center;margin-top:8px}
.una .u5bk .bk-step.is-on .bk-hint {color:rgba(226,234,246,.8)}
.una .u5bk .bk-step.is-on .bk-hint a {color:#ACC6EC}
.una .u5bk .bk-step.is-on .bk-hint.q {background:rgba(222,232,246,.12);color:#D0DEF2}
.una .u5bk .bk-step.is-on .bk-err {color:#B7CDEE}
/* doktornik.rs: plava boja logotipa umesto bakarne */
.una{--rose:#5B7EC2;--rose-d:#3D5C9A;--rose-l:#8FA9DA;--rose-t:rgba(91,126,194,.12);--rose-tt:#E3EAF7;
  --grad:linear-gradient(135deg,#94AEDD 0%,#7493C2 45%,#5372AD 100%);
  --grad-text:linear-gradient(100deg,#4F6EAB 0%,#86A3D6 38%,#4F6EAB 62%,#6D8CC6 100%);
  --brand-primary:#5B7EC2;--brand-primary-hover:#4B6EB2;--brand-strong:#3D5C9A;--brand-soft:#E6ECF7;--brand-tint:rgba(91,126,194,.1);
  --brand-gradient:linear-gradient(135deg,#94AEDD 0%,#7493C2 48%,#5372AD 100%);
  --glow:0 10px 24px rgba(83,114,173,.28)}
.una{height:auto;overflow-x:clip}
.una a.pl-item{text-decoration:none;color:inherit}
.una .bk-pre{margin:18px auto 0;max-width:560px;padding:16px 18px;border-radius:16px;background:var(--bg2);box-shadow:var(--in-s);white-space:pre-wrap;text-align:left;font:600 .86rem/1.6 var(--sans);color:var(--text)}
.una .s-toc a.on{color:var(--rose-d)}
.una .s-tbl{overflow-x:auto;margin:6px 0 22px;padding:6px 16px;border-radius:18px;box-shadow:var(--in-s)}
.una .s-tbl table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.5}
.una .s-tbl th,.una .s-tbl td{padding:11px 8px;text-align:left;vertical-align:top;border-bottom:1px solid var(--hair)}
.una .s-tbl th{font-weight:800;color:var(--ink)}
.una .s-tbl tr:last-child td{border-bottom:0}
.una .s-art-b h3{font-weight:600;font-size:1.16rem;line-height:1.35;margin:26px 0 8px;color:var(--ink)}
.una .s-art-b a{color:var(--rose-d);font-weight:700}
.una .s-art-b blockquote{margin:0 0 18px;padding:14px 20px;border-radius:18px;background:var(--bg2);box-shadow:var(--in-s)}
.una .s-art-s{display:flex;flex-direction:column;gap:16px}
.una.una-ovl{position:fixed;top:0;left:0;width:0;height:0;min-height:0;padding:0;margin:0;z-index:200;background:none;overflow:visible}
html.ovl-on{overflow:hidden}
.una [hidden]{display:none!important}
/* cene: dinari prvo, pa evri */
.una .eur{font-style:normal;font-weight:700;color:var(--slate);font-variant-numeric:tabular-nums}
.una .s-svc-p .eur{display:block;margin-top:2px;font-size:.74rem;opacity:.9}
.una .pl-price small.eur{margin-top:3px;font-size:.72rem;color:var(--slate)}
.una .sv-vp small.eur{margin-top:2px}
.una .sv-one small.eur{font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:.9rem;font-weight:700}
.una .sv-pill .eur{font-weight:700;color:var(--slate)}
.una .s-art-sv small span{font:inherit;color:inherit}
/* pet Candela uređaja u jednom redu */
@media (min-width:1181px){.una .cd-dev-g.n5{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
  .una .cd-dev-g.n5 .cd-dev-b b{font-size:1.32rem}}
.una .s-page{padding-top:8px}
/* redni broj koraka u uputstvu za parking (preuzeti stil je izgubio pozadinu, pa broj nije bio vidljiv) */
.una .pk-c-n{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
/* ================= uži tablet (641 do 760 px); telefon je u mobile.css ================= */
@media (min-width:641px) and (max-width:760px){
  /* oznake oblasti i kategorija se prelamaju u redove */
  .una .s-chips{flex-wrap:wrap;overflow:visible;margin:0 0 22px;padding:0;gap:8px}
  .una .s-chips .pl-chip{min-height:40px;padding:0 10px 0 12px;font-size:.8rem}
  /* dani za termin: dve nedelje kao kalendar od 7 kolona */
  .una .bk-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;overflow:visible;margin:0;padding:0;scroll-snap-type:none}
  .una .bk-day{flex:none;padding:8px 0 7px;border-radius:13px}
  .una .bk-day em{display:none}
  .una .bk-day small{font-size:.58rem;letter-spacing:.04em}
  .una .bk-day b{font-size:1.05rem}
  /* Candela uređaji: lista jedan ispod drugog umesto vrteške */
  .una .cd-dev-g,.una .cd.cd-sm .cd-dev-g{display:flex;flex-direction:column;gap:12px;overflow:visible;margin:22px 0 0;padding:0}
  .una .cd-dev{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-areas:"img b" "img go";align-items:start;padding:0;border-radius:0 22px 0 0;text-align:left}
  .una .cd-dev-img{grid-area:img;height:100%;min-height:132px}
  .una .cd-dev-n{left:10px;right:auto;top:8px;font-size:1.2rem}
  .una .cd-dev-b{grid-area:b;padding:14px 14px 0;gap:3px}
  .una .cd-dev-b b{font-size:1.2rem}
  .una .cd-dev-t{font-size:.74rem}
  .una .cd-dev-o,.una .cd-dev-hl{display:none}
  .una .cd-dev-go{grid-area:go;margin:10px 14px 14px;padding-top:10px}
  /* blog: tekstovi kao kompaktna lista, istaknuti tekst ostaje velik */
  .una .s-post:not(.big){display:grid;grid-template-columns:108px minmax(0,1fr);border-radius:20px}
  .una .s-post:not(.big) .s-cover{aspect-ratio:auto;height:100%;min-height:112px}
  .una .s-post:not(.big) .s-post-b{padding:12px 14px;gap:4px}
  .una .s-post:not(.big) .s-post-b small{font-size:.7rem}
  .una .s-post:not(.big) .s-post-b b{font-size:1rem;line-height:1.3}
  .una .s-post:not(.big) .s-post-b>span{display:none}
  .una .s-post:not(.big) .s-post-b em{font-size:.8rem}
}
/* ================= cenovnik: prikaz u karticama ili kao lista ================= */
.una .pl-view{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;margin-left:auto;padding:4px;border-radius:40px;background:var(--bg);box-shadow:var(--out-s)}
.una .pl-view button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px 0 13px;border:0;border-radius:30px;background:transparent;color:var(--slate);font-family:inherit;font-weight:800;font-size:.84rem;line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s,color .2s,box-shadow .2s}
.una .pl-view button svg{width:18px;height:18px;flex:none}
.una .pl-view button span{display:inline}
@media (max-width:1100px) and (min-width:641px){.una .pl-cats{flex-wrap:wrap;overflow:visible}}
.una .pl-view button:hover{color:var(--tk)}
.una .pl-view button[aria-pressed="true"]{background:linear-gradient(135deg,var(--t1),var(--t2));color:#fff;box-shadow:0 8px 18px -10px var(--t2)}
.una .pl-view button:focus-visible{outline:2px solid var(--t1);outline-offset:2px}
/* lista: podnaslovi i boje oblasti ostaju, tretmani su redovi sa cenom desno */
.una .plp.lv .pl-sec{padding:8px;border-radius:26px}
.una .plp.lv .pl-sec-h{gap:12px;margin-bottom:8px;padding:12px 18px;border-radius:18px}
.una .plp.lv .pl-sec-h p{display:none}
.una .plp.lv .pl-sec-h h2{font-size:1.16rem}
.una .plp.lv .pl-sec-h .ti{width:38px;height:38px;border-radius:12px}
.una .plp.lv .pl-sec-h .ti svg{width:19px;height:19px}
.una .plp.lv .pl-grid{display:flex;flex-direction:column;gap:0;padding:2px 0;border-radius:18px;background:rgba(255,255,255,.86);box-shadow:var(--out-s)}
.una .plp.lv .pl-item,.una .plp.lv .pl-item.has-img{grid-template-columns:minmax(0,1fr) auto 22px;grid-template-areas:"t p g";gap:14px;align-items:center;min-height:0;padding:13px 14px 13px 30px;border-radius:0;background:transparent;box-shadow:none;transform:none}
.una .plp.lv .pl-item:not([hidden])~.pl-item:not([hidden]){border-top:1px solid var(--hair)}
.una .plp.lv .pl-item::before{left:12px;top:50%;bottom:auto;width:9px;height:9px;border-radius:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--t1),var(--t2))}
.una .plp.lv .pl-img,.una .plp.lv .s-fill,.una .plp.lv .pl-meta{display:none}
.una .plp.lv .pl-it{grid-area:t;gap:1px}
.una .plp.lv .pl-it b{font-size:.98rem;line-height:1.3}
.una .plp.lv .pl-it small{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.una .plp.lv .pl-price{grid-area:p;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:0 5px;min-width:0;max-width:300px;text-align:right}
.una .plp.lv .pl-price b{font-size:1.06rem;margin:0}
.una .plp.lv .pl-price small{font-size:.7rem}
.una .plp.lv .pl-price small.eur{flex-basis:100%;margin-top:1px}
.una .plp.lv .pl-go{grid-area:g;width:22px;height:22px;background:none}
.una .plp.lv .pl-go svg{width:16px;height:16px}
.una .plp.lv .pl-item{transition:background-color .2s}
.una .plp.lv .pl-item:hover{background:var(--tt)}
.una .plp.lv .pl-go svg{transition:transform .2s}
.una .plp.lv .pl-item:hover .pl-go svg{transform:translateX(3px)}
.una .plp.lv .pl-item:focus-visible{outline:2px solid var(--t1);outline-offset:-2px}
.una .plp.lv .pl-grid>.pl-item:first-child{border-radius:16px 16px 0 0}
.una .plp.lv .pl-grid>.pl-item:last-child{border-radius:0 0 16px 16px}
@media (hover:hover) and (min-width:761px){
  .una .plp.lv .pl-item.has-img:hover .pl-it b{color:var(--ink)!important}
  .una .plp.lv .pl-item.has-img:hover .pl-it small,.una .plp.lv .pl-item.has-img:hover .pl-price,.una .plp.lv .pl-item.has-img:hover .pl-price *{color:var(--slate)!important}
  .una .plp.lv .pl-item.has-img:hover .pl-price b,.una .plp.lv .pl-item.has-img:hover .pl-price b *{color:var(--tk)!important}
  .una .plp.lv .pl-item.has-img:hover .pl-go{background:none;color:var(--tk)}
  .una .plp.lv .pl-item.has-img:hover::before{opacity:1}
}