.ring-guide__hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#edf8f2,#e5f4eb,#dff1e7);color:#123c33;padding:90px 20px;text-align:center}.ring-guide__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70'%3E%3Cg fill='none' stroke='%23b9d8c7' stroke-width='1.2' opacity='0.35'%3E%3Cpath d='M35 12 L45 22 L35 32 L25 22 Z'/%3E%3Cpath d='M35 18 L40 22 L35 26 L30 22 Z'/%3E%3C/g%3E%3C/svg%3E");background-size:70px 70px;opacity:.8;pointer-events:none}.ring-guide__hero:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:#ffffff40;filter:blur(80px);top:-220px;right:-150px}.ring-guide__hero .page-width{position:relative;z-index:2}.ring-guide__hero .subtitle{display:inline-block;padding:10px 22px;border-radius:40px;background:#fff;color:#0b5d47;border:1px solid #cfe7da;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:22px;box-shadow:0 8px 25px #0000000d}.ring-guide__hero h1{font-size:56px;font-weight:700;line-height:1.15;color:#0c3f36;margin-bottom:18px}.ring-guide__hero p{max-width:700px;margin:0 auto 35px;color:#4f6f65;font-size:18px;line-height:1.8}.ring-guide__hero .page-width:before,.ring-guide__hero .page-width:after{content:"\1f48e";position:absolute;font-size:28px;opacity:.12}.ring-guide__hero .page-width:before{left:80px;top:40px}.ring-guide__hero .page-width:after{right:80px;bottom:30px}.ring-guide__hero .button{background:#0d5b47;color:#fff;border-radius:50px;padding:16px 38px;text-decoration:none;transition:.3s}.ring-guide__hero{position:relative;overflow:hidden}.hero-ring{position:absolute;top:50%;transform:translateY(-50%);width:220px;z-index:1}.hero-ring-left{left:50px}.hero-ring-right{right:50px;transform:translateY(-50%) scaleX(-1)}.ring-img{width:100%;display:block}.diamond-img{position:absolute;width:240px;left:50%;top:-15px;transform:translate(-50%);animation:diamondFloat 2s ease-in-out infinite}@keyframes diamondFloat{0%{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-18px)}to{transform:translate(-50%) translateY(0)}}@media(max-width:1200px){.hero-ring{display:none}}.ring-guide__hero .button:hover{background:#0a4a3a;transform:translateY(-2px)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/ring-size-guide.css.map */