/* ═══ EXKLUSIV MALL: Frost — ljus glasmorfism (frost) ═══ Inre-sid-CSS-lager + animation. Scopat [data-template="frost"]. Video:true. Signatur:#3E7BFA. */

html[data-template="frost"]{--bg:#F2F6FD;--bg-soft:#E9F0FA;--ink:#0F1B33;--ink-2:#3D4A63;--muted:#6B7589;--line:rgba(30,55,120,0.10);--line-2:rgba(30,55,120,0.16);--ff-heading:"Plus Jakarta Sans","Inter",ui-sans-serif,system-ui,sans-serif;--ff-body:"Inter",ui-sans-serif,system-ui,sans-serif;--btn-radius:999px;--btn-pad:14px 26px;--btn-weight:600;--btn-transform:none;--btn-tracking:0;--star:#F5A623;--fr-glass:rgba(255,255,255,0.55);--fr-glass-2:rgba(255,255,255,0.72);--fr-edge:rgba(255,255,255,0.78);--fr-edge-top:rgba(255,255,255,0.95);--fr-shadow:0 1px 0 rgba(255,255,255,0.6) inset,0 14px 40px rgba(30,55,120,0.10),0 2px 8px rgba(30,55,120,0.05)}
[data-template="frost"] body{background:radial-gradient(42% 50% at 10% -5%,rgba(var(--brand-rgb),0.18),transparent 60%),radial-gradient(45% 55% at 96% 6%,rgba(var(--brand-rgb),0.12),transparent 62%),radial-gradient(55% 60% at 82% 108%,rgba(120,180,255,0.16),transparent 60%),linear-gradient(180deg,#F7F9FE 0%,#EAF0FA 100%);background-attachment:fixed;color:var(--ink-2);font-family:var(--ff-body)}
[data-template="frost"] h1,[data-template="frost"] h2,[data-template="frost"] h3,[data-template="frost"] h4{color:var(--ink);font-family:var(--ff-heading);letter-spacing:-0.03em}
[data-template="frost"] .section{padding:100px 0}
[data-template="frost"] .section:nth-child(even){background:linear-gradient(180deg,rgba(255,255,255,0.42),rgba(233,240,250,0.50));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
[data-template="frost"] .eyebrow,[data-template="frost"] .section-head .eyebrow{background:rgba(255,255,255,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--brand-deep);border:1px solid var(--fr-edge);border-radius:999px;letter-spacing:0.12em;font-weight:600;text-transform:uppercase;box-shadow:0 1px 2px rgba(30,55,120,0.05)}
[data-template="frost"] .section-head h2{letter-spacing:-0.03em}
[data-template="frost"] .section-head p{color:var(--muted)}
[data-template="frost"] .subhero{background:radial-gradient(58% 60% at 12% 0%,rgba(var(--brand-rgb),0.16),transparent 62%),radial-gradient(46% 50% at 92% 6%,rgba(120,180,255,0.14),transparent 60%),linear-gradient(180deg,rgba(247,249,254,0.85),rgba(238,243,251,0.7));border-bottom:1px solid var(--fr-edge);position:relative;overflow:hidden}
[data-template="frost"] .subhero h1{color:var(--ink);letter-spacing:-0.035em}
[data-template="frost"] .subhero__lead{color:var(--ink-2)}
[data-template="frost"] .subhero__crumbs,[data-template="frost"] .subhero__crumbs a{color:var(--muted)}
[data-template="frost"] .subhero__crumbs a:hover{color:var(--brand-deep)}
[data-template="frost"] .subhero__answer{background:rgba(255,255,255,0.55);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--fr-edge);border-top-color:var(--fr-edge-top);border-left:2px solid rgba(var(--brand-rgb),0.55);border-radius:20px;box-shadow:0 1px 0 rgba(255,255,255,0.7) inset,0 18px 44px rgba(30,55,120,0.10);color:var(--ink-2)}
[data-template="frost"] .subhero__answer-label{color:var(--brand-deep)}
[data-template="frost"] .subhero__photo,[data-template="frost"] .photo{background:linear-gradient(135deg,rgba(var(--brand-rgb),0.12),rgba(120,180,255,0.10));border:1px solid var(--fr-edge);border-radius:20px;box-shadow:0 18px 44px rgba(30,55,120,0.10)}
[data-template="frost"] .card,[data-template="frost"] .aside-card,[data-template="frost"] .other-services__card,[data-template="frost"] .area-service-card,[data-template="frost"] .case-card,[data-template="frost"] .related-link,[data-template="frost"] .hub-bottom__panel,[data-template="frost"] .contact-method{background:rgba(255,255,255,0.55);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid var(--fr-edge);border-top-color:var(--fr-edge-top);border-radius:22px;box-shadow:0 1px 0 rgba(255,255,255,0.65) inset,0 12px 34px rgba(30,55,120,0.08);color:var(--ink-2)}
[data-template="frost"] .card:hover{transform:translateY(-6px);border-color:rgba(var(--brand-rgb),0.40);box-shadow:0 1px 0 rgba(255,255,255,0.7) inset,0 28px 60px rgba(30,55,120,0.16)}
[data-template="frost"] .card h3,[data-template="frost"] .related-link h3{color:var(--ink)}
[data-template="frost"] .card p{color:var(--muted)}
[data-template="frost"] .card::after{background:linear-gradient(90deg,rgb(var(--brand-rgb)),var(--brand-deep))}
[data-template="frost"] .card__image,[data-template="frost"] .subhero__photo,[data-template="frost"] .article-card__media,[data-template="frost"] .article-featured__media,[data-template="frost"] .area-service-card__media{background:linear-gradient(135deg,rgba(var(--brand-rgb),0.14),rgba(120,180,255,0.10));border-radius:18px}
[data-template="frost"] .card__icon{background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--fr-edge);color:var(--brand-deep);border-radius:16px;box-shadow:0 6px 16px rgba(30,55,120,0.10)}
[data-template="frost"] .card__price{color:var(--ink)}
[data-template="frost"] .card__price small{color:var(--muted)}
[data-template="frost"] .card__link,[data-template="frost"] .area-service-card__cta{color:var(--brand-deep);font-weight:600}
[data-template="frost"] .article-card,[data-template="frost"] .article-featured{background:rgba(255,255,255,0.55);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid var(--fr-edge);border-top-color:var(--fr-edge-top);border-radius:22px;box-shadow:0 1px 0 rgba(255,255,255,0.65) inset,0 12px 34px rgba(30,55,120,0.08);color:var(--ink-2)}
[data-template="frost"] .article-card h3,[data-template="frost"] .article-featured h3,[data-template="frost"] .article-card__body h3{color:var(--ink)}
[data-template="frost"] .article-card p{color:var(--muted)}
[data-template="frost"] .article-badge{background:linear-gradient(135deg,rgb(var(--brand-rgb)),var(--brand-deep));color:#fff;border-radius:999px}
[data-template="frost"] .article-hero{background:linear-gradient(180deg,rgba(247,249,254,0.8),rgba(238,243,251,0.65));border-bottom:1px solid var(--fr-edge)}
[data-template="frost"] .faq__item{background:rgba(255,255,255,0.52);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--fr-edge);border-top-color:var(--fr-edge-top);border-radius:18px;box-shadow:0 1px 0 rgba(255,255,255,0.6) inset,0 8px 24px rgba(30,55,120,0.06)}
[data-template="frost"] .faq__q{background:transparent;color:var(--ink);font-weight:600}
[data-template="frost"] .faq__icon{background:rgba(var(--brand-rgb),0.12);color:var(--brand-deep);border-radius:10px}
[data-template="frost"] .faq__a p{color:var(--muted)}
[data-template="frost"] .form-card{background:rgba(255,255,255,0.58);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--fr-edge);border-top-color:var(--fr-edge-top);border-radius:26px;box-shadow:0 1px 0 rgba(255,255,255,0.7) inset,0 24px 60px rgba(30,55,120,0.14);color:var(--ink-2)}
[data-template="frost"] .form-card h2{color:var(--ink)}
[data-template="frost"] .field label,[data-template="frost"] .form-pane__title,[data-template="frost"] .form-step__name{color:var(--ink-2)}
[data-template="frost"] .field input,[data-template="frost"] .field textarea,[data-template="frost"] .field select,[data-template="frost"] .postal-check__row input,[data-template="frost"] .services-search input{background:rgba(255,255,255,0.7);border:1px solid var(--line-2);border-radius:14px;color:var(--ink)}
[data-template="frost"] .field input::placeholder,[data-template="frost"] .field textarea::placeholder,[data-template="frost"] .postal-check__row input::placeholder{color:var(--muted)}
[data-template="frost"] .field input:focus,[data-template="frost"] .field textarea:focus,[data-template="frost"] .field select:focus,[data-template="frost"] .postal-check__row input:focus{border-color:rgb(var(--brand-rgb));outline:none;box-shadow:0 0 0 4px rgba(var(--brand-rgb),0.16);background:rgba(255,255,255,0.92)}
[data-template="frost"] .form-step__bubble{background:rgba(255,255,255,0.7);border:1px solid var(--line-2);color:var(--muted)}
[data-template="frost"] .form-step.is-active .form-step__bubble{background:linear-gradient(135deg,rgb(var(--brand-rgb)),var(--brand-deep));border-color:transparent;color:#fff;box-shadow:0 0 0 6px rgba(var(--brand-rgb),0.16)}
[data-template="frost"] .file-drop{background:rgba(255,255,255,0.45);border:1.5px dashed var(--line-2);border-radius:16px;color:var(--ink-2)}
[data-template="frost"] .file-drop:hover,[data-template="frost"] .file-drop.is-drag{border-color:rgb(var(--brand-rgb));background:rgba(var(--brand-rgb),0.06);color:var(--brand-deep)}
[data-template="frost"] .postal-check{background:rgba(255,255,255,0.55);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--fr-edge);border-top-color:var(--fr-edge-top);border-radius:22px;box-shadow:0 1px 0 rgba(255,255,255,0.7) inset,0 18px 44px rgba(30,55,120,0.10)}
[data-template="frost"] .postal-check__title{color:var(--ink)}
[data-template="frost"] .postal-check__sub{color:var(--muted)}
[data-template="frost"] .postal-check__pin{background:rgba(var(--brand-rgb),0.14);border:1px solid rgba(var(--brand-rgb),0.22);color:var(--brand-deep);border-radius:12px}
[data-template="frost"] .process__step{background:rgba(255,255,255,0.55);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--fr-edge);border-top-color:var(--fr-edge-top);border-radius:20px;box-shadow:0 1px 0 rgba(255,255,255,0.6) inset,0 10px 28px rgba(30,55,120,0.07)}
[data-template="frost"] .process__step h3{color:var(--ink)}
[data-template="frost"] .process__step p{color:var(--muted)}
[data-template="frost"] .process__check{background:linear-gradient(135deg,rgb(var(--brand-rgb)),var(--brand-deep));color:#fff;box-shadow:0 6px 16px rgba(var(--brand-rgb),0.30)}
[data-template="frost"] .review-card,[data-template="frost"] .reviews-carousel__card{background:rgba(255,255,255,0.55);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid var(--fr-edge);border-top-color:var(--fr-edge-top);border-radius:22px;box-shadow:0 1px 0 rgba(255,255,255,0.65) inset,0 12px 34px rgba(30,55,120,0.08);color:var(--ink-2)}
[data-template="frost"] .review-card blockquote,[data-template="frost"] .review-card__author,[data-template="frost"] .reviews-carousel__card blockquote,[data-template="frost"] .case-card__quote{color:var(--ink)}
[data-template="frost"] .review-card__source,[data-template="frost"] .reviews-source-label{color:var(--muted)}
[data-template="frost"] .review-card__avatar{background:linear-gradient(135deg,rgb(var(--brand-rgb)),var(--brand-deep));color:#fff}
[data-template="frost"] .review-card .stars,[data-template="frost"] .review-card__stars,[data-template="frost"] .reviews-carousel__card .stars{color:var(--star)}
[data-template="frost"] .trusted{background:rgba(255,255,255,0.5);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid var(--fr-edge);border-top-color:var(--fr-edge-top);border-radius:24px;box-shadow:0 1px 0 rgba(255,255,255,0.6) inset,0 12px 34px rgba(30,55,120,0.07)}
[data-template="frost"] .trusted__label,[data-template="frost"] .reviews-source-label{color:var(--muted)}
[data-template="frost"] .trusted__row img{opacity:0.9}
[data-template="frost"] .trusted__google-rating,[data-template="frost"] .trusted__google-score{color:var(--ink)}
[data-template="frost"] .trusted__google-sub{color:var(--muted)}
[data-template="frost"] .trusted__google-rating .stars,[data-template="frost"] .trusted__google-score .stars{color:var(--star)}
[data-template="frost"] .btn--primary{background:linear-gradient(135deg,rgb(var(--brand-rgb)),var(--brand-deep));border:1px solid transparent;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,0.35) inset,0 10px 26px rgba(var(--brand-rgb),0.32)}
[data-template="frost"] .btn--primary:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,0.4) inset,0 16px 34px rgba(var(--brand-rgb),0.40)}
[data-template="frost"] .btn--primary .btn__arrow{background:rgba(255,255,255,0.92);color:var(--brand-deep)}
[data-template="frost"] .btn--ghost{background:rgba(255,255,255,0.55);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);color:var(--ink);border:1px solid var(--fr-edge)}
[data-template="frost"] .btn--ghost:hover{background:rgba(255,255,255,0.78);border-color:rgba(var(--brand-rgb),0.40);color:var(--brand-deep)}
[data-template="frost"] .price-table{background:rgba(255,255,255,0.5);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--fr-edge);border-radius:18px;overflow:hidden;color:var(--ink-2)}
[data-template="frost"] .price-table th{background:rgba(var(--brand-rgb),0.08);color:var(--ink);border-bottom:1px solid var(--line)}
[data-template="frost"] .price-table td{border-bottom:1px solid var(--line)}
[data-template="frost"] .price-table .num{color:var(--brand-deep);font-weight:600}
[data-template="frost"] .sitemap-block{background:rgba(255,255,255,0.52);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--fr-edge);border-top-color:var(--fr-edge-top);border-radius:20px;box-shadow:0 1px 0 rgba(255,255,255,0.6) inset,0 8px 24px rgba(30,55,120,0.06)}
[data-template="frost"] .sitemap-block h3{color:var(--ink)}
[data-template="frost"] .sitemap-block__icon{background:rgba(var(--brand-rgb),0.12);border:1px solid rgba(var(--brand-rgb),0.18);color:var(--brand-deep);border-radius:12px}
[data-template="frost"] .pagination__btn,[data-template="frost"] .article-filter__chip{background:rgba(255,255,255,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line-2);border-radius:12px;color:var(--ink-2)}
[data-template="frost"] .pagination__btn:hover,[data-template="frost"] .article-filter__chip:hover{border-color:rgba(var(--brand-rgb),0.45);color:var(--brand-deep)}
[data-template="frost"] .pagination__btn.is-active,[data-template="frost"] .article-filter__chip.is-active{background:linear-gradient(135deg,rgb(var(--brand-rgb)),var(--brand-deep));border-color:transparent;color:#fff}
[data-template="frost"] .card-scroller__nav,[data-template="frost"] .reviews-carousel__nav,[data-template="frost"] .hero-carousel__nav{background:rgba(255,255,255,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--fr-edge);color:var(--ink);box-shadow:0 6px 16px rgba(30,55,120,0.10)}
[data-template="frost"] .cta-strip{background:linear-gradient(135deg,rgba(var(--brand-rgb),0.18),rgba(120,180,255,0.12) 55%,rgba(255,255,255,0.5));backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--fr-edge);border-top-color:var(--fr-edge-top);border-radius:28px;color:var(--ink);box-shadow:0 1px 0 rgba(255,255,255,0.7) inset,0 30px 70px rgba(30,55,120,0.16);position:relative;overflow:hidden}
[data-template="frost"] .cta-strip h2{color:var(--ink)}
[data-template="frost"] .cta-strip p{color:var(--ink-2)}
[data-template="frost"] .cta-strip .btn--primary{background:linear-gradient(135deg,rgb(var(--brand-rgb)),var(--brand-deep));color:#fff;border-color:transparent}
[data-template="frost"] .cta-strip .btn--ghost{background:rgba(255,255,255,0.6);color:var(--ink);border-color:var(--fr-edge)}
[data-template="frost"] .prose blockquote{border-left:3px solid rgb(var(--brand-rgb));background:rgba(255,255,255,0.5);border-radius:0 14px 14px 0;color:var(--ink-2)}
[data-template="frost"] .contact-method__body,[data-template="frost"] .contact-hero__lead{color:var(--ink-2)}
[data-template="frost"] .contact-hero{background:linear-gradient(180deg,rgba(247,249,254,0.8),rgba(238,243,251,0.65));border-bottom:1px solid var(--fr-edge)}
[data-template="frost"] .mobile-call-bar{background:rgba(255,255,255,0.78);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-top:1px solid var(--fr-edge)}
[data-template="frost"] .mobile-call-bar .call{background:linear-gradient(135deg,rgb(var(--brand-rgb)),var(--brand-deep));color:#fff;border-radius:999px}
[data-template="frost"] .mobile-call-bar .quote{background:rgba(255,255,255,0.7);color:var(--ink);border:1px solid var(--line-2);border-radius:999px}
[data-template="frost"] .mobile-call-bar .quote:hover{border-color:rgba(var(--brand-rgb),0.45);color:var(--brand-deep)}

/* — Animation (frost) — */
@media (prefers-reduced-motion: no-preference){
  [data-template="frost"] [data-reveal]{opacity:0;transform:translateY(22px) scale(0.99);filter:blur(6px);transition:opacity .8s cubic-bezier(.22,.7,.3,1),transform .8s cubic-bezier(.22,.7,.3,1),filter .8s cubic-bezier(.22,.7,.3,1)}
  [data-template="frost"] [data-reveal].in{opacity:1;transform:none;filter:none}
  [data-template="frost"] .section-head [data-reveal]{transition-delay:.05s}
  [data-template="frost"] .grid > [data-reveal]:nth-child(2){transition-delay:.08s}
  [data-template="frost"] .grid > [data-reveal]:nth-child(3){transition-delay:.16s}
  [data-template="frost"] .grid > [data-reveal]:nth-child(4){transition-delay:.24s}
  @keyframes fr-frost-drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.04)}100%{transform:translate3d(0,0,0) scale(1)}}
  [data-template="frost"] .subhero::before{content:"";position:absolute;top:-140px;left:-90px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(var(--brand-rgb),0.16),transparent 70%);filter:blur(18px);pointer-events:none;animation:fr-frost-drift 11s ease-in-out infinite;z-index:0}
  [data-template="frost"] .subhero::after{content:"";position:absolute;bottom:-160px;right:-100px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(120,180,255,0.16),transparent 70%);filter:blur(20px);pointer-events:none;animation:fr-frost-drift 14s ease-in-out infinite reverse;z-index:0}
  [data-template="frost"] .subhero > *{position:relative;z-index:1}
  [data-template="frost"] .card,[data-template="frost"] .area-service-card,[data-template="frost"] .article-card,[data-template="frost"] .review-card,[data-template="frost"] .reviews-carousel__card{transition:transform .4s cubic-bezier(.2,.7,.3,1),box-shadow .4s ease,border-color .25s ease,backdrop-filter .4s ease}
  @keyframes fr-sheen{0%{transform:translateX(-120%) skewX(-18deg);opacity:0}40%{opacity:.7}100%{transform:translateX(220%) skewX(-18deg);opacity:0}}
  [data-template="frost"] .cta-strip::after{content:"";position:absolute;top:0;left:0;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.55),transparent);pointer-events:none;animation:fr-sheen 7s ease-in-out infinite;animation-delay:1.2s}
  [data-template="frost"] .btn--primary{transition:transform .18s ease,box-shadow .22s ease}
}
@media (prefers-reduced-motion: reduce){
  [data-template="frost"] [data-reveal]{opacity:1 !important;transform:none !important;filter:none !important}
}


