/* Solvarv Solceller: A1 industrial-bold, ljusgron-tegel.
   Motionprofil: stillastaende. Inga scroll-animationer, inga reveals. */

:root {
  --bas: #f4f7f1;
  --yta: #e6ede1;
  --papper: #fbfcf9;
  --text: #212620;
  --text-svag: #4d5449;
  --accent: #a3512f;        /* ytor, linjer, grafik */
  --accent-text: #7e3a1e;   /* samma accent morkad for liten text */
  --accent-ljus: #e0895f;   /* accent pa mork botten */
  --mork: #212620;
  --morkast: #171b16;
  --ljus-svag: #b3bcb0;
  --linje: #c9d3c2;
  --linje-mork: #3a4137;
  --hh: 62px;
}

* { box-sizing: border-box; }

/* Grid-barn far inte tvingas breda av sitt eget innehall. Utan detta gor en
   1000 px bred <img> med max-width: 100% att 1fr-spalten blir 1000 px:
   procent-maxbredd raknas inte in nar spalten mats mot min-content. */
.omd > *, .offert__rad > *, .ingar > *, .rakn > *,
.tillit__rad > *, .fot__rad > *, .steg__rad > *, .pl__rad > *,
.ref__post > *, .segment > *, .bok .rad > * { min-width: 0; }

html { scroll-behavior: smooth; scroll-padding-top: 78px; }

body {
  margin: 0;
  overflow-wrap: break-word;
  background: var(--bas);
  color: var(--text);
  font-family: Mulish, "Segoe UI", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.62;
  -webkit-font-smoothing: antialiased;
}

body.meny-oppen { overflow: hidden; }

img { max-width: 100%; height: auto; display: block; }

h1, h2, h3 { overflow-wrap: break-word; margin: 0; }

h1, h2 {
  font-family: "Abril Fatface", Georgia, serif;
  font-weight: 400;
  /* A-ring och prickar behover 1.2. Se TECH-SPEC om svenska versaler. */
  line-height: 1.2;
  letter-spacing: -0.004em;
}

h1 { font-size: clamp(2.15rem, 6.2vw, 3.75rem); }
h2 { font-size: clamp(1.75rem, 4.2vw, 2.9rem); }
h3 { font-family: Mulish, sans-serif; font-weight: 800; font-size: 1.06rem; line-height: 1.35; }
p  { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }
ul { margin: 0; padding: 0; list-style: none; }

.hoppa {
  position: absolute; left: 8px; top: -80px; z-index: 60;
  background: var(--mork); color: var(--bas);
  padding: 12px 18px; font-weight: 800; text-decoration: none;
}
.hoppa:focus { top: 8px; }

.inl { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 clamp(18px, 5vw, 52px); }

/* ---------------- Header ---------------- */

