/*
 * Naxdor concept template "Hantverk", design "Klinik" (founder's choice 2026-10-25 for clinics: tandvård,
 * fysioterapi, samtal och terapi). Built to the founder's Framer reference Auré and measured against it at
 * 1440 px: a cream page, a 1280 px column with an 80 px gutter, a 90 px header with a hairline, a light
 * display serif (headline 72 px, section headings 42 px, card titles 23 px) with Inter for text (19 px leads,
 * 16 px body), small uppercase labels in the clinic's colour, 50 px pill buttons, 18 to 24 px corners and
 * about 100 px between sections. Auré's text greys are darkened a little so all text meets WCAG AA.
 * Three tones of the same cream (founder, 2026-10-25, after one colour everywhere looked flat): a light page,
 * the cream itself on cards, panels and the footer, and the lightest inside them (icon circles, the form).
 * Every label over a heading and every button has an icon.
 * Per page, <html> sets --brand, --on-brand, --brand-strong and --brand-wash (the clinic's colour).
 * Fonts: Bellefair (display) and Inter (text), SIL Open Font License, self-hosted. No scripts.
 */
@font-face { font-family: "Bellefair"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/bellefair.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 400 600; font-style: normal; font-display: swap; src: url("fonts/inter-var.woff2") format("woff2"); }

:root {
  --page: #fcfaf6;
  --cream: #f5efe6;
  --paper: #fffefc;
  --ink: #2b2620;
  --muted: #6e6457;
  --faint: #aa9f8d;
  --soft: #fbf8f2;
  --card: #eadbcf;
  --line: rgb(43 38 32 / 0.1);
  --display: "Bellefair", "Cormorant Garamond", Georgia, serif;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --gutter: clamp(20px, 5.5vw, 80px);
  --head-h: 90px;
  --brand: #3e6e6a;
  --on-brand: #ffffff;
  --brand-strong: #3e6e6a;
  --brand-wash: #e6ece9;
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--page); color: var(--ink); font: 400 16px/1.65 var(--sans); letter-spacing: -0.32px; }
img { display: block; max-width: 100%; }
a { color: inherit; }
h1, h2, h3 { margin: 0; font-family: var(--display); font-weight: 400; text-wrap: balance; }
/* The packs mark a phrase with *stars* for Nordisk's italic; Bellefair has no italic, so it reads as one line. */
h1 em, h2 em { font-style: normal; }
p { margin: 0; text-wrap: pretty; }
ul, ol { list-style: none; margin: 0; padding: 0; }
:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; }
.ico { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.k-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.k-wrap { width: min(1280px, 100% - 2 * var(--gutter)); margin-inline: auto; }
section[id] { scroll-margin-top: calc(var(--head-h) + 16px); }

/* Concept or example notice (leadmart docs/legal/texter-sv.md § D2 and § I1) */
.concept-bar { background: var(--ink); color: rgb(251 248 242 / 0.85); font: 500 13px/1.45 var(--sans); letter-spacing: 0; padding-block: 9px; }
.concept-bar .wrap { width: min(1280px, 100% - 2 * var(--gutter)); margin-inline: auto; }
.concept-bar a { color: inherit; }

/* Shared parts */
.k-eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 22px; color: var(--brand-strong); font: 600 13px/1.2 var(--sans); letter-spacing: 2px; text-transform: uppercase; }
.k-eyebrow .ico { width: 16px; height: 16px; stroke-width: 1.8; }
.k-center .k-eyebrow { justify-content: center; }
.k-lead { max-width: 30em; color: var(--muted); font-size: 19px; line-height: 1.6; letter-spacing: -0.38px; }
.k-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 28px; border: 0; border-radius: 100px; font: 600 15px/1 var(--sans); letter-spacing: 0.2px; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease; }
.k-btn .ico { width: 18px; height: 18px; }
.k-btn-dark { background: var(--ink); color: var(--soft); }
.k-btn-line { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1px rgb(43 38 32 / 0.2); }
.k-ico { display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 50%; background: var(--cream); color: var(--brand-strong); }
.k-cards .k-ico { background: var(--paper); }
.k-ico .ico { width: 22px; height: 22px; stroke-width: 1.5; }
.k-head h2, .k-place h2, .k-faq h2, .k-contact h2 { font-size: 42px; line-height: 1.1; letter-spacing: -0.2px; }
.k-head > p:not(.k-eyebrow) { margin-top: 26px; color: var(--muted); font-size: 19px; line-height: 1.6; letter-spacing: -0.38px; }
.k-center { max-width: 640px; margin-inline: auto; text-align: center; }
.k-center h2, .k-center > p:not(.k-eyebrow) { max-width: 534px; margin-inline: auto; }
.k-split { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 60px; }
.k-split > p:not(.k-eyebrow) { max-width: 26em; margin-top: 0; }
.k-sec { padding-block: 100px; border-top: 1px solid var(--line); }