/* ═══ Frost — CHROME ═══ */
/* ════════════════════════════════════════════════════════════════════
   FROST — ljus glasmorfism. Klassprefix .frs-
   Transparenta frostade glaslager ovanpå en levande aurora-färgdimma.
   Färg/typsnitt via CSS-variabler (--brand, --brand-rgb, --brand-deep,
   --ink, --ff-heading) så mallen följer kundens färgtema.
   ════════════════════════════════════════════════════════════════════ */

.frs-header,
.frs-hero,
.frs-footer {
  --frs-glass: rgba(255, 255, 255, 0.55);
  --frs-glass-strong: rgba(255, 255, 255, 0.72);
  --frs-edge: rgba(255, 255, 255, 0.78);
  --frs-edge-top: rgba(255, 255, 255, 0.95);
  --frs-ink: var(--ink, #0F1B33);
  --frs-ink-2: #3D4A63;
  --frs-muted: #6B7589;
  --frs-line: rgba(30, 55, 120, 0.10);
  --frs-line-2: rgba(30, 55, 120, 0.16);
  --frs-ff: var(--ff-heading, "Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif);
}

/* ───────── HEADER — flytande frostbricka ───────── */
.frs-header {
  position: sticky;
  top: 14px;
  z-index: 1000;
  padding: 0 18px;
  pointer-events: none;
}

.frs-header__glass {
  pointer-events: auto;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 11px 14px 11px 22px;
  background: var(--frs-glass);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  backdrop-filter: blur(22px) saturate(160%);
  border: 1px solid var(--frs-edge);
  border-top-color: var(--frs-edge-top);
  border-radius: 20px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.6) inset,
    0 10px 40px rgba(30, 55, 120, 0.10),
    0 2px 6px rgba(30, 55, 120, 0.05);
  transition: background 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
}

.frs-header__glass.is-scrolled {
  background: var(--frs-glass-strong);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7) inset,
    0 6px 22px rgba(30, 55, 120, 0.12),
    0 1px 3px rgba(30, 55, 120, 0.06);
}

