.interactive-ring-builder{position:relative;overflow:hidden;background:#faf8f5;padding:50px 0 0}.interactive-ring-container{max-width:1400px;margin:auto;padding:0 40px}.interactive-ring-builder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 35%,#fff,#faf8f5 55%,#f3f0eb);opacity:.9}.interactive-ring-builder .page-width{position:relative;z-index:2}.ring-builder-grid{display:grid;grid-template-columns:1fr 190px 1fr;gap:0;align-items:center}.ring-card{display:flex;align-items:center;text-align:center}.ring-card-left{justify-content:right}.ring-card-right{display:flex;justify-content:left}.ring-card__image{width:130px;margin-bottom:35px}.card-image{width:100%;display:block}.ring-card__content{max-width:420px}.ring-card__title{margin:0;font-size:30px;font-weight:500;color:#0a4f42}.ring-card__text{margin-top:28px;font-size:16px;color:#555}.ring-card__text p{margin:0}.ring-btn{display:inline-flex;justify-content:center;align-items:center;margin-top:40px;min-width:240px;height:58px;padding:0 32px;border-radius:100px;border:1.5px solid #0a4f42;color:#d4af37;text-decoration:none;font-size:17px;font-weight:500;transition:.35s ease;background:transparent}.ring-btn:hover{background:#0a4f42;color:#fff}.ring-preview{display:flex;justify-content:center;align-items:center}.ring-preview-wrapper{position:relative;width:420px;height:420px;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;transition:transform .35s ease}.ring-band{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.ring-diamond{position:absolute;bottom:180px;width:470px;right:-147px;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.ring-gemstone{position:absolute;bottom:180px;width:60%;right:33px;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.ring-diamond,.ring-gemstone{z-index:2}.ring-diamond{opacity:1}.ring-gemstone{opacity:0}.ring-band,.ring-diamond,.ring-gemstone{transition:opacity .45s ease,transform .45s ease,filter .45s ease}.ring-card{transition:transform .35s ease,opacity .35s ease}.ring-card:hover{transform:translateY(-8px)}.ring-preview-wrapper{animation:ringFloat 6s ease-in-out infinite}@keyframes ringFloat{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.ring-diamond{opacity:1;transform:scale(1);filter:drop-shadow(0 10px 22px rgba(255,255,255,.45))}.ring-gemstone{opacity:0;transform:scale(.88);filter:drop-shadow(0 10px 18px rgba(0,0,0,.15))}.ring-diamond.active,.ring-gemstone.active{opacity:1;transform:scale(1)}.ring-diamond.hide{opacity:0;transform:scale(.88)}.ring-preview{position:relative}.ring-preview:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,255,255,.25) 45%,transparent 75%);filter:blur(18px);z-index:0}.card-image{transition:transform .35s ease,opacity .35s ease}.ring-card:hover .card-image{transform:scale(1.05)}.ring-card__title{transition:color .35s ease}.ring-card:hover .ring-card__title{color:#7b5b2e}.ring-btn{position:relative;overflow:hidden}.ring-btn:before{content:"";position:absolute;left:-120%;top:0;width:120%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transition:left .7s}.ring-btn:hover:before{left:120%}.interactive-ring-builder{opacity:1;transform:none}.ring-preview-wrapper{will-change:transform}@media(max-width:1199px){.ring-builder-grid{grid-template-columns:1fr;gap:0}.ring-preview{order:-1}.ring-preview-wrapper{width:340px;height:340px}.ring-card{max-width:620px;margin:auto}.ring-card__title{font-size:48px}}@media(max-width:767px){.interactive-ring-builder{padding:50px 0 0}.ring-builder-grid{gap:0}.ring-preview-wrapper{width:260px;height:260px}.ring-card__image{width:95px;margin-bottom:22px}.ring-card__title{font-size:34px}.ring-card__text{font-size:16px;line-height:1.7;margin-top:18px}.ring-btn{min-width:200px;height:50px;font-size:15px;margin-top:28px}}@media(max-width:480px){.ring-preview-wrapper{width:220px;height:220px}.ring-card__title{font-size:28px}.ring-btn{width:100%;max-width:250px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ring-setting-style.css.map */