body{ background-color: #F0F0F0; } 

#search{ display: none !important; } 
.search-box-container{ position: relative; right: 0; background-color: #262626; } 
.search-centre{ gap: 0; } 
.search-close i{ display: none; } 
#placeholder{ height: 250px !important; } 
.product-carousel { margin-bottom: 50px; } 
.hint{ margin: 10px 0 40px; } 
.hint p{ color: black; font-size: 20px; } 
.hint span{ font-weight: bold; } 
.product-carousel img{ width: 100%; } 
.product-photo { max-width: 1600px; margin: auto; padding: 0 20px; } 
.product-photo>ul{display: grid;gap: 4.5rem 1.8rem;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));} 
.menu-item { background-color: #FFFFFF; padding: 20px; transition: all 0.3s; border-radius: 10px; box-shadow: 0px 0px 25px -10px rgb(0 0 0 / 10%); } 
.menu-item:hover { box-shadow: 0px 0px 25px -10px rgb(0 0 0 / 50%); } 
.menu-item:hover .menu-image img{ transform: scale(1.05);} .menu-frame { position: relative; } 
.menu-image {display: flex;justify-content: center;margin-bottom: 60px;} 
.menu-image img{transition: transform 0.5s;width: 75%;} 
.menu-title {font-size: 20px;font-weight: bold;} 
.menu-description {font-size: 17px;color: #777;margin: 8px 0 10px 0;} 
.color-item-list { display: flex; gap: 10px; } 
.color-item { width: 25px; height: 25px; position: relative; overflow: hidden; border-radius: 100%; border: 1px solid #a2a2a2; } 
.color-item a{ width: 35px; } 
.color-item a img{ width: 35px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }


@media (max-width: 1024px) {
    .Small-screen-navigation .Small-screen-search{display: none;}
    .Small-screen-navigation .search-search-close{display: none;}
    .Small-screen-navigation #Small-screen-search-box{top: 100%;}
    #placeholder{height: 120px !important;} 
    .product-carousel{ margin: 30px 0 50px; }
    .product-photo>ul{ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
}