body,nav {
    background-color: #fff
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled,nav {
    pointer-events: all!important
}

.btn-txt,.pi-h2,.swiper-slide {
    text-align: center
}

.btn,.nav__btn,.pi .i-w,a,label {
    cursor: pointer
}

.nav__btn,.nav__search__input {
    transition: .35s;
    position: relative
}

.cat-content__item-title,.pi-h2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.breadcrumbs__link,.filter__aside__filter-box span a {
    white-space: nowrap
}

.filter-less,body {
    font-style: normal
}

*,::after,::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit
}

.specs,html {
    box-sizing: border-box
}

html {
    font-size: 62.5%
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

input[type=checkbox i] {
    width: 1.8rem;
    height: 1.8rem;
    vertical-align: middle;
    margin-top: -2px
}

label {
    margin-left: .5rem
}

.divider {
    height: 1px;
    background-color: #e1e1e5
}

.margin_top {
    margin-top: 2rem
}

.container-parent,.container-secondary {
    border-top: 1px solid #e8e8ed
}

.container {
    width: 100%;
    margin: 0 auto;
    max-width: 120rem;
    padding: 0 20px
}

body {
    font-size: 1.6rem;
    font-family: Inter,sans-serif;
    font-weight: 400;
    color: #1f2533;
    line-height: 1.6
}

.banner-full-width {
    height: 110px;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
    line-height: 0
}

ul {
    list-style: none
}

nav {
    font-size: 1.4rem
}

a {
    text-decoration: none
}

.carousel {
    position: relative
}

@media screen and (min-width: 43.75em) {
    body {
        overflow-x:hidden
    }

    .carousel {
        margin-top: 1rem
    }
}

.prod .swiper-container {
    max-height: unset
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-items {
    max-width: 81rem;
    padding: 3rem 0
}

.swiper-slide {
    background: #fff!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.swiper-img {
    display: block;
    width: unset;
    height: unset;
    max-width: 38rem;
    margin: 2rem auto 0
}

.swiper-button-next {
    right: 3rem!important
}

.swiper-button-prev {
    left: 3rem!important
}

.swiper-button-next,.swiper-button-prev {
    outline: 0!important;
    display: block!important
}

.swiper-button-next::after,.swiper-button-prev::after {
    font-size: 2.5rem!important;
    color: #3c24b2
}

.swiper-button-prev::after {
    position: absolute;
    top: 1.3rem;
    right: 1.6rem
}

.swiper-button-next::after {
    position: absolute;
    top: 1.25rem;
    left: 1.7rem
}

.swiper-pagination-prod {
    bottom: -.3rem!important
}

.swiper-pagination-bullet {
    outline: 0;
    margin-left: .5rem
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #b224b3
}

@media screen and (min-width: 26.625em) {
    .swiper-button-next,.swiper-button-prev {
        display:block
    }
}

@media screen and (max-width: 61.875em) {
    .swiper-pagination-home {
        width:unset!important;
        right: 0!important
    }

    .swiper-button-next,.swiper-button-prev {
        display: none!important
    }
}

@media screen and (min-width: 38.125em) {
    .swiper-img {
        width:80%!important;
        margin: 0 auto
    }
}

.swiper-slide {
    flex-shrink: 0;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 0!important
}

.btn {
    border: none;
    outline: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: .4rem
}

.btn:not(:last-child),.footer__item:not(:last-child) {
    margin-bottom: 1rem
}

.btn-ico {
    display: flex;
    font-size: 2rem;
    padding: 1.5rem;
    justify-content: center
}

.btn-ico--grey {
    height: 100%;
    min-height: 4rem;
    border-right: 1px solid #3c24b2
}

.btn-txt {
    flex: 4;
    font-size: 14px
}

.btn-cart {
    color: #fff;
    width: 100%;
    height: 5rem;
    background-image: linear-gradient(to right,#b224b3,#3c24b2)
}

.btn-cart-ico {
    display: block;
    width: 100%;
    max-width: 6rem;
    height: 5rem
}

.btn-wish {
    color: #3c24b2;
    background-color: #fff;
    border: 1px solid #3c24b2
}

.btn-wish-comments {
    color: #126fdf;
    background-color: #fff;
    border: 1px solid #126fdf;
    height: 3rem;
    width: 22rem;
    margin: 0 auto
}

.btn-wish-comments--center {
    font-size: 1.4rem;
    align-items: center;
    justify-content: center;
    padding: 0!important
}

.breadcrumbs {
    grid-column: 2/4;
    grid-row: 2/3;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 2rem;
    margin: 0 0 2rem;
    font-size: 1.2rem;
    width: 3000px;
    overflow-x: scroll
}

.filters__wrap,.popup__wrap {
    margin: 0 auto;
    position: relative
}

.breadcrumbs::-webkit-scrollbar {
    height: 0
}

.bread-icon {
    font-size: .8rem;
    padding-right: 1rem
}

.breadcrumbs>:not(:last-child) {
    margin-right: 1rem
}

.breadcrumbs__logo {
    display: block;
    width: 2.6rem
}

.pi,.pi-cta,.pi-img {
    width: 100%
}

.breadcrumbs__link {
    color: #7a8499;
    font-size: 1.2rem
}

.filters {
    padding: 0
}

.filters__item__price--old {
    font-size: 1.3rem;
    height: 2rem
}

.filters__item-priceNew {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-weight: 700;
    color: #b30412;
    font-size: 1.8rem
}

.filters-frequent,.filters-others,.filters-packages,.filters-recommend {
    padding: 2rem 0;
    grid-column: 2/4
}

.filter__aside.popup--active,.home.cats,.slides-bg {
    background-color: #f2f5f5
}

.slides-bg>.filters__wrap>.swiper-container>.swiper-wrapper>.swiper-slide {
    box-sizing: border-box;
    border-radius: .8rem;
    background: #fff;
    width: 40%;
    box-shadow: 0 0 3px rgb(0 0 0 / 5%);
    border-bottom: 1px solid #ccc
}

.filters-frequent {
    grid-row: 7/8
}

.filters__wrap {
    width: 100%;
    max-width: 120rem;
    padding: 0
}

.filters__title {
    display: block;
    padding: 1rem 0;
    font-size: 2rem;
    font-weight: 400
}

.pi {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.pi-h2 {
    line-height: 1.4;
    height: 4rem;
    padding: 0 1rem;
    font-weight: 600;
    font-size: 1.4rem;
    color: #1f2533;
    overflow: hidden;
    display: -webkit-box
}

.pi-o-price,.pi-price {
    text-align: left;
    display: block
}

.pi-a {
    height: 4rem;
    color: #000
}

.pi-cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px
}

.pi-o-price {
    font-size: 1.2rem;
    height: 2rem
}

.pi-price {
    font-weight: 700;
    color: #b30412;
    font-size: 1.8rem;
    line-height: 18px
}

.pi .btn-ico {
    padding: 12px
}

.pi .btn-cart {
    width: unset!important;
    height: unset;
    overflow: hidden;
    float: right;
    display: block
}

.pi-a-img {
    height: 26rem;
    text-align: center;
    padding: 8px
}

.pi-img {
    max-height: 240px;
    height: unset
}

.pi .i-w {
    width: 33px;
    height: 33px;
    background: url('/img/heart.png') 0 0/100% no-repeat;
    position: absolute;
    top: .5rem;
    right: 1rem
}

.pi .i-h {
    background-position: 0 -33px
}

.pi .sr {
    transform: scale(.8)
}

.sr {
    width: 90px;
    height: 18px;
    background-image: url('/img/rating.webp');
    background-size: 100%;
    display: inline-block
}

.sr5 {
    background-position: 0 0
}

.sr4 {
    background-position: 0 -18px
}

.sr3 {
    background-position: 0 -36px
}

.sr2 {
    background-position: 0 -54px
}

.sr1 {
    background-position: 0 36px
}

.sr0 {
    background-position: 0 18px
}

.filters__img {
    width: 10.5rem;
    max-height: 170px;
    height: unset
}

.sw-next,.sw-prev {
    background-color: #fff;
    border: 1px solid #d5d9e2;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 4rem!important;
    height: 4rem!important
}

.ql-editor {
    padding: 0!important
}

.sw-1-next,.sw-2-next,.sw-3-next,.sw-4-next,.sw-5-next,.sw-6-next {
    right: -5.5rem!important
}

.sw-1-prev,.sw-2-prev,.sw-3-prev,.sw-4-prev,.sw-5-prev,.sw-6-prev {
    left: -5.5rem!important
}

.sw-next::after,.sw-prev::after {
    font-size: 1.2rem!important;
    font-weight: 700!important;
    color: #293766!important
}

.swiper-container.swiper-recommend {
    max-width: 120rem;
    height: 41rem;
    padding-bottom: 22px
}

.popup__wrap {
    z-index: 99;
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    top: 50%
}

.popup__wrap__cart {
    max-width: 90rem!important;
    min-height: 100vh;
    background-color: #fff
}

.popup-center,.popup__wrap--review,.popup__wrap-address,.popup__wrap__cart {
    transform: unset;
    top: 0
}

@media screen and (min-width: 40.625em) {
    .popup-center {
        top:50%;
        transform: translateY(-50%)
    }

    .popup--active {
        background-color: rgba(0,0,0,.5)
    }

    .popup__wrap {
        min-height: unset
    }
}

@media screen and (min-width: 41.25em) {
    .popup__wrap {
        display:flex;
        flex-direction: column;
        max-width: 80%;
        border-radius: .8rem
    }
}

@media screen and (min-width: 59em) {
    .popup__wrap {
        max-width:60rem
    }
}

.cart {
    width: 100%
}

.nav {
    display: grid;
    align-items: center;
    grid-template-columns: minmax(5%,22rem) 4fr 1fr 1fr 1fr;
    grid-template-rows: 9rem 1fr;
    border-bottom: unset;
    background-color: #fff
}

.nav__bg-fw {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    order: 1
}

.nav__burger__menu,.nav__burger__menu2,.nav__burger__menu3,.nav__burger__target {
    display: none
}

.nav__bg-c {
    left: 1rem;
    top: 2.5rem
}

.nav__logo,.nav__search {
    justify-self: flex-start;
    cursor: pointer
}

.nav__search {
    display: flex;
    justify-content: center;
    width: 100%;
    grid-column: 1/-1;
    grid-row: 2/3
}

.nav__logo {
    order: 3;
    grid-row: 1/2;
    grid-column: 2/3
}

.nav__logo__img {
    display: block;
    width: 20rem;
    margin: 0
}

.nav__cart,.nav__wishlist {
    justify-self: flex-end
}

.nav__wishlist {
    order: 4;
    position: relative
}

.nav__cart {
    order: 5;
    position: relative
}

.nav__notif {
    top: -.8rem;
    right: 9rem;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    position: absolute;
    border-radius: 100%;
    background-color: #e60013
}

.nav__btn__text,.nav__search>.mobile-search {
    display: none
}

.nav__btn {
    border: none;
    outline: 0;
    background: 0 0
}

.nav__icon {
    font-size: 18px;
    color: #293766;
    position: relative
}

.details__info, .nav__search__form {
    display: flex;
    flex-direction: row;
}

.nav__search__form {
    align-items: center;
}

#autosuggest,.nav__search__input {
    width: 100%
}

.nav__search__input {
    display: block;
    z-index: 100;
    width: 100%;
    height: 4rem;
    outline: 0;
    font-size: 1.6rem;
    border-right: unset;
    font-family: inherit;
    border-radius: .4rem 0 0 .4rem;
    border-left: 1px solid #e1e1e5;
    border-top: 1px solid #e1e1e5;
    border-bottom: 1px solid #e1e1e5;
    padding: 1rem 3.5rem 1rem 1rem;
    background-color: #fff
}

.nav__search-clear,.nav__search-go {
    height: 4rem;
    background-color: #fff;
    border-top: 1px solid #e1e1e5;
    border-bottom: 1px solid #e1e1e5;
    border-left: unset;
    cursor: pointer
}

.nav__search {
    grid-column: 3/4;
    grid-row: 1/2;
    justify-self: center
}

.nav__search>.desktop-search {
    display: flex
}

.nav__search i {
    font-size: 2rem
}

.nav__btn__text__ico {
    font-size: .5rem;
    margin-left: .4rem;
    vertical-align: middle
}

.nav__search-clear {
    border-right: unset;
    width: 3rem
}

.nav__search-clear i {
    font-size: 1.2rem;
    color: #7a8499
}

.nav__search-go {
    width: 4rem;
    border-right: 1px solid #e1e1e5;
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem
}

@media screen and (min-width: 64.0625em) {
    .nav__btn__text,.nav__burger__target {
        display:none
    }

    .nav__burger {
        grid-row: 2/3;
        grid-column: 1/-1;
        grid-auto-rows: 5rem
    }

    .nav__bg-fw {
        background-image: linear-gradient(to left,#3c24b2,#b224b3);
        left: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        max-width: 100vw;
        position: relative;
        right: 50%;
        width: 100vw
    }

    .nav__bg-fw .nav__bg-c {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        max-width: 122rem;
        position: relative;
        transform: unset;
        top: 0
    }

    .nav__cart {
        margin-right: 0
    }

    .nav__menu__big__drop__item:hover>.nav__menu__big__subdrop__list,.nav__menu__big__drop__link:hover+.nav__menu__big__subdrop__list,.nav__menu__big__item:hover>.nav__menu__big__drop {
        opacity: 1;
        visibility: visible
    }

    .nav__logo {
        order: 1;
        max-width: 24rem;
        grid-column: 1/2;
        grid-row: 1/2;
        justify-self: unset
    }

    .nav__search {
        display: flex;
        align-items: center;
        justify-self: flex-start;
        grid-column: 2/3;
        grid-row: 1/2
    }

    .nav__search>.mobile-search {
        display: none
    }

    .nav__search>.desktop-search {
        display: flex;
        width: 100%;
        max-width: 50rem
    }

    .nav__search-go i {
        font-size: 1.7rem;
        color: #7a8499
    }

    .nav__search__input>input:focus {
        border: 1px solid #3f24b2
    }

    .nav__icon__search--desktop {
        font-size: 1.6rem;
        display: block
    }

    .nav__btn__search {
        transform: translateX(-2.5rem)
    }

    .nav__account {
        order: 4;
        display: block;
        justify-self: flex-end;
        position: relative;
        grid-column: 3/4
    }

    .nav__cart,.nav__wishlist {
        justify-self: flex-end
    }

    .nav__burger::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #e8e8e8;
        position: absolute;
        left: 0;
        top: 9rem
    }

    @media screen and (max-width: 62.4375em) {
        .nav__burger::before {
            top:6rem
        }
    }

    .menu-container {
        padding: 0!important
    }

    @media (max-width: 1208px) {
        .menu-container {
            padding-left:10px!important;
            padding-right: 10px!important
        }
    }

    .nav__burger__menu {
        display: flex;
        grid-column: 1/2;
        justify-self: center;
        align-items: center;
        width: 30rem
    }

    .nav__burger__menu2 {
        display: block;
        grid-column: 2/3;
        flex: 3
    }

    .nav__burger__menu3 {
        display: block;
        grid-column: 3/4
    }

    .nav__menu__big {
        width: 100%;
        height: 5rem;
        background-color: #3c24b2
    }

    .nav__menu__big__item {
        cursor: pointer;
        width: 100%
    }

    .nav__menu__big__link {
        color: #fff;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        height: 5rem;
        position: relative;
        padding-left: 5.75rem
    }

    .nav__menu__big__link-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 90%
    }

    .nav__menu__big__link-text {
        margin-right: auto
    }

    .nav__menu__big__link-burger,.nav__menu__big__link::after,.nav__menu__big__link::before {
        position: absolute;
        top: 50%;
        left: 2rem;
        width: 1.9rem;
        height: .15rem;
        background-color: #fff
    }

    .nav__menu__big__link::after,.nav__menu__big__link::before {
        content: ""
    }

    .nav__menu__big__link::before {
        top: 36%
    }

    .nav__menu__big__link::after {
        top: 64%
    }

    .nav__menu__big:hover {
        background-color: #3c24b2
    }

    .nav__menu__medium {
        display: flex;
        flex-direction: row;
        margin-left: 1rem
    }

    .nav__menu__medium__item {
        margin-right: 1rem;
        text-align: center
    }

    .nav__menu__medium__link {
        color: #fff;
        font-size: 1.4rem;
        padding: .5rem 1rem;
        border-radius: 100px;
        border: 1px solid transparent;
        transition: .25s
    }

    .nav__menu__medium__link:hover {
        border: 1px solid #fff
    }

    .nav__menu__medium--last {
        justify-content: flex-end
    }

    .nav__menu__big__drop {
        left: 0;
        top: 6rem;
        width: 100%;
        max-width: 35rem;
        z-index: 9999;
        font-size: 1.4rem;
        position: absolute;
        transition: .15s;
        visibility: hidden;
        opacity: 0
    }

    .nav__menu__big__drop-wrap {
        position: relative;
        width: 100%;
        display: block
    }

    .nav__menu__big__drop--hidden {
        display: none
    }

    .nav__menu__big__drop__item {
        display: flex;
        color: #fff;
        width: 100%;
        position: relative;
        top: -1rem;
        flex-direction: row;
        align-items: center;
        padding: 0 1rem 0 2rem;
        background-color: #3c24b2;
        border-top: 1px solid rgba(255,255,255,.2)
    }

    .nav__menu__big__drop__item:hover {
        background-color: #4229be;
        color: #fff
    }

    .nav__menu__big__drop__item i {
        margin-left: 2px;
        font-size: 16px
    }

    .nav__menu__big__drop__link {
        color: #fff;
        display: block;
        padding: .8rem 2rem;
        transition: .15s;
        width: 100%
    }

    .nav__menu__big__drop__link:hover {
        color: #fff
    }

    .nav__menu__big__item {
        position: relative
    }

    .nav__menu__big__subdrop__list {
        top: -.1rem;
        opacity: 0;
        z-index: -1;
        width: 34rem;
        left: 99.9%;
        display: flex;
        flex-wrap: wrap;
        visibility: hidden;
        position: absolute;
        flex-direction: column;
        background-color: #361ca6;
        padding: .5rem 2rem 1rem;
        transition: .15s;
        border-right: 1px solid rgba(255,255,255,.2);
        border-bottom: 1px solid rgba(255,255,255,.2);
        border-top: 1px solid rgba(255,255,255,.2);
        box-shadow: inset 7px 0 9px -7px rgba(0,0,0,.4)
    }

    .nav__menu__big__subdrop__title {
        color: #fff;
        margin: 1rem 0;
        font-weight: 700;
        font-size: 1.4rem
    }

    .nmbsi {
        display: flex;
        flex-direction: row
    }

    .nmbsi a {
        display: block;
        color: #fff;
        padding: .5rem 0
    }

    .nmbsi a:hover {
        text-decoration: underline
    }
}

.banner__img,.banner__img--mobile {
    width: 100%;
    height: 110px;
    object-fit: cover
}

.box {
    border-radius: .4rem!important;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.15)!important
}

