@font-face {
    font-family: 'NotoSans-Regular';
    src: url('/pickoria/fonts/NotoSans-Regular.ttf') format('truetype');
}
/*@font-face {
    font-family: 'NotoSans-Bold';
    src: url('/fonts/NotoSans-Bold.ttf') format('truetype');
}*/
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('/pickoria/fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSans-SemiBold';
    src: url('/pickoria/fonts/NotoSans-SemiBold.ttf') format('truetype');
}

body {

    margin: 0px;
    padding: 0px;
    font-family: NotoSans-Regular;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
a {
    color: #000;
    text-decoration: none;
}
    a:hover {
        text-decoration: none;
    }
h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

p {
    color: #000;
    font-size: 18px;
    font-family: NotoSans-Regular;
    line-height: 140%;
    margin: 0px;
}

textarea {
    resize: none;
}

button {
    border: none;
    outline: none;
}

.top-panel {
    background-color: #FAF6F5;
    padding-bottom: 60px;
}

.top-panel-bg {
    background-image: url('/pickoria/image/banner.png');
    background-position: 87% top;
    background-repeat: no-repeat;
}

.top-menu {
    margin: 10px 0 0 45px;
    display: flex;
    display: -webkit-flex;
    gap: 170px;
}
    .top-menu a {
        font-family: NotoSans-Regular;
        color: #E9680B;
        line-height: 140%;
        margin-right: 25px;
        transition: all 0.5s ease;
        font-size: 18px;
        border-bottom: 3px solid #FAF6F5;
        position: relative;
        display: inline-block;
        padding-bottom: 7px;
        /*text-shadow: 0px 4px 4px #ccc;*/
    }
        .top-menu a:after {
            content: '';
            height: 5px;
            width: 5px;
            border-radius: 50%;
            right: -18px;
            top: 10px;
            background-color: #2F6559;
            position: absolute;
        }
        .top-menu > div > a:last-child:after {
            display: none;
        }

    .top-menu a:hover {
        color: #2F6559;
        border-bottom-color: #2F6559;
    }
.menu-active {
    color: #2F6559 !important;
    border-bottom-color: #2F6559 !important;
}


.subscribe-form {
    background-color: #fff;
    border-radius: 180px;
    padding: 50px 100px 75px 110px;
    margin: 55px 40px 40px 40px;
    text-align: center;
    box-shadow: 0 0 1px 4px #f2f2f2;
}
    .subscribe-form > label {
        font-family: OpenSans-Bold;
        font-size: 30px;
        line-height: 145%;
        color: #321E07;
    }

.image-logo-container {
    margin-left: 45px;
}
.subscribe-form-line {
    display: flex;
    display: -webkit-flex;
    gap: 24px;
    margin-top: 25px;
}

.field {
    height: 52px;
    border-radius: 26px;
    border: 1px solid #b3b3b3;
    color: #683E20;
    text-indent: 50px;
    font-family: NotoSans-Regular;
    font-size: 16px;
    width: 100%;
}

.btn-subscribe {
    color: #fff;
    background-color: #F97316;
    border-radius: 26px;
    transition: background-color 0.4s ease;
    padding: 12px 88px;
    cursor: pointer;
    font-family: NotoSans-Regular;
    font-size: 20px;

}
    .btn-subscribe:hover {
        background-color: #D05A07;
    }

.field-letter {
    background-image: url('/pickoria/image/icon-letter.svg');
    background-repeat: no-repeat;
    background-position: 15px center;
}



.section-label {
    font-size: 26px;
    color: #321E07;
    font-family: OpenSans-Bold;
    line-height: 170%;
}
    .section-label span {
        color: #E9680B;
    }


    .popular-categories {
        padding: 40px 0px 60px 0px;
    }
.popular-categories-container {
    margin: 0 45px;
}

.popular-categories-list {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    gap: 24px;
    justify-content: center;
    margin-top: 20px;
}

.popular-category-item {
    background-color: #FAF6F5;
    padding: 15px 0;
    border-radius: 26px;
    transition: all 0.4s ease;
    text-align: center;
    width: 312px;
}

    .popular-category-item span {
        font-family: NotoSans-Regular;
        display: block;
        font-size: 20px;
        line-height: 190%;
        color: #683E20;
        margin-top: 10px;
    }

    .popular-category-item:hover {
        background-color: #fff;
        box-shadow: 0 0 2px 5px #f2f2f2;
    }

    .popular-category-item:hover span {
        color: #F97316;
    }

    .mtop20 {
        margin-top: 20px;
    }

.top-deals {
    background-color: #FAF6F5;
    padding: 40px 0px 100px 0px;
}

.top-deals-container {
    margin: 0 45px;
}

.top-deals-carousel {
    margin-top: 20px;    
}

.top-deals-item {
    width: 312px;
    transition: color 5s ease;
    display: inline-block;
}

.deal-bottom_text {
    font-family: OpenSans-Bold;
    color: #683E20;
    font-size: 18px;
    line-height: 120%;
    margin-top: 10px;
    height: 68px;
    text-align: left;
}

    .top-deals-item:hover .deal-bottom_text {
        color: #F97316;
    }

.top-deals-item img {
    height: 224px;
    border-radius: 26px 26px 0 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.deal-bottom {
    padding: 10px 15px 20px 15px;
    border-radius: 0 0 26px 26px;
    background-color: #fff;
}

.icon-btn-arrow {
    display: inline-block;
    height: 32px;
    width: 32px;
    background-image: url('/pickoria/image/btn_arrow.svg');
    background-size: cover;
    background-position: center;
}

.deal-bottom_button {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.btn-full-detail {
    display: flex;
    display: -webkit-flex;
    border-radius: 25px;
    transition: all 0.4s ease;
    align-items: center;
    background-color: #FAF6F5;
    font-family: OpenSans-Bold;
    font-size: 13px;
    line-height: 170%;
    color: #E9680B;
    padding: 4px 12px;
    gap: 10px;
}
    .btn-full-detail:hover {
        background-color: #683E20;
        color: #fff;
    }
        .btn-full-detail:hover > .icon-btn-arrow, .btn-full-detail:hover > .icon-btn-arrow_1 {
            background-image: url('/pickoria/image/btn_arrow_w.svg');
        }


.btn-carousel-next, .btn-carousel-prev {
    background-color: #fff;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    background-image: url('/pickoria/image/carousel-arrow-next.svg');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.btn-carousel-prev {
    transform: rotate(180deg);
}

    .btn-carousel-next:hover, .btn-carousel-prev:hover {
        background-color: #F0E0D5;
        background-image: url('/pickoria/image/carousel-arrow-next_1.svg');
    }

.flex-row-between {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.deep-pink {
    background-color: #F8F0EE;
}

.footer-container {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 20px 60px;
}

.copy {
    color: #000;
    font-family: NotoSans-Regular;
    font-size: 14px;
}
    .copy span {
        display: block;
    }
.footer-links {
    display: flex;
    display: -webkit-flex;
    gap: 15px;
    align-items: flex-end;
}
    .footer-links a {
        color: #683E20;
        font-size: 14px;
        font-family: NotoSans-Regular;
    }

.blog-carousel {
    padding: 40px 60px 100px 60px;
    background-color: #F8F0EE;
}

.blog-carousel-container {
    margin: 0 45px;
}

.icon-btn-arrow_1 {
    display: inline-block;
    height: 24px;
    width: 24px;
    background-image: url('/pickoria/image/btn_arrow_1.svg');
    background-size: cover;
    background-position: center;
}

.flex-row-blog-between {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

    .flex-row-blog-between div:first-child {
        display: flex;
        display: -webkit-flex;
        gap: 35px;
    }


.blog-carousel-items {
    margin-top: 24px;
    display: flex;
    gap: 24px;
}

.blog-carousel-item {
    width: 312px;
    display: inline-block;
    border-radius: 26px;
    transition: color 0.5s ease;
}
    .blog-carousel-item:hover > .blog-carousel-item_info > label {
        color: #F97316;
    }
.blog-carousel-item img {
    height: 112px;
    border-radius: 26px 26px 0 0;
    object-fit: cover;
    object-position: center;
}

.blog-carousel-item_info {
    background-color: #FAF6F5;
    border-radius: 0 0 26px 26px;
    padding: 10px 15px 22px 15px;
    height: 224px;
    text-align: left;
}
    .blog-carousel-item_info small {
        font-family: NotoSans-Regular;
        font-size: 13px;
        line-height: 170%;
        color: #E9680B;
        display: block;
    }
    .blog-carousel-item_info span {
        font-family: NotoSans-Regular;
        color: #321E07;
        line-height: 170%;
        font-size: 13px;
        display: block;
    }
    .blog-carousel-item_info label {
        color: #683E20;
        margin: 10px 0;
        font-size: 18px;
        line-height: 120%;
        font-family: OpenSans-Bold;
        display: block;
    }
    .blog-carousel-item_info p {
        color: #683E20;
        font-size: 13px;
        font-family: NotoSans-Regular;
        line-height: 120%;
    }

.breadcrumb {
    padding: 30px 0 40px 45px;
}
    .breadcrumb a, .breadcrumb span {
        font-size: 14px;
        margin-right: 44px;
        line-height: 190%;
        font-family: NotoSans-Regular;
    }
    .breadcrumb a {
        color: #E9680B;
        position: relative;
    }
    .breadcrumb span {
        color: #333;
    }
    .breadcrumb a:after {
        content: '';
        right: -36px;
        height: 24px;
        width: 24px;
        display: inline-block;
        background-image: url('/pickoria/image/breadcrumb_arrow.svg');
        position: absolute;
        top: 0px;
    }
.top-panel-inside {
    padding-bottom: 0px;
    
}
    .top-panel-inside .top-menu {
        margin-top: 5px;
    }


.top-panel-bg_1 {
    background-image: url('/pickoria/image/banner.png');
    background-position: 90% top;
    background-repeat: no-repeat;
    background-size: 600px;
}

.products {
    background-color: #FAF6F5;
}

.products-container {
    padding: 0 45px 60px 45px;
    display: flex;
    display: -webkit-flex;
    gap: 24px;
}



.aside {
    width: 312px;
    min-width: 312px;
}
.aside-categories-list {
    padding: 20px 24px 40px 24px;
    border-radius: 14px;
    background-color: #fff;
}

    .aside-categories-list > label {
        color: #321E07;
        font-size: 18px;
        font-family: OpenSans-Bold;
        line-height: 140%;
    }

    .aside-categories-list > ul {
        margin-top: 30px;
    }
        .aside-categories-list > ul > li {
            margin-bottom: 10px;
        }
            .aside-categories-list > ul > li > a {
                background-color: #fff;
                display: flex;
                display: -webkit-flex;
                border-radius: 26px;
                transition: all 0.4s ease;
                padding: 10px 25px;
                justify-content: space-between;
                align-items: center;
            }

                .aside-categories-list > ul > li > a > span {
                    color: #E9680B;
                    font-size: 14px;
                    font-family: NotoSans-Regular;
                }

                .aside-categories-list > ul > li > a:hover {
                    background-color: #683E20;
                }
                    .aside-categories-list > ul > li > a:hover > span {
                        color: #fff;
                    }

.icon-btn-arrow-white {
    display: inline-block;
    height: 24px;
    width: 24px;
    background-image: url('/pickoria/image/btn-chevron-white.svg');
    background-size: cover;
    background-position: center;
}

.aside-subscribe {
    background-color: #fff;
    border-radius: 14px;
    margin-top: 40px;
    padding: 20px 24px 40px 24px;
}

.aside-subscribe-form label {
    color: #321E07;
    line-height: 140%;
    font-family: OpenSans-Bold;
    font-size: 16px;
}

.mtop30 {
    margin-top: 30px;
}

.w100 {
    width: 100%;
}

.flex-row-end {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
}

.aside-blog {
    margin-top: 45px;
}

    .aside-blog > label {
        color: #321E07;
        line-height: 140%;
        font-family: OpenSans-Bold;
        font-size: 16px;
    }

.aside-blog-container {
    margin-top: 20px;
}

.aside-blog-item {
    padding: 10px 15px 20px 15px;
    border-radius: 14px;
    background-color: #fff;
    margin-bottom: 20px;
}
    .aside-blog-item h6 {
        color: #683E20;
        line-height: 120%;
        font-family: NotoSans-SemiBold;
        font-size: 18px;
    }


.btn-aside-link {
    width: 44px;
    height: 40px;
    border-radius: 26px;
    transition: background-color 0.4s ease;
    background-color: #FAF6F5;
    background-image: url('/pickoria/image/btn_arrow_1.svg');
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

    .btn-aside-link:hover {
        background-color: #E3C0AD;
    }

.aside-blog-item .flex-row-end {
    margin-top: 10px;
}

.aside-all-articles-link {
    align-items: center;
    gap: 10px;
    color: #E9680B;
    font-size: 13px;
    font-family: NotoSans-SemiBold;
    display: flex;
    display: -webkit-flex;
    padding: 8px 13px;
}

.product-item {
    background-color: #fff;
    border-radius: 13px;
    padding: 20px 24px;
    margin-bottom: 20px;
    display: flex;
    display: -webkit-flex;
    gap: 24px;
    width: 100%;
}

    .product-item img {
        object-fit: cover;
        object-position: center;
        height: 288px;
        max-width: 288px;
        min-width: 288px;
    }

.product-item-info {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}
    .product-item-info > div > small {
        color: #E9680B;
        line-height: 170%;
        font-family: NotoSans-Regular;
        font-size: 13px;
    }
    .product-item-info h2 {
        color: #321E07;
        font-size: 26px;
        font-family: OpenSans-Bold;
        line-height: 170%;
        margin-top: 10px;
    }
    .product-item-info p {
        font-family: NotoSans-Regular;
        color: #333;
        line-height: 170%;
        font-size: 20px;
        margin-top: 10px;
    }



.list-detail-link {
    background-color: #498578;
    display: flex;
    display: -webkit-flex;
    border-radius: 26px;
    transition: background-color 0.4s ease;
    padding: 8px 13px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
    .list-detail-link span {
        font-family: NotoSans-SemiBold;
        color: #fff;
        font-size: 13px;
    }
    .list-detail-link:hover {
        background-color: #2F6459;
    }

.icon-btn-arrow-detail {
    display: inline-block;
    height: 24px;
    width: 24px;
    background-image: url('/pickoria/image/btn-arrow-detail.svg');
    background-size: cover;
    background-position: center;
}

.icon-btn-arrow-pagination-next {
    display: inline-block;
    height: 24px;
    width: 24px;
    background-image: url('/pickoria/image/btn-chevron-pagination.svg');
    background-size: cover;
    background-position: center;
}

.icon-btn-arrow-pagination-prev {
    display: inline-block;
    transform: rotate(180deg);
    height: 24px;
    width: 24px;
    background-image: url('/pickoria/image/btn-chevron-pagination.svg');
    background-size: cover;
    background-position: center;
}

.pagination {
    display: flex;
    display: -webkit-flex;
    gap: 10px;
}

    .pagination a {
        background-color: #fff;
        display: flex;
        border-radius: 1000px;
        transition: all 0.4s ease;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        color: #683E20;
        font-family: NotoSans-Regular;
        font-size: 14px;
        padding: 12px 10px;
    }

        .pagination a:not(.pagination-gap):hover {
            background-color: #683E20;
            color: #fff;
        }


.pagination-gap {
    gap: 10px;
    transition: all 0.4s ease;

}
    .pagination-gap:hover {
        background-color: #F0E0D5;
        
    }
        .pagination-gap:hover > span {
            color: #E3C0AD;
        }
        .pagination-gap:hover > i {
            background-image: url('/pickoria/image/carousel-arrow-next_1.svg');
        }

.pagination-active {
    background-color: #683E20 !important;
    color: #fff !important;
}

.products-list-container {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
}

.btn-mobile-catalog {
    top: -51px;
    height: 50px;
    width: 50px;
    position: absolute;
    border-radius: 4px;
    right: 242px;
    background-color: #fff;
    box-shadow: 0 0 5px 5px #ccc;
    display: none;
    background-size: 34px;
    background-repeat: no-repeat;
    background-image: url('/pickoria/image/folder.svg');
    background-position: center;
}

.flex-row_1 {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.fresh-offers {
    padding: 40px 45px 100px 45px;
}
.fresh-offers-detail {
    background-color: #FAF6F5;
}

.section-label_1 {
    color: #321E07;
    font-size: 26px;
    font-family: OpenSans-Bold;
    line-height: 145%;
}

.fresh-offers-container {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    gap: 24px;
    margin-top: 20px;
    justify-content: center;
}

.product-detail {
    padding: 20px 24px 60px 24px;
    border-radius: 14px;
    background-color: #fff;
    width: 100%;
}

h1 {
    color: #321E07;
    line-height: 145%;
    font-family: OpenSans-Bold;
    font-size: 26px;
}

.social {
    margin-top: 15px;
    display: flex;
    display: -webkit-flex;
    gap: 10px;
}
.product-detail-image {
    text-align: center;
}
.product-detail-image img {
    object-fit: cover;
    object-position: center;
    margin: 30px auto 0px;
    max-width: 100%;
    width: 100%;
}

.product-detail-description {
    font-family: 'NotoSans-Regular';
    font-size: 18px;
    line-height: 140%;
    color: #333;
}
    .product-detail-description p {
        margin-bottom: 20px;
    }
    .product-detail-description h6 {
        font-family: 'NotoSans-Regular';
        font-size: 18px;
        line-height: 140%;
        color: #333;
        font-weight: 700;
        margin-bottom: 10px;
        
    }
    .product-detail-description ul {
        margin-left: 25px;
    }
    .product-detail-description ul li {
        margin-bottom: 10px;
        position: relative;
    }
    .product-detail-description ul li:before {
        content: '';
        border-radius: 50%;
        width: 4px;
        height: 4px;
        display: inline-block;
        background-color: #333;
        position: absolute;
        margin-left: -15px;
        top: 10px;
    }

.mtop50 {
    margin-top: 50px;
}

.btn-detail {
    color: #fff;
    background-color: #F97316;
    border-radius: 26px;
    transition: background-color 0.4s ease;
    padding: 12px 50px;
    cursor: pointer;
    font-family: NotoSans-Regular;
    font-size: 20px;
}

.btn-detail:hover {
    background-color: #D05A07;
}

.contact {
    background-color: #FAF6F5;
}

.contact-container {
    background-color: #fff;
    border-radius: 14px;
    padding: 20px 24px 60px 24px;
    margin: 0px 45px 60px 45px;
}

.field-container {
    margin-top: 30px;
    width: 100%;
}
    .field-container label {
        font-family: NotoSans-Regular;
        font-size: 18px;
        color: #683E20;
        line-height: 150%;
    }
    .field-container .field {
        margin-top: 10px;
    }
.contact-container .flex-row-between {
    gap: 24px;
}
.contact-container textarea {
    height: 175px;
}

.star {
    color: #EF4D4D;
}

.btn-submit {
    background-color: #498578;
    color: #fff;
    font-family: NotoSans-Regular;
    font-size: 20px;
    padding: 16px 24px;
    border-radius: 1000px;
    transition: background-color 0.4s ease;    
    cursor: pointer;
}
    .btn-submit:hover {
        background-color: #2F6559;
    }
    
.mtop35 {
    margin-top: 35px;
}

.article-info {
    margin: 45px 0 35px 0;
    display: flex;
    display: -webkit-flex;
    gap: 20px;
}
    .article-info a {
        color: #E9680B;
        font-size: 18px;
        font-family: NotoSans-Regular;
        line-height: 170%;
    }
    .article-info span {
        color: #321E07;
        font-size: 18px;
        font-family: NotoSans-Regular;
        line-height: 170%;
    }


.aside-blog-item1 {
    background-color: #fff;
    border-radius: 14px;
    margin-bottom: 20px;
}
.aside-blog-item1-info {
    padding: 10px 15px 20px 15px;
}
    .aside-blog-item1 h6 {
        color: #683E20;
        line-height: 120%;
        font-family: NotoSans-SemiBold;
        font-size: 18px;
    }

.aside-blog-item1 img {
    height: 112px;
    border-radius: 26px 26px 0 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.article-info-line1 {
    display: flex;
    display: -webkit-flex;
    gap: 10px;
}

.article-info-line1 a {
    color: #E9680B;
    font-size: 13px;
    font-family: NotoSans-Regular;
    line-height: 170%;
}

.article-info-line2 span {
    color: #321E07;
    font-size: 18px;
    font-family: NotoSans-Regular;
    line-height: 170%;
}

.article-info-line2 {
    margin-top: 10px;
}

    .article-info-line2 h2 {
        font-family: OpenSans-Bold;
        line-height: 170%;
        font-size: 26px;
        color: #321E07;
    }

.article-info-line3 p {
    margin-top: 0px;
    color: #333;
    line-height: 170%;
    font-family: NotoSans-Regular;
    font-size: 20px;
}

.sidebar-active-menu {
    background-color: #683E20 !important;
}
    .sidebar-active-menu span {
        color: #fff !important;
    }

.user-message-ok {
    background-color: forestgreen;
    color: #fff;
    text-align: center;
    margin: 10px 0;
    padding: 5px;
    display: none;
}


.products-list {
    width: 100%;
}