/* Header: the name as a wordmark, the menu in the middle, one dark pill. Sticky, on a frosted cream bar. */
.k-top { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--line); background: rgb(252 250 246 / 0.92); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.k-top-in { display: flex; align-items: center; gap: 24px; width: min(1200px, 100% - 2 * var(--gutter)); min-height: var(--head-h); margin-inline: auto; }
.k-mark { font: 400 25px/1.2 var(--display); letter-spacing: -0.3px; text-decoration: none; }
.k-nav { display: flex; gap: 36px; margin-inline: auto; font: 500 15px/1.2 var(--sans); letter-spacing: -0.3px; }
.k-nav a { text-decoration: none; white-space: nowrap; }
.k-menu { display: none; position: relative; margin-left: auto; }
.k-menu summary { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; list-style: none; }
.k-menu summary::-webkit-details-marker { display: none; }
.k-burger { display: grid; gap: 5px; width: 20px; }
.k-burger i { display: block; height: 1.5px; border-radius: 1px; background: var(--ink); }
.k-menu nav { position: absolute; right: 0; top: calc(100% + 10px); z-index: 5; display: grid; min-width: 230px; padding: 8px; border-radius: 16px; background: var(--paper); box-shadow: 0 18px 40px -20px rgb(43 38 32 / 0.45), 0 0 0 1px var(--line); }
.k-menu nav a { padding: 12px 14px; border-radius: 10px; font: 500 16px/1.2 var(--sans); text-decoration: none; }

/* First screen: the text on the left, one soft rounded photo on the right */
.k-hero { padding-block: 72px 100px; }
.k-hero-in { display: grid; grid-template-columns: minmax(0, 600fr) minmax(0, 608fr); gap: 72px; align-items: start; }
.k-hero-text { padding-top: 25px; }
.k-hero h1 { font-size: 72px; line-height: 1.06; letter-spacing: -0.5px; }
.k-hero .k-lead { max-width: 460px; margin-top: 26px; }
.k-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.k-hero-meta { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 64px; color: var(--muted); font-size: 14px; letter-spacing: -0.26px; }
.k-hero-meta li { display: inline-flex; align-items: center; gap: 8px; }
.k-hero-meta a { text-decoration: none; }
.k-hero-meta .ico { width: 16px; height: 16px; color: var(--brand-strong); }
.k-hero-photo { margin: 0; aspect-ratio: 608 / 580; border-radius: 24px; overflow: hidden; background: var(--card); }
.k-hero-photo img { width: 100%; height: 100%; object-fit: cover; }

/* Our promise: a centred head and four soft cards */
.k-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 60px; }
.k-cards li { display: flex; flex-direction: column; gap: 18px; padding: 28px; border-radius: 18px; background: var(--cream); box-shadow: 0 0 0 1px rgb(43 38 32 / 0.05); }
.k-cards h3 { font-size: 23px; line-height: 1.25; letter-spacing: -0.2px; }
.k-cards p { color: var(--muted); }

/* Treatments: photo cards, three to a row */
.k-svc { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 60px; }
.k-svc li { overflow: hidden; border-radius: 18px; background: var(--cream); box-shadow: 0 0 0 1px rgb(43 38 32 / 0.05); }
.k-svc figure { margin: 0; aspect-ratio: 411 / 230; overflow: hidden; background: var(--card); }
.k-svc img { width: 100%; height: 100%; object-fit: cover; }
.k-svc-body { padding: 24px; }
.k-svc h3 { font-size: 23px; line-height: 1.25; letter-spacing: -0.2px; }
.k-svc p { margin-top: 10px; color: var(--muted); }