@media screen and (min-width: 57.8125em) {
    .nav__btn__text {
        display:inline-block;
        font-size: 1.3rem;
        margin-left: .4rem
    }

    .nav__btn {
        display: flex;
        align-items: center
    }
}

.details__bonus__text,.details__title,.details__title__book,.details__title__volumes {
    font-size: 1.4rem
}

@media screen and (min-width: 68.75em) {
    .nav__btn__text,.nav__btn__text__ico {
        margin-left:.8rem
    }

    .nav__btn__text__ico.icon-angle-right {
        font-size: .8rem;
        margin-right: 1.7rem;
        opacity: .6
    }
}

.banner__img--desktop {
    display: none
}

.banner__img--mobile {
    display: block;
    position: relative
}

@media screen and (min-width: 47.9375em) {
    .banner__img--desktop {
        display:block;
        height: 110px;
        object-fit: cover
    }

    .banner__img--mobile {
        display: none!important
    }
}

.banner__img--mobile img {
    height: unset
}

.banner2__img2 {
    z-index: 9;
    width: 100%!important;
    height: unset!important;
    display: block
}

.details {
    display: grid;
    grid-template-columns: minmax(28rem,1fr);
    padding-left: unset
}

@media screen and (min-width: 23.125em) {
    .details__title {
        padding:0
    }
}

