@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");.cat-popup{position:relative}.custom-modal-backdrop{background-color:rgba(0,0,0,.325);z-index:1400}.cat-popup-close{position:absolute;right:-10px;top:-55px;background-color:white;height:35px;width:35px;cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px}.cat-popup-header-title{font-family:Roboto Flex,sans-serif;font-weight:600;letter-spacing:1px;font-size:25px;margin-left:10px}.cat-popup-header{position:-webkit-sticky;position:sticky;top:0;background-color:white;height:50px;justify-content:flex-start}.cat-popup-header-back{width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:20px}.cat-popup-header-title.subcat{font-size:20px;font-weight:400}.cat-popup-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cat-popup-content{max-height:500px;overflow-y:auto}.section-banner{width:100%;height:auto;border-radius:6px;margin-bottom:10px}.section-title{font-weight:700;margin-top:20px;font-size:18px;letter-spacing:1px}.subcat-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:12px;gap:12px;margin-top:20px}.subcat-item{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:8px;cursor:pointer;font-family:Roboto Flex,sans-serif;font-size:13px;text-align:center;height:150px}.subcat-image{width:80px;height:80px;object-fit:cover;border-radius:10px}.empty,.loading{text-align:center;color:#888;padding:20px}.section-image-scroll{display:flex;overflow-x:auto;gap:10px;margin-bottom:10px;padding-bottom:5px}.section-banner-img{height:250px;width:100%;border-radius:10px;flex-shrink:0}.custom-slider-container{position:relative;width:100%;max-width:600px;height:300px;overflow:hidden;border-radius:10px;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-slider-track{display:flex;height:100%}.custom-slide{flex:0 0 100%;height:100%}.custom-slide-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:10px}.custom-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);color:white;background-color:rgba(0,0,0,.4);border-radius:50%;padding:8px;cursor:pointer;z-index:10;height:40px;width:40px;display:flex;justify-content:center;align-items:center;font-size:20px}.custom-slider-arrow.left{left:10px}.custom-slider-arrow.right{right:10px}.custom-slider-arrow:hover{background-color:rgba(0,0,0,.6)}