/* The clinic: a photo beside the text */
.k-place-in { display: grid; grid-template-columns: minmax(0, 596fr) minmax(0, 604fr); gap: 80px; align-items: center; }
.k-place-photo { margin: 0; aspect-ratio: 596 / 500; border-radius: 18px; overflow: hidden; background: var(--card); }
.k-place-photo img { width: 100%; height: 100%; object-fit: cover; }
.k-place .k-lead { margin-top: 26px; }
.k-checks { display: grid; gap: 12px; margin: 30px 0 34px; font-size: 15px; line-height: 1.2; letter-spacing: -0.2px; }
.k-checks li { display: flex; align-items: center; gap: 10px; }
.k-checks .ico { width: 16px; height: 16px; color: var(--brand-strong); stroke-width: 2; }

/* The visit: four steps */
.k-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 48px; margin-top: 60px; }
.k-step-top { display: flex; align-items: center; justify-content: space-between; }
.k-num { color: var(--faint); font: 400 22px/1.2 var(--display); }
.k-steps h3 { margin-top: 19px; font-size: 23px; line-height: 1.25; letter-spacing: -0.2px; }
.k-steps p { margin-top: 10px; color: var(--muted); }

/* Soft cards: the tips and the contact */
.k-card { border-radius: 24px; background: var(--cream); }
.k-guide { padding-block: 0 100px; }
.k-guide-in { padding: 56px; }
.k-tips-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-top: 40px; }
.k-tips-list h3 { font-size: 23px; line-height: 1.25; letter-spacing: -0.2px; }
.k-tips-list p { margin-top: 10px; color: var(--muted); }

/* Questions: the head on the left, the answers on the right; one open at a time */
.k-faq-in { display: grid; grid-template-columns: minmax(0, 332fr) minmax(0, 868fr); gap: 40px 80px; align-items: start; }
.k-faq-head p:not(.k-eyebrow) { max-width: 22em; margin-top: 20px; color: var(--muted); }
.k-faq-head .k-btn { margin-top: 28px; }
.k-faq-list details { border-bottom: 1px solid var(--line); }
.k-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 27px 0; cursor: pointer; list-style: none; font: 500 19px/1.2 var(--sans); letter-spacing: -0.2px; }
.k-faq-list summary::-webkit-details-marker { display: none; }
.k-faq-list p { max-width: 40em; padding: 0 0 26px; color: var(--muted); }
.k-plus { position: relative; flex: none; width: 16px; height: 16px; color: var(--brand-strong); }
.k-plus::before, .k-plus::after { content: ""; position: absolute; left: 0; top: 7.25px; width: 16px; height: 1.5px; background: currentColor; transition: transform 0.25s ease; }
.k-plus::after { transform: rotate(90deg); }
details[open] > summary .k-plus::after { transform: rotate(0deg); }