.frs-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
}
.frs-logo img { height: 32px; width: auto; display: block; }
.frs-logo__name {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--frs-ff);
  font-weight: 800;
  font-size: 19px;
  letter-spacing: -0.01em;
  color: var(--frs-ink);
}
.frs-logo__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--brand), var(--brand-deep));
  box-shadow: 0 0 12px rgba(var(--brand-rgb), 0.6);
  flex-shrink: 0;
}

.frs-nav {
  display: flex;
  align-items: center;
  gap: 26px;
  margin: 0 auto;
}
.frs-nav__item { position: relative; }
.frs-nav__link {
  position: relative;
  display: inline-block;
  padding: 8px 12px;
  font-size: 15px;
  font-weight: 540;
  color: var(--frs-ink-2);
  text-decoration: none;
  border-radius: 999px;
  transition: color 0.2s ease;
}
.frs-nav__link::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: rgba(var(--brand-rgb), 0.10);
  opacity: 0;
  transform: scale(0.92);
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: -1;
}
.frs-nav__link:hover {
  color: var(--brand-deep);
}
.frs-nav__link:hover::before {
  opacity: 1;
  transform: scale(1);
}

.frs-nav__panel {
  position: absolute;
  top: calc(100% + 14px);
  left: 50%;
  transform: translateX(-50%) translateY(6px);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  padding: 8px;
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  backdrop-filter: blur(22px) saturate(160%);
  border: 1px solid var(--frs-edge);
  border-top-color: var(--frs-edge-top);
  border-radius: 18px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7) inset,
    0 18px 44px rgba(30, 55, 120, 0.16);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
  z-index: 50;
}
.frs-nav__item--has:hover .frs-nav__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.frs-nav__sub {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 13px;
  border-radius: 12px;
  text-decoration: none;
  transition: background 0.18s ease;
}
.frs-nav__sub:hover { background: rgba(var(--brand-rgb), 0.08); }
.frs-nav__sub-label { font-size: 14.5px; font-weight: 600; color: var(--frs-ink); }
.frs-nav__sub-desc { font-size: 13px; color: var(--frs-muted); line-height: 1.4; }

