.sock-size-guide-wrapper{width:100%;padding:60px 0}.sock-size-guide-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:0 20px}.sock-size-left-column{position:relative}.sock-size-image-wrapper{position:relative;width:100%;border-radius:8px;overflow:hidden}.sock-size-image-wrapper img{width:100%;height:auto;display:block;object-fit:cover}.sock-size-overlay-text{position:absolute;top:0;left:0;right:0;padding:40px 30px 30px;color:#fff}.sock-size-overlay-text h2{margin:0;font-family:Gilroy,sans-serif;color:#fff;text-transform:uppercase;text-shadow:1px 1px 2px #1f1f1f;font-size:5rem;font-weight:700;line-height:1.2}.sock-size-placeholder-image{width:100%;aspect-ratio:4 / 5;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;border-radius:8px}.sock-size-placeholder-image svg{width:100px;height:100px;opacity:.3}.sock-size-right-column{display:flex;flex-direction:column;gap:30px;margin:auto}.sock-size-image-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease}.sock-size-image-item:hover{transform:scale(1.02)}.sock-size-image-item img{width:100%;height:auto;display:block;object-fit:cover}.sock-size-expand-btn{position:absolute;top:16px;right:16px;width:44px;height:44px;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;z-index:2}.sock-size-image-item:hover .sock-size-expand-btn{opacity:1}.sock-size-expand-btn:hover{background:#fff;transform:scale(1.1)}.sock-size-expand-btn svg{width:20px;height:20px;color:#333}.sock-size-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:9999;align-items:center;justify-content:center;padding:20px}.sock-size-modal.active{display:flex}.sock-size-modal-content{max-width:90vw;max-height:90vh;position:relative;display:flex;align-items:center;justify-content:center}.sock-size-modal-content img{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:4px}.sock-size-modal-close{position:absolute;top:20px;right:20px;width:50px;height:50px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10000}.sock-size-modal-close:hover{background:#fff3;border-color:#ffffff80;transform:rotate(90deg)}.sock-size-modal-close svg{width:24px;height:24px;color:#fff}.sock-size-guide-title{font-family:Gilroy,sans-serif;text-transform:uppercase;color:#1f1f1f;font-weight:700;font-size:3rem;margin-left:2rem;padding-left:2rem;border-left:3px solid #e72027;margin-bottom:0}@media screen and (max-width: 989px){.sock-size-guide-container{grid-template-columns:1fr;gap:40px}.sock-size-overlay-text h2{font-size:5rem}.sock-size-right-column{gap:24px}}@media screen and (max-width: 749px){.sock-size-guide-title{font-family:Gilroy,sans-serif;text-transform:uppercase;color:#1f1f1f;font-weight:700;text-align:center;font-size:2.5rem;margin-left:0;padding-left:0;border:none;padding-bottom:1rem;border-bottom:3px solid #e72027;margin-bottom:0}.sock-size-guide-wrapper{padding:40px 0}.sock-size-guide-container{padding:0 15px;gap:30px}.sock-size-overlay-text h2{font-size:4.5rem!important}.sock-size-overlay-text{padding:30px 20px 20px}.sock-size-expand-btn{opacity:1;width:40px;height:40px;top:12px;right:12px}.sock-size-modal-close{top:15px;right:15px;width:44px;height:44px}.sock-size-modal-content{max-width:95vw;max-height:85vh}}@media screen and (max-width: 480px){.sock-size-right-column{gap:20px}.sock-size-overlay-text h2{font-size:3.5rem}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/sock-size-guide-section.css.map */