header{border-bottom:1px solid #CA95A7;z-index:1}header .heading{color:#ca95a7;letter-spacing:.25rem}.searchbar{height:50px;width:100%;display:flex;justify-content:space-between;align-items:center}.mobile-filter{display:flex;justify-content:center;align-items:flex-start;margin-bottom:1rem}.mobile-filter a{color:#928182}.mobile-filter a:focus{color:#928182}.dropdown-menu{width:50%}.desktop-filter{display:none}@media only screen and (min-width: 980px){.searchbar{width:1000px;height:100px;margin:0 auto;justify-content:center}.input-group{width:50%}.mobile-filter{display:none}.desktop-filter{display:block}}.card-article{width:150px;border:1px solid #d7d6d6;border-radius:10px;margin:1rem auto;overflow:hidden;color:#000}.card-article .card-article-img{height:100px;background-color:#f8f7f7;display:flex;justify-content:center;align-items:center}.card-article .card-article-img .milk-img{width:75px;height:75px;margin:auto}.card-article .card-body{background-color:#fff;height:160px}.card-article .card-body .card-title{text-align:center}.card-article .card-body .card-detail{display:flex;flex-direction:column;justify-content:center;align-items:center}.card-article .card-body .card-detail p{margin:10px 0 0}.card-article .card-body .card-detail .storage{font-weight:700;font-style:italic;color:#ca95a7}@media only screen and (min-width: 648px){.card-article{width:250px}}@media only screen and (min-width: 980px){.card-article{width:300px}.card-article .card-article-img{height:200px}.card-article .card-article-img .milk-img{width:150px;height:150px}.card-article .card-body{height:100px}.card-article .card-body .card-title{text-align:left}.card-article .card-body .card-detail{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}}.paginationItemStyle{display:none;margin:3px}.paginationItemStyle .page-link{color:#fff;width:45px}.paginationItemStyle.page-item.active button{background-color:#670a35;border-color:#670a35;box-shadow:#a164784d 0 0 0 3px}.paginationLinkStyle{background-color:#ca95a7;border-radius:5px}.paginationLinkStyle:hover{background-color:#a16478}.paginationLinkStyle:active{background-color:#670a35}.paginationChangePage{width:50px;display:flex;justify-content:center}.paginationChangePage .previous,.paginationChangePage .next{color:#fff;font-weight:700;background-color:#ca95a7}.paginationChangePage .previous:focus,.paginationChangePage .next:focus{box-shadow:none;background-color:#ca95a7}.paginationChangePage .previous:hover,.paginationChangePage .next:hover{background-color:#670a35;color:#fff}@media only screen and (min-width: 980px){.paginationItemStyle{display:block}}.refresh{margin-left:10px;font-size:25px}.product-count{text-align:center;font-weight:700}.gallery{margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr)}.pagination{height:6rem;margin:0 auto;display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 980px){.product-count{width:1000px;padding:0;margin:0 auto;text-align:left}.gallery{width:1000px;min-width:1000px;grid-template-columns:repeat(3,1fr)}.pagination{width:1000px}}.product-container{margin:0 auto;display:flex}.product-container .product-article{margin:50px auto;color:#000}.product-container .product-article .back-arrow{display:flex;justify-content:flex-start;align-items:center;color:#380e1b;margin-bottom:50px}.product-container .product-article .back-arrow:hover{cursor:pointer;color:#ca95a6}.product-container .product-article .back-arrow p{margin:0}.product-container .product{display:flex;flex-direction:column}.product-container .product .product-img{height:250px;width:275px;display:flex;justify-content:center;align-items:center;background-color:#fff}.product-container .product .product-milk-img{height:175px;width:200px}.product-container .product .product-detail{height:250px;width:300px;padding:10px 20px;display:flex;flex-direction:column}.product-container .product .product-text{margin:3px;text-align:center}.product-container .product .product-text:nth-of-type(1){font-weight:700}.product-container .product .product-text:nth-of-type(3){margin-top:15px}.product-container .product .product-text:nth-of-type(4){text-align:center}.product-container .product .slider{margin:20px 30px 0;display:flex;align-items:center}.product-container .product .order-btn{margin:10px auto;padding:5px 25px;color:#fff;background-color:#ca95a6;border:1px solid #9b5e72;border-radius:5px;font-size:16px;font-weight:700}.product-container .product .order-btn:hover{cursor:pointer;background-color:#9b5e72}@media only screen and (min-width: 980px){.product-container{width:1000px}.product-container .product-article{margin:100px auto 150px}.product-container .product{flex-direction:row}.product-container .product .product-text{text-align:left}}.message-container{margin:0 auto;display:flex}.message-container .message-article{width:400px;height:450px;margin:100px auto;background-color:#fff;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding-bottom:10px}.message-container .message-article .message-heading{font-size:30px;color:#ca95a7;letter-spacing:.25rem}.message-container .message-article .message-img{height:125px;width:125px}.message-container .message-article .message-text{color:#7e2442;font-size:20px}.message-container .message-article .home-btn{padding:10px 20px;border:none;border-radius:5px;background-color:#ae7387;color:#fff;font-weight:700}.message-container .message-article .home-btn:hover{background-color:#7e2442}@media only screen and (min-width: 980px){.message-container{width:50%}}.footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#ca95a7}.footer-text{width:40%;font-size:13px;color:#670a35;margin:0}.footer-text:nth-of-type(2){text-align:right}.footer-img{margin-top:4px}.footer-link{font-weight:700;margin-left:4px;color:#670a35}@media only screen and (min-width: 980px){.footer{padding:8px 32px}.footer-text{font-size:15px;width:40%}}body{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;margin:0;padding:0;color-scheme:light dark;background-color:#ffe3e2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{text-decoration:none}