.frs-header__right {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}
.frs-header__phone {
  font-size: 15px;
  font-weight: 600;
  color: var(--frs-ink);
  text-decoration: none;
  white-space: nowrap;
}
.frs-header__phone:hover { color: var(--brand-deep); }
.frs-header__cta {
  display: inline-flex;
  align-items: center;
  padding: 11px 22px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  background: linear-gradient(135deg, var(--brand), var(--brand-deep));
  border-radius: 999px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.4) inset,
    0 8px 22px rgba(var(--brand-rgb), 0.35);
  transition: transform 0.18s ease, box-shadow 0.22s ease;
}
.frs-header__cta:hover {
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.45) inset,
    0 12px 28px rgba(var(--brand-rgb), 0.45);
}

.frs-burger {
  display: none;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid var(--frs-edge);
  border-radius: 50%;
  color: var(--frs-ink);
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(30, 55, 120, 0.10);
}

/* ───────── DRAWER (mobil) ───────── */
.frs-drawer {
  pointer-events: auto;
  max-width: 1200px;
  margin: 12px auto 0;
  display: flex;
  flex-direction: column;
  padding: 14px;
  background: var(--frs-glass-strong);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  backdrop-filter: blur(22px) saturate(160%);
  border: 1px solid var(--frs-edge);
  border-top-color: var(--frs-edge-top);
  border-radius: 20px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.6) inset,
    0 18px 44px rgba(30, 55, 120, 0.16);
}
.frs-drawer__link {
  padding: 13px 8px;
  font-size: 16px;
  font-weight: 600;
  color: var(--frs-ink);
  text-decoration: none;
  border-bottom: 1px solid var(--frs-line);
}
.frs-drawer__phone {
  padding: 14px 8px 6px;
  font-size: 16px;
  font-weight: 700;
  color: var(--brand-deep);
  text-decoration: none;
}
.frs-drawer__cta {
  margin-top: 10px;
  padding: 13px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(135deg, var(--brand), var(--brand-deep));
  border-radius: 999px;
  box-shadow: 0 8px 22px rgba(var(--brand-rgb), 0.35);
}