.topp {
  position: sticky; top: 0; z-index: 50;
  background: var(--bas);
  border-bottom: 1px solid var(--text);
}
.topp__inl {
  max-width: 1240px; margin: 0 auto;
  padding: 0 clamp(18px, 5vw, 52px);
  min-height: var(--hh);
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.marke {
  display: flex; flex-direction: column; justify-content: center;
  min-height: 46px; text-decoration: none; color: var(--text);
}
.marke__namn {
  font-family: "Abril Fatface", Georgia, serif; font-size: 1.32rem; line-height: 1.15;
}
.marke__und {
  font-size: 0.62rem; font-weight: 800; letter-spacing: 0.19em;
  text-transform: uppercase; color: var(--accent-text);
}

.nav { display: flex; align-items: center; gap: 18px; }
.nav a {
  display: flex; align-items: center; min-height: 46px;
  color: var(--text); text-decoration: none;
  font-size: 0.79rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
  border-bottom: 2px solid transparent;
}
.nav a:hover { border-bottom-color: var(--accent); }
.nav__tel {
  background: var(--accent); color: var(--bas) !important;
  padding: 0 16px; letter-spacing: 0.03em;
}
.nav__tel:hover { background: var(--mork); border-bottom-color: transparent; }

.hamb {
  display: none; align-items: center; gap: 10px;
  min-height: 46px; padding: 0 14px;
  background: var(--mork); color: var(--bas);
  border: 0; cursor: pointer;
  font-family: inherit; font-size: 0.8rem; font-weight: 800;
  letter-spacing: 0.12em; text-transform: uppercase;
}
.hamb__streck { width: 18px; height: 2px; background: var(--bas); box-shadow: 0 -5px 0 var(--bas), 0 5px 0 var(--bas); }

@media (max-width: 899px) {
  .hamb { display: flex; }
  .nav {
    display: none;
    position: fixed; left: 0; right: 0; top: var(--hh); bottom: 0;
    background: var(--bas);
    border-top: 1px solid var(--text);
    flex-direction: column; align-items: stretch; gap: 0;
    padding: 8px clamp(18px, 5vw, 52px) 40px;
    overflow-y: auto;
  }
  .nav.ar-oppen { display: flex; }
  .nav a {
    min-height: 56px; font-size: 0.95rem;
    border-bottom: 1px solid var(--linje);
  }
  .nav__tel { margin-top: 18px; justify-content: center; min-height: 56px; }
}

/* ---------------- Hero: foljesedeln ---------------- */

.hero { padding: clamp(34px, 6vw, 76px) clamp(18px, 5vw, 52px) clamp(40px, 6vw, 80px); }

.kvitto {
  max-width: 660px; margin: 0 auto;
  background: var(--papper);
  border: 1px solid var(--text);
}
.kvitto__huvud {
  display: flex; flex-wrap: wrap; gap: 6px 16px; justify-content: space-between;
  padding: 11px clamp(20px, 4vw, 38px);
  border-bottom: 1px solid var(--text);
  background: var(--yta);
  font-size: 0.66rem; font-weight: 800; letter-spacing: 0.17em; text-transform: uppercase;
  color: var(--text-svag);
}
.kvitto__kropp { padding: clamp(26px, 4.5vw, 44px) clamp(20px, 4vw, 38px) clamp(28px, 4vw, 40px); }
.kvitto__ovan {
  font-size: 0.7rem; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--accent-text); margin-bottom: 14px;
}
.kvitto__ing { margin-top: 20px; color: var(--text-svag); font-size: 1.02rem; }

.poster { margin: 26px 0 0; border-top: 1px solid var(--linje); }
.poster li {
  display: flex; align-items: baseline; gap: 8px;
  padding: 10px 0; border-bottom: 1px solid var(--linje);
  font-size: 0.9rem;
}
.poster__vad { color: var(--text-svag); }
.poster__pkt { flex: 1 1 12px; min-width: 12px; border-bottom: 1px dotted var(--linje); transform: translateY(-3px); }
.poster__val { font-weight: 800; text-align: right; white-space: nowrap; }

@media (max-width: 559px) {
  .poster li { display: block; }
  .poster__pkt { display: none; }
  .poster__val { display: block; text-align: left; margin-top: 1px; white-space: normal; }
}

