.size-recommender-btn{background:#000;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin:0;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;font-family:Arial,Helvetica,sans-serif}.size-recommender-btn:hover{background:#222;transform:translateY(-1px)}.size-recommender-btn svg{width:16px;height:16px}.size-recommended-display{background:#f8f9fa;border:2px solid #000000;color:#333;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;margin:0;display:none;align-items:center;gap:8px;font-family:Arial,Helvetica,sans-serif;text-align:center}.size-recommended-display.show{display:flex}.size-recommended-display .recommended-text{color:#000;font-weight:600}.size-recommended-display .change-size{color:#666;font-size:12px;text-decoration:underline;cursor:pointer;margin-left:auto}.size-recommended-display .change-size:hover{color:#000}.size-recommender-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;display:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.size-recommender-overlay.active{display:flex}.size-recommender-modal{background:#fff;border-radius:12px;padding:32px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;position:relative;animation:modalSlideIn .3s ease-out;font-family:Arial,Helvetica,sans-serif}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.size-recommender-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;z-index:10;pointer-events:auto}.size-recommender-close:hover{background:#f5f5f5;color:#333}.size-recommender-header{padding-right:50px}.size-recommender-header h3{margin:0 0 8px;font-size:24px;color:#333;font-weight:600;word-break:break-word;overflow-wrap:break-word}.size-recommender-header p{margin:0 0 24px;color:#666;font-size:16px;line-height:1.5}.size-recommender-form{display:flex;flex-direction:column;gap:20px}.size-recommender-row{display:flex;gap:16px;align-items:flex-end}.size-recommender-field{flex:1}.size-recommender-field label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.size-recommender-field select{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;background:#fff;cursor:pointer;transition:border-color .2s ease}.size-recommender-field select:focus{outline:none;border-color:#000}.size-recommender-field select:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.size-recommender-confirm{background:#000;color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.size-recommender-confirm:hover:not(:disabled){background:#222;transform:translateY(-1px)}.size-recommender-confirm:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none}.size-recommender-result{display:none;background:#f8f9fa;border:2px solid #000000;color:#333;padding:24px;border-radius:12px;text-align:center;margin-top:20px}.size-recommender-result.show{display:block;animation:resultSlideIn .4s ease-out}@keyframes resultSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.size-recommender-result h4{margin:0 0 8px;font-size:20px;font-weight:600;color:#000}.size-recommender-result p{margin:0;font-size:16px;color:#666}.size-recommender-result .recommended-size{font-size:28px;font-weight:700;margin:8px 0;color:#000}@media (max-width: 768px){.size-recommender-modal{padding:24px;margin:16px}.size-recommender-row{flex-direction:column;gap:16px}.size-recommender-header h3{font-size:20px;word-break:break-word;overflow-wrap:break-word}.size-recommender-close{top:12px;right:12px}.size-recommender-header{padding-right:45px}}@media (max-width: 768px){.tt-product-single-info .tt-row-custom-01>.col-item:not([style*="display: none"]){margin-top:0!important}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/size-recommender.css.map */