.benefits-section .container{max-width:1200px;margin:0 auto;padding:0 2rem}.benefits-section .header{text-align:center;margin-bottom:2rem}.benefits-section .badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:999px;background:#fff;border:1px solid #eef2f2;color:#475569;font-size:.875rem;margin-bottom:.75rem;box-shadow:0 1px 2px #0000000a}.benefits-section .title{font-size:clamp(1.75rem,2.4vw,2.5rem);font-weight:800;line-height:1.1;margin:0 0 .5rem;color:var(--primary)}.benefits-section .subtitle{color:#475569;max-width:60ch;margin:0 auto 2rem;font-size:1rem}.benefits-section .circle-wrap{position:relative;width:100%;max-width:1200px;margin:0 auto;overflow:visible}.benefits-section .circle-stage{position:relative;width:100%;height:clamp(700px,80vw,1000px)}.benefits-section .center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.benefits-section .product{position:relative;text-align:center}.benefits-section .card{position:relative;padding:1.5rem;border-radius:1.25rem;background:transparent;border:none;box-shadow:none}.benefits-section .product-image{display:block;width:var(--product-image-size, clamp(140px, 16vw, 220px));height:auto;margin:0 auto}.benefits-section .product-meta{margin-top:.75rem}.benefits-section .product-title{font-size:1.125rem;font-weight:800;color:#0f172a;margin:0 0 .25rem}.benefits-section .product-subtitle{font-size:.95rem;color:#475569;margin:0}.benefits-section .circle-item{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--radius, var(--ring-radius)) * -1)) rotate(calc(var(--angle) * -1));z-index:2}.benefits-section .benefit-card{text-align:center;background:transparent;border:none;box-shadow:none;padding:.5rem}.benefits-section .icon-wrap{width:clamp(60px,8vw,120px);height:clamp(60px,8vw,120px);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;background:transparent;color:var(--icon-color);position:relative;overflow:visible}.benefits-section .icon{width:clamp(30px,4vw,48px);height:clamp(30px,4vw,48px)}.benefits-section .benefit-icon{width:100%;height:100%;object-fit:cover;object-position:center}.benefits-section .benefit-title{font-size:clamp(.9rem,1.4vw,1.1rem);font-weight:800;color:#0f172a;margin:.25rem 0}.benefits-section .benefit-desc{font-size:.8rem;color:#475569;max-width:14ch;margin:0 auto;line-height:1.2}.benefits-section .cta{text-align:center;margin-top:2.5rem}.benefits-section .btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border-radius:1rem;font-weight:700;text-decoration:none;box-shadow:0 2px 6px #00000014}.benefits-section .btn.primary{color:#fff;background:var(--primary)}.benefits-section .btn.outline{color:var(--primary);background:#fff;border:2px solid var(--primary)}@media (max-width:767px){.benefits-section{--ring-radius: var(--ring-radius-mobile, 180px)}.benefits-section .container{padding:0 2rem}.benefits-section .circle-stage{height:auto;min-height:750px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 30px}.benefits-section .rectangle-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:30px;width:100%;max-width:550px;padding:0 20px;box-sizing:border-box;align-items:center;justify-items:center}.benefits-section .rectangle-top{display:contents}.benefits-section .rectangle-left{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:0;align-items:center}.benefits-section .center{grid-column:2;grid-row:2;position:relative;left:auto;top:auto;transform:none;margin:0}.benefits-section .rectangle-right{grid-column:3;grid-row:2;display:flex;flex-direction:column;gap:0;align-items:center}.benefits-section .rectangle-bottom{display:contents}.benefits-section .rectangle-top .circle-item:nth-child(1){grid-column:1;grid-row:1}.benefits-section .rectangle-top .circle-item:nth-child(2){grid-column:2;grid-row:1}.benefits-section .rectangle-top .circle-item:nth-child(3){grid-column:3;grid-row:1}.benefits-section .rectangle-bottom .circle-item:nth-child(1){grid-column:1;grid-row:3}.benefits-section .rectangle-bottom .circle-item:nth-child(2){grid-column:2;grid-row:3}.benefits-section .rectangle-bottom .circle-item:nth-child(3){grid-column:3;grid-row:3}.benefits-section .circle-item{position:relative;left:auto;top:auto;transform:none;opacity:1}.benefits-section .benefit-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:110px;text-align:center;padding:12px 6px;border-radius:12px}.benefits-section .icon-wrap{width:65px;height:65px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--icon-color);position:relative;overflow:visible;margin:0 0 10px}.benefits-section .icon{width:34px;height:34px}.benefits-section .benefit-title{font-size:.9rem;margin:0;max-width:none;white-space:normal;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}.benefits-section .benefit-desc{display:none}}@media (max-width:480px){.benefits-section .circle-stage{min-height:400px;padding:20px 10px}.benefits-section .rectangle-container{max-width:300px;gap:12px;padding:0 5px}.benefits-section .rectangle-middle{gap:15px;padding:0 5px}.benefits-section .rectangle-left,.benefits-section .rectangle-right{gap:10px;min-width:50px;max-width:60px}.benefits-section .rectangle-top,.benefits-section .rectangle-bottom{gap:58px;padding:0 10px}.benefits-section .center{margin:0}.benefits-section .benefit-card{max-width:60px;padding:4px 2px}.benefits-section .icon-wrap{width:80px;height:80px;margin:0 0 4px}.benefits-section .icon{width:16px;height:16px}.benefits-section .product-image{width:120px}.benefits-section .product-title{font-size:.9rem}.benefits-section .product-subtitle{font-size:.75rem}.benefits-section .benefit-title{font-size:.9rem;line-height:1}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/benefits-section.css.map */