/* S-Color Star Kft. — kiszervezett, ismétlődő stílusok (generálva a korábbi inline style="" értékekből).
   A dupla osztály (.sN.sN) szándékos: ugyanúgy felülírja a <style> blokk szabályait, mint korábban az inline stílus. */
.s1.s1{color:#c7bfd2;}
.s2.s2{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.s3.s3{font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:20px; letter-spacing:.03em; text-transform:uppercase; color:#2b2537;}
.s4.s4{display:block; width:28px; height:3px; border-radius:2px; background:#231a2e;}
.s5.s5{position:absolute; left:0; right:0; bottom:0; padding:22px 24px; pointer-events:none;}
.s6.s6{font-size:14px; color:#d3cade; margin-top:4px;}
.s7.s7{font-size:16px; line-height:1.75; color:#514a5c; margin:0 0 14px;}
.s8.s8{position:absolute; inset:0;}
.s9.s9{font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:17px; letter-spacing:.08em; text-transform:uppercase; color:#fff; margin:0 0 18px;}
.s10.s10{color:#c7bfd2; text-decoration:underline; text-underline-offset:3px;}
.s11.s11{position:absolute; inset:0; background:linear-gradient(180deg, rgba(20,14,30,0) 42%, rgba(20,14,30,.88) 100%); transition:background .3s; pointer-events:none;}
.s12.s12{font-size:21px; font-weight:600; color:#fff;}
.s13.s13{max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:stretch;}
.s14.s14{position:relative; overflow:hidden; min-height:440px;}
.s15.s15{width:100%; overflow-x:hidden; font-family:'Barlow',sans-serif; color:#231a2e; background:#fff;}
.s16.s16{position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid #efeaf3; box-shadow:0 1px 14px rgba(24,16,34,0.05);}
.s17.s17{max-width:1200px; margin:0 auto; padding:14px 32px; display:flex; align-items:center; justify-content:space-between; gap:32px; position:relative;}
.s18.s18{display:inline-flex; align-items:center; flex:0 0 auto;}
.s19.s19{height:62px; width:auto; display:block;}
.s20.s20{display:inline-flex; align-items:center; background:#C23A36; color:#fff; font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:20px; letter-spacing:.03em; text-transform:uppercase; padding:9px 22px; border-radius:8px;}
.s21.s21{max-width:1200px; margin:0 auto; padding:36px 32px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;}
.s22.s22{font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:28px; letter-spacing:.02em; text-transform:uppercase; color:#fff;}
.s23.s23{display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.s24.s24{display:inline-flex; align-items:center; gap:10px; border:2px solid rgba(255,255,255,.55); background:#231a2e; color:#fff; font-weight:600; font-size:16px; padding:13px 26px; border-radius:8px;}
.s25.s25{position:relative; background:#17101f;}
.s26.s26{position:relative; max-width:1200px; margin:0 auto; padding:64px 32px 40px; display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:48px;}
.s27.s27{display:inline-flex; align-items:center;}
.s28.s28{height:56px; width:auto; max-width:100%; display:block;}
.s29.s29{font-size:14px; line-height:2; color:#c7bfd2;}
.s30.s30{display:flex; flex-direction:column; gap:9px; font-size:14px;}
.s31.s31{position:relative; border-top:1px solid rgba(255,255,255,.08);}
.s32.s32{max-width:1200px; margin:0 auto; padding:18px 32px; font-size:13px; color:#8a8196; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;}
.s33.s33{display:inline-flex; align-items:center; gap:18px; flex-wrap:wrap;}
.s34.s34{height:22px; width:auto; display:block; border-radius:3px;}
.s35.s35{position:relative; display:block; aspect-ratio:4/3; overflow:hidden; border-radius:12px; background:#2a2338;}
.s36.s36{font-size:21px; font-weight:600; color:#fff; pointer-events:auto;}
.s37.s37{display:inline-flex; align-items:center; gap:8px; min-height:44px; color:#8a8196;}
.s38.s38{position:absolute; left:0; right:0; top:0; padding:16px 18px; display:flex; flex-wrap:wrap; gap:7px; pointer-events:none;}
.s39.s39{font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:15px; letter-spacing:.2em; text-transform:uppercase; color:#C23A36; margin:0 0 14px;}
.s40.s40{font-size:16px; line-height:1.75; color:#514a5c; margin:0 0 16px;}
.s41.s41{display:inline-flex; align-items:center; gap:10px; background:#fff; color:#231a2e; font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:16px; letter-spacing:.05em; text-transform:uppercase; padding:15px 30px; border-radius:8px;}
.s42.s42{font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:26px; letter-spacing:.02em; text-transform:uppercase; color:#231a2e; margin:44px 0 14px;}
.s43.s43{min-width:33.3333%; box-sizing:border-box; padding:0 12px;}
.s44.s44{position:relative; aspect-ratio:4/3; overflow:hidden; border-radius:12px; background:#2a2338;}
.s45.s45{position:absolute; inset:0; background:linear-gradient(180deg, rgba(20,14,30,0) 42%, rgba(20,14,30,.88) 100%); pointer-events:none;}
.s46.s46{display:inline-block; font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#fff; background:#C23A36; padding:5px 12px; border-radius:999px;}
.s47.s47{padding:84px 64px 84px 32px; display:flex; flex-direction:column; justify-content:center;}
.s48.s48{font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:34px; letter-spacing:.01em; text-transform:uppercase; color:#231a2e; margin:0 0 20px;}
.s49.s49{font-size:16px; line-height:1.75; color:#514a5c; margin:0;}
.s50.s50{font-size:15px; line-height:1.6; color:#e6e1ee; margin:0 0 18px; max-width:440px;}
.s51.s51{font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:16px; letter-spacing:.22em; text-transform:uppercase; color:#C23A36; margin:0 0 12px;}
.s52.s52{font-size:18px; font-weight:700; color:#231a2e; margin:28px 0 10px;}
.s53.s53{display:inline-block; font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#231a2e; background:#14A38B; padding:5px 12px; border-radius:999px;}
.s54.s54{max-width:1200px; margin:0 auto; padding:0 32px;}
.s55.s55{background:#f5f1f8; border-bottom:1px solid #e9e3f0;}
.s56.s56{max-width:1200px; margin:0 auto; padding:64px 32px 56px;}
.s57.s57{font-size:16px; line-height:1.75; color:#514a5c; margin:0 0 14px; padding-left:22px; list-style:none; padding-left:0;}
.s58.s58{font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:20px; letter-spacing:.03em; text-transform:uppercase; color:#C23A36;}
.s59.s59{font-size:14px; font-weight:600; color:#231a2e; background:#f2edf7; padding:7px 15px; border-radius:999px;}
.s60.s60{position:relative; background:#1b1428; overflow:hidden;}
.s61.s61{position:absolute; inset:0; background:linear-gradient(100deg, rgba(27,20,40,.92) 0%, rgba(27,20,40,.64) 55%, rgba(27,20,40,.26) 100%); pointer-events:none;}
.s62.s62{position:relative; max-width:1200px; margin:0 auto; padding:88px 32px; pointer-events:none;}
.s63.s63{font-size:14px; letter-spacing:.06em; color:#cdc4dc; margin:0 0 14px;}
.s64.s64{color:#cdc4dc; pointer-events:auto;}
.s65.s65{opacity:.6;}
.s66.s66{font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:54px; line-height:1.04; letter-spacing:.01em; text-transform:uppercase; color:#fff; margin:0 0 18px; max-width:720px;}
.s67.s67{font-size:19px; line-height:1.6; color:#e6e1ee; margin:0; max-width:640px;}
.s68.s68{background:#fff;}
.s69.s69{background:#f5f1f8;}
.s70.s70{padding:84px 32px 84px 64px; display:flex; flex-direction:column; justify-content:center;}
.s71.s71{background:#1b1428;}
.s72.s72{font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:15px; letter-spacing:.2em; text-transform:uppercase; color:#F6A623; margin:0 0 14px;}
.s73.s73{font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:34px; letter-spacing:.01em; text-transform:uppercase; color:#fff; margin:0 0 20px;}
.s74.s74{font-size:16px; line-height:1.75; color:#cdc4dc; margin:0 0 16px;}
.s75.s75{font-size:16px; line-height:1.75; color:#cdc4dc; margin:0;}
.s76.s76{font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:40px; letter-spacing:.02em; text-transform:uppercase; color:#231a2e; margin:0 0 44px; text-align:center;}
.s77.s77{font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:48px; line-height:1.04; letter-spacing:.01em; text-transform:uppercase; color:#231a2e; margin:0 0 16px;}
.s78.s78{font-size:18px; line-height:1.65; color:#514a5c; margin:0; max-width:680px;}
.s79.s79{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.s80.s80{min-width:100%; height:100%; position:relative;}
.s81.s81{position:absolute; inset:0; background:linear-gradient(100deg, rgba(27,20,40,.90) 0%, rgba(27,20,40,.60) 44%, rgba(27,20,40,.14) 72%, rgba(27,20,40,0) 100%); pointer-events:none;}
.s82.s82{position:relative; max-width:1200px; margin:0 auto; height:100%; padding:0 88px; display:flex; flex-direction:column; justify-content:center; pointer-events:none;}
.s83.s83{font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:17px; letter-spacing:.22em; text-transform:uppercase; color:#F6A623; margin:0 0 16px;}
.s84.s84{font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:62px; line-height:1.02; letter-spacing:.01em; color:#fff; margin:0 0 22px; text-transform:uppercase; max-width:680px;}
.s85.s85{font-size:19px; line-height:1.55; color:#e6e1ee; margin:0 0 34px; max-width:500px;}
.s86.s86{pointer-events:auto;}
.s87.s87{display:inline-flex; align-items:center; gap:10px; background:#C23A36; color:#fff; font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:18px; letter-spacing:.06em; text-transform:uppercase; padding:16px 40px; border-radius:8px;}
.s88.s88{position:absolute; inset:0; background:linear-gradient(180deg, rgba(27,20,40,.15) 0%, rgba(27,20,40,.48) 46%, rgba(27,20,40,.93) 100%); pointer-events:none;}
.s89.s89{position:absolute; left:0; right:0; bottom:0; padding:30px 34px; pointer-events:none;}
.s90.s90{font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:27px; letter-spacing:.05em; text-transform:uppercase; color:#fff; margin:0 0 12px;}
.s91.s91{font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:14px; letter-spacing:.1em; text-transform:uppercase; color:#F6A623; pointer-events:auto;}
.s92.s92{display:flex; gap:16px; align-items:flex-start;}
.s93.s93{flex:0 0 auto; width:44px; height:44px; border-radius:10px; background:#f2edf7; display:inline-flex; align-items:center; justify-content:center; font-size:19px;}
.s94.s94{font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:14px; letter-spacing:.14em; text-transform:uppercase; color:#7c7288; margin-bottom:3px;}
.s95.s95{display:block; font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:14px; letter-spacing:.12em; text-transform:uppercase; color:#514a5c; margin-bottom:7px;}
.s96.s96{position:absolute; inset:0; background:linear-gradient(180deg, rgba(27,20,40,.15) 0%, rgba(27,20,40,.48) 46%, rgba(27,20,40,.93) 100%); transition:background .3s; pointer-events:none;}
.s97.s97{position:absolute; left:0; right:0; bottom:0; padding:32px 36px; pointer-events:none;}
.s98.s98{font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:28px; letter-spacing:.05em; text-transform:uppercase; color:#fff; margin:0 0 12px;}
.s99.s99{font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:15px; letter-spacing:.1em; text-transform:uppercase; color:#F6A623; transition:color .3s;}
.s100.s100{font-size:17px; color:#ded7e8; margin-top:8px;}
.s101.s101{font-size:19px; font-weight:600; color:#231a2e;}
.s102.s102{font-weight:600; font-size:16px; color:#231a2e; margin:0 0 10px;}
.s103.s103{margin:0; padding-left:22px; color:#514a5c; font-size:16px; line-height:1.8;}
.s104.s104{display:grid; grid-template-columns:repeat(2,1fr); gap:26px;}
.s105.s105{display:inline-flex; align-items:center; gap:10px; background:#231a2e; color:#fff; font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:17px; letter-spacing:.06em; text-transform:uppercase; padding:14px 36px; border-radius:8px;}
.s106.s106{display:inline-block; font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#fff; background:#3E63DD; padding:5px 12px; border-radius:999px;}
.s107.s107{min-width:0;}
.s108.s108{font-size:17px; line-height:1.75; color:#514a5c; margin:0 0 20px;}

/* ===== Oldalszintű szabályok (korábban az oldalak <style> blokkjában) =====
   Ahol egy szelektor oldalanként mást jelent, ott :where(.pg-oldal) előtaggal van szűkítve (a specificitást nem növeli),
   a <body class="pg-oldal"> alapján. ===== */
body{margin:0;}
:where(.pg-acelszerkezet-tuzgatlo-festes,.pg-allas,.pg-festes,.pg-gipszkartonozas,.pg-homlokzatszigeteles,.pg-index,.pg-referenciak,.pg-rolunk,.pg-szolgaltatasok) a{color:#F0544F; text-decoration:none;}
:where(.pg-adatkezeles,.pg-kapcsolat) a{color:#C23A36; text-decoration:none;}
:where(.pg-acelszerkezet-tuzgatlo-festes,.pg-allas,.pg-festes,.pg-gipszkartonozas,.pg-homlokzatszigeteles,.pg-index,.pg-referenciak,.pg-rolunk,.pg-szolgaltatasok) a:hover{color:#d8433f;}
:where(.pg-adatkezeles,.pg-kapcsolat) a:hover{color:#9d2c29;}
.refcard:hover .rov{background:linear-gradient(180deg, rgba(20,14,30,.10) 30%, rgba(20,14,30,.94) 100%) !important;}
.xh1:hover{color:#C23A36 !important;}
.xh2:hover{background:#9d2c29 !important; color:#fff !important;}
:where(.pg-acelszerkezet-tuzgatlo-festes,.pg-festes,.pg-gipszkartonozas,.pg-homlokzatszigeteles) .xh3:hover{color:#fff !important;}
:where(.pg-adatkezeles,.pg-kapcsolat,.pg-referenciak,.pg-szolgaltatasok) .xh3:hover{border-color:#fff !important; color:#fff !important;}
:where(.pg-allas) .xh3:hover{background:#fff !important; color:#231a2e !important; transform:translateY(-2px) !important;}
:where(.pg-index) .xh3:hover{background:rgba(255,255,255,.32) !important;}
:where(.pg-rolunk) .xh3:hover{background:#3a2f4d !important; color:#fff !important;}
:where(.pg-acelszerkezet-tuzgatlo-festes,.pg-festes,.pg-gipszkartonozas,.pg-homlokzatszigeteles) .xh4:hover{color:#F6A623 !important;}
:where(.pg-adatkezeles,.pg-kapcsolat) .xh4:hover{color:#F0544F !important;}
:where(.pg-allas,.pg-rolunk) .xh4:hover{border-color:#fff !important; color:#fff !important;}
:where(.pg-index) .xh4:hover{color:#fff !important;}
:where(.pg-referenciak,.pg-szolgaltatasok) .xh4:hover{background:#231a2e !important; color:#fff !important;}
:where(.pg-acelszerkezet-tuzgatlo-festes,.pg-festes,.pg-gipszkartonozas,.pg-homlokzatszigeteles) .xh5:hover{border-color:#fff !important; color:#fff !important;}
:where(.pg-allas,.pg-rolunk) .xh5:hover{background:#231a2e !important; color:#fff !important;}
:where(.pg-index) .xh5:hover{background:#3a2f4d !important; color:#fff !important;}
:where(.pg-acelszerkezet-tuzgatlo-festes,.pg-festes,.pg-gipszkartonozas,.pg-homlokzatszigeteles) .xh6:hover{background:#231a2e !important; color:#fff !important;}
:where(.pg-index) .xh6:hover{background:#3a2f4d !important;}
.xmail:hover{color:#fff !important;}
.xpriv:hover{color:#fff !important;}
.fld:focus{outline:none; border-color:#C23A36 !important; box-shadow:0 0 0 3px rgba(194,58,54,.14) !important;}
.ctc a{min-height:44px; display:inline-flex; align-items:center;}
#k-gdpr{width:24px !important; height:24px !important;}
.xh7:hover{border-color:#fff !important; color:#fff !important;}
.xh8:hover{background:#231a2e !important; color:#fff !important;}
.filterbtn{cursor:pointer; font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:17px; letter-spacing:.06em; text-transform:uppercase; padding:11px 24px; border-radius:999px; transition:background .2s, color .2s, border-color .2s;}
.svccard:hover .ov{background:linear-gradient(180deg, rgba(27,20,40,.28) 0%, rgba(27,20,40,.60) 46%, rgba(27,20,40,.96) 100%) !important;}
.svccard:hover .more{color:#fff !important;}
@media (max-width: 1180px) {
  .scs-burger{display:flex !important;}
  .nav{display:none !important; position:absolute; top:100%; right:0; left:0; background:#fff; flex-direction:column; align-items:flex-start !important; padding:18px 32px 24px !important; gap:16px !important; box-shadow:0 16px 28px rgba(24,16,34,.10);}
  .nav.open{display:flex !important;}
  .scs-logo{height:52px !important;}
  .scs-nav{display:none !important; position:absolute; top:100%; right:0; left:0; background:#fff; flex-direction:column; align-items:flex-start !important; padding:18px 32px 24px !important; gap:16px !important; box-shadow:0 16px 28px rgba(24,16,34,.10);}
  .scs-nav.open{display:flex !important;}
  .scs-about{grid-template-columns:1fr !important; gap:40px !important;}
  .scs-footgrid{grid-template-columns:1fr !important; gap:36px !important;}
  .scs-hero-inner{padding:0 96px !important;}
  :where(.pg-referenciak) .refgrid{grid-template-columns:repeat(2,1fr) !important;}
}
@media (max-width: 1100px) {
  .aboutgrid{grid-template-columns:1fr !important; gap:40px !important;}
  .aboutimg{max-width:620px !important;}
}
@media (max-width: 1000px) {
  .kgrid{grid-template-columns:1fr !important; gap:44px !important;}
  .joblayout{grid-template-columns:1fr !important;}
  .job-img{min-height:0 !important; width:100%; max-height:none; aspect-ratio:16/10; order:-1;}
  .job-content{padding:44px 32px !important;}
  .jtitle{font-size:34px !important;}
}
@media (max-width: 900px) {
  .footgrid{grid-template-columns:1fr !important; gap:34px !important;}
  .footgrid a{min-height:44px; display:inline-flex !important; align-items:center;}
  .phero a{min-height:44px; display:inline-flex !important; align-items:center;}
  .refcard a{min-height:44px; display:inline-flex !important; align-items:center;}
  .nav a{min-height:44px; display:flex !important; align-items:center;}
  .scs-logo{height:44px !important;}
  :where(.pg-acelszerkezet-tuzgatlo-festes,.pg-festes,.pg-gipszkartonozas,.pg-homlokzatszigeteles) .refgrid{grid-template-columns:repeat(2,1fr) !important;}
  .scs-grid2{grid-template-columns:1fr !important;}
  .scs-footgrid{grid-template-columns:1fr !important; gap:34px !important;}
  .scs-footgrid a{min-height:44px; display:inline-flex !important; align-items:center;}
  .scs-nav a{min-height:44px; display:flex !important; align-items:center;}
  .cardcta{min-height:44px; display:inline-flex !important; align-items:center;}
  .scs-hero-h{font-size:46px !important;}
  .scs-hero-inner{padding:0 90px !important;}
  .scs-stats{gap:36px 48px !important;}
  .scs-refcard{min-width:50% !important;}
}
@media (max-width: 880px) {
  .block > div{grid-template-columns:1fr !important;}
  .blk-txt{padding:56px 32px !important;}
  .blk-img{min-height:300px !important; order:-1;}
  :where(.pg-acelszerkezet-tuzgatlo-festes,.pg-festes,.pg-gipszkartonozas,.pg-homlokzatszigeteles) .phero h1{font-size:38px !important;}
  :where(.pg-rolunk) .phero h1{font-size:36px !important;}
}
@media (max-width: 760px) {
  :where(.pg-adatkezeles,.pg-allas,.pg-kapcsolat,.pg-referenciak) .phero h1{font-size:36px !important;}
  .frow{grid-template-columns:1fr !important;}
  :where(.pg-referenciak) .refgrid{grid-template-columns:1fr !important;}
  .svcgrid{grid-template-columns:1fr !important;}
  .pagetitle{font-size:36px !important;}
}
@media (max-width: 540px) {
  .scs-logo{height:38px !important;}
  :where(.pg-acelszerkezet-tuzgatlo-festes,.pg-festes,.pg-gipszkartonozas,.pg-homlokzatszigeteles) .refgrid{grid-template-columns:1fr !important;}
  :where(.pg-referenciak) .refgrid{grid-template-columns:1fr !important;}
  .ctaband{flex-direction:column; align-items:flex-start !important;}
  .applybox{flex-direction:column; align-items:flex-start !important;}
  .scs-hero{height:520px !important;}
  .scs-hero-inner{padding:0 26px !important;}
  .scs-hero-h{font-size:38px !important;}
  .scs-hero-arrow{display:none !important;}
  .scs-refcard{min-width:100% !important;}
  .scs-stats{gap:30px !important;}
  .scs-cta{flex-direction:column; align-items:flex-start !important;}
  .scs-cta-actions{width:100%;}
}

/* vissza a tetejére gomb */
.totop{position:fixed; right:24px; bottom:24px; z-index:90; width:48px; height:48px; border:none; border-radius:50%; background:#C23A36; color:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 6px 18px rgba(24,16,34,.25); opacity:0; visibility:hidden; transform:translateY(12px); transition:opacity .25s, transform .25s, visibility .25s, background .2s;}
.totop--show{opacity:1; visibility:visible; transform:none;}
.totop:hover{background:#a8302c;}
.totop:focus-visible{outline:3px solid #231a2e; outline-offset:3px;}
@media (max-width:640px){.totop{right:16px; bottom:16px; width:44px; height:44px;}}
@media (prefers-reduced-motion:reduce){.totop{transition:none;}}