.related-products-slider{margin-top:40px;padding:0 20px}.product-card{text-align:center;background:#fff;padding:10px;box-shadow:0 0 8px #0000001a}.product-image img{width:100%;height:auto}.product-name{margin-top:10px;font-weight:700}.product-desc{color:#555;margin:5px 0;font-size:14px}.product-price{color:#e53935;font-weight:700}.view-button{color:#fff;cursor:pointer;background-color:#3f51b5;border:none;margin-top:10px;padding:6px 12px}.view-button:hover{background-color:#2c387e}
.product-detail{opacity:0;font-family:barlow,sans-serif;animation:.5s ease-in forwards fadeIn;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.product-detail__container{background-color:#fff;flex-wrap:wrap;gap:46px;margin-top:90px;display:flex}.product-detail__image{text-align:center;flex-direction:column;flex:40%;justify-content:center;align-items:center;width:100%;max-width:400px;margin:0 auto;display:flex;position:relative;overflow:hidden}.product-detail__image img{object-fit:cover;cursor:pointer;height:auto;display:block}.magnify-glass{pointer-events:none;z-index:10;background:#ffffff80;border:2px solid #000;border-radius:50%;width:150px;height:150px;display:none;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 10px #0000004d}.magnify-glass img{object-fit:cover;transform-origin:0 0;width:300%;height:300%;position:absolute;top:0;left:0}.main-image{cursor:zoom-in;border-radius:5px;width:100%;max-width:400px;height:auto;transition:transform .3s}.main-image.zoomed{z-index:10;position:relative}.zoom-overlay{z-index:1000;cursor:zoom-out;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.zoomed-image{object-fit:contain;max-width:90%;max-height:90vh}.product-detail__info{flex-direction:column;flex:60%;justify-content:center;padding:20px;display:flex}.product-detail__info strong{font-weight:700}.product-detail__title{margin-bottom:0;font-size:40px;font-weight:700}.product-detail__subtitle{color:#666;font-size:16px}.product-detail__variants{margin-top:10px;font-size:18px;font-weight:lighter}.product-detail__description{text-align:justify;color:#333;margin-top:12px;margin-bottom:64px;font-size:18px;font-weight:lighter}.product-detail__button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:10px;padding:10px 20px;font-size:16px;transition:background-color .3s}.product-detail__button:hover{background-color:#2980b9}.product-detail .contact__details{justify-content:space-between;align-items:center;gap:15px;margin-bottom:46px}.product-detail .contact__btn{cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-size:24px;font-weight:700}.weight-btn{cursor:pointer;background:#f9f9f9;border:1px solid #ccc;border-radius:5px;padding:8px 15px;transition:background .3s,color .3s}.weight-btn.active{color:#fff;background:#000;border-color:#000}.thumbnail-container{justify-content:center;gap:20px;max-width:600px;margin:0 auto;display:flex}.thumbnail{object-fit:cover;cursor:pointer;border:2px solid #0000;border-radius:5px;width:80px;height:80px;transition:border .3s}.thumbnail.active{border-color:#ccc}.product-detail__specs{margin-bottom:64px}.related-slide-item .card__body .card__bottom{display:none!important}.related-slide-item .card{border-radius:8px;box-shadow:none!important}.related-slider-container .slick-list{overflow:hidden}.related-slider-container .slick-list .slick-track{gap:28px;display:flex}.related-slider-container .slick-slide{max-width:300px!important}.related-slider-container{margin-bottom:46px}.related-slider-container .slick-prev{left:24px!important}.related-slider-container .slick-next{right:28px!important}.related-slider-container .slick-prev:before{content:url(/images/iconLeftArrow.png)}.related-slider-container .slick-next:before{content:url(/images/iconRightArrow.png)}@media screen and (max-width:767px){.product-detail .main-image{max-width:300px}.product-detail .product-detail__thumbnails{position:absolute;bottom:0}.product-detail .product-detail__thumbnails img{width:60px}.product-detail__container{gap:0;margin-top:0;padding:0 20px!important}.product-detail .products .product_card{width:calc(50vw - 20px)}.product-detail .filter__btn{display:none}.product-detail .content-pr.product-detail{padding:0 10px!important}.product-detail .loaisp__filters{max-width:200px;margin-top:24px;margin-left:30px}.product-detail .products{margin-top:28px}.product-detail .product__title{min-height:auto}.product-detail .products{justify-content:space-around;gap:14px}.product-detail .card__body{padding:0 8px 16px!important}.product-detail .contact__btn{font-size:16px;padding:12px 36px!important}.product-detail .product-detail__info{max-width:100%;padding:11vw 0}.product-detail .product-detail__title{font-size:26px}.product-detail__weight{font-size:14px}.weight-btn{padding:4px 12px;font-size:14px}.product-detail__description{margin-bottom:24px;font-size:14px;display:none}.product-detail .contact__details{flex-wrap:wrap;margin-top:12px;margin-bottom:0}.product-detail .contact__details img{width:80%}.product-detail .product-detail__specs{margin:28px 0!important;padding:0 20px!important}.product-detail .related-slider-container{margin-bottom:0;padding:0 10px!important}.product-detail .related-slider-container h4{padding:0 10px}.product-detail .related-slide-item .card{box-shadow:0 18px 50px -10px #0003!important}.product-detail .related-slider-container .slick-list .slick-track{gap:14px}.banner-logo{width:15%}.banner-content{flex-direction:column;align-items:center;display:flex;top:40%}.product-detail .henk-Product .banner-text,.product-detail .mekong-Product .banner-text,.product-detail .markandmilk-Product .banner-text,.product-detail .ganafarm-Product .banner-text{max-width:100%}.product-detail .banner-text{text-align:center;font-size:13px}.product-detail .banner-content{padding:0 20px!important}}@media screen and (max-width:359px){.product-detail .main-image{padding-bottom:40px}.product-detail .product-detail__info{padding:0}.product-detail__container{gap:20px;padding:0 20px!important}.product-detail .product__card .product__title a{font-size:12px}.product-detail .products{justify-content:center;gap:14px}.product-detail .product__card .product__weight{font-size:13px}.product-detail .card__body{padding:0 8px 16px!important}.product-detail .contact__btn{font-size:12px;padding:8px 20px!important}.product-detail .product-detail__title{font-size:24px}.product-detail .banner-text{line-height:12px}.markandmilk-Product .banner-logo{margin-bottom:0}.product-detail .markandmilk-Product .banner-text{font-size:13px}.markandmilk-Product{top:36%}}@media screen and (max-width:399px) and (min-width:360px){.product-detail .main-image{padding-bottom:40px}.product-detail .product-detail__info{padding:0}.product-detail__container{gap:20px;padding:0 20px!important}.product-detail .product__card .product__title a{font-size:14px}.product-detail .product__card .product__weight{font-size:12px}.product-detail .contact__btn{font-size:14px;padding:8px 20px!important}}@media screen and (max-width:439px) and (min-width:400px){.product-detail .product-detail__info{padding:32px 0}.product-detail .product__card .product__title a{font-size:16px}.product-detail .product__card .product__weight{font-size:12px}.product-detail .contact__btn{font-size:14px;padding:8px 20px!important}}@media screen and (max-width:479px) and (min-width:440px){.product-detail .product__card .product__title a{font-size:18px}.product-detail .product__card .product__weight{font-size:12px}.product-detail .contact__btn{font-size:16px;padding:8px 20px!important}.product-detail .product-detail__info{padding:32px 0}}@media screen and (max-width:529px) and (min-width:480px){.product-detail .product__card .product__title a{font-size:20px}.product-detail .product__card .product__weight{font-size:12px}.product-detail .contact__btn{font-size:16px;padding:8px 20px!important}.product-detail .product-detail__info{padding:30px 0}.product-detail .product-detail__title{font-size:24px}}@media screen and (max-width:1399px) and (min-width:768px){.product-detail .main-image{max-width:300px}.product-detail .product-detail__thumbnails{position:absolute;top:80%}.product-detail .product-detail__thumbnails img{width:60px}.product-detail__container{gap:0;margin-top:0;padding:0 44px!important}.product-detail .henk-Product .banner-text,.product-detail .mekong-Product .banner-text,.product-detail .markandmilk-Product .banner-text,.product-detail .ganafarm-Product .banner-text{max-width:30%}.product-detail .products .product_card{width:calc(50vw - 20px)}.product-detail .banner-text{font-size:13px}.product-detail .banner_product{min-height:300px}.product-detail .banner-content{padding:0 44px!important}.product-detail .filter__btn{display:none}.product-detail .content-pr.product-detail{padding:0 10px!important}.product-detail .loaisp__filters{max-width:200px;margin-top:24px;margin-left:30px}.product-detail .products{margin-top:28px}.product-detail .product__title{min-height:auto}.product-detail .products{justify-content:space-around;gap:14px}.product-detail .card__body{padding:0 8px 16px!important}.product-detail .contact__btn{font-size:16px;padding:12px 36px!important}.product-detail .product-detail__title{font-size:26px}.product-detail__weight{font-size:14px}.weight-btn{padding:4px 12px;font-size:14px}.product-detail__description{margin-bottom:24px;font-size:14px}.product-detail .contact__details{flex-wrap:wrap;margin-top:12px;margin-bottom:0}.product-detail .contact__details img{width:80%}.product-detail .product-detail__specs{margin:28px 0!important;padding:0 44px!important}.product-detail .related-slider-container{margin-bottom:0;padding:0 44px!important}.product-detail .related-slider-container h4{padding:0 10px}.product-detail .related-slider-container .slick-list .slick-track{gap:14px}.product-detail__info{padding:50px 0}}@media screen and (max-width:899px) and (min-width:768px){.product-detail .henk-Product .banner-text,.product-detail .mekong-Product .banner-text,.product-detail .markandmilk-Product .banner-text,.product-detail .ganafarm-Product .banner-text{max-width:30%}.product-detail .products .product_card{width:calc(50vw - 20px)}.product-detail .banner-text{font-size:13px}.product-detail .banner_product{min-height:300px}.product-detail .filter__btn{display:none}.product-detail .content-pr.product-detail{padding:0 10px!important}.product-detail .loaisp__filters{max-width:200px;margin-top:24px;margin-left:30px}.product-detail .products{margin-top:28px}.product-detail .product__title{min-height:auto}.product-detail .products{justify-content:space-around;gap:14px}.product-detail .card__body{padding:0 8px 16px!important}.product-detail .contact__btn{font-size:16px;padding:12px 36px!important}.product-detail .product-detail__title{font-size:26px}.product-detail__weight{font-size:14px}.weight-btn{padding:4px 12px;font-size:14px}.product-detail__description{margin-bottom:24px;font-size:14px}.product-detail .contact__details{flex-wrap:wrap;margin-top:12px;margin-bottom:0}.product-detail .contact__details img{width:80%}.product-detail .related-slider-container h4{padding:0 10px}.product-detail .related-slider-container .slick-list .slick-track{gap:14px}}@media screen and (min-width:900px) and (max-width:1023px){.product-detail__description{font-size:16px}.product-detail .product-detail__title{font-size:26px}}@media screen and (min-width:1024px) and (max-width:1139px){.product-detail__description{font-size:16px}.product-detail .product-detail__title{font-size:32px}}@media screen and (min-width:1140px) and (max-width:1279px){.product-detail__description{font-size:18px}.product-detail .product-detail__title{font-size:36px}}@media screen and (min-width:1280px) and (max-width:1399px){.product-detail__description{font-size:18px}.product-detail .product-detail__title{font-size:38px}}@media screen and (max-width:399px) and (min-width:360px){.product-detail .markandmilk-Product .banner-text{font-size:13px;line-height:12px}.banner-section .markandmilk-Product{top:35%}.product-detail .banner-text{font-size:13px;line-height:16px}.banner-content{top:38%}}@media screen and (max-width:439px) and (min-width:400px){.product-detail .banner-text{font-size:12px}.banner-content{top:38%}}@media screen and (max-width:479px) and (min-width:440px){.product-detail .banner-text{font-size:13px}.banner-content{top:36%}}@media screen and (max-width:529px) and (min-width:480px){.product-detail .banner-text{font-size:14px}.banner-content{top:36%}}@media screen and (max-width:767px) and (min-width:530px){.product-detail .banner-text{font-size:2vw}.banner-content{top:30%}.product-detail .banner-content{flex-direction:row;gap:16px}}