/* ───────── HERO — video bakom frostslöja + flytande glaskort ───────── */
.frs-hero {
  position: relative;
  padding: 150px 24px 110px;
  overflow: hidden;
}
.frs-hero__video,
.frs-hero__poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.frs-hero__poster {
  background-size: cover;
  background-position: center;
}
.frs-hero__frost {
  position: absolute;
  inset: 0;
  z-index: 1;
  -webkit-backdrop-filter: blur(8px) saturate(120%);
  backdrop-filter: blur(8px) saturate(120%);
  background: linear-gradient(180deg, rgba(247, 249, 254, 0.55), rgba(238, 243, 251, 0.78));
  pointer-events: none;
}
.frs-hero__inner {
  position: relative;
  z-index: 2;
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}

.frs-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 15px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--brand-deep);
}
.frs-hero__stars { color: var(--brand); display: inline-flex; }
.frs-hero__stars svg { width: 14px; height: 14px; }

.frs-hero__title {
  margin: 22px 0 0;
  font-family: var(--frs-ff);
  font-weight: 800;
  font-size: clamp(42px, 6.2vw, 78px);
  line-height: 1.04;
  letter-spacing: -0.035em;
  color: var(--frs-ink);
}
.frs-hero__title em,
.frs-hero__title strong {
  font-style: normal;
  background: linear-gradient(100deg, var(--brand), var(--brand-deep));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.frs-hero__sub {
  margin: 22px auto 0;
  max-width: 600px;
  font-size: 19.5px;
  line-height: 1.6;
  color: #475069;
}

.frs-hero__cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 32px;
}
/* Sekundär CTA som frostad ghost-knapp */
.frs-hero__cta .btn--secondary,
.frs-hero__cta .btn--ghost {
  background: rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: var(--frs-ink);
}
.frs-hero__cta .btn--secondary:hover,
.frs-hero__cta .btn--ghost:hover {
  background: rgba(255, 255, 255, 0.8);
  border-color: rgba(var(--brand-rgb), 0.4);
  color: var(--brand-deep);
}