.kvitto__knappar { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

.kvitto__riv {
  height: 13px;
  background: radial-gradient(circle at 8px 13px, var(--bas) 6.5px, rgba(0,0,0,0) 7px) repeat-x 0 0 / 16px 13px;
}

/* ---------------- Knappar ---------------- */

.knapp {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 50px; padding: 0 24px;
  font-size: 0.92rem; font-weight: 800; letter-spacing: 0.05em;
  text-decoration: none; text-align: center;
  border: 1px solid var(--text);
}
.knapp--fylld { background: var(--accent); border-color: var(--accent); color: var(--bas); }
.knapp--fylld:hover { background: var(--mork); border-color: var(--mork); }
.knapp--linje { background: transparent; color: var(--text); }
.knapp--linje:hover { background: var(--text); color: var(--bas); }
.knapp--ljus { background: var(--bas); border-color: var(--bas); color: var(--text); }
.knapp--ljus:hover { background: var(--accent-ljus); border-color: var(--accent-ljus); color: var(--mork); }
.knapp--linjeljus { background: transparent; border-color: var(--ljus-svag); color: var(--bas); }
.knapp--linjeljus:hover { background: var(--bas); color: var(--text); }

/* ---------------- Band ---------------- */

.band { padding: clamp(46px, 7vw, 92px) 0; }
.band--yta { background: var(--yta); }
.band--mork { background: var(--mork); color: var(--bas); }

.post {
  font-size: 0.72rem; font-weight: 800; letter-spacing: 0.19em; text-transform: uppercase;
  color: var(--accent-text); margin-bottom: 12px;
}
.post--ljus { color: var(--accent-ljus); }

.sekhuvud { max-width: 780px; margin-bottom: clamp(30px, 4vw, 50px); }
.sekhuvud__ing { margin-top: 18px; color: var(--text-svag); font-size: 1.02rem; }

/* ---------------- Trust-rad ---------------- */

.tillit { padding: clamp(30px, 4vw, 46px) 0; }
.tillit__rad { display: grid; grid-template-columns: 1fr; }
.tillit__cell { padding: 20px 0; border-top: 1px solid var(--linje-mork); }
.tillit__cell:first-child { border-top: 0; padding-top: 0; }
.tillit__cell:last-child { padding-bottom: 0; }
.tillit__rubrik {
  font-family: Mulish, sans-serif; font-weight: 800; font-size: 1rem;
  letter-spacing: 0.02em; line-height: 1.3; margin-bottom: 7px;
}
.tillit__cell p { color: var(--ljus-svag); font-size: 0.9rem; }

@media (min-width: 700px) {
  .tillit__rad { grid-template-columns: 1fr 1fr; }
  .tillit__cell { padding: 18px 26px; }
  .tillit__cell:nth-child(-n+2) { border-top: 0; padding-top: 0; }
  .tillit__cell:nth-child(odd) { padding-left: 0; }
  .tillit__cell:nth-child(even) { border-left: 1px solid var(--linje-mork); padding-right: 0; }
}
@media (min-width: 1040px) {
  .tillit__rad { grid-template-columns: repeat(4, 1fr); }
  .tillit__cell { border-top: 0; padding: 0 26px; border-left: 1px solid var(--linje-mork); }
  .tillit__cell:first-child { padding-left: 0; border-left: 0; }
  .tillit__cell:last-child { padding-right: 0; }
  .tillit__cell:nth-child(odd) { padding-left: 26px; }
  .tillit__cell:first-child { padding-left: 0; }
}

/* ---------------- SIGNATUR: takrakningen ---------------- */

.rakn {
  background: var(--papper);
  border: 1px solid var(--text);
  display: grid; grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .rakn { grid-template-columns: 5fr 7fr; }
  .rakn__ut { border-left: 1px solid var(--text); }
}

.rakn__styr { padding: clamp(22px, 3vw, 34px); }
.rakn__ut { padding: clamp(22px, 3vw, 34px); border-top: 1px solid var(--text); }
@media (min-width: 1000px) { .rakn__ut { border-top: 0; } }

.grupp { border: 0; padding: 0; margin: 0 0 30px; }
.grupp:last-child { margin-bottom: 0; }
.grupp__rub {
  padding: 0; margin-bottom: 11px;
  font-size: 0.72rem; font-weight: 800; letter-spacing: 0.17em; text-transform: uppercase;
  color: var(--text);
}
.grupp__not { margin-top: 11px; font-size: 0.8rem; color: var(--text-svag); }

.segment { display: grid; gap: 6px; }
.segment--4 { grid-template-columns: repeat(2, 1fr); }
.segment--3 { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 520px) {
  .segment--4 { grid-template-columns: repeat(4, 1fr); }
  .segment--3 { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1000px) and (max-width: 1150px) {
  .segment--4 { grid-template-columns: repeat(2, 1fr); }
}

.seg {
  display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
  min-height: 52px; padding: 6px 10px;
  background: var(--bas); color: var(--text);
  border: 1px solid var(--linje); cursor: pointer;
  font-family: inherit; text-align: left;
}
.seg:hover { border-color: var(--text); }
.seg__namn { font-size: 0.88rem; font-weight: 800; line-height: 1.2; }
.seg__f { font-size: 0.73rem; line-height: 1.3; color: var(--text-svag); }
.seg[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--bas); }
.seg[aria-pressed="true"] .seg__f { color: var(--bas); }

.yta { display: flex; align-items: center; gap: 12px; }
.yta__knapp {
  width: 54px; height: 54px; flex: 0 0 54px;
  background: var(--bas); border: 1px solid var(--text); color: var(--text);
  font-family: inherit; font-size: 1.5rem; font-weight: 800; line-height: 1;
  cursor: pointer;
}
.yta__knapp:hover { background: var(--text); color: var(--bas); }
.yta__tal {
  flex: 1 1 auto; margin: 0; text-align: center;
  font-family: "Abril Fatface", Georgia, serif; font-size: 2.5rem; line-height: 1.1;
}
.yta__enhet { font-family: Mulish, sans-serif; font-size: 1.1rem; font-weight: 800; }

.skjut {
  -webkit-appearance: none; appearance: none;
  width: 100%; height: 48px; margin: 6px 0 0;
  background: transparent; cursor: pointer;
}
.skjut::-webkit-slider-runnable-track { height: 4px; background: var(--linje); }
.skjut::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 18px; height: 30px; margin-top: -13px;
  background: var(--accent); border: 0;
}
.skjut::-moz-range-track { height: 4px; background: var(--linje); }
.skjut::-moz-range-thumb { width: 18px; height: 30px; border-radius: 0; background: var(--accent); border: 0; }
.skjut:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