.details__title {
    font-weight: 700;
    line-height: 1.4
}

.details__title__book {
    color: #3f24b2;
    margin-right: 10px
}

.details__title__name,.details__title__volumes {
    color: #1f2533
}

.details__title__name {
    font-weight: 700;
    font-size: 1.6rem
}

@media screen and (min-width: 45.75em) {
    .details__title__name {
        font-size:2.6rem
    }
}

.details__info__rating {
    display: flex;
    flex-direction: column;
}

.details__info__rating-rate {
    color: #126fdf;
    font-size: 1.3rem
}

.details__info__rate {
    padding: 0 1rem 0 0
}

.details__info__price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
    margin-left: 0
}

.details__info__price__old {
    font-size: 1.4rem;
    color: #333
}

.details__info__price__new {
    font-weight: 700;
    font-size: 2.4rem;
    color: red
}

.details__bonus__read {
    bottom: 1rem;
    right: 4%;
    z-index: 3;
    position: absolute;
    border-radius: 4px;
    padding: .5rem 1rem;
    border: 1px solid #c3e1ef;
    background-color: #e6f7ff
}

.footer,.info__list,.specs {
    position: relative
}

@media screen and (min-width: 76.375em) {
    .details__bonus__read {
        bottom:13rem
    }
}

.details__bonus__read__link {
    font-size: 1.4rem;
    color: #004094;
    font-weight: 700
}