/* Flytande frostat panelkort med facts + postnummer-kontroll */
.frs-hero__panel {
  max-width: 560px;
  margin: 36px auto 0;
  padding: 22px;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-top-color: var(--frs-edge-top);
  border-radius: 24px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7) inset,
    0 24px 60px rgba(30, 55, 120, 0.14);
}
.frs-hero__facts {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 22px;
}
.frs-hero__fact {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--frs-ink-2);
}
.frs-hero__fact-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--brand);
}
.frs-hero__postal { text-align: left; }

.frs-hero__logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 28px;
  margin-top: 34px;
  filter: none;
  opacity: 0.85;
}
.frs-hero__logos:hover { opacity: 1; }
.frs-hero__logos a,
.frs-hero__logos span { display: inline-flex; }

/* ───────── TRUST-BAND ───────── */
.frs-trust { padding: 8px 24px 0; }
.frs-trust__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 26px 28px;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
  border: 1px solid var(--frs-edge);
  border-top-color: var(--frs-edge-top);
  border-radius: 24px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.6) inset,
    0 12px 34px rgba(30, 55, 120, 0.07);
}

/* ───────── STATS-BAND ───────── */
.frs-stats { padding: 40px 24px 0; }
.frs-stats__inner {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
  padding: 34px 28px;
  background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.16), rgba(255, 255, 255, 0.55));
  -webkit-backdrop-filter: blur(24px) saturate(160%);
  backdrop-filter: blur(24px) saturate(160%);
  border: 1px solid var(--frs-edge);
  border-top-color: var(--frs-edge-top);
  border-radius: 26px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7) inset,
    0 24px 60px rgba(30, 55, 120, 0.12);
}
.frs-stat { text-align: center; }
.frs-stat__num {
  font-family: var(--frs-ff);
  font-weight: 800;
  font-size: clamp(28px, 4vw, 40px);
  letter-spacing: -0.03em;
  background: linear-gradient(135deg, var(--brand), var(--brand-deep));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.frs-stat__lab { margin-top: 6px; font-size: 14px; color: var(--frs-muted); }

/* ───────── SECTIONS ───────── */
.frs-section {
  max-width: 1180px;
  margin: 0 auto;
  padding: 90px 24px;
}
.frs-section--tight { padding-top: 40px; padding-bottom: 40px; }
.frs-section__head { max-width: 720px; margin: 0 auto 48px; text-align: center; }
.frs-section__eyebrow {
  display: inline-block;
  padding: 6px 14px;
  margin-bottom: 16px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--brand-deep);
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid var(--frs-edge);
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(30, 55, 120, 0.05);
}
.frs-section__title {
  margin: 0;
  font-family: var(--frs-ff);
  font-weight: 800;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.12;
  letter-spacing: -0.03em;
  color: var(--frs-ink);
}
.frs-section__intro {
  margin: 16px auto 0;
  max-width: 620px;
  font-size: 17px;
  line-height: 1.6;
  color: var(--frs-muted);
}