.ut__etikett {
  font-size: 0.72rem; font-weight: 800; letter-spacing: 0.17em; text-transform: uppercase;
  color: var(--text); margin-bottom: 10px;
}

.bok { border-top: 1px solid var(--text); }
.bok--eko { margin-top: 26px; }
.rad {
  display: grid; grid-template-columns: 22px 1fr auto; gap: 4px 10px;
  align-items: baseline; padding: 9px 0;
  border-bottom: 1px solid var(--linje);
}
.rad__op { font-weight: 800; color: var(--accent-text); font-size: 0.95rem; }
.rad__txt { font-size: 0.87rem; color: var(--text-svag); }
.rad__val { font-size: 0.95rem; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rad--sum { border-bottom: 2px solid var(--text); }
.rad--sum .rad__txt { color: var(--text); font-weight: 800; }
.rad--sum .rad__val { font-size: 1.05rem; }

.svar { margin-top: 26px; padding: 20px 0 22px; border-bottom: 1px solid var(--linje); }
.svar__etikett {
  font-size: 0.72rem; font-weight: 800; letter-spacing: 0.17em; text-transform: uppercase;
  color: var(--accent-text); margin-bottom: 4px;
}
.svar__tal {
  font-family: "Abril Fatface", Georgia, serif;
  font-size: clamp(3.3rem, 9.5vw, 5.6rem); line-height: 1.02;
  color: var(--accent); margin: 0; font-variant-numeric: tabular-nums;
}
.svar__enhet { font-size: 1.05rem; font-weight: 800; margin: 2px 0 0; }

.tak { margin: 22px 0 0; }
.tak__svg { width: 100%; height: auto; display: block; }
.tak__txt { margin-top: 10px; font-size: 0.8rem; color: var(--text-svag); }

.antag { margin-top: 26px; padding-top: 20px; border-top: 2px solid var(--text); }
.antag__rub { font-size: 0.72rem; font-weight: 800; letter-spacing: 0.17em; text-transform: uppercase; margin-bottom: 12px; }
.antag__lista li {
  position: relative; padding-left: 18px; margin-bottom: 9px;
  font-size: 0.84rem; color: var(--text-svag);
}
.antag__lista li::before { content: ""; position: absolute; left: 0; top: 9px; width: 8px; height: 1px; background: var(--accent); }
.antag__slut { margin-top: 16px; font-size: 0.88rem; font-weight: 600; color: var(--text); }

/* ---------------- Installationen ---------------- */

.steg { border-top: 1px solid var(--text); }
.steg__rad {
  display: grid; grid-template-columns: 1fr; gap: 6px 26px;
  padding: 22px 0; border-bottom: 1px solid var(--linje);
}
@media (min-width: 720px) {
  .steg__rad { grid-template-columns: 96px 1fr; align-items: start; }
}
.steg__nr {
  font-family: "Abril Fatface", Georgia, serif; font-size: 2.1rem; line-height: 1;
  color: var(--accent);
}
.steg__txt p { margin-top: 7px; color: var(--text-svag); font-size: 0.95rem; max-width: 62ch; }

/* ---------------- Referenser ---------------- */

.ref__lista { border-top: 1px solid var(--text); }
.ref__post {
  display: grid; grid-template-columns: 1fr; gap: 4px 28px;
  padding: 20px 0; border-bottom: 1px solid var(--linje);
}
@media (min-width: 780px) {
  .ref__post { grid-template-columns: 210px 1fr; align-items: baseline; }
  .ref__ort { grid-column: 1; grid-row: 1; }
  .ref__kw  { grid-column: 1; grid-row: 2; }
  .ref__txt { grid-column: 2; grid-row: 1 / span 2; max-width: 62ch; }
}
.ref__ort { font-weight: 800; font-size: 1.02rem; margin: 0; }
.ref__kw {
  font-family: "Abril Fatface", Georgia, serif; font-size: 1.75rem; line-height: 1.15;
  color: var(--accent); margin: 0; white-space: nowrap;
}
.ref__txt { margin: 0; font-size: 0.95rem; color: var(--text-svag); }

.omd { display: grid; grid-template-columns: 1fr; gap: 24px; margin-top: 40px; }
@media (min-width: 780px) { .omd { grid-template-columns: 1fr 1fr; gap: 40px; } }
.omd__kort { margin: 0; padding-top: 22px; border-top: 2px solid var(--text); }
.omd__foto { width: 84px; height: 84px; object-fit: cover; border: 1px solid var(--text); margin-bottom: 16px; }
.omd__cit { margin: 0; }
.omd__cit p { font-size: 1.06rem; line-height: 1.55; }
.omd__namn { margin-top: 12px; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-text); }

