html,body{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Medium.otf) format("opentype");font-style:normal}@font-face{font-family:Avenir;src:url(/fonts/avenir/Avenir-Book.ttf) format("truetype");font-style:normal}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Regular.ttf) format("truetype");font-style:normal}.product-name{font-family:Montserrat;font-size:15px;font-weight:600}.product-price{font-family:Montserrat;font-size:15px;font-weight:500}.color-text{font-family:Avenir;font-size:12px;font-weight:500}.ring-image{width:200px;height:200px;border-radius:20px}p{width:max-content}.ring-button-color-select-group{display:flex;gap:4px;width:max-content}.ring-color-name{font-size:12px;margin-top:4px;color:#333}.star-score{width:max-content;display:flex;align-items:center;gap:4px;justify-content:center}.popularity-out-of-five{font-family:Avenir-Book;font-size:14px;display:flex;width:max-content;padding:5px;margin-top:8px}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Medium.otf) format("opentype");font-style:normal}@font-face{font-family:Avenir;src:url(/fonts/avenir/Avenir-Book.ttf) format("truetype");font-style:normal}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Regular.ttf) format("truetype");font-style:normal}.carousel-container{width:100%;max-width:1300px;margin:0 auto;padding:10px 20px}.no-match{font-family:Avenir;text-align:center;font-size:25px;margin-top:200px}.carousel-title{margin-bottom:10px;font-family:Avenir;text-align:center;align-items:center;display:flex;justify-content:center;font-size:45px;color:#333;font-weight:400}.carousel-scroll-wrapper{margin-top:20px;position:relative;padding:20px 0 0 60px}.carousel-scroll-slide{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:12px;scrollbar-width:12px;scrollbar-color:#888;margin-right:20px}.carousel-scroll-slide::-webkit-scrollbar{height:14px}.carousel-scroll-slide>*{scroll-snap-align:start;flex:0 0 auto;width:300px}.carousel-scroll-slide::-webkit-scrollbar-button:horizontal:increment,.carousel-scroll-slide::-webkit-scrollbar-button:horizontal:decrement{display:none;width:0;height:0}.carousel-slide::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}.carousel-scroll-slide::-webkit-scrollbar-track{background:#d0d0d0;border-radius:10px;box-shadow:inset 0 0 3px #0006,0 -2px #a8a8a8}.carousel-scroll-slide::-webkit-scrollbar-thumb{background:#b7b7b7;border-radius:10px}.carousel-scroll-slide::-webkit-scrollbar-thumb:hover{background:#b7b7b7}.carousel-item{min-width:280px;flex:0 0 auto;padding:0 10px;box-sizing:border-box}.carousel-button{position:absolute;top:50%;transform:translateY(-400%);background:none;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;color:#333;padding:0}.carousel-button:hover{background:none;transform:translateY(-400%)}.carousel-button.prev{left:10px;font-size:30px}.carousel-button.next{right:5px;font-size:30px;margin-left:5px}@media (max-width: 1024px){.carousel-scroll-wrapper{padding:20px 0 0 40px}.carousel-title{font-size:38px}.carousel-item{min-width:240px}}@media (max-width: 768px){.carousel-container{padding:10px 15px}.carousel-scroll-wrapper{padding:20px 0 0 30px}.carousel-title{font-size:32px}.carousel-button{width:36px;height:36px;transform:translateY(-350%)}.carousel-button:hover{transform:translateY(-350%)}.carousel-scroll-slide{gap:15px}.carousel-item{min-width:200px}}@media (max-width: 480px){.carousel-container{padding:10px}.carousel-scroll-wrapper{padding:20px 0 0 20px}.carousel-title{font-size:26px;margin-bottom:5px}.carousel-button{width:30px;height:30px;transform:translateY(-300%)}.carousel-button:hover{transform:translateY(-300%)}.carousel-scroll-slide{gap:10px}.carousel-item{min-width:160px;padding:0 5px}.no-match{font-size:20px;margin-top:150px}}@media (max-width: 360px){.carousel-title{font-size:22px}.carousel-item{min-width:140px}}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Medium.otf) format("opentype");font-style:normal}@font-face{font-family:Avenir;src:url(/fonts/avenir/Avenir-Book.ttf) format("truetype");font-style:normal}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Regular.ttf) format("truetype");font-style:normal}.filters-container{display:flex;gap:16px;text-align:center;align-items:center;justify-content:center;flex-wrap:wrap;padding:20px 0 0;border-top:1px solid #ddd;background-color:#fafafa;font-family:Avenir}.filter-group{text-align:center;align-items:center;gap:10px;width:max-content;display:flex;flex-direction:row}.filter-input{padding:10px;margin:5px;font-size:14px;border:1px solid #bbb;border-radius:4px;width:150px;transition:border-color .2s ease}.filter-input:focus{outline:none;border-color:#e6ca97;box-shadow:0 0 6px #e6ca97}.button{display:flex;align-items:center;justify-content:center;width:100px}.clear-button{display:flex;align-items:center;justify-content:center;padding:9px 18px;font-size:14px;background-color:#918e8e;border:none;color:#fff;font-weight:600;border-radius:5px;cursor:pointer;max-width:90px;margin:auto;transition:background-color .3s ease}.clear-button:hover{background-color:#dea702}