.p-p,.p-p-s-b:visited {
    color: #6b7999
}

.details__purchase {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    grid-column: 2/3
}

.p-p {
    display: flex;
    flex-direction: column;
    font-size: 1.3rem
}

.p-p-s {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 1rem
}

.p-p-s:not(:last-child) {
    border-bottom: 1px solid #e1e1e5;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.p-p-s-i {
    flex: 1;
    font-size: 3rem;
    margin-right: 2rem;
    max-width: 4rem;
    text-align: center
}

.p-p-s-i.resize {
    font-size: 3.5rem
}

.p-p-s-b {
    flex: 4
}

.p-p-s-t {
    flex: 3;
    font-size: 1.3rem;
    align-self: flex-end;
    color: #333
}

.p-p-s-t-p {
    cursor: pointer
}

.p-p-s-t-g {
    color: #01a352;
    font-size: 1.4rem
}

@media screen and (max-width: 650px) {
    .p-p {
        padding-left:20px;
        padding-right: 20px;
        margin-top: 20px
    }
}

.description {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto
}

.description__content__box {
    position: relative;
    height: 100%;
    max-height: unset!important
}

.cat-btn-main,.description__content__box img,.test {
    width: 100%
}

.autocomplete__wrap,.description__content__box--active {
    display: block
}

#autor,#descriere {
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: left
}

#specificatii {
    display: flex;
    gap: 2rem;
    overflow-x: auto
}

.specs {
    font-size: 1.3rem;
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 1rem;
    flex-basis: 40%;
    flex-grow: 0;
    flex-shrink: 0
}

.s-i {
    display: flex;
    padding: 1rem 0;
    flex-direction: row;
    border-bottom: 1px solid #e1e1e5
}

.badge:last-of-type,.s-i:last-of-type {
    border-bottom: 0
}

.s-i-c {
    width: 16rem;
    color: #6b7999;
    margin-right: auto
}

.s-i-i {
    flex: 1
}

.comments__header,.comments__header__stat {
    grid-template-rows: auto;
    align-items: center
}

.s-i-i a,.s-i-i a:visited {
    color: #126fdf
}

.s-i-p {
    padding-top: 1rem!important
}

.comments {
    grid-column: 2/4;
    grid-row: 9/10
}

.comments__header {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 2rem
}

@media screen and (min-width: 42.75em) {
    .comments__header {
        grid-template-columns:15fr 35fr 50fr;
        padding: 0
    }
}

.comments__header__box {
    grid-row: 1/2;
    grid-column: 2/3;
    text-align: center
}

.cat-filter,.comments__header__box__text,.comments__header__box__title,.nav__icon__search--desktop {
    display: none
}

.comments__header__box__title {
    font-size: 1.8rem
}

.comments__header__box__text {
    font-size: 1.4rem;
    color: #6b7999
}

.comments__header__overall {
    grid-column: 1/2;
    grid-row: 2/3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 100%;
    border-radius: 1.2rem;
    background-color: #f2f5f5;
    width: 100%;
    max-width: 22rem;
    margin: 0 auto
}

.comments__header__overall__average {
    font-size: 3.8rem;
    font-weight: 700
}

.comments__header__overall__text {
    font-size: 1.4rem;
    color: #6b7999
}

.comments__header__count,.comments__header__stars {
    font-size: 1.3rem;
    color: #126fdf
}

.comments__header__stats {
    grid-column: 2/-1;
    grid-row: 2/3;
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 37.5em) {
    .comments__header__box {
        grid-column:3/-1;
        grid-row: 2/3;
        text-align: center;
        border: 1px solid #e1e1e5;
        padding: 1rem 10rem
    }

    .comments__header__box__text,.comments__header__box__title {
        display: block
    }

    .comments__header__box__cta {
        margin-top: 1rem
    }

    .comments__header__box--full {
        padding: 1rem 40%
    }

    .comments__header__overall {
        grid-column: 1/2;
        grid-row: 2/3
    }

    .comments__header__stats {
        grid-column: 2/3;
        grid-row: 2/3
    }
}

.comments__header__stat {
    display: grid;
    grid-template-columns: 43px auto 24px;
    grid-gap: 1rem;
    margin-bottom: .5rem
}

.comments__header__count {
    text-align: right
}

.info {
    display: block;
    width: 100%;
    max-width: 120rem;
    margin: 2rem auto
}

.info__menu {
    overflow-x: scroll;
    width: 100%;
    padding-left: 1rem
}

@media screen and (min-width: 75.0625em) {
    .info__menu {
        overflow-x:unset;
        padding-left: unset
    }
}

.info__menu>.info__scroll {
    width: 120rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between
}

.info__menu>* {
    width: 32rem
}

.info__list {
    display: flex;
    font-size: 1.2rem;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: .35s;
    padding: 1rem;
    border-radius: .8rem;
    cursor: pointer;
    width: 100%
}

.cat-filter-btn,.info__list>:not(:last-child) {
    margin-right: 1rem
}

.info__list-svg {
    width: 100%;
    display: block;
    max-width: 5.9rem
}

.info__text {
    font-weight: 700;
    font-size: 1.4rem;
    text-align: left
}

.footer {
    grid-row: 11/12;
    grid-column: 1/-1
}

.footer__menu__brand {
    display: flex;
    text-align: center;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    flex-direction: column;
    justify-content: center
}

.footer__logo {
    display: block;
    width: 12rem;
    height: 10.7rem;
    margin: 4rem 0
}

.cat-container,.footer__menu {
    display: flex;
    flex-direction: column
}

.footer__link {
    font-size: 1.6rem;
    color: #3c24b2;
    font-weight: 400
}

.footer__link i {
    font-size: .6rem;
    color: #3c24b2;
    vertical-align: middle
}

.footer__submenu {
    margin-top: 2rem;
    display: none
}

.footer__submenu li {
    margin-bottom: .5rem;
    margin-right: 8px
}

.footer__submenu li a {
    font-size: 1.2rem;
    color: #596280
}

.footer__social {
    width: 100%;
    display: flex;
    padding: 0 2rem;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #e1e1e5;
    border-bottom: 1px solid #e1e1e5
}

