.catalog-card{background:var(--white);border-radius:20px;color:var(--accent-100);display:flex;flex-direction:column;gap:5px;padding:20px 20px 30px;position:relative;transition:var(--transition)}@media(hover:hover){.catalog-card:hover{background:var(--accent-400)}.catalog-card:hover .catalog-card-date,.catalog-card:hover .catalog-card-desc,.catalog-card:hover .catalog-card-title{color:var(--white)}}@media(hover:none){.catalog-card:active{background:var(--accent-400)}.catalog-card:active .catalog-card-date,.catalog-card:active .catalog-card-desc,.catalog-card:active .catalog-card-title{color:var(--white)}}.catalog-card-row{display:flex;flex-direction:column;gap:10px}.catalog-card-row img{aspect-ratio:400/260;border-radius:20px;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.catalog-card-date{font-size:16px;font-weight:400;opacity:.6}.catalog-card-date,.catalog-card-title{color:var(--accent-100);font-family:Inter;letter-spacing:-.03em;transition:var(--transition)}.catalog-card-title{font-size:18px;font-weight:600}.catalog-card-desc{color:var(--accent-100);font-family:Inter;font-size:16px;font-weight:400;letter-spacing:-.03em;line-height:100%;transition:var(--transition)}.catalog-card-loading{background:#ddd;border-radius:20px;height:100%;inset:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:var(--transition);width:100%;z-index:1}@media screen and (max-width:1199px){.catalog-card-row img{aspect-ratio:560/260}}@media screen and (max-width:639px){.catalog-card{padding:10px 10px 30px}.catalog-card-row img{aspect-ratio:335/260}}.catalog-container{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.catalog-section-container{display:flex;flex-direction:column;gap:30px}.catalog-btn{margin:0 auto;max-width:900px}.loading .catalog-card-loading:after{animation:load-list 2.5s infinite;background:var(--white);border-radius:30px;box-shadow:0 0 30px 30px var(--white);content:"";filter:blur(20px);height:2px;left:0;position:absolute;top:0;width:100%}.catalog-container.loading .catalog-card-loading{opacity:1;pointer-events:all}button.more-btn{display:none;margin:0 auto;max-width:900px}button.more-btn.show{display:flex}@media screen and (max-width:1699px){.catalog-container{grid-template-columns:repeat(3,1fr)}.catalog-btn{margin:0 auto}.catalog-btn,button.more-btn{max-width:600px}}@media screen and (max-width:1199px){.catalog-container{gap:40px;grid-template-columns:1fr}}