/* ---------------- Priser ---------------- */

.pl { border-top: 1px solid var(--text); }
.pl__rad {
  display: grid; grid-template-columns: 1fr; gap: 4px 24px;
  padding: 20px 0; border-bottom: 1px solid var(--linje);
}
@media (min-width: 780px) {
  .pl__rad { grid-template-columns: 130px 1fr auto; align-items: baseline; }
}
.pl__rad--markerad { background: var(--yta); margin: 0 -16px; padding-left: 16px; padding-right: 16px; }
.band--yta .pl__rad--markerad { background: var(--bas); }
.pl__kw { margin: 0; font-size: 1rem; font-weight: 800; }
.pl__tal { font-family: "Abril Fatface", Georgia, serif; font-size: 2rem; line-height: 1; color: var(--accent); }
.pl__om { margin: 0; color: var(--text-svag); font-size: 0.94rem; }
.pl__sek { margin: 0; font-weight: 800; font-size: 1.1rem; white-space: nowrap; }
.pl__fran { font-size: 0.74rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-svag); }

.ingar { display: grid; grid-template-columns: 1fr; gap: 28px; margin-top: 40px; }
@media (min-width: 780px) { .ingar { grid-template-columns: 1fr 1fr; gap: 48px; } }
.ingar__rub { margin-bottom: 14px; }
.ingar__spalt { padding-top: 20px; border-top: 2px solid var(--text); }
.ingar__spalt li {
  position: relative; padding-left: 20px; padding-bottom: 9px; margin-bottom: 9px;
  border-bottom: 1px solid var(--linje); font-size: 0.94rem; color: var(--text-svag);
}
.ingar__spalt li:last-child { border-bottom: 0; }
.ingar__spalt li::before { content: ""; position: absolute; left: 0; top: 11px; width: 10px; height: 1px; background: var(--accent); }

