.shop-list {
    padding: 0 20px;
}

/*shop detail*/
.product-detail {
    padding: 60px 0 0 0;
}
.product-title h1 {
    color: var(--red);
    letter-spacing: 1px;
}
.product-detail .middle-left img {
    max-width: 100%;
    margin: auto;
    display: block;
    object-fit: contain;
}
.product-detail .top {
    padding: 20px 0;
}
.product-detail .top .box,
.product-detail .middle .box {
    padding: 15px;
}


.product-detail .top .sub-title h4 {
    font-family: 'kam';
    line-height: 1.2;
    color: #404040;
}
.product-detail .middle .sub-title h2 {
    padding-bottom: 20px;
    color: var(--green);
}
.product-detail .top .size,
.product-detail .top .expiry {
    font-family: 'kal';
    margin: 15px 0;
    line-height: 1;
    font-size: 40px;
    color: #606060;
}
.product-detail .box-expiry,
.product-detail .box-size {
    align-items: center;
    font-family: 'kam';
}
.product-detail .top .ingredient,
.product-detail .top .manual {
    color: #606060;
}
.product-detail .top .ingredient {
    margin: 10px 0;
}
.product-content-out {
    padding: 40px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 3px 3px 5px 0px #202020;
}
.product-content {
    padding: 0px 20px 20px 0;
    max-height: 320px;
    overflow-y: scroll;
}
.product-content h1,
.product-content h2,
.product-content h3,
.product-content h4 {
    line-height: 1.3;
}
.product-content img {
    max-width: 100%;
}
.product-content::-webkit-scrollbar { width: 6px; }
/* Track */
.product-content::-webkit-scrollbar-track { background: #eee; }
/* Handle */
.product-content::-webkit-scrollbar-thumb {
    height: 40%;
    background: #aaa;
    border: 0px solid #aaa;
    cursor: pointer;
}
/* Handle on hover */
.product-content::-webkit-scrollbar-thumb:hover { background: #ccc; }

.product-ckeditor p {
    margin: 15px 0;
}
.product-ckeditor ul,
.product-ckeditor li {
    list-style: initial;
}
.product-ckeditor ul {
    margin: 15px 0 15px 20px;
}
.product-ckeditor li {
    line-height: 1.3;
    margin-bottom: 10px;
}

.product-detail .middle {
    padding: 50px 20px;
    background: url('/application/media/san_pham/background_3.jpg') fixed center center no-repeat;
    background-size: cover;
}
.product-contact {
    padding: 20px;
    background-color: #F5E7AC;
}
.product-contact .contact-title h2 {
    padding: 10px;
    line-height: 1.2;
    color: var(--red);
    text-transform: uppercase;
}

.product-contact .contact-buttons a {
    height: calc(100% - 43px);
    margin: 10px;
    padding: 12px 20px 8px 20px;
    border-bottom: 3px solid var(--green);
    color: #fff;
    font-family: 'kam';
    letter-spacing: 1px;
    border-radius: 6px;
    background-color: var(--green);
    transition: 0.2s;
}

.product-contact .contact-buttons a:hover {
    background-color: var(--red);
    border-bottom: 3px solid var(--yellow);
}


.product-others {
    padding: 50px 0;
}
.product-others .box-title h2 {
    text-transform: uppercase;
    color: var(--green);
    padding-bottom: 20px;
}

/*Responsive*/
/*mi*/@media screen {}

/*mi-sm*/@media (min-width: 769px) {
    #hoasen_shop {
        background: url('/application/media/hinh_nen/background_5.png') fixed center center repeat;
        background-size: contain;
    }
}



/*ma*/@media screen {}
/*ma-md*/@media (max-width: 1024px) {

}
/*ma-md*/@media (max-width: 768px) {
    #hoasen_shop {
        background: url('/application/media/hinh_nen/background_5.png') fixed center center;
    }
}
/*ma-sm*/@media (max-width: 568px) {
    .product-detail .top {
        padding: 20px;
    }
    .product-detail .middle {
        padding: 50px 0;
    }
    .product-content-out {
        padding: 30px 20px;
    }
    .product-contact {
        padding: 20px 15px;
    }
    .product-contact .contact-buttons a {
        font-size: 12px;
    }
}