/* Contact: a soft card with the details and the sample booking form */
.k-contact { padding-block: 0 100px; }
.k-contact-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); gap: 48px 80px; align-items: start; padding: 64px 56px; }
.k-contact h2 { font-size: 52px; line-height: 1.08; letter-spacing: -0.4px; }
.k-contact .k-lead { margin-top: 22px; color: var(--muted); }
.k-rows { display: grid; gap: 14px; margin-top: 34px; font-size: 16px; }
.k-rows li, .k-rows a { display: flex; align-items: flex-start; gap: 12px; text-decoration: none; }
.k-rows .ico { margin-top: 0.22em; color: var(--brand-strong); }
.k-tips { margin-top: 34px; padding-top: 26px; border-top: 1px solid rgb(43 38 32 / 0.12); }
.k-tips h3 { font: 600 15px/1.3 var(--sans); letter-spacing: -0.1px; }
.k-tips ul { display: grid; gap: 8px; margin-top: 12px; color: var(--muted); font-size: 15px; }
.k-tips li { display: flex; align-items: flex-start; gap: 10px; }
.k-tips .ico { width: 16px; height: 16px; margin-top: 0.22em; color: var(--brand-strong); stroke-width: 2; }
.quote { padding: 32px; border-radius: 18px; background: var(--paper); box-shadow: 0 0 0 1px rgb(43 38 32 / 0.05); }
.quote h3 { font-size: 28px; line-height: 1.2; letter-spacing: -0.3px; }
.fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 20px; }
.fields label { display: grid; gap: 7px; font: 500 14px/1.3 var(--sans); letter-spacing: -0.1px; }
.fields .wide { grid-column: 1 / -1; }
.fields input, .fields select, .fields textarea { width: 100%; padding: 12px 14px; border: 1px solid rgb(43 38 32 / 0.14); border-radius: 12px; background: #ffffff; color: var(--ink); font: 400 16px/1.35 var(--sans); }
.fields textarea { min-height: 96px; resize: vertical; }
.fields input:focus, .fields select:focus, .fields textarea:focus { outline: 2px solid var(--brand); outline-offset: 0; border-color: transparent; }
.quote button { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 50px; margin-top: 20px; border: 0; border-radius: 100px; background: var(--ink); color: var(--soft); font: 600 15px/1 var(--sans); letter-spacing: 0.2px; cursor: pointer; }
.form-note { margin-top: 12px; color: var(--muted); font-size: 13px; text-align: center; }

/* Footer */
.k-foot { padding-block: 80px 36px; background: var(--cream); }
.k-foot-in { width: min(1200px, 100% - 2 * var(--gutter)); margin-inline: auto; }
/* Auré's columns: the name and line 360 px wide, then the three lists 64 px apart. */
.k-foot-grid { display: grid; grid-template-columns: minmax(0, 360px) repeat(2, minmax(0, 1fr)) auto; gap: 40px 64px; }
.k-foot-brand p:not(.k-mark) { max-width: 22em; margin-top: 14px; color: var(--muted); }
.k-foot .k-social { display: flex; gap: 10px; margin-top: 24px; }
.k-social li { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgb(43 38 32 / 0.16); }
.k-foot h3 { color: var(--brand-strong); font: 600 13px/1.2 var(--sans); letter-spacing: 2px; text-transform: uppercase; }
.k-foot ul { display: grid; gap: 16px; margin-top: 16px; color: var(--muted); }
.k-foot li a { text-decoration: none; }
.k-foot-contact li, .k-foot-contact a { display: flex; align-items: flex-start; gap: 10px; }
.k-foot-contact .ico { width: 16px; height: 16px; margin-top: 0.3em; color: var(--brand-strong); }
.k-foot-base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 32px; margin-top: 64px; padding-top: 52px; border-top: 1px solid var(--line); color: var(--muted); }
.k-foot-base small { font-size: 13px; letter-spacing: -0.2px; }

/* Back to top and the phone call bar */
.to-top { position: fixed; right: max(20px, env(safe-area-inset-right, 0px)); bottom: calc(24px + env(safe-area-inset-bottom, 0px)); z-index: 15; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--ink); color: var(--soft); box-shadow: 0 14px 30px -14px rgb(43 38 32 / 0.6); transition: transform 0.25s ease; }
.to-top .ico { width: 20px; height: 20px; stroke-width: 2; }
@supports (animation-timeline: scroll()) {
  .to-top { animation: k-to-top linear both; animation-timeline: scroll(root); animation-range: 500px 760px; }
}
@keyframes k-to-top { from { opacity: 0; translate: 0 18px; visibility: hidden; } to { opacity: 1; translate: 0 0; visibility: visible; } }
.actionbar { display: none; }