/* ---------------- Fragor ---------------- */

.fq { border-top: 1px solid var(--text); max-width: 860px; }
.fq__post { border-bottom: 1px solid var(--linje); }
.fq__fraga {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 56px; padding: 14px 0; cursor: pointer;
  font-weight: 800; font-size: 1.02rem; line-height: 1.35;
  list-style: none;
}
.fq__fraga::-webkit-details-marker { display: none; }
.fq__fraga::after {
  content: "+"; flex: 0 0 auto;
  font-size: 1.5rem; line-height: 1; color: var(--accent-text); font-weight: 800;
}
.fq__post[open] .fq__fraga::after { content: "\2212"; }
.fq__svar { padding: 0 0 18px; max-width: 68ch; }
.fq__svar p { color: var(--text-svag); font-size: 0.96rem; }

/* ---------------- Offert ---------------- */

.offert__rad { display: grid; grid-template-columns: 1fr; gap: 26px; }
@media (min-width: 900px) { .offert__rad { grid-template-columns: 5fr 7fr; gap: 56px; align-items: start; } }
.offert__rubrik { min-width: 0; }
.offert__nr {
  margin: 26px 0 4px;
  font-family: "Abril Fatface", Georgia, serif; font-size: clamp(1.9rem, 4vw, 2.6rem); line-height: 1.2;
}
.offert__nr a { color: var(--bas); text-decoration: none; border-bottom: 2px solid var(--accent-ljus); }
.offert__nr a:hover { border-bottom-color: var(--bas); }
.offert__nrtxt { font-size: 0.88rem; color: var(--ljus-svag); }
.offert__ing { color: var(--ljus-svag); font-size: 1.02rem; max-width: 60ch; }
.offert__rub {
  margin-top: 28px; margin-bottom: 12px;
  font-size: 0.72rem; font-weight: 800; letter-spacing: 0.17em; text-transform: uppercase;
  color: var(--accent-ljus);
}
.offert__lista { border-top: 1px solid var(--linje-mork); max-width: 52ch; }
.offert__lista li {
  padding: 10px 0; border-bottom: 1px solid var(--linje-mork);
  font-size: 0.94rem; color: var(--ljus-svag);
}
.offert__knappar { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

/* ---------------- Footer ---------------- */

.fot { background: var(--morkast); color: var(--ljus-svag); padding: clamp(40px, 5vw, 64px) 0 26px; }
.fot__rad { display: grid; grid-template-columns: 1fr; gap: 26px; }
@media (min-width: 700px) { .fot__rad { grid-template-columns: 1fr 1fr; gap: 32px 40px; } }
@media (min-width: 1000px) { .fot__rad { grid-template-columns: 2fr 1fr 1fr 1fr; gap: 44px; } }
.fot__marke { font-family: "Abril Fatface", Georgia, serif; font-size: 1.5rem; line-height: 1.2; color: var(--bas); margin-bottom: 10px; }
.fot__rub { font-size: 0.7rem; font-weight: 800; letter-spacing: 0.17em; text-transform: uppercase; color: var(--bas); margin-bottom: 8px; }
.fot__txt { font-size: 0.9rem; }
.fot__txt a { color: var(--bas); text-decoration: none; border-bottom: 1px solid var(--linje-mork); }
.fot__txt a:hover { border-bottom-color: var(--accent-ljus); }
.fot__slut { margin-top: 34px; padding-top: 18px; border-top: 1px solid var(--linje-mork); }
.fot__demo { font-size: 0.78rem; color: #8d9689; }

/* ---------------- Fokus och motion ---------------- */

a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 2px solid var(--accent); outline-offset: 3px;
}
.band--mork a:focus-visible, .fot a:focus-visible { outline-color: var(--accent-ljus); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; animation: none !important; }
}