.main {
    overflow: hidden;
}
.shop {
    padding-top: 218px;
    padding-bottom: 60px;
    position: relative;
}
.shop::before {
    content: none;
}
.shop-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.shop-count {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 8px;
    border-radius: 10px;
    border: 2px solid #BACFE3;
}
.shop-count span {
    color: #20517A;
    font-size: 12px;
    font-weight: 600;
    line-height: 133%;
}
.shop-blocks {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.shop-block__cat {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #343E4A;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
}
.shop-block__cat:hover {
    color: #20247A;
}
.shop-block__cat span {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #FFFFFF;
    box-shadow: 0 11px 18px 0 rgba(8, 37, 67, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}
.shop-block__cat:hover span {
    background-color: #20247A;
}
.shop-block__cat span svg path {
    transition: .3s;
}
.shop-block__cat:hover span svg path {
    stroke: #FFFFFF;
}
.shop-grid {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.shop-box {
    padding: 25px;
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 0 11px 18px 0 rgba(8, 37, 67, 0.06);
    position: relative;
    z-index: 1;
}
.shop-box::before {
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    aspect-ratio: 1.21;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIxIiBoZWlnaHQ9IjI2NSIgdmlld0JveD0iMCAwIDMyMSAyNjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuNCI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjIxLjY0NCAxMi4yMzRDMjAyLjgwNSA0LjQ3NzUxIDE4Mi4xNDggMC4xNDY0ODQgMTYwLjQ2NCAwLjE0NjQ4NEMxMzguNzgxIDAuMTQ2NDg0IDExOC4xMjQgNC40MzgxNCA5OS4yODQ0IDEyLjIzNEM3OS43MzM3IDIwLjMwNTUgNjIuMTE4MyAzMi4xNTY3IDQ3LjM0NjYgNDYuODgyMkMzMi42MTQ0IDYxLjU2ODQgMjAuNzI2IDc5LjEyODcgMTIuNTg5OCA5OC42NTc3QzQuODA4OTYgMTE3LjQzOSAwLjQ2NDM1NSAxMzguMDMxIDAuNDY0MzU1IDE1OS42NDZDMC40NjQzNTUgMTgxLjI2MiA0Ljc2OTQ2IDIwMS44NTQgMTIuNTg5OCAyMjAuNjM1QzIwLjY4NjUgMjQwLjEyNSAzMi41NzQ5IDI1Ny42ODUgNDcuMzQ2NiAyNzIuNDExQzYyLjA3ODggMjg3LjA5NyA3OS42OTQyIDI5OC45NDggOTkuMjg0NCAzMDcuMDU5QzExOC4xMjQgMzE0LjgxNSAxMzguNzgxIDMxOS4xNDYgMTYwLjQ2NCAzMTkuMTQ2QzE4Mi4xNDggMzE5LjE0NiAyMDIuODA1IDMxNC44NTUgMjIxLjY0NCAzMDcuMDU5QzI0MS4xOTUgMjk4Ljk4OCAyNTguODEgMjg3LjEzNiAyNzMuNTgyIDI3Mi40MTFDMjg4LjMxNCAyNTcuNjg1IDMwMC4yMDMgMjQwLjE2NCAzMDguMzM5IDIyMC42MzVDMzE2LjEyIDIwMS44NTQgMzIwLjQ2NCAxODEuMjYyIDMyMC40NjQgMTU5LjY0NkMzMjAuNDY0IDEzOC4wMzEgMzE2LjE1OSAxMTcuNDM5IDMwOC4zMzkgOTguNjU3N0MzMDAuMjQyIDc5LjE2ODEgMjg4LjM1NCA2MS42MDc3IDI3My41ODIgNDYuODgyMkMyNTguODEgMzIuMTU2NyAyNDEuMjM1IDIwLjM0NDggMjIxLjY0NCAxMi4yMzRaTTIxMi42NzkgMzMuODQ5OEMyMjkuMzg2IDQwLjc0IDI0NC40MzQgNTAuODU4OSAyNTYuOTk0IDYzLjM3OTVDMjY5LjU1MyA3NS45MDAxIDI3OS43MDQgOTAuOTAxMiAyODYuNjE2IDEwNy41NTZDMjkzLjI5MSAxMjMuNTgxIDI5Ni45NjQgMTQxLjE4MSAyOTYuOTY0IDE1OS41NjhDMjk2Ljk2NCAxNzcuOTU1IDI5My4yOTEgMTk1LjU1NSAyODYuNjE2IDIxMS41NzlDMjc5LjcwNCAyMjguMjM0IDI2OS41NTMgMjQzLjIzNSAyNTYuOTk0IDI1NS43NTZDMjQ0LjQzNCAyNjguMjc3IDIyOS4zODYgMjc4LjM5NSAyMTIuNjc5IDI4NS4yODZDMTk2LjYwNCAyOTEuOTQgMTc4Ljk0OSAyOTUuNjAxIDE2MC41MDQgMjk1LjYwMUMxNDIuMDU5IDI5NS42MDEgMTI0LjQwNCAyOTEuOTQgMTA4LjMyOSAyODUuMjg2QzkxLjYyMjEgMjc4LjM5NSA3Ni41NzQgMjY4LjI3NyA2NC4wMTQxIDI1NS43NTZDNTEuNDU0MiAyNDMuMjM1IDQxLjMwMzcgMjI4LjIzNCAzNC4zOTE4IDIxMS41NzlDMjcuNzE2OSAxOTUuNTU1IDI0LjA0MzcgMTc3Ljk1NSAyNC4wNDM3IDE1OS41NjhDMjQuMDQzNyAxNDEuMTgxIDI3LjcxNjkgMTIzLjU4MSAzNC4zOTE4IDEwNy41NTZDNDEuMzAzNyA5MC45MDEyIDUxLjQ1NDIgNzUuOTAwMSA2NC4wMTQxIDYzLjM3OTVDNzYuNTc0IDUwLjg1ODkgOTEuNjIyMSA0MC43NCAxMDguMzI5IDMzLjg0OThDMTI0LjQwNCAyNy4xOTU3IDE0Mi4wNTkgMjMuNTM0IDE2MC41MDQgMjMuNTM0QzE3OC45NDkgMjMuNTM0IDE5Ni42MDQgMjcuMTk1NyAyMTIuNjc5IDMzLjg0OThaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMzIyOF81ODU1OCkiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTguMTQ0IDY4Ljg5MThDMTg2LjU3MiA2NC4wODgyIDE3My44NTQgNjEuNDUwMyAxNjAuNTA0IDYxLjQ1MDNDMTQ3LjE1NCA2MS40NTAzIDEzNC40MzYgNjQuMDg4MiAxMjIuODY0IDY4Ljg5MThDMTEwLjgxOCA3My44NTI3IDk5Ljk5NTYgODEuMTM2OCA5MC45MTE0IDkwLjE5MjVDODEuODI3MyA5OS4yNDgzIDc0LjUyMDQgMTEwLjAzNyA2OS41NDM5IDEyMi4wNDVDNjQuNzY0OCAxMzMuNTgyIDYyLjA3OTEgMTQ2LjI2IDYyLjA3OTEgMTU5LjU2OEM2Mi4wNzkxIDE3Mi44NzYgNjQuNzI1MyAxODUuNTU0IDY5LjU0MzkgMTk3LjA5Qzc0LjUyMDQgMjA5LjA5OSA4MS44MjczIDIxOS44ODcgOTAuOTExNCAyMjguOTQzQzk5Ljk5NTYgMjM3Ljk5OSAxMTAuODE4IDI0NS4yODMgMTIyLjg2NCAyNTAuMjQ0QzEzNC40MzYgMjU1LjA0NyAxNDcuMTU0IDI1Ny42ODUgMTYwLjUwNCAyNTcuNjg1QzE3My44NTQgMjU3LjY4NSAxODYuNTcyIDI1NS4wNDcgMTk4LjE0NCAyNTAuMjQ0QzIxMC4xOTEgMjQ1LjI4MyAyMjEuMDEzIDIzNy45OTkgMjMwLjA5NyAyMjguOTQzQzIzOS4xODEgMjE5Ljg4NyAyNDYuNDg4IDIwOS4wOTkgMjUxLjQ2NCAxOTcuMDlDMjU2LjI4MyAxODUuNTU0IDI1OC45MjkgMTcyLjg3NiAyNTguOTI5IDE1OS41NjhDMjU4LjkyOSAxNDYuMjYgMjU2LjI4MyAxMzMuNTgyIDI1MS40NjQgMTIyLjA0NUMyNDYuNDg4IDExMC4wMzcgMjM5LjE4MSA5OS4yNDgzIDIzMC4wOTcgOTAuMTkyNUMyMjEuMDEzIDgxLjEzNjggMjEwLjE5MSA3My44NTI3IDE5OC4xNDQgNjguODkxOFpNMTg4Ljk0MiA5MC45OEMxOTguMDY1IDk0Ljc1OTggMjA2LjI4IDEwMC4yNzIgMjEzLjExMyAxMDcuMDg0QzIxOS45NDYgMTEzLjg5NSAyMjUuNTE1IDEyMi4wODUgMjI5LjI2NyAxMzEuMThDMjMyLjkwMSAxMzkuOTIxIDIzNC45MTUgMTQ5LjUyOCAyMzQuOTE1IDE1OS41NjhDMjM0LjkxNSAxNjkuNjA4IDIzMi45MDEgMTc5LjIxNSAyMjkuMjY3IDE4Ny45NTZDMjI1LjQ3NiAxOTcuMDUxIDIxOS45NDYgMjA1LjI0IDIxMy4xMTMgMjEyLjA1MkMyMDYuMjggMjE4Ljg2MyAxOTguMDY1IDIyNC40MTUgMTg4Ljk0MiAyMjguMTU2QzE4MC4xNzMgMjMxLjc3OCAxNzAuNTM2IDIzMy43ODYgMTYwLjQ2NSAyMzMuNzg2QzE1MC4zOTMgMjMzLjc4NiAxNDAuNzU2IDIzMS43NzggMTMxLjk4OCAyMjguMTU2QzEyMi44NjQgMjI0LjM3NiAxMTQuNjQ5IDIxOC44NjMgMTA3LjgxNiAyMTIuMDUyQzEwMC45NDQgMjA1LjIwMSA5NS40MTQgMTk3LjA1MSA5MS42NjE5IDE4Ny45NTZDODguMDI4MiAxNzkuMjE1IDg2LjAxMzkgMTY5LjYwOCA4Ni4wMTM5IDE1OS41NjhDODYuMDEzOSAxNDkuNTI4IDg4LjAyODIgMTM5LjkyMSA5MS42NjE5IDEzMS4xOEM5NS40NTM1IDEyMi4wODUgMTAwLjk4MyAxMTMuODk1IDEwNy44MTYgMTA3LjA4NEMxMTQuNjg4IDEwMC4yMzMgMTIyLjg2NCA5NC43MjA0IDEzMS45ODggOTAuOThDMTQwLjc1NiA4Ny4zNTc3IDE1MC4zOTMgODUuMzQ5NyAxNjAuNDY1IDg1LjM0OTdDMTcwLjUzNiA4NS4zNDk3IDE4MC4xNzMgODcuMzU3NyAxODguOTQyIDkwLjk4WiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzMyMjhfNTg1NTgpIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTc1LjA3NyAxMjQuNDQ3QzE3MC41NzUgMTIyLjU5NyAxNjUuNjc3IDEyMS41NzMgMTYwLjUwMyAxMjEuNTczQzE1NS4zMjkgMTIxLjU3MyAxNTAuMzkyIDEyMi41OTcgMTQ1LjkyOSAxMjQuNDQ3QzE0MS4yNjkgMTI2LjM3NiAxMzcuMDgyIDEyOS4yMTEgMTMzLjU2NyAxMzIuNzE1QzEzMC4wNTIgMTM2LjIyIDEyNy4yMDggMTQwLjM5MyAxMjUuMjcyIDE0NS4wMzlDMTIzLjQxNiAxNDkuNTI4IDEyMi4zODkgMTU0LjQxIDEyMi4zODkgMTU5LjU2OEMxMjIuMzg5IDE2NC43MjYgMTIzLjQxNiAxNjkuNjA4IDEyNS4yNzIgMTc0LjA1N0MxMjcuMjA4IDE3OC43MDMgMTMwLjA1MiAxODIuODc3IDEzMy41NjcgMTg2LjM4MUwxMzMuOTIyIDE4Ni43MzVDMTM3LjM1OCAxOTAuMTIxIDE0MS40MjYgMTkyLjgzOCAxNDUuOTI5IDE5NC42ODlDMTUwLjQzMiAxOTYuNTM5IDE1NS4zMjkgMTk3LjU2MyAxNjAuNTAzIDE5Ny41NjNDMTY1LjY3NyAxOTcuNTYzIDE3MC42MTQgMTk2LjUzOSAxNzUuMDc3IDE5NC42ODlDMTc5LjU4IDE5Mi44MzggMTgzLjY0OCAxOTAuMTIxIDE4Ny4wODQgMTg2Ljc3NUwxODcuNDQgMTg2LjM4MUMxOTAuOTU1IDE4Mi44NzcgMTkzLjc5OSAxNzguNzAzIDE5NS43MzQgMTc0LjA1N0MxOTcuNTkgMTY5LjYwOCAxOTguNjE3IDE2NC42ODYgMTk4LjYxNyAxNTkuNTY4QzE5OC42MTcgMTU0LjQ0OSAxOTcuNTkgMTQ5LjQ4OCAxOTUuNzM0IDE0NS4wMzlDMTkzLjc5OSAxNDAuMzkzIDE5MC45NTUgMTM2LjIyIDE4Ny40NCAxMzIuNzE1QzE4My45MjUgMTI5LjIxMSAxNzkuNzM4IDEyNi4zNzYgMTc1LjA3NyAxMjQuNDQ3Wk0xNjYuMDcyIDE0Ni4wNjNDMTY3Ljg4OSAxNDYuODExIDE2OS41MDggMTQ3LjkxMyAxNzAuODUxIDE0OS4yNTJDMTcyLjE5NCAxNTAuNTkxIDE3My4zIDE1Mi4yMDUgMTc0LjAxMSAxNTQuMDE2QzE3NC43MjIgMTU1Ljc0OSAxNzUuMTE3IDE1Ny42MzkgMTc1LjExNyAxNTkuNjA3QzE3NS4xMTcgMTYxLjU3NiAxNzQuNzIyIDE2My40NjYgMTc0LjAxMSAxNjUuMTk4QzE3My4yNjEgMTY3LjAwOSAxNzIuMTk0IDE2OC42MjQgMTcwLjg1MSAxNjkuOTYyTDE2OS45ODIgMTcwLjgyOEwxNjkuOTAzIDE3MC43NUMxNjguNzU4IDE3MS42OTUgMTY3LjQ1NSAxNzIuNTIyIDE2Ni4wMzMgMTczLjA3M0MxNjQuMjk1IDE3My43ODEgMTYyLjM5OSAxNzQuMTc1IDE2MC40MjQgMTc0LjE3NUMxNTguNDQ5IDE3NC4xNzUgMTU2LjU1NCAxNzMuNzgxIDE1NC44MTYgMTczLjA3M0MxNTMuMzk0IDE3Mi40ODIgMTUyLjA5MSAxNzEuNjk1IDE1MC45NDUgMTcwLjc1TDE1MC44NjYgMTcwLjgyOEwxNDkuOTk3IDE2OS45NjJDMTQ4LjY1NCAxNjguNjI0IDE0Ny41ODggMTY3LjAwOSAxNDYuODM3IDE2NS4xOThDMTQ2LjEyNyAxNjMuNDY2IDE0NS43MzIgMTYxLjU3NiAxNDUuNzMyIDE1OS42MDdDMTQ1LjczMiAxNTcuNjM5IDE0Ni4xMjcgMTU1Ljc0OSAxNDYuODM3IDE1NC4wMTZDMTQ3LjU4OCAxNTIuMjA1IDE0OC42OTQgMTUwLjU5MSAxNTAuMDM3IDE0OS4yNTJDMTUxLjM4IDE0Ny45MTMgMTUyLjk5OSAxNDYuODExIDE1NC44MTYgMTQ2LjEwMkMxNTYuNTU0IDE0NS4zOTQgMTU4LjQ0OSAxNDUgMTYwLjQyNCAxNDVDMTYyLjM5OSAxNDUgMTY0LjI5NSAxNDUuMzk0IDE2Ni4wMzMgMTQ2LjEwMkwxNjYuMDcyIDE0Ni4wNjNaIiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXJfMzIyOF81ODU1OCkiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzMyMjhfNTg1NTgiIHgxPSIxNjAuNDY0IiB5MT0iMC4xNDY0ODQiIHgyPSIxNjAuNDY0IiB5Mj0iMzE5LjE0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRTdFREYzIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzMyMjhfNTg1NTgiIHgxPSIxNjAuNDY0IiB5MT0iMC4xNDY0ODQiIHgyPSIxNjAuNDY0IiB5Mj0iMzE5LjE0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRTdFREYzIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyXzMyMjhfNTg1NTgiIHgxPSIxNjAuNDY0IiB5MT0iMC4xNDY0ODQiIHgyPSIxNjAuNDY0IiB5Mj0iMzE5LjE0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRTdFREYzIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    z-index: -1;
}

.shop-box:hover {
    box-shadow: none;
}
.shop-box__pic {
    width: 100%;
    aspect-ratio: 1.308;
}
.shop-box__pic img {
    width: 100%;
    height: 100%;
    transition: .3s;
    object-fit: cover;
}
.shop-box:hover .shop-box__pic img {
    transform: scale(1.02);
}
.shop-box__title {
    margin-top: -6px;
    min-height: 52px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: #343E4A;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    transition: .3s;
}
.shop-box:hover .shop-box__title {
    color: #20247A;
}
.shop-box__count {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    border-radius: 10px;
    padding: 7px 10px;
    background-color: #E7EDF3;
    color: #20517A;
    font-size: 12px;
    font-weight: 600;
    line-height: 133%;
}
.form-block {
    padding-top: 214px;
    padding-bottom: 60px;
}
.shop-info {
    padding-bottom: 110px;
}
.shop-info_content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.shop-info_content.active {
    display: block;
}
.shop-info_content p {
    margin-top: 10px;
    color: rgba(52, 62, 74, 0.9);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 143%;
}
.shop-info__btn {
    margin-top: 10px;
    padding: 11px 18px;
}
.shop-info__btn.active svg {
    transform: rotate(180deg);
}
.footer::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI3MSIgdmlld0JveD0iMCAwIDE5MjAgNzEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOTIwIDE0LjE3MTJDODcxLjUgLTExIDc3NiAxNTUuNSAwIDAuMjgxMjVWNzAuMjgxMkgxOTIwTDE5MjAgMTQuMTcxMloiIGZpbGw9IiM0OTIwN0UiLz4KPC9zdmc+Cg==);
}


.shop-child {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 40px;
}
.shop-cats {
    width: 249px;
    flex-shrink: 0;
    border-radius: 15px;
    background-color: #FFFFFF;
    box-shadow: 0 11px 18px 0 rgba(8, 37, 67, 0.06);
    overflow: hidden;
    /* padding-top: 5px;
    padding-bottom: 5px; */
}
.shop-cat {
    display: flex;
    align-items: center;
    width: 100%;
}
.shop-cat__link {
    display: flex;
    align-items: flex-start;
    width: 100%;
    gap: 5px;
    position: relative;
    padding: 11px 38px 11px 20px;
}
.shop-cat__link:hover {
    padding-left: 38px;
    padding-right: 25px;
    background-color: #20247A;
}
.shop-cat__link::before {
    content: '';
    position: absolute;
    top: 14px;
    left: 20px;
    width: 13px;
    height: 13px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuODc1IDkuNzVMOC4xMjUgNi41TDQuODc1IDMuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    opacity: 0;
    transform: translateX(-18px);
    transition: .3s;
}
.shop-cat__link:hover::before {
    opacity: 1;
    transform: translateX(0);
}
.shop-cat__link span {
    color: #343E4A;
    font-size: 14px;
    font-weight: 500;
    line-height: 143%;
    transition: .3s;
}
.shop-cat__link:hover span {
    color: #FFFFFF;
}
.shop-child_r {
    width: calc(100% - 269px);
}
.shop-child_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 14px;
}
.shop-child_grid .shop-box {
    padding: 15px;
    border-radius: 15px;
}
.shop-child_grid .shop-box__pic {
    aspect-ratio: 1.4642;
}
.shop-child_grid .shop-box__title {
    min-height: 44px;
    font-size: 14px;
    line-height: 22px;
    margin-top: 7px;
}
.shop-child_grid .shop-box__count {
    padding: 5px 8px;
}
.shop-banners {
    margin-top: 40px;
}
.shop-banner {
    padding: 25px;
    padding-bottom: 51px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.shop-banner>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.shop-banner_content {
    max-width: 382px;
}
.shop-banner__tag {
    padding: 3px 8px;
    display: inline-block;
    border-radius: 7px;
    background-color: #49207A;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    line-height: 133%;
}
.shop-banner__title {
    color: #343E4A;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    margin-top: 6px;
}
.shop-banner__text {
    margin-top: 6px;
    color: rgba(52, 62, 74, 0.8);
    font-size: 15px;
    line-height: 140%;
}
.shop-banner__link {
    padding: 9px 19px;
    font-size: 13px;
    line-height: 138%;
    margin-top: 7px;
    display: inline-flex;
}
.shop-banner_pagination {
    position: absolute;
    left: 22px!important;
    bottom: 22px!important;
    justify-content: flex-start;
    z-index: 2;
}
.shop-sliders {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 40px;
}
.shop-sliders_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shop-slider_navigation {
    display: flex;
    align-items: center;
    gap: 10px;
}
.shop-slider {
    margin-top: 30px;
    overflow: visible;
}
.shop-slide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.shop-slide.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.shop-slider_pagination {
    margin-top: 28px;
}






@media(max-width: 1260px) {
    .shop {
        padding-top: 144px;
    }
    .shop-grid {
        gap: 12px;
    }

    .shop-child_grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media(max-width: 991px) {
    .shop {
        padding-bottom: 30px;
    }
    .shop-top {
        align-items: center;
    }
    .shop-count {
        border-width: 1px;
        padding: 3px 4px;
        border-radius: 7px;
    }
    .shop-blocks {
        margin-top: 20px;
        gap: 20px;
    }
    .shop-block__cat {
        font-size: 17px;
        line-height: 21px;
    }
    .shop-block__cat span {
        width: 28px;
        height: 28px;
    }
    .shop-grid {
        margin-top: 10px;
    }
    .shop-box {
        padding: 10px;
        border-radius: 15px;
    }
    .shop-box__title {
        margin-top: 7px;
        font-size: 12px;
        line-height: 133%;
        min-height: 26px;
        align-items: center;
    }
    .shop-box__pic {
        width: 91%;
        margin-left: auto;
        margin-right: auto;
    }
    .shop-box__count {
        padding: 3px 4px;
        font-size: 10px;
        line-height: 133%;
        border-radius: 6px;
        top: 8px;
        right: 8px;
    }

    .form-block {
        padding-top: 82px;
        padding-bottom: 35px;
    }
    .shop-info_content {
        -webkit-line-clamp: 7;
    }
    .shop-info_content p {
        font-size: 12px;
        line-height: 133%;
    }
    .shop-info__btn {
        margin-top: 6px;
        padding: 10px 12px;
    }


    .shop-child {
        margin-top: 20px;
    }
    .shop-child_r {
        width: 100%;
    }
    .shop-child_grid {
        gap: 12px;
    }
    .shop-child_grid .shop-box__count {
        padding: 3px 4px;
    }
    .shop-child_grid .shop-box__pic {
        width: 100%;
    }
    .shop-child_grid .shop-box__title {
        min-height: 26px;
        font-size: 12px;
        line-height: 133%;
        align-items: flex-end;
    }
    .shop-banners {
        margin-top: 20px;
    }
    .shop-banner {
        border-radius: 8px;
        padding: 16px 22px;
        padding-bottom: 57px;
    }
    .shop-banner_content {
        max-width: 295px;
    }
    .shop-banner__tag {
        padding: 2px 4px;
    }
    .shop-banner__title {
        font-size: 17px;
        line-height: 21px;
        max-width: 245px;
    }
    .shop-banner__text {
        font-size: 12px;
        line-height: 133%;
    }
    .shop-banner__link {
        padding: 5px 7px;
        gap: 3px;
        font-size: 12px;
        border-radius: 8px;
    }
    .shop-banner_pagination {
        left: 19px !important;
        bottom: 18px !important;
    }

    .shop-sliders {
        margin-top: 20px;
        gap: 20px;
    }
    .shop-slider {
        margin-top: 18px;
    }
    .shop-slide {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        width: 210px;
    }

}

@media(max-width: 767px) {
    .shop {
        padding-top: 116px;
    }
    .shop-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media(max-width: 580px) {
    .shop-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
    .shop-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .form-block {
        padding-top: 44px;
    }
    .form-block {
        padding-bottom: 15px;
    }

    .shop-child {
        flex-direction: column;
    }
    .shop-cats {
        width: 100%;
        flex-direction: column;
        gap: 4px;
        background-color: transparent;
        box-shadow: unset;
    }
    .shop-cat__link,
    .shop-cat__link:hover {
        height: 54px;
        padding: 0 4px 0 6px;
        background-color: #FFFFFF;
        border-radius: 15px;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .shop-cat__link::before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC44Ij4KPHBhdGggZD0iTTYgMTJMMTAgOEw2IDQiIHN0cm9rZT0iIzM0M0U0QSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=);
        position: static;
        margin-left: auto;
        order: 1;
        opacity: 1;
        transform: none;
        width: 16px;
        height: 16px;
    }
    .shop-cat__link span {
        font-size: 13px;
        line-height: 138%;
    }
    .shop-cat__link:hover span {
        color: #343E4A;
    }
    .shop-cat__link>img {
        width: 46px;
        max-height: 100%;
        object-fit: contain;
        height: auto;
    }
    .shop-banners {
        margin-top: 0;
        overflow: visible;
    }
    .shop-banner {
        width: 280px;
        padding: 12px;
    }
    .shop-banner_content {
        max-width: 166px;
    }
}