.how-to-paint{background:#faf8f5;padding:70px 20px;position:relative;overflow:hidden}.how-to-paint__container{max-width:1100px;margin:0 auto;position:relative;z-index:1}.how-to-paint__title{font-family:Playfair Display,serif;font-size:clamp(2.8rem,7vw,4rem);font-weight:700;color:#2d2d2d;text-align:center;margin:0 0 20px;letter-spacing:-.02em}.how-to-paint__subtitle{font-family:Open Sans,sans-serif;font-size:clamp(1.4rem,3.5vw,1.8rem);color:#555;text-align:center;max-width:700px;margin:0 auto 50px;line-height:1.5}.how-to-paint__steps{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}@media (max-width: 800px){.how-to-paint__steps{flex-direction:column;align-items:center;gap:40px}}.paint-step{flex:1;max-width:320px;min-width:260px;text-align:center;position:relative}@media (max-width: 800px){.paint-step{max-width:400px;width:100%}}.paint-step__number{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700;color:#fff;box-shadow:0 4px 20px #6366f159;z-index:2;border:4px solid #faf8f5}.paint-step__image-wrapper{position:relative;width:200px;height:200px;margin:20px auto 24px;border-radius:50%;overflow:hidden;border:4px solid rgba(99,102,241,.2);box-shadow:0 8px 32px #00000014;background:#fff}.paint-step__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.paint-step:hover .paint-step__image{transform:scale(1.08)}.paint-step__glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(135deg,rgba(99,102,241,.3) 0%,transparent 50%,rgba(139,92,246,.2) 100%);z-index:-1;opacity:0;transition:opacity .3s ease}.paint-step:hover .paint-step__glow{opacity:1}.paint-step__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.paint-step__placeholder svg{width:50%;height:50%;opacity:.3}.paint-step__content{padding:0 10px}.paint-step__title{font-family:Playfair Display,serif;font-size:2.8rem;font-weight:700;color:#2d2d2d;margin:0 0 18px}.paint-step__description{font-family:Open Sans,sans-serif;font-size:1.8rem;line-height:1.6;color:#555;margin:0 0 20px}.paint-step__details{font-family:Open Sans,sans-serif;font-size:1.4rem;line-height:1.7;color:#666;margin:0 0 18px;text-align:left;padding:0 8px}.paint-step__details p{margin:0 0 10px}.paint-step__details ul,.paint-step__details ol{margin:0 0 10px;padding-left:1.2rem}.paint-step__details li{margin-bottom:6px}.paint-step__pro-tip{background:#6366f10f;border:1px solid rgba(99,102,241,.15);border-radius:12px;padding:18px 20px;text-align:left;margin-top:18px}.paint-step__pro-tip-label{display:inline-block;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6366f1;background:#6366f11a;padding:6px 14px;border-radius:10px;margin-bottom:12px}.paint-step__pro-tip p{font-family:Open Sans,sans-serif;font-size:1.35rem;line-height:1.5;color:#555;margin:0}.paint-step__connector{display:none}@media (min-width: 801px){.paint-step__connector{display:flex;align-items:center;justify-content:center;position:absolute;right:-28px;top:50%;transform:translateY(-50%) rotate(-90deg);color:#6366f166}}.how-to-paint__cta{text-align:center;margin-top:50px}.how-to-paint__button{display:inline-block;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);padding:16px 40px;border-radius:50px;text-decoration:none;box-shadow:0 4px 20px #6366f14d;transition:all .3s ease}.how-to-paint__button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #6366f166;background:linear-gradient(135deg,#4f46e5,#6366f1)}@media (max-width: 600px){.how-to-paint{padding:50px 16px}.how-to-paint__subtitle{margin-bottom:40px}.paint-step__image-wrapper{width:180px;height:180px}.paint-step__number{width:44px;height:44px;font-size:1.3rem;top:-12px;border-width:3px}.paint-step__title{font-size:2.1rem}.paint-step__description{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-how-to-paint-diamonds.css.map */