/* LUKIK shared public shell v0.3.7 — global calculator search + Shared Inner Page Intro v1.0.1 */
:root {
  --lk-navy:#071a49;
  --lk-navy-2:#10265a;
  --lk-blue:#0878f9;
  --lk-blue-2:#3d9cff;
  --lk-sky:#eef7ff;
  --lk-muted:#66738f;
  --lk-line:#e7edf6;
  --lk-white:#fff;
  --lk-shadow:0 14px 40px rgba(31,70,130,.09);
  --lk-shadow-soft:0 10px 30px rgba(31,70,130,.06);
  --lk-radius:20px;
  --lk-radius-card:20px;
  --lk-radius-panel:22px;
  --lk-radius-control:12px;
  --lk-page-title-size:clamp(42px,3.2vw,54px);
  --lk-page-title-mobile:34px;
  --lk-page-title-weight:850;
  --lk-page-title-line:1.06;
  --lk-page-title-tracking:-.035em;
  --lk-page-lead-size:16px;
  --lk-page-lead-line:1.65;
  --lk-breadcrumb-size:13px;
  --lk-page-bg:radial-gradient(circle at 86% 0%,rgba(8,120,249,.055),transparent 28rem),linear-gradient(180deg,#fbfdff 0%,#fff 300px,#fff 100%);
  --lk-page-intro-gap:28px;
  --lk-font-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}


body.lukik-public-shell-body {
  margin:0;
  background:#fff;
  color:var(--lk-navy);
  font-family:var(--lk-font-sans);
  -webkit-font-smoothing:antialiased;
}

.lukik-public-shell { position:static!important; min-height:0!important; margin-bottom:0!important; }
/* Global shell must remain visible even while legacy page-only CSS still hides #container > header/footer. */
#container.lukik-public-shell > header.lk-header,
#container.lukik-public-shell > footer.lk-footer {
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.lukik-public-shell *, .lukik-public-shell *::before, .lukik-public-shell *::after { box-sizing:border-box; }
.lukik-public-shell a { text-decoration:none; }

/* Canonical low-specificity typography baseline.
   Page CSS may override sizes/layout, but should not need to repeat the font stack
   or fight Bootstrap heading weights. :where() keeps this deliberately easy to override. */
:where(.lukik-public-shell) :where(button,input,select,textarea) { font-family:var(--lk-font-sans); }
:where(.lk-public-main) :where(h1,h2,h3,h4,h5,h6) { font-family:var(--lk-font-sans); color:var(--lk-navy); }
:where(.lk-public-main) h1 { font-weight:900; }
:where(.lk-public-main) h2 { font-weight:850; }
:where(.lk-public-main) h3 { font-weight:800; }

.lk-public-main { overflow:visible; min-width:0; }
.lk-shell { width:min(1420px,calc(100% - 48px)); margin:0 auto; }

.lk-header {
  position:sticky; top:0; z-index:1000;
  background:rgba(255,255,255,.94); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(225,233,244,.9);
}
.lk-header__inner { height:78px; display:flex; align-items:center; gap:28px; }
.lk-brand { display:inline-flex; align-items:center; flex:0 0 auto; color:var(--lk-navy); }
.lk-brand__logo { display:block; width:148px; height:auto; object-fit:contain; }
.lk-nav { display:flex; align-items:center; gap:25px; margin-left:24px; }
.lk-nav a { color:#293753; font-size:14px; font-weight:650; transition:.2s ease; white-space:nowrap; }
.lk-nav a:hover, .lk-nav a.is-active { color:var(--lk-blue); }
.lk-header__actions { margin-left:auto; display:flex; align-items:center; gap:12px; }
.lk-header-search {
  width:280px; height:42px; border:1px solid #dce5f1; background:#fff; border-radius:999px;
  color:#9aa7ba; display:flex; align-items:center; gap:10px; padding:0 16px; transition:.2s ease;
}
.lk-header-search:hover { color:#6d7c92; border-color:#bdd8fb; box-shadow:0 0 0 4px rgba(8,120,249,.05); }
.lk-header-search span { font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lk-language { min-width:26px; }
.lk-language #form-language .dropdown > span { display:flex; align-items:center; gap:4px; color:var(--lk-blue); font-weight:700; font-size:13px; }
.lk-language #form-language img { width:20px; height:auto; border-radius:3px; }
.lk-language #form-language .dropdown > span .d-none { display:none!important; }
.lk-language .dropdown-menu { border-radius:14px; border:1px solid var(--lk-line); box-shadow:var(--lk-shadow); padding:8px; }
.lk-language .dropdown-item { border-radius:8px; font-size:13px; }
.lk-account,.lk-menu-toggle {
  width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:12px;
  border:1px solid #dce5f1; color:#33445f; background:#fff;
}
.lk-account:hover { color:var(--lk-blue); border-color:#bdd8fb; }
.lk-menu-toggle { display:none; cursor:pointer; }
.lk-mobile-menu { display:none; }

.lk-footer { position:static; bottom:auto; width:100%; padding:38px 0 18px; border:0; border-top:1px solid #eaf0f7; background:#fbfdff; color:var(--lk-navy); }
.lk-footer .lk-brand__logo { width:138px; }
.lk-footer__grid { display:grid; grid-template-columns:1.6fr repeat(3,1fr); gap:70px; padding-bottom:34px; }
.lk-footer__brand p { margin:15px 0 0; color:#718097; font-size:11px; line-height:1.65; }
.lk-footer__grid > div:not(.lk-footer__brand) { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.lk-footer__grid > div > strong { margin-bottom:4px; font-size:12px; font-weight:850; color:var(--lk-navy); }
.lk-footer__grid > div > a { color:#65748c; font-size:11px; }
.lk-footer__grid > div > a:hover { color:var(--lk-blue); }
.lk-footer__bottom { padding:20px 0; border-top:1px solid #e6edf6; display:flex; justify-content:space-between; color:#8793a6; font-size:10px; }
.lk-hidden-open-cart-content { display:none!important; }

body.lukik-public-shell-body #cookie {
  position:fixed; left:18px; right:18px; bottom:18px; z-index:1100; max-width:920px; margin:0 auto;
  border:1px solid #dce8f5; border-radius:18px; background:rgba(255,255,255,.97); box-shadow:0 18px 50px rgba(21,54,105,.16);
}
body.lukik-public-shell-body #cookie .container { width:auto; max-width:none; }
body.lukik-public-shell-body #cookie p { margin:0 0 10px; color:#63728a; font-size:12px; }
body.lukik-public-shell-body #cookie .btn { border-radius:11px; font-size:12px; font-weight:700; }



/* =========================================================
   LUKIK UI FOUNDATION v0.3.0
   Shared visual scale for public pages.
   Page styles continue to own their unique layout/artwork.
   This layer is loaded after page CSS and intentionally owns
   common page-title, lead, breadcrumb, container and panel rhythm.
   ========================================================= */

/* Canonical internal-page title scale. Homepage hero is intentionally excluded. */
.lkp-ranking__hero h1,
.lkci-hero h1,
.lkc-hero h1,
.lkba-hero h1,
.lk-contact__hero h1,
.lk-contact-success h1 {
  color:var(--lk-navy);
  font-size:var(--lk-page-title-size);
  line-height:var(--lk-page-title-line);
  letter-spacing:var(--lk-page-title-tracking);
  font-weight:var(--lk-page-title-weight);
}

/* Utility calculator titles stay slightly more compact because they share a row with an icon. */
.lkp-title h1 {
  color:var(--lk-navy);
  font-size:clamp(34px,2.8vw,46px);
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:850;
}

/* Canonical intro/lead scale on internal pages. */
.lkp-ranking__hero p,
.lkci-hero p,
.lkc-hero__content > p,
.lkba-hero__excerpt,
.lk-contact__hero p,
.lk-contact-success__lead,
.lkp-title p {
  color:var(--lk-muted);
  font-size:var(--lk-page-lead-size);
  line-height:var(--lk-page-lead-line);
}

/* Shared breadcrumb rhythm and tone across LUKIK public pages. */
.lkp-ranking__breadcrumbs,
.lkci-breadcrumbs,
.lkc-breadcrumbs,
.lkp-breadcrumbs,
.lkb-breadcrumbs,
.lkba-breadcrumbs,
.lk-contact__breadcrumbs,
.lk-contact-success__breadcrumbs {
  gap:9px;
  color:#8190a8;
  font-size:var(--lk-breadcrumb-size);
  line-height:1.4;
}

.lkp-ranking__breadcrumbs a,
.lkci-breadcrumbs a,
.lkc-breadcrumbs a,
.lkp-breadcrumbs a,
.lkb-breadcrumbs a,
.lkba-breadcrumbs a,
.lk-contact__breadcrumbs a,
.lk-contact-success__breadcrumbs a {
  color:#71819a;
  font-weight:650;
}

.lkp-ranking__breadcrumbs a:hover,
.lkci-breadcrumbs a:hover,
.lkc-breadcrumbs a:hover,
.lkp-breadcrumbs a:hover,
.lkb-breadcrumbs a:hover,
.lkba-breadcrumbs a:hover,
.lk-contact__breadcrumbs a:hover,
.lk-contact-success__breadcrumbs a:hover {
  color:var(--lk-blue);
}

/* Contact pages use the same horizontal content width as the rest of the public shell. */
.lk-contact__wrap,
.lk-contact-success__wrap {
  width:min(1420px,calc(100% - 48px));
}

/* Categories index was intentionally designed from a visual mockup but its first
   implementation used a larger typography/radius scale. Bring it back to LUKIK. */
.lkci-card__copy h2 {
  color:var(--lk-navy);
  font-size:22px;
  line-height:1.2;
  letter-spacing:-.02em;
  font-weight:850;
}

.lkci-stats,
.lkci-card,
.lkci-cta {
  border-color:var(--lk-line);
  border-radius:var(--lk-radius-panel);
  box-shadow:var(--lk-shadow-soft);
}

.lkci-search,
.lkci-sort {
  border-color:#dce5f1;
  border-radius:var(--lk-radius-control);
  box-shadow:none;
}

/* Shared muted text tone for prominent supporting copy. */
.lkci-card__copy p,
.lkc-hero__content > p,
.lkp-ranking__hero p,
.lk-contact__hero p,
.lkba-hero__excerpt {
  color:var(--lk-muted);
}

@media (max-width:760px) {
  .lkp-ranking__hero h1,
  .lkci-hero h1,
  .lkc-hero h1,
  .lkba-hero h1,
  .lk-contact__hero h1,
  .lk-contact-success h1 {
    font-size:var(--lk-page-title-mobile);
    line-height:1.08;
    letter-spacing:-.025em;
  }

  .lkp-ranking__hero p,
  .lkci-hero p,
  .lkc-hero__content > p,
  .lkba-hero__excerpt,
  .lk-contact__hero p,
  .lk-contact-success__lead,
  .lkp-title p {
    font-size:15px;
    line-height:1.6;
  }

  .lk-contact__wrap,
  .lk-contact-success__wrap {
    width:calc(100% - 24px);
  }

  .lkci-card__copy h2 {
    font-size:21px;
  }
}



/* =========================================================
   LUKIK UI FOUNDATION v0.3.1
   Cross-browser/responsive consistency cleanup.
   No page-specific layouts are moved into the shared shell.
   ========================================================= */

/* Shared breadcrumb visual contract. Breadcrumb data/markup remains page-owned. */
.lkp-ranking__breadcrumbs,
.lkci-breadcrumbs,
.lkc-breadcrumbs,
.lkp-breadcrumbs,
.lkb-breadcrumbs,
.lkba-breadcrumbs,
.lk-contact__breadcrumbs,
.lk-contact-success__breadcrumbs {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  column-gap:9px;
  row-gap:6px;
}

.lkp-ranking__breadcrumbs > i,
.lkci-breadcrumbs > i,
.lkc-breadcrumbs > i,
.lkp-breadcrumbs > i,
.lkb-breadcrumbs > i,
.lkba-breadcrumbs > i,
.lk-contact__breadcrumbs > i,
.lk-contact-success__breadcrumbs > i {
  color:#a2afc2;
  font-size:9px;
  line-height:1;
}

.lkp-ranking__breadcrumbs > span:last-child,
.lkci-breadcrumbs > span:last-child,
.lkc-breadcrumbs > span:last-child,
.lkp-breadcrumbs > span:last-child,
.lkb-breadcrumbs > span:last-child,
.lkba-breadcrumbs > span:last-child,
.lk-contact__breadcrumbs > span:last-child,
.lk-contact-success__breadcrumbs > span:last-child {
  color:#7f8da5;
  font-weight:600;
}

/* Keep functional shared-shell controls readable on compact screens. */
@media (max-width:640px) {
  .lk-mobile-menu a { font-size:13px; }
  .lk-footer__grid > div > a { font-size:12px; }
  .lk-footer__brand p { font-size:12px; }
  .lk-footer__bottom { font-size:11px; }
}

@media (max-width:1280px) {
  .lk-shell { width:min(1180px,calc(100% - 40px)); }
  .lk-nav { gap:18px; margin-left:10px; }
  .lk-nav a:nth-child(5), .lk-nav a:nth-child(7) { display:none; }
  .lk-header-search { width:240px; }
}
@media (max-width:991px) {
  .lk-shell { width:min(calc(100% - 32px),900px); }
  .lk-header__inner { height:68px; }
  .lk-nav,.lk-header-search { display:none; }
  .lk-menu-toggle { display:flex; }
  .lk-mobile-menu { position:absolute; top:68px; left:16px; right:16px; padding:12px; border:1px solid var(--lk-line); border-radius:16px; background:#fff; box-shadow:var(--lk-shadow); flex-direction:column; gap:2px; }
  .lk-mobile-menu.is-open { display:flex; }
  .lk-mobile-menu a { padding:11px 12px; border-radius:10px; color:#34445f; font-size:13px; font-weight:700; }
  .lk-mobile-menu a:hover,.lk-mobile-menu a.is-active { background:#f4f8fd; color:var(--lk-blue); }
  .lk-footer__grid { grid-template-columns:1.5fr 1fr 1fr; gap:30px; }
  .lk-footer__grid > div:last-child { display:none; }
}
@media (max-width:640px) {
  .lk-shell { width:calc(100% - 24px); }
  .lk-header__actions { gap:7px; }
  .lk-account { display:none; }
  .lk-header .lk-brand__logo { width:126px; }
  .lk-footer .lk-brand__logo { width:128px; }
  .lk-footer__grid { grid-template-columns:1fr 1fr; gap:26px 20px; }
  .lk-footer__brand { grid-column:1 / -1; }
  .lk-footer__grid > div:last-child { display:none; }
  .lk-footer__bottom { gap:10px; flex-direction:column; }
}


/* =========================================================
   LUKIK UI FOUNDATION v0.3.2
   Public page-family consistency pass.
   Shared shell owns common background, page-intro and breadcrumb primitives;
   page CSS still owns unique layouts/components.
   ========================================================= */

/* One quiet surface for retained LUKIK internal page families. Homepage keeps its own hero canvas. */
.lkp-ranking,
.lkci-page,
.lkc-main,
.lkp-main,
.lkb-index,
.lkba-page,
.lk-contact,
.lk-contact-success {
  background:var(--lk-page-bg);
}

/* Reusable internal-page heading block, first adopted by Blog listing. */
.lk-page-intro {
  max-width:860px;
  margin:0 0 var(--lk-page-intro-gap);
}

.lk-page-intro__eyebrow {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  color:#62738d;
  font-size:12px;
  font-weight:800;
}

.lk-page-intro__eyebrow i { color:var(--lk-blue); }

.lk-page-intro h1 {
  margin:0;
  color:var(--lk-navy);
  font-size:var(--lk-page-title-size);
  line-height:var(--lk-page-title-line);
  letter-spacing:var(--lk-page-title-tracking);
  font-weight:var(--lk-page-title-weight);
}

.lk-page-intro p {
  max-width:760px;
  margin:14px 0 0;
  color:var(--lk-muted);
  font-size:var(--lk-page-lead-size);
  line-height:var(--lk-page-lead-line);
}

/* Canonical first breadcrumb: compact home icon with an accessible text label. */
.lkp-ranking__breadcrumbs .lk-breadcrumb-home,
.lkci-breadcrumbs .lk-breadcrumb-home,
.lkc-breadcrumbs .lk-breadcrumb-home,
.lkp-breadcrumbs .lk-breadcrumb-home,
.lkb-breadcrumbs .lk-breadcrumb-home,
.lkba-breadcrumbs .lk-breadcrumb-home,
.lk-contact__breadcrumbs .lk-breadcrumb-home,
.lk-contact-success__breadcrumbs .lk-breadcrumb-home {
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  color:var(--lk-blue);
  background:#eef6ff;
  font-size:11px;
}

.lkp-ranking__breadcrumbs .lk-breadcrumb-home:hover,
.lkci-breadcrumbs .lk-breadcrumb-home:hover,
.lkc-breadcrumbs .lk-breadcrumb-home:hover,
.lkp-breadcrumbs .lk-breadcrumb-home:hover,
.lkb-breadcrumbs .lk-breadcrumb-home:hover,
.lkba-breadcrumbs .lk-breadcrumb-home:hover,
.lk-contact__breadcrumbs .lk-breadcrumb-home:hover,
.lk-contact-success__breadcrumbs .lk-breadcrumb-home:hover {
  color:#066be3;
  background:#e5f1ff;
}

@media (max-width:760px) {
  .lk-page-intro {
    margin-bottom:22px;
  }

  .lk-page-intro__eyebrow {
    margin-bottom:9px;
    font-size:11px;
  }

  .lk-page-intro h1 {
    font-size:var(--lk-page-title-mobile);
    line-height:1.08;
    letter-spacing:-.025em;
  }

  .lk-page-intro p {
    margin-top:10px;
    font-size:15px;
    line-height:1.6;
  }
}
/* =========================================================
   LUKIK UI FOUNDATION v0.3.5
   Shared Inner Page Intro Component v1.0.0.
   One Twig structure now owns breadcrumb + H1 + lead + art slot
   for migrated internal pages; page CSS retains body components.
   ========================================================= */

.lkb-index,
.lk-contact__wrap,
.lkci-page__main,
.lkp-ranking__main {
  padding-top:0;
}

.lk-page-heading {
  padding-top:20px;
}

.lk-page-breadcrumbs {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  column-gap:9px;
  row-gap:6px;
  margin:0 0 18px;
  padding:0;
  color:#8190a8;
  font-size:var(--lk-breadcrumb-size);
  line-height:1.4;
}
.lk-page-breadcrumbs a { color:#71819a; font-weight:650; }
.lk-page-breadcrumbs a:hover { color:var(--lk-blue); }
.lk-page-breadcrumbs > i { color:#a2afc2; font-size:9px; line-height:1; }
.lk-page-breadcrumbs > span:last-child { color:#7f8da5; font-weight:600; }
.lk-page-breadcrumbs .lk-breadcrumb-home {
  width:24px; height:24px; flex:0 0 24px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:8px; color:var(--lk-blue); background:#eef6ff; font-size:11px;
}
.lk-page-breadcrumbs .lk-breadcrumb-home:hover { color:#066be3; background:#e5f1ff; }

.lk-page-intro {
  max-width:none;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  align-items:start;
  gap:38px;
  margin:0 0 30px;
  padding:0;
}
.lk-page-intro__copy { min-width:0; max-width:860px; }
.lk-page-intro h1 {
  margin:0;
  color:var(--lk-navy);
  font-size:var(--lk-page-title-size);
  line-height:var(--lk-page-title-line);
  letter-spacing:var(--lk-page-title-tracking);
  font-weight:var(--lk-page-title-weight);
}
.lk-page-intro p {
  max-width:760px;
  margin:14px 0 0;
  color:var(--lk-muted);
  font-size:var(--lk-page-lead-size);
  line-height:var(--lk-page-lead-line);
}

.lk-page-intro__art {
  min-width:0;
  height:170px;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  justify-self:end;
  width:100%;
  position:relative;
  overflow:visible;
}
.lk-page-intro__art img {
  display:block;
  width:auto;
  max-width:280px;
  height:auto;
  max-height:170px;
  object-fit:contain;
  margin-left:auto;
}
.lk-page-intro__art > .lkb-page-intro__art,
.lk-page-intro__art > .lk-contact__hero-art {
  width:100%;
  min-height:0;
  padding-top:0;
  justify-content:flex-end;
}
.lk-page-intro__art > .lkp-ranking__hero-art {
  width:100%;
  height:180px;
  transform:scale(.92);
  transform-origin:top right;
}
.lk-page-intro__art > .lkci-hero__art {
  width:460px;
  min-height:220px;
  transform:scale(.76);
  transform-origin:top right;
}

@media (max-width:980px) {
  .lk-page-intro { grid-template-columns:minmax(0,1fr) 260px; gap:24px; }
  .lk-page-intro__art { height:150px; }
  .lk-page-intro__art img { max-width:245px; max-height:150px; }
}

@media (max-width:760px) {
  .lk-page-heading { padding-top:14px; }
  .lk-page-breadcrumbs { margin-bottom:16px; font-size:11px; }
  .lk-page-intro { display:block; grid-template-columns:1fr; margin-bottom:22px; }
  .lk-page-intro h1 { font-size:var(--lk-page-title-mobile); line-height:1.08; letter-spacing:-.025em; }
  .lk-page-intro p { margin-top:10px; font-size:15px; line-height:1.6; }
  .lk-page-intro__art { display:none; }
}

/* LUKIK UI FOUNDATION v0.3.6 — Shared Inner Page Intro v1.0.1 visual owner */
.lk-page-heading{padding-top:20px}
.lk-page-breadcrumbs{min-height:24px;display:flex;align-items:center;flex-wrap:wrap;column-gap:9px;row-gap:6px;margin:0 0 18px;padding:0;color:#8190a8;font-size:13px;line-height:1.4;font-weight:600}
.lk-page-breadcrumbs a{color:#71819a;font-weight:650;text-decoration:none}.lk-page-breadcrumbs a:hover{color:var(--lk-blue)}
.lk-page-breadcrumbs>span:last-child{color:#7f8da5;font-weight:600}
.lk-page-breadcrumbs .lk-breadcrumb-home{width:24px;height:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;color:var(--lk-blue);background:#eef6ff}
.lk-page-breadcrumbs .lk-breadcrumb-home:hover{color:#066be3;background:#e5f1ff}
.lk-page-breadcrumbs__home-icon{width:12px;height:12px;display:block;fill:currentColor}
.lk-page-breadcrumbs__separator{width:9px;height:9px;flex:0 0 9px;display:block;fill:none;stroke:#a2afc2;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lk-page-intro{width:100%;max-width:none;min-height:180px;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:40px;margin:0 0 30px;padding:0}
.lk-page-intro__copy{min-width:0;max-width:860px;padding:0}
.lk-page-intro h1{margin:0;color:var(--lk-navy);font-size:var(--lk-page-title-size);line-height:var(--lk-page-title-line);letter-spacing:var(--lk-page-title-tracking);font-weight:var(--lk-page-title-weight)}
.lk-page-intro p{max-width:760px;margin:14px 0 0;color:var(--lk-muted);font-size:var(--lk-page-lead-size);line-height:var(--lk-page-lead-line)}
.lk-page-intro__art{width:320px;height:180px;min-width:0;min-height:0;display:flex;align-items:center;justify-content:flex-end;justify-self:end;position:relative;overflow:visible}
.lk-page-intro__art>.lkb-page-intro__art,.lk-page-intro__art>.lk-contact__hero-art{width:300px;height:180px;min-height:0;display:flex;align-items:center;justify-content:flex-end;padding:0;margin:0}
.lk-page-intro__art img{display:block;width:auto;max-width:300px;height:auto;max-height:180px;margin:0;object-fit:contain}
.lk-page-intro__art>.lkp-ranking__hero-art{position:absolute;right:0;top:0;width:340px;height:180px;transform:scale(.88);transform-origin:top right}
.lk-page-intro__art>.lkci-hero__art{position:absolute;right:0;top:10px;width:460px;min-height:220px;transform:scale(.68);transform-origin:top right}
@media(max-width:980px){.lk-page-intro{min-height:150px;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.lk-page-intro__art{width:260px;height:150px}.lk-page-intro__art>.lkb-page-intro__art,.lk-page-intro__art>.lk-contact__hero-art{width:245px;height:150px}.lk-page-intro__art img{max-width:245px;max-height:150px}.lk-page-intro__art>.lkp-ranking__hero-art{transform:scale(.74)}.lk-page-intro__art>.lkci-hero__art{top:8px;transform:scale(.55)}}
@media(max-width:760px){.lk-page-heading{padding-top:14px}.lk-page-breadcrumbs{min-height:24px;margin-bottom:16px;font-size:11px}.lk-page-intro{min-height:0;display:block;margin-bottom:22px}.lk-page-intro h1{font-size:var(--lk-page-title-mobile);line-height:1.08;letter-spacing:-.025em}.lk-page-intro p{margin-top:10px;font-size:15px;line-height:1.6}.lk-page-intro__art{display:none}}

/* LUKIK PUBLIC SHELL v0.3.7 — Shared Calculator Search v1.0.0 */
.lk-search-widget{position:relative;overflow:visible}
.lk-header-search-wrap{position:relative;width:280px;flex:0 0 280px}
.lk-header-search{width:100%;height:42px;border:1px solid #dce5f1;background:#fff;border-radius:999px;color:#9aa7ba;display:flex;align-items:center;gap:8px;padding:0 13px;transition:.2s ease}
.lk-header-search:focus-within,.lk-header-search:hover{border-color:#bdd8fb;box-shadow:0 0 0 4px rgba(8,120,249,.05)}
.lk-header-search__submit{flex:0 0 auto;width:24px;height:24px;padding:0;border:0;background:transparent;color:#8fa0b8;display:flex;align-items:center;justify-content:center}
.lk-header-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#24324d;font:inherit;font-size:13px}.lk-header-search input::placeholder{color:#9aa7ba}
.lk-search-results.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;min-width:100%;max-height:390px;overflow:auto;margin:0;padding:8px;border:1px solid #dce8f5;border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(31,70,130,.16);z-index:1200}
.lk-search-results .dropdown-item{padding:0;border-radius:11px;white-space:normal;color:inherit}.lk-search-results .dropdown-item:hover,.lk-search-results .dropdown-item:focus{background:#f4f8fd;color:inherit}
.lk-search-result{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:9px 10px}.lk-search-result__icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef6ff;color:var(--lk-search-accent,#0878f9);font-size:16px}.lk-search-result__copy{min-width:0;display:flex;flex-direction:column;gap:3px}.lk-search-result__copy strong{overflow:hidden;text-overflow:ellipsis;color:var(--lk-navy);font-size:13px;line-height:1.3;font-weight:800}.lk-search-result__copy small{overflow:hidden;text-overflow:ellipsis;color:#74829a;font-size:11px;line-height:1.35}.lk-search-result__go{color:#9aabc0;font-size:11px}
.lk-search-state{display:flex;align-items:center;gap:10px;padding:11px 10px;color:#718097}.lk-search-state__icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#f2f7fd;color:#7c91ad}.lk-search-state span:last-child{display:flex;flex-direction:column;gap:2px}.lk-search-state strong{color:var(--lk-navy);font-size:12px;font-weight:800}.lk-search-state small{font-size:11px}
.lk-search .lk-search-results{top:calc(100% + 10px);min-width:100%}
.lk-mobile-search{position:relative;display:flex;align-items:center;gap:8px;margin:0 0 7px;padding:8px;border:1px solid #dce5f1;border-radius:12px;background:#fff;color:#8fa0b8}.lk-mobile-search>i{padding-left:3px}.lk-mobile-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#24324d;font:inherit;font-size:13px}.lk-mobile-search button{border:0;border-radius:9px;padding:8px 10px;background:#eef6ff;color:var(--lk-blue);font-size:11px;font-weight:800}.lk-mobile-search .lk-search-results{top:calc(100% + 6px)}
@media(max-width:1280px){.lk-header-search-wrap{width:240px;flex-basis:240px}}@media(max-width:991px){.lk-header-search-wrap{display:none}}@media(max-width:640px){.lk-search-result{grid-template-columns:38px minmax(0,1fr) 20px;padding:8px}.lk-search-result__icon{width:38px;height:38px}}