.footer__company {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem
}

@media screen and (min-width: 63.9375em) {
    .carousel {
        grid-column:2/3;
        grid-row: 3/4;
        width: 100%;
        margin: 0 auto;
        max-width: 38rem;
        overflow: hidden
    }

    .banner {
        grid-column: 1/-1;
        grid-row: 1/1
    }

    .banner2 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        margin-top: 5rem;
        grid-column: 3/4;
        grid-row: 4/5
    }

    .details {
        grid-column: 3/4;
        grid-row: 3/4;
        grid-template-columns: 50% 45%;
        grid-template-rows: auto;
        grid-gap: 0 3.5rem;
        padding-left: 1rem
    }

    .details__title {
        grid-column: 1/-1;
        grid-row: 1/2;
        padding: 0
    }

    .details__info {
        grid-column: 1/-1;
        grid-row: 2/2
    }

    .p-p {
        grid-column: 2/-1;
        grid-row: 4/5;
        margin: 2rem 0
    }

    .description {
        grid-row: 4/-1;
        grid-column: 2/4;
        margin: 0
    }

    .info__scroll {
        text-align: left;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin: 0 auto
    }

    .footer__item:not(:last-child),.info__list-svg,.info__menu>:not(:last-child) {
        margin-bottom: 0
    }

    .info.visible-from {
        display: flex
    }

    .info__list {
        flex-direction: row;
        align-items: center;
        border-radius: 0;
        border: none;
        height: 6rem
    }

    .footer__menu__brand {
        text-align: left;
        margin: 6rem 0;
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }

    .footer {
        grid-column: 2/4
    }

    .footer__menu {
        flex-direction: row;
        justify-content: space-between
    }

    .footer__menu>:not(:first-child) {
        width: 23%
    }

    .footer__logo {
        max-width: 15rem;
        margin: unset
    }

    .footer__link i,.footer__social {
        display: none
    }

    .footer__submenu {
        display: block;
        margin-top: 4rem
    }

    .footer__company {
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }

    .cat-filter {
        display: flex;
        grid-row: 3/4;
        grid-column: 2/4;
        flex-direction: column
    }
}

.cat-aside__wrap,.footer__company__partners {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.footer__company__copyright {
    margin: 1rem 0;
    color: #596280;
    font-weight: 400;
    font-size: 1.3rem;
    text-align: center;
    line-height: 2rem
}

.cat-content__item-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: .25rem
}

.cat-content__item-box:last-child {
    width: 90%;
    margin: 0 auto .5rem;
    justify-content: center
}

.badges {
    position: absolute;
    top: .8rem;
    left: .8rem;
    border-radius: .4rem;
    max-width: 9rem;
    overflow: hidden;
    line-height: 1.7rem;
    z-index: 4
}

.badges>:first-child {
    background-color: #810d8b
}

.badges-product {
    max-width: 10rem;
    text-align: center
}

.badges-product .badge {
    padding: .5rem 1rem
}

.badge {
    padding: .1rem .3rem;
    border-bottom: 1px solid #b42ec0;
    color: #fff;
    font-size: 1.1rem;
    text-transform: uppercase;
    order: 1
}

.filters__wrap-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.filters__title {
    margin-right: auto;
    margin-top: 1rem
}

.nav-sticky .nav__burger {
    opacity: 0;
    pointer-events: none;
    display: none
}

.nav__burger__target:checked+label>.nav__burger__trigger {
    height: 0
}

.nav__burger__target:checked+label>.nav__burger__trigger::after {
    top: .5rem;
    transform: rotate(-45deg)
}

.nav__burger__target:checked+label>.nav__burger__trigger::before {
    top: .5rem;
    transform: rotate(45deg)
}

.nav__burger__target:focus {
    outline: 0
}

@media screen and (max-width: 64.0625em) {
    .nav__burger {
        grid-row:1/2;
        grid-column: 1/2
    }

    .fw-nav {
        border: none
    }

    .nav {
        grid-template-columns: 5rem 20rem 4fr repeat(3,13rem);
        grid-template-rows: 6rem;
        left: 0;
        border-bottom: 1px solid #e3e3e8
    }

    .nav__search {
        margin: 0 3rem 0 2rem
    }

    .nav__account {
        justify-self: center
    }

    .nav__cart,.nav__wishlist {
        justify-self: center!important
    }

    .nav-sticky {
        position: fixed
    }

    .nav-sticky>* {
        margin-top: unset;
        margin-bottom: unset
    }

    .cart__item>:first-child {
        height: 15rem
    }

    .cart__item__img {
        width: 62%
    }

    .nav-sticky .nav__burger {
        opacity: 1;
        pointer-events: all;
        display: grid
    }

    .nav-sticky .nav__burger>.nav__bg-fw>.nav__bg-c {
        top: 2.5rem
    }

    .nav__logo__img {
        width: 18rem
    }
}

@media screen and (max-width: 46em) {
    .nav {
        grid-template-columns:5rem 1fr repeat(3,9rem)
    }

    .nav__account,.nav__search>.desktop-search {
        display: none
    }

    .nav__search>.mobile-search {
        display: block
    }
}

@media screen and (max-width: 30.0625em) {
    .nav {
        grid-template-columns:13% 40% 11% 11% 11% 11%
    }
}

@media screen and (max-width: 26.9375em) {
    .nav__logo__img {
        width:16rem
    }
}

@media screen and (max-width: 24.4375em) {
    .nav {
        grid-template-columns:13% 40% 11% 11% 11% 11%
    }

    .nav__logo__img {
        width: 14rem
    }
}

.nav__cart+.mask,.nav__wishlist+.mask {
    background-color: rgba(0,0,0,0)!important
}

@media screen and (max-width: 43.6875em) {
    .nav__cart,.nav__wishlist {
        position:static;
        justify-self: center
    }
}

@media screen and (max-width: 72.1875em) {
    .nav__notif {
        top:-1rem;
        right: 9rem
    }
}

@media screen and (max-width: 68.75em) {
    .nav__notif {
        top:-1rem;
        right: 8rem
    }
}

@media screen and (max-width: 57.5625em) {
    .nav__notif {
        top:-1rem;
        right: 1rem
    }

    .nav__search__form {
        width: 94%;
        margin: 6rem auto 0
    }

    .basket-header {
        border: none!important
    }

    .basket__header-close {
        font-size: 2rem
    }
}

.basket__header-close {
    margin-right: 2rem!important
}

.nav-search-icon {
    width: 4rem;
    height: 4rem;
    position: relative;
    display: block;
    z-index: 299;
    background: #fff;
    transform: translateX(-.5rem);
    padding: 1rem 3.5rem 1rem 1rem;
    border-top: 1px solid #e1e1e5;
    border-right: 1px solid #e1e1e5;
    border-bottom: 1px solid #e1e1e5;
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem
}

.nav-search-icon::before {
    content: "\e926";
    font-size: 2rem;
    color: #293766;
    display: block
}

.nav__search__input .autocomplete-input::placeholder {
    font-size: 1.4rem;
    color: #6b7999
}

