*{margin:0;padding:0;box-sizing:border-box}@font-face{font-display:swap;font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;src:url("../fonts/plus-jakarta-sans-v12-latin_latin-ext-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;src:url("../fonts/plus-jakarta-sans-v12-latin_latin-ext-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;src:url("../fonts/plus-jakarta-sans-v12-latin_latin-ext-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;src:url("../fonts/plus-jakarta-sans-v12-latin_latin-ext-700.woff2") format("woff2")}html{scroll-behavior:smooth;--accent-color: #F45440}body{font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;display:flex;flex-direction:column;min-height:100vh;background-color:#fcfcf8;font-size:16px}img{max-width:100%}li{list-style:none}a{color:var(--accent-color);text-decoration:none}.slide-up{animation:.5s ease-out 0s 1 normal forwards running slide-up}.icon svg{width:20px;height:20px;fill:currentColor;display:block}.innerContainer{max-width:1400px;margin:auto;padding:0 20px}.siteDescription{padding:20px 0;background:#f7f7f7;line-height:20px;border-radius:5px;color:#333}.siteDescription .innerContainer{display:flex;flex-wrap:wrap;gap:5px}.topInfo{background:#0c1524 url(../images/safir-bg.webp) 50% 100%;background-size:cover;color:#fff}.topInfo .innerContainer{display:flex;justify-content:space-between;align-items:center;padding-top:30px;padding-bottom:30px}.topInfo .innerContainer.mobile{display:none;padding:0}.topInfo .innerContainer.mobile .logoBlock{display:flex;justify-content:space-between;align-items:center;padding:20px}.topInfo .innerContainer.mobile .menu{background:hsla(0,0%,100%,.1);justify-content:center;gap:0}.topInfo .innerContainer.mobile .menu a{border-radius:0;width:100%}.topInfo .innerContainer.mobile .menu a:not(:last-child){border-right:1px solid hsla(0,0%,100%,.04)}@media(max-width: 820px){.topInfo .innerContainer.desktop{display:none}.topInfo .innerContainer.mobile{display:block}}.topInfo .menu{display:flex;gap:10px}.topInfo .menu a{color:#fff;display:block;padding:10px 20px;border-radius:4px;transition:all .3s}.topInfo .menu a:hover{background:hsla(0,0%,100%,.05)}.topInfo .logo img{max-height:55px}.topInfo .menuButton{padding:10px 20px;display:flex;gap:5px;background:var(--accent-color);color:#fff;line-height:20px;border-radius:20px;transition:all .3s;white-space:nowrap}.topInfo .menuButton:hover{background:#cf4232}h1{font-size:24px;margin-bottom:10px}.mainBlock{padding:60px 0}@media(max-width: 768px){.mainBlock{padding:20px 0}}.mainBlock .blockTitle{margin-bottom:30px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.mainBlock .blockTitle .icon{border-radius:50%;padding:10px;background:#ffdfd8;color:var(--accent-color);flex-grow:0}.mainBlock .blockTitle .icon svg{display:block;width:22px;height:22px}.mainBlock .blockTitle .text{display:flex;flex-direction:column;gap:6px}.mainBlock .blockTitle h2{color:oklch(.12 .014 100);font-size:24px;line-height:1}.mainBlock .blockTitle p.slogan{color:oklch(.42 .02 100);font-size:14px}.themeList{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));flex-wrap:wrap;gap:30px}.themeList li{position:relative;border-radius:5px;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s}.themeList li:hover:not(:has(.multipleDemos.active)){border-color:#52db9c}.themeList li .inner{background-color:#fff}.themeList li .inner .titleBlock{padding:10px 20px 0 20px;display:flex;justify-content:space-between;align-items:center}.themeList li .inner .titleBlock h2 a{font-weight:500;font-size:16px;color:#000}.themeList li .inner .titleBlock .price{font-weight:600;color:var(--accent-color);font-size:14px;letter-spacing:-1px}.themeList li .inner .titleBlock .price del{opacity:.7;margin-right:5px;font-weight:400}.themeList li .thumb{overflow:hidden;aspect-ratio:4/3}.themeList li .thumb .demoCount{position:absolute;top:12px;left:12px;line-height:24px;border-radius:15px;padding:0 15px;color:#fffafc;background:rgba(31,27,3,.7019607843);font-size:12px;z-index:1;transition:all .3s}.themeList li .thumb a{display:block}.themeList li .thumb img{aspect-ratio:4/3;object-fit:cover;transition:all .5s ease}.themeList li:hover img{transform:scale(1.05)}.themeList li .thumb a{display:block;position:relative}.themeList li .buttons{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px}.themeList li .buttons a{width:100%;display:flex;gap:5px;align-items:center;justify-content:center;padding:8px 10px;background:#f3f2ec;color:#333;border-radius:4px;font-size:13px;position:relative;font-weight:500;transition:all .3s}.themeList li .buttons a:hover{background:oklch(.92 .012 100)}.themeList li .buttons a:last-child{background:var(--accent-color);color:#fff}.themeList li .buttons a:last-child:hover{background:#cf4232}.themeList li .multipleDemos{opacity:0;z-index:-1;position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;transition:all .3s}.themeList li .multipleDemos.active{opacity:1;z-index:2}.themeList li .multipleDemos .topBlock{padding:16px;border-bottom:1px solid #e5e7eb}.themeList li .multipleDemos .topBlock .titleBlock{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.themeList li .multipleDemos .topBlock .titleBlock .title{font-size:19px;font-weight:500}.themeList li .multipleDemos .topBlock .titleBlock .close{background:#f3f2ec;cursor:pointer;transition:all .3s;color:#242217;border-radius:50%;padding:6px}.themeList li .multipleDemos .topBlock .titleBlock .close:hover{background:oklch(.92 .012 100)}.themeList li .multipleDemos .topBlock .info{color:#4f4e41;font-size:13px}.themeList li .multipleDemos .demolinks{padding:16px;display:flex;flex-direction:column;gap:10px}.themeList li .multipleDemos .demolinks a{display:flex;gap:10px;align-items:center;border:1px solid #e6e5dc;padding:10px;border-radius:5px;font-weight:500;font-size:16px;transition:all .3s;color:#000}.themeList li .multipleDemos .demolinks a:hover{background:#f7f7f2;border-color:#52db9c}.themeList li .multipleDemos .demolinks a:hover .number{background:#98e9be}.themeList li .multipleDemos .demolinks a .number{background:oklch(.93 .05 160);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:oklch(.52 .2 160);font-weight:600;font-size:17px;transition:all .3s}.themeList li .multipleDemos .demolinks a .newlink{margin-left:auto;color:oklch(.65 .012 100)}.themeList li .multipleDemos .demolinks a .newlink svg{width:16px;height:16px}.themeList li:has(.multipleDemos.active) .demoCount{opacity:0}.categories .links{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.categories .item{padding:8px 20px;background:oklch(.96 .008 100);line-height:20px;border-radius:20px;cursor:pointer;color:#333;transition:all .3s;font-size:15px}.categories .item.active{background:var(--accent-color);color:#fff}.categories .item:not(.active):hover{background:#e6e5dc}.mainBlock.themes{background-color:#f3f2ec}#footer{margin-top:auto;background:#0c1524 url(../images/safir-bg.webp);background-size:cover;padding:20px;color:#fff;text-align:center}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0px)}}