/* Motion: one calm entrance and sections that ease in; nothing moves under reduced motion. */
@media (prefers-reduced-motion: no-preference) {
  .k-hero-text > * { animation: k-rise 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
  .k-hero-text > :nth-child(2) { animation-delay: 0.08s; }
  .k-hero-text > :nth-child(3) { animation-delay: 0.16s; }
  .k-hero-text > :nth-child(4) { animation-delay: 0.24s; }
  .k-hero-text > :nth-child(5) { animation-delay: 0.32s; }
  .k-hero-photo img { animation: k-settle 1.6s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
  @supports (animation-timeline: view()) {
    .k-head, .k-cards li, .k-svc li, .k-place-in > *, .k-steps li, .k-guide-in, .k-faq-head, .k-faq-list, .k-contact-in, .k-foot-grid > * {
      animation: k-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 55%;
    }
  }
}
@keyframes k-rise { from { opacity: 0; translate: 0 20px; } }
@keyframes k-settle { from { scale: 1.05; } }

/* Hover, for mouse and trackpad only */
@media (hover: hover) {
  .k-btn-dark:hover { background-color: #463f36; }
  .k-btn-line:hover { box-shadow: inset 0 0 0 1px var(--ink); }
  .k-nav a:hover, .k-foot li a:hover, .k-rows a:hover, .k-hero-meta a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
  .k-menu nav a:hover { background: var(--cream); }
  .k-faq-list summary:hover { color: var(--brand-strong); }
  .k-svc img { transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1); }
  .k-svc li:hover img { transform: scale(1.03); }
  .to-top:hover { transform: translateY(-3px); }
}

/* Narrower laptops: the menu folds behind a button; the pill stays */
@media (max-width: 1180px) {
  .k-nav { display: none; }
  .k-top-cta { margin-left: auto; }
  .k-menu { display: block; margin-left: 0; }
  .k-hero h1 { font-size: 60px; }
  .k-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 48px; }
  .k-contact-in { grid-template-columns: minmax(0, 1fr); }
  .k-contact-in .quote { max-width: 620px; }
  .k-foot-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .k-foot-brand { grid-column: 1 / -1; }
}

/* Tablets: the first screen stacks, text over photo, as in the reference */
@media (max-width: 960px) {
  .k-hero-in, .k-place-in, .k-faq-in { grid-template-columns: minmax(0, 1fr); }
  .k-hero { padding-top: 56px; }
  .k-hero-text { padding-top: 0; }
  .k-hero h1 { font-size: 58px; }
  .k-hero-meta { margin-top: 40px; }
  .k-hero-photo { aspect-ratio: 16 / 11; }
  /* Wide crops keep the lower part of the photo, where the subject sits. */
  .k-hero-photo img { object-position: 50% 85%; }
  .k-svc { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-tips-list { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}

/* Phones */
@media (max-width: 720px) {
  :root { --head-h: 64px; }
  body { font-size: 15.5px; }
  .concept-bar { font-size: 12px; padding-block: 8px; }
  .k-mark { font-size: 22px; }
  .k-top-cta { display: none; }
  .k-menu { margin-left: auto; }
  .k-sec { padding-block: 72px; }
  .k-hero { padding-block: 44px 64px; }
  .k-eyebrow { margin-bottom: 16px; font-size: 12px; letter-spacing: 1.6px; }
  .k-hero h1 { font-size: 40px; line-height: 1.08; letter-spacing: -0.6px; }
  .k-lead, .k-head > p:not(.k-eyebrow) { font-size: 17px; }
  .k-actions { flex-direction: column; align-items: flex-start; }
  .k-hero-meta { margin-top: 32px; }
  .k-hero-photo { aspect-ratio: 4 / 5; margin-top: 8px; }
  .k-head h2, .k-place h2, .k-faq h2 { font-size: 32px; line-height: 1.12; letter-spacing: -0.4px; }
  .k-contact h2 { font-size: 36px; }
  .k-cards, .k-svc, .k-steps { grid-template-columns: minmax(0, 1fr); margin-top: 40px; }
  .k-cards h3, .k-svc h3, .k-steps h3, .k-tips-list h3 { font-size: 21px; }
  .k-svc figure { aspect-ratio: 3 / 2; }
  .k-place-in { gap: 36px; }
  .k-guide { padding-bottom: 72px; }
  .k-guide-in { padding: 36px 24px; }
  .k-faq-list summary { font-size: 17px; padding: 20px 0; }
  .k-contact { padding-bottom: 72px; }
  .k-contact-in { padding: 36px 20px 20px; }
  .k-contact-in .quote { padding: 22px 18px; }
  .fields { grid-template-columns: minmax(0, 1fr); }
  .k-foot { padding-top: 56px; }
  .k-foot-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px 20px; }
  .k-foot-grid > div:has(> .k-foot-contact) { grid-column: 1 / -1; }
  .k-foot-base { padding-bottom: 92px; }
  .to-top { right: 14px; bottom: calc(86px + env(safe-area-inset-bottom, 0px)); width: 44px; height: 44px; }
  .actionbar {
    display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
    position: sticky; bottom: 0; z-index: 5;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--line); background: rgb(245 239 230 / 0.95); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  }
  .actionbar .k-btn { min-height: 48px; padding: 0 12px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
  /* The back-to-top button still waits until you have scrolled; it fades in place instead of sliding. */
  @supports (animation-timeline: scroll()) {
    .to-top { animation: k-to-top-fade linear both !important; animation-timeline: scroll(root) !important; animation-range: 500px 760px !important; }
  }
  .k-svc li:hover img, .to-top:hover { transform: none; }
}
@keyframes k-to-top-fade { from { opacity: 0; visibility: hidden; } to { opacity: 1; visibility: visible; } }