.autocomplete ul {
    font-family: Inter;
    position: absolute;
    top: 9rem;
    left: 0;
    right: 0;
    margin-top: 1rem;
    list-style: none;
    background: #fff!important;
    box-shadow: #000;
    width: 100%;
    max-width: 43.1rem;
    z-index: 999;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden
}

.autocomplete ul li a {
    background-color: #fff!important
}

.autocomplete ul li.focus-list a {
    background-color: #3c24b2!important
}

.autocomplete__img {
    display: inline-block;
    width: 5rem;
    height: auto!important;
    margin-right: 1.5rem
}

.autocomplete__img img {
    display: block;
    width: 5rem!important;
    height: auto!important
}

.autocomplete__container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.autocomplete__new-price,.autocomplete__title {
    font-size: 1.4rem;
    font-weight: 700
}

.autocomplete__old-price {
    color: red;
    text-decoration: line-through
}

@media screen and (max-width: 57.6875em) {
    .nav__search>.mobile-search {
        display:block
    }

    .nav__search>.desktop-search {
        display: none
    }
}

@media screen and (min-width: 64.0625em) {
    .nav__menu__big__drop__item:hover>.nav__menu__big__subdrop__list,.nav__menu__big__drop__link:hover+.nav__menu__big__subdrop__list,.nav__menu__big__item:hover>.nav__menu__big__drop {
        opacity:1;
        visibility: visible
    }

    .nav__logo {
        order: 1;
        max-width: 24rem;
        grid-column: 1/2;
        grid-row: 1/2;
        justify-self: unset
    }

    .nav__search {
        display: flex;
        align-items: center;
        justify-self: flex-start;
        grid-column: 2/3;
        grid-row: 1/2
    }

    .nav__search>.mobile-search {
        display: none
    }

    .nav__search>.desktop-search {
        display: flex;
        width: 100%;
        max-width: 50rem
    }

    .nav__search-go i {
        font-size: 1.7rem;
        color: #7a8499
    }

    .nav__search__input>input:focus {
        border: 1px solid #3f24b2
    }

    .nav__icon__search--desktop {
        font-size: 1.6rem;
        display: block
    }

    .nav__btn__search {
        transform: translateX(-2.5rem)
    }

    .nav__account {
        order: 4;
        display: block;
        justify-self: flex-end;
        position: relative;
        grid-column: 3/4
    }

    .nav__cart,.nav__wishlist {
        justify-self: flex-end
    }

    .nav__burger::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #e8e8e8;
        position: absolute;
        left: 0;
        top: 9rem
    }

    @media screen and (max-width: 62.4375em) {
        .nav__burger::before {
            top:6rem
        }
    }

    .nav__burger__menu {
        display: flex;
        grid-column: 1/2;
        justify-self: center;
        align-items: center;
        width: 30rem
    }

    .nav__burger__menu2 {
        display: block;
        grid-column: 2/3;
        flex: 3
    }

    .nav__burger__menu3 {
        display: block;
        grid-column: 3/4
    }

    .nav__menu__big {
        width: 100%;
        height: 5rem;
        background-color: #3c24b2
    }

    .nav__menu__big__item {
        cursor: pointer;
        width: 100%
    }

    .nav__menu__big__link {
        color: #fff;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        height: 5rem;
        position: relative;
        padding-left: 5.75rem
    }

    .nav__menu__big__link-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 90%
    }

    .nav__menu__big__link-text {
        margin-right: auto
    }

    .nav__menu__big__link-burger,.nav__menu__big__link::after,.nav__menu__big__link::before {
        position: absolute;
        top: 50%;
        left: 2rem;
        width: 1.9rem;
        height: .15rem;
        background-color: #fff
    }

    .nav__menu__big__link::after,.nav__menu__big__link::before {
        content: ""
    }

    .nav__menu__big__link::before {
        top: 36%
    }

    .nav__menu__big__link::after {
        top: 64%
    }

    .nav__menu__big:hover {
        background-color: #3c24b2
    }

    .nav__menu__medium {
        display: flex;
        flex-direction: row;
        margin-left: 1rem
    }

    .nav__menu__medium__item {
        margin-right: 1rem;
        text-align: center
    }

    .nav__menu__medium__link {
        color: #fff;
        font-size: 1.4rem;
        padding: .5rem 1rem;
        border-radius: 100px;
        border: 1px solid transparent;
        transition: .25s
    }

    .nav__menu__medium__link:hover {
        border: 1px solid #fff
    }

    .nav__menu__medium--last {
        justify-content: flex-end
    }

    .nav__menu__big__drop {
        left: 0;
        top: 6rem;
        width: 100%;
        max-width: 35rem;
        z-index: 9999;
        font-size: 1.4rem;
        position: absolute;
        transition: .15s;
        visibility: hidden;
        opacity: 0
    }

    .nav__menu__big__drop-wrap {
        position: relative;
        width: 100%;
        display: block
    }

    .nav__menu__big__drop--hidden {
        display: none
    }

    .nav__menu__big__drop__item {
        display: flex;
        color: #fff;
        width: 100%;
        position: relative;
        top: -1rem;
        flex-direction: row;
        align-items: center;
        padding: 0 1rem 0 2rem;
        background-color: #3c24b2;
        border-top: 1px solid rgba(255,255,255,.2)
    }

    .nav__menu__big__drop__item:hover {
        background-color: #4229be;
        color: #fff
    }

    .nav__menu__big__drop__item i {
        margin-left: 2px;
        font-size: 16px
    }

    .nav__menu__big__drop__link {
        color: #fff;
        display: block;
        padding: .8rem 2rem;
        transition: .15s;
        width: 100%
    }

    .nav__menu__big__drop__link:hover {
        color: #fff
    }

    .nav__menu__big__item {
        position: relative
    }

    .nav__menu__big__subdrop__list {
        top: -.1rem;
        opacity: 0;
        z-index: -1;
        width: 34rem;
        left: 99.9%;
        display: flex;
        flex-wrap: wrap;
        visibility: hidden;
        position: absolute;
        flex-direction: column;
        background-color: #361ca6;
        padding: .5rem 2rem 1rem;
        transition: .15s;
        border-right: 1px solid rgba(255,255,255,.2);
        border-bottom: 1px solid rgba(255,255,255,.2);
        border-top: 1px solid rgba(255,255,255,.2);
        box-shadow: inset 7px 0 9px -7px rgba(0,0,0,.4)
    }

    .nav__menu__big__subdrop__title {
        color: #fff;
        margin: 1rem 0;
        font-weight: 700;
        font-size: 1.4rem
    }

    .nmbsi a {
        display: block;
        color: #fff;
        padding: .5rem 0
    }

    .nmbsi a:hover {
        text-decoration: underline
    }

    .nmbsi {
        display: flex;
        flex-direction: row
    }
}

.cat-content__item,.cat__choose-wrap {
    position: relative;
    border-radius: .8rem
}

.cat-filter__cfilters__item,.cat-filter__cfilters__item--f {
    box-shadow: 0 1px 3px rgb(0 0 0 / 5%);
    border-bottom: 1px solid #ccc;
    background-color: #fff
}

