.shoe-breakdown{padding:6rem 0;background-color:#f5f5f5}.shoe-breakdown__grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1200px;margin:0 auto}.shoe-breakdown__text-column{display:flex;flex-direction:column;gap:2rem}.shoe-breakdown__text-column h2{font-size:3rem;font-weight:700;margin-bottom:2.5rem;line-height:1.2}.shoe-breakdown__text-item{display:flex;align-items:flex-start;gap:1.5rem;cursor:pointer;padding:1.5rem;border-radius:12px;border:1px solid transparent;transition:background-color .3s,border-color .3s}.shoe-breakdown__text-item .shoe-breakdown__text-number{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;border-radius:50%;border:1px solid;width:32px;height:32px;flex-shrink:0;transition:background-color .3s,color .3s}.shoe-breakdown__text-item h3{margin:0 0 .5rem;font-size:1.65rem;font-weight:600}.shoe-breakdown__text-item p{margin:0;font-size:1.6rem;line-height:1.6}.shoe-breakdown__text-item.active{background-color:#8080801a;border-color:#80808033}.shoe-breakdown__text-item.active .shoe-breakdown__text-number{background-color:var(--color-button);color:var(--color-button-text);border-color:var(--color-button)}.shoe-breakdown__image-column{position:relative;max-width:70%;margin:0 auto}.shoe-breakdown__image-wrapper{position:relative;border-radius:20px;overflow:hidden}.shoe-breakdown__image-wrapper img{width:100%;height:auto;display:block}.shoe-breakdown__heatpoint{position:absolute;width:40px;height:40px;background-color:#fff3;border:1px solid rgba(255,255,255,.8);border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #0003}.shoe-breakdown__heatpoint:hover{transform:translate(-50%,-50%) scale(1.15)}.shoe-breakdown__heatpoint.active{background-color:var(--color-button);color:var(--color-button-text);border-color:var(--color-button-text);transform:translate(-50%,-50%) scale(1.25);animation:heatpoint-pulse 2s infinite}@keyframes heatpoint-pulse{0%{box-shadow:0 0 #ffffffb3,0 8px 25px #0000004d}70%{box-shadow:0 0 0 15px #fff0,0 8px 35px #0006}to{box-shadow:0 0 #fff0,0 8px 25px #0000004d}}@media (max-width: 990px){.shoe-breakdown__grid{grid-template-columns:1fr;gap:3rem}.shoe-breakdown__image-column{order:-1;max-width:85%}.shoe-breakdown__text-column h2{font-size:2.25rem}.shoe-breakdown__text-item h3{font-size:1.4rem}.shoe-breakdown__text-item p{font-size:1.5rem}}.shoe-breakdown-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.shoe-breakdown-modal{background-color:#fff;color:var(--color-text);padding:2rem;border-radius:12px;max-width:90%;width:500px;position:relative;box-shadow:0 10px 30px #0003;animation:modal-fade-in .3s ease}.shoe-breakdown-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;color:var(--color-text);cursor:pointer;line-height:1}.shoe-breakdown-modal-content h3{margin-top:0}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-shoe-breakdown.css.map */