.products-grid.is-loading{opacity:.6;pointer-events:none}.products-grid__empty{grid-column:1 / -1;text-align:center;padding:24px}.ring-builder-setting--wrapper{padding:12px;margin:0 auto}.ring-options{display:flex;gap:20px;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.option-section{display:flex;flex-direction:column;gap:10px;align-items:center}.option-title{display:flex;font-weight:400;align-items:center;font-size:14px}.options-grid{display:grid;gap:1rem}.metal-grid{grid-template-columns:repeat(2,1fr)}.shape-grid{display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;max-width:430px;margin:0 auto}.shape-grid-second-row,.shape-grid-first-row{display:flex;gap:16px;align-items:center;justify-content:center;margin:0 auto}.shape-grid-mobile{grid-template-columns:repeat(5,1fr)}.style-grid{grid-template-columns:repeat(2,1fr)}.option-item{border:1px solid #dddbdb;border-radius:5px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.metal-grid .option-item{padding:5px 20px}.shape-grid-mobile .option-item,.shape-grid .option-item{padding:2px;height:62px;width:64px}.style-grid .option-item{padding:5px 30px}.option-item.active{border:1.4px solid #000}.option-item:hover{transform:scale(1.05);transition:all .2s ease-in-out}.option-item img{height:auto;object-fit:contain}.metal-grid .option-item img{width:115px}.shape-grid .option-item img{width:25px}.style-grid .option-item img{width:80px}.option-item span{font-size:10px;display:block}.tab-panel{display:none}.tab-panel.active{display:block}.tab-panel-title{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:400;margin-bottom:10px;background:none;text-decoration:underline;border:none;color:#666;cursor:pointer}.tab-button{font-size:16px;padding:8px 16px;border:none;color:#666;background:none;white-space:nowrap}.tab-button.active{color:#1b2230;border-bottom:2px solid #1b2230}.tab-controls{display:flex;gap:16px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;height:150px;width:150px}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;height:20px;width:90%;animation:shimmer 1.5s infinite}.ring-details-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px auto;max-width:1200px;border-top:1px solid #e5e5e5;padding-top:30px}.product-grid-section{max-width:1200px;width:100%;margin:0 auto 40px}.product-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:5px}.showing-count-header span{font-weight:700}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-height:850px;overflow-y:auto}.product-card{border:1.5px solid #e5e5e5;border-radius:8px;padding:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;background:#fff;transition:opacity .5s ease-in-out}.product-card.active{border-color:#7c7c7c}.setting-price-chip-tag{font-weight:500;font-size:12px;line-height:16px;text-align:center;color:#666;border-radius:999px;padding:3px 8px;background-color:#f0f0f0}.product-image{position:relative;height:150px;width:150px}.product-image img{width:100%;height:auto;object-fit:contain;transition:opacity .3s ease-in-out}.product-image img:last-child{opacity:0;position:absolute;top:0;left:0}.product-image:hover img:first-child{opacity:0}.product-image:hover img:last-child{opacity:1}.product-name{line-height:20px;width:100%;font-size:14px;color:#1b2230}.product-price{line-height:20px;width:100%;color:#ab702c;font-weight:500}.setting-sort-by-container{display:flex;gap:12px;align-items:center}.setting-sort-by-container img{width:18px;height:22px}.setting-sort-by-container select{border:none;outline:none;font-weight:500}@media(max-width:1200px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.ring-options{flex-wrap:wrap;gap:20px;justify-content:space-evenly}.product-gallery-container{margin-inline:auto}}@media(max-width:900px){.skeleton-image,.product-image{height:135px;width:135px}}@media(max-width:820px){.skeleton-image,.product-image{height:110px;width:110px}}@media(max-width:768px){.product-gallery-container{order:2}.skeleton-image,.product-image{height:130px;width:130px}.product-image:hover img:first-child{opacity:unset}.product-image img:last-child{display:none}.product-image:hover img:last-child{opacity:unset}.product-grid-section{max-width:100%;overflow-x:auto;order:1;margin-bottom:0}.products-grid{display:flex;max-height:unset;flex-wrap:nowrap;overflow-x:auto}.products-grid::-webkit-scrollbar{display:none}.showing-count-header{text-align:center}.ring-options{display:none!important}.setting-sort-by-container{display:none}.shape-grid-mobile{gap:8px;padding-bottom:12px}.shape-grid-mobile .option-item{height:67px}.product-card{padding:10px}.ring-details-container{display:flex;flex-direction:column;border-top:none;margin-top:0;padding-top:16px}.setting-price-chip-tag{font-size:10px;line-height:12px}.metal-grid{display:flex;justify-content:space-around;align-items:start;gap:20px}.metal-grid .option-item{border:none;padding:0}.metal-grid .option-item img{width:50px;border-radius:100%}.metal-grid .option-item span{font-size:12px}.metal-grid .option-item.active{border:none}.metal-grid .option-item.active img{border:3px solid}.metal-grid .option-item.active span{font-weight:500}.shape-grid{gap:.5rem}.shape-grid .option-item img{width:35px}.style-grid .option-item img{width:100px}.option-item{border:1px solid #bebebe}.option-item.active{border:1.4px solid black}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/ring-builder-setting.css.map */