/* ───────── TJÄNSTE-KORT ───────── */
.frs-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 24px;
}
.frs-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
  border: 1px solid var(--frs-edge);
  border-top-color: var(--frs-edge-top);
  border-radius: 22px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.65) inset,
    0 12px 34px rgba(30, 55, 120, 0.08);
  transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.3, 1), box-shadow 0.4s ease, border-color 0.25s ease;
}
.frs-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--brand-rgb), 0.4);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7) inset,
    0 28px 60px rgba(30, 55, 120, 0.16);
}
.frs-card__media {
  position: relative;
  aspect-ratio: 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.14), rgba(120, 180, 255, 0.10));
  overflow: hidden;
}
.frs-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.frs-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid var(--frs-edge);
  border-radius: 16px;
  color: var(--brand-deep);
  box-shadow: 0 6px 16px rgba(30, 55, 120, 0.10);
}
.frs-card__body { display: flex; flex-direction: column; gap: 8px; padding: 22px; }
.frs-card__title { margin: 0; font-family: var(--frs-ff); font-size: 19px; font-weight: 700; color: var(--frs-ink); letter-spacing: -0.02em; }
.frs-card__text { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--frs-muted); }
.frs-card__price { font-size: 14px; font-weight: 700; color: var(--frs-ink); }
.frs-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 6px;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--brand-deep);
}

/* ───────── OM OSS ───────── */
.frs-about { max-width: 760px; margin: 0 auto; text-align: center; }
.frs-about__title {
  margin: 14px 0 0;
  font-family: var(--frs-ff);
  font-weight: 800;
  font-size: clamp(26px, 3.5vw, 38px);
  letter-spacing: -0.03em;
  color: var(--frs-ink);
}
.frs-about__intro { margin: 16px 0 0; font-size: 17px; line-height: 1.7; color: var(--frs-ink-2); }

/* ───────── USP ───────── */
.frs-usps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 22px;
}
.frs-usp {
  padding: 26px;
  background: rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
  border: 1px solid var(--frs-edge);
  border-top-color: var(--frs-edge-top);
  border-radius: 20px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.6) inset,
    0 10px 28px rgba(30, 55, 120, 0.07);
}
.frs-usp__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-bottom: 14px;
  background: rgba(var(--brand-rgb), 0.12);
  border: 1px solid rgba(var(--brand-rgb), 0.2);
  border-radius: 14px;
  color: var(--brand-deep);
}
.frs-usp__title { margin: 0 0 6px; font-family: var(--frs-ff); font-size: 17.5px; font-weight: 700; color: var(--frs-ink); }
.frs-usp__text { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--frs-muted); }

/* ───────── PROCESS ───────── */
.frs-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 22px;
}
.frs-step {
  position: relative;
  padding: 28px 24px 24px;
  background: rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
  border: 1px solid var(--frs-edge);
  border-top-color: var(--frs-edge-top);
  border-radius: 20px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.6) inset,
    0 10px 28px rgba(30, 55, 120, 0.07);
}
.frs-step__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  font-family: var(--frs-ff);
  font-weight: 800;
  font-size: 18px;
  color: #fff;
  background: linear-gradient(135deg, var(--brand), var(--brand-deep));
  border-radius: 14px;
  box-shadow: 0 6px 16px rgba(var(--brand-rgb), 0.3);
}
.frs-step__title { margin: 0 0 6px; font-family: var(--frs-ff); font-size: 17.5px; font-weight: 700; color: var(--frs-ink); }
.frs-step__text { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--frs-muted); }

/* ───────── FOOTER — stor lyftande frostpanel ───────── */
.frs-footer {
  margin-top: 90px;
  padding: 0 24px 40px;
}
.frs-footer__cta {
  position: relative;
  z-index: 2;
  max-width: 980px;
  margin: 0 auto -60px;
  padding: 46px 36px;
  text-align: center;
  background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.16), rgba(255, 255, 255, 0.6));
  -webkit-backdrop-filter: blur(24px) saturate(160%);
  backdrop-filter: blur(24px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 28px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7) inset,
    0 30px 70px rgba(30, 55, 120, 0.16);
}
.frs-footer__cta-title {
  margin: 0;
  font-family: var(--frs-ff);
  font-weight: 800;
  font-size: clamp(26px, 3.6vw, 38px);
  letter-spacing: -0.03em;
  color: var(--frs-ink);
}
.frs-footer__cta-sub { margin: 12px auto 0; max-width: 540px; font-size: 16.5px; line-height: 1.6; color: #475069; }
.frs-footer__cta-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 26px;
}
.frs-footer__cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  font-size: 15.5px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(135deg, var(--brand), var(--brand-deep));
  border-radius: 999px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.4) inset,
    0 10px 26px rgba(var(--brand-rgb), 0.32);
  transition: transform 0.18s ease, box-shadow 0.22s ease;
}
.frs-footer__cta-btn:hover {
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.45) inset,
    0 16px 34px rgba(var(--brand-rgb), 0.4);
}
.frs-footer__cta-phone { font-size: 16px; font-weight: 700; color: var(--brand-deep); text-decoration: none; }
.frs-footer__cta-phone:hover { text-decoration: underline; }