@media screen and (max-width: 61.625em) {
    .nav__burger__menu {
        width:24rem
    }
}

@media screen and (max-width: 57.1875em) {
    .nav__menu__medium__item:first-child {
        margin-left:0
    }

    .nav__menu__medium__item {
        margin-right: 0
    }
}

@media screen and (max-width: 48.0625em) {
    .nav__menu__medium__link {
        font-size:1.2rem
    }
}

.box.cart,.mask {
    z-index: 99999
}

@media screen and (max-width: 45.9375em) {
    .nav .nav__menu__big__item {
        padding:0
    }

    @media screen and (max-width: 64em) {
        .nav .nav__menu__big__item {
            padding:0
        }
    }
}

@media screen and (max-width: 76.3125em) {
    .breadcrumbs {
        display:none
    }
}

.details__purchase_availability {
    margin-bottom: 2rem;
    font-size: 14px;
    font-weight: 700
}

@media screen and (max-width: 63.9375em) {
    .banner2 {
        display:none
    }

    .details__purchase_availability {
        margin-bottom: 2rem;
        text-align: center
    }

    .details {
        grid-template-columns: repeat(2,1fr);
        grid-gap: 0 1rem;
        margin-top: 2rem
    }

    .details__bonus {
        padding: 0 2rem
    }

    .details__title {
        grid-column: 1/2
    }
}

@media screen and (max-width: 40.625em) {
    .details {
        grid-template-columns:minmax(28rem,1fr)
    }

    .details__purchase {
        padding: 0 2rem
    }
}

@media screen and (max-width: 23.125em) {
    .details__info,.details__title {
        padding:0 1rem
    }

    .details__bonus,.details__purchase {
        padding: 0 2rem
    }
}

@media screen and (max-width: 63.9375em) {
    .details__info {
        padding:0 2rem;
        grid-column: 2/3
    }
}

@media screen and (max-width: 28.124em) {
    .swiper-img {
        width:70%!important;
        margin: 0 auto
    }
}

.cat-filter__header {
    display: flex;
    margin: 0 0 2rem;
    flex-direction: row
}

.cat-filter__header__title {
    font-size: 2rem;
    font-weight: 700
}

.cat-filter__header__subtitle {
    font-size: 1.4rem;
    color: #596580
}

.cat-filter__header__text {
    font-size: 1.2rem;
    margin-right: 1.6rem
}

.cat-filter__header__wrap:first-child,.cat__choose-type {
    margin-right: auto
}

.cat-filter__cfilters__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    margin-right: .5rem;
    margin-bottom: 1rem;
    width: 11rem;
    min-height: 2.5rem;
    text-align: center;
    color: #000;
    padding: .5rem 1rem;
    font-size: 1.2rem;
    border-radius: .4rem
}

.cat-filter__cfilters__item i {
    margin-left: .5rem;
    padding-left: .5rem
}

.cat-filter__cfilters__item--f {
    cursor: pointer
}

.cat-filter__cfilters__icon {
    color: red;
    font-size: 1rem;
    margin-left: 1rem
}

.cat-container__title {
    font-size: 1.8rem;
    font-weight: 400;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.cat-description {
    padding: 2rem;
    box-shadow: 0 0 3px rgb(0 0 0 / 5%);
    border-radius: .8rem;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    font-size: 1.4rem
}

.cat-aside {
    width: 100%;
    display: flex;
    flex-direction: row
}

.cat-aside__ico {
    font-size: 1.7rem;
    margin-right: 1rem;
    color: #3f24b2
}

.cat-aside__title {
    font-size: 1.3rem
}

.cat-aside__text {
    font-size: 1.1rem;
    color: #596580
}

.cat-btn {
    color: #000
}

.cat-btn-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1rem
}

.cat-filter-btn,.cat-order-btn {
    cursor: pointer;
    border-radius: .8rem;
    border: 1px solid #e8e8e8;
    width: 100%;
    height: 5.5rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding-left: 1rem
}

.cat-btn:hover {
    background-color: #edf0f2
}

.cat-content {
    width: 100%;
    display: block;
    padding: unset
}

.cat-content__slider {
    width: 100%;
    padding: 1.5rem 0;
    border-radius: .8rem;
    border: 2px solid #b224b3
}

.cat-content__slider>.filters {
    margin-top: unset
}

.cat-content__slider-title {
    font-size: 2rem;
    font-weight: 400;
    padding: 0 0 1rem 2rem
}

.cat-content__container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 60rem
}

@media screen and (max-width: 45.8125em) {
    .cat-content__container {
        justify-content:space-between
    }
}

@media screen and (max-width: 36.1875em) {
    .cat-content__container {
        justify-content:center
    }
}

.cat-content__item {
    width: 100%;
    max-width: calc((100% / 4) - 1rem);
    padding: .5rem;
    margin-bottom: 1rem;
    overflow: hidden;
    text-align: center;
    background: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 5%);
    border-bottom: 1px solid #ccc
}

.cat-content__item:not(:nth-child(4n)) {
    margin-right: 1.25rem
}

@media screen and (max-width: 45.75em) {
    .details__title {
        grid-column:1/-1
    }

    .details__info__rating {
        margin-right: auto
    }

    .details__info {
        grid-column: 1/-1
    }

    .details__info__price {
        align-items: flex-end
    }

    .cat-content__item {
        max-width: calc((100% / 3) - 1rem)
    }

    .cat-content__item:not(:nth-child(4n)) {
        margin-right: unset
    }
}

@media screen and (max-width: 36.125em) {
    .cat-content__item {
        max-width:calc((100% / 2) - .7rem)
    }

    .cat-content__item:nth-child(odd) {
        margin-right: 1rem
    }

    .cat-content__item:nth-child(2n) {
        margin-right: 0
    }
}

.cat-content__item-title {
    line-height: 1.4;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0 1rem;
    color: #1f2533;
    overflow: hidden;
    display: -webkit-box
}

@media screen and (max-width: 21.25em) {
    .cat-content__item-box--title {
        width:13rem
    }
}

.cat-content__item-vol {
    font-size: 1.3rem
}

.cat-content__item-perc {
    font-size: 1.3rem;
    color: #000;
    height: 2rem;
    display: block
}

.cat-content__item-old {
    color: #6b7999;
    text-decoration: line-through;
    margin-right: .5rem
}

.cat-content__item-price {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fc192c;
    height: 2.8rem
}

.cat-content__item-box--title {
    width: 100%;
    height: 3.8rem;
    margin-right: auto;
    margin-left: auto
}

.cat-content__banner {
    width: 100%;
    max-width: 90rem;
    height: 28rem;
    margin: 2rem 0;
    border-radius: .8rem;
    background-color: #fff9d9
}

.cat-content__imgBlock {
    height: 19rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.filter__cat,.filter__cat--lg {
    overflow-y: scroll;
    height: 100%
}

.cat-content__img {
    width: 100%;
    max-width: 11rem
}

.cat__choose-wrap {
    top: 40%;
    width: 100%;
    padding: 1rem;
    margin: 0 auto;
    max-width: 30rem;
    background-color: #fff
}

.cat__choose-container {
    display: flex;
    flex-direction: row;
    padding: 1rem 0
}

.cat__choose-container:not(:last-child) {
    border-bottom: 1px solid #edf0f2
}

.filter__aside.popup--active .filter__aside__an,.filter__aside.popup--active .filter__aside__autor,.filter__aside.popup--active .filter__aside__editura,.filter__aside.popup--active .filter__aside__pagini,.filter__aside.popup--active .filter__aside__preturi,.filter__aside.popup--active .item-f {
    box-shadow: unset
}

.filter__aside__cat-wrap {
    width: 26rem;
    display: flex;
    align-items: center;
    color: #1f2533;
    flex-direction: row;
    padding-left: 1rem;
    height: 6rem
}

.filter-container {
    padding: 0 1rem;
    height: 100%;
    max-height: 0;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: .25s
}

.filter__aside__cat-wrap-show+.filter-container {
    opacity: 1;
    max-height: inherit;
    transform: scaleY(1);
    margin: 2rem 0
}

.filter__aside__cat-icon {
    font-size: 1rem;
    display: block;
    padding-right: 1.5rem
}

.item-f {
    position: relative;
    border-bottom: 1px solid #ccc
}

@media screen and (max-width: 63.9375em) {
    .filter__aside__cat-wrap {
        width:unset
    }

    .filter__aside__cat-title {
        font-size: 1.8rem
    }
}

.filter__aside__cat-title {
    font-weight: 700;
    font-size: 1.6rem;
    margin-right: auto;
    pointer-events: none
}

.filter__aside__an,.filter__aside__autor,.filter__aside__cat,.filter__aside__editura,.filter__aside__pagini,.filter__aside__preturi {
    font-size: 1.3rem;
    position: relative;
    -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 5%);
    box-shadow: 0 0 3px rgb(0 0 0 / 5%);
    border-radius: .8rem;
    background-color: #fff
}

.filter__aside__autor--desk {
    display: none
}

.filter__aside__autor--mob {
    display: block
}

.filter__aside__autor--subcat {
    top: 0;
    margin-top: 0
}

.filter__aside__wrap {
    margin-bottom: .5rem;
    cursor: pointer
}

.filter__aside__wrap:nth-child(7) {
    margin-top: 1rem
}

.filter__aside__input {
    outline: 0;
    font-size: 1.2rem;
    font-family: inherit;
    border-radius: .4rem;
    transition: .35s;
    border: 1px solid #e1e1e5;
    padding: 1rem 3.5rem 1rem 1rem;
    width: 100%;
    transform: translateY(-1rem);
    margin-top: .5rem
}

.filter__aside__input:focus {
    border: 1px solid #767693
}

.filter__aside__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    top: 0;
    position: sticky;
    z-index: 220;
    background-color: #fff;
    box-shadow: 0 0 10px rgb(73,74,78,10%)
}

.filter__aside__header-box {
    padding: 1rem
}

.filter__aside__header-box:first-child {
    margin-right: auto
}

.filter__aside__header-box .btn-blue {
    padding: .9rem 1rem
}

.filter__aside__header-title {
    font-size: 1.6rem;
    color: #1f2533
}

.filter__aside__header-count {
    font-size: 1.2rem;
    color: #6b7999
}

.filter__cat-item,.filter__cat-item-center>*,.filter__cat-item-center>:visited {
    color: #1f2533;
    cursor: pointer
}

.filter__aside__filter-box {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 1rem;
    overflow-y: scroll
}

.filter__aside__filter-box::-webkit-scrollbar {
    height: 0
}

@media screen and (min-width: 63.9375em) {
    .cat-container {
        flex-direction:row;
        grid-column: 2/4;
        grid-row: 4/5
    }

    .cat-btn,.cat-container__title {
        display: none
    }

    .cat-aside {
        border-bottom: unset;
        width: 32rem;
        height: 100%
    }

    .cat-btn-wrapper {
        margin-bottom: unset
    }

    .filter__aside {
        top: 0;
        opacity: 1;
        z-index: 9;
        position: relative;
        visibility: visible;
        margin-right: 1rem
    }

    .filter__aside.popup--active {
        background-color: #fff
    }

    .filter__aside__cat-wrap {
        border-bottom: unset;
        height: unset;
        padding: 0 0 1rem 1rem
    }

    .filter-container {
        max-height: 100%;
        opacity: 1;
        transform: scaleY(1)
    }

    .filter__aside__cat-icon {
        opacity: 0
    }

    .filter__aside__cat-wrap-show+.filter-container {
        opacity: unset;
        max-height: unset;
        transform: unset;
        margin: unset
    }

    .filter__aside__an,.filter__aside__autor,.filter__aside__cat,.filter__aside__editura,.filter__aside__pagini,.filter__aside__preturi {
        margin-bottom: 1rem;
        padding: 1rem
    }

    .filter__aside__autor--desk {
        display: block
    }

    .filter__aside__autor--mob,.filter__aside__filter-box,.filter__aside__header {
        display: none
    }
}

.filter__cat {
    font-size: 1.3rem;
    max-height: 28rem
}

.filter__cat::-webkit-scrollbar {
    width: .4em;
    scrollbar-width: none
}

.filter__cat::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.filter__cat::-webkit-scrollbar-thumb {
    background-color: #3c24b2;
    border-radius: 5rem
}

.filter__cat-item {
    display: block;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 1.3rem;
    margin-bottom: 1.5rem
}

.filter__cat-count {
    color: #596580
}

.filter__cat-seeMore {
    color: #3c24b2
}

.filter__cat--lg {
    max-height: 19rem;
    padding: 0 1rem
}

@media screen and (max-width: 63.9375em) {
    .filter__aside__an,.filter__aside__autor,.filter__aside__cat,.filter__aside__editura,.filter__aside__pagini,.filter__aside__preturi {
        width:100%;
        max-width: 49rem;
        border-radius: unset;
        background-color: unset
    }

    .item-f {
        position: relative
    }

    .item-f::after {
        width: unset;
        height: unset
    }

    .filter__aside__input {
        width: 100%
    }

    .filter__cat {
        max-height: unset;
        overflow-y: hidden
    }

    .filter__cat--lg {
        overflow-y: hidden;
        max-height: 45rem
    }

    .filter__cat-item {
        font-size: 1.6rem
    }
}

.filter__subcat {
    margin-left: 2rem
}

.filter__subcat-item {
    margin: 1rem 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.filter-less {
    font-size: 2.5rem;
    font-weight: 700;
    color: #6b7999;
    transform: translateY(-5px)
}

.popup {
    opacity: 0;
    top: -99999px;
    z-index: -9999;
    visibility: hidden;
    position: absolute
}

.swiper-slide,.swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-container-android .swiper-slide,.swiper-pagination,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

:root {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-wrapper {
    z-index: 1;
    display: flex;
    box-sizing: content-box
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    z-index: 10
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}