.frs-footer__glass {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 90px 40px 36px;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
  border: 1px solid var(--frs-edge);
  border-top-color: var(--frs-edge-top);
  border-radius: 28px 28px 0 0;
  box-shadow:
    0 -1px 0 rgba(255, 255, 255, 0.6) inset,
    0 -20px 60px rgba(30, 55, 120, 0.08);
}
.frs-footer__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 48px;
}
.frs-footer__brand { max-width: 360px; }
.frs-footer__logo { display: inline-flex; align-items: center; text-decoration: none; margin-bottom: 14px; }
.frs-footer__logo img { height: 32px; width: auto; }
.frs-footer__logo-name {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--frs-ff);
  font-weight: 800;
  font-size: 19px;
  letter-spacing: -0.01em;
  color: var(--frs-ink);
}
.frs-footer__logo-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--brand), var(--brand-deep));
  box-shadow: 0 0 12px rgba(var(--brand-rgb), 0.6);
}
.frs-footer__tagline { margin: 0 0 14px; font-size: 15px; line-height: 1.6; color: #475069; }
.frs-footer__address { margin: 0 0 12px; font-size: 14.5px; line-height: 1.6; color: var(--frs-muted); }
.frs-footer__contact { display: flex; flex-direction: column; gap: 4px; }
.frs-footer__contact a { font-size: 14.5px; font-weight: 600; color: var(--frs-ink-2); text-decoration: none; }
.frs-footer__contact a:hover { color: var(--brand-deep); }
.frs-footer__social { display: flex; gap: 10px; margin-top: 16px; }
.frs-footer__social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  font-size: 15px;
  font-weight: 700;
  color: var(--frs-ink-2);
  text-decoration: none;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid var(--frs-edge);
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(30, 55, 120, 0.08);
  transition: color 0.2s ease, border-color 0.2s ease, transform 0.18s ease;
}
.frs-footer__social-btn:hover { color: var(--brand-deep); border-color: rgba(var(--brand-rgb), 0.4); transform: translateY(-2px); }

.frs-footer__col-head {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--frs-ink);
}
.frs-footer__links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.frs-footer__links a { font-size: 14.5px; color: #475069; text-decoration: none; }
.frs-footer__links a:hover { color: var(--brand-deep); }

.frs-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 44px;
  padding-top: 24px;
  border-top: 1px solid var(--frs-line);
  font-size: 13px;
  color: #7C879B;
}
.frs-footer__bottom-links { display: flex; flex-wrap: wrap; gap: 18px; }
.frs-footer__bottom-links a { color: #7C879B; text-decoration: none; }
.frs-footer__bottom-links a:hover { color: var(--brand-deep); }

/* ───────── RESPONSIVT ───────── */
@media (max-width: 960px) {
  .frs-nav { display: none; }
  .frs-burger { display: inline-flex; }
  .frs-header__phone { display: none; }
  .frs-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
  .frs-footer__grid { grid-template-columns: 1fr 1fr; }
  .frs-footer__brand { grid-column: 1 / -1; max-width: none; }
}
@media (max-width: 620px) {
  .frs-header { top: 10px; padding: 0 12px; }
  .frs-header__glass { gap: 12px; padding: 9px 9px 9px 16px; }
  .frs-header__cta { display: none; }
  .frs-hero { padding: 120px 18px 80px; }
  .frs-hero__panel { padding: 18px; }
  .frs-footer__grid { grid-template-columns: 1fr; gap: 32px; }
  .frs-footer__cta { padding: 34px 22px; margin-bottom: -50px; }
  .frs-footer__glass { padding: 74px 22px 30px; }
}


/* ═══ QA-FIXAR (frost) ═══ */
/* [medel] html[data-template="frost"] .frs-hero__stars */
html[data-template="frost"] .frs-hero__stars{color:var(--star,#F5A623)}
/* [medel] html[data-template="frost"] .frs-hero__fact-ico */
html[data-template="frost"] .frs-hero__fact-ico{color:var(--brand-deep)}
/* [medel] html[data-template="frost"] .frs-header__cta, html[data */
html[data-template="frost"] .frs-header__cta,
html[data-template="frost"] .frs-drawer__cta,
html[data-template="frost"] .frs-footer__cta-btn,
html[data-template="frost"] .btn--primary,
html[data-template="frost"] .frs-step__num,
html[data-template="frost"] .process__check,
html[data-template="frost"] .review-card__avatar,
html[data-template="frost"] .article-badge,
html[data-template="frost"] .pagination__btn.is-active,
html[data-template="frost"] .form-step.is-active .form-step__bubble{text-shadow:0 1px 2px rgba(15,27,51,0.45)}