﻿.product-size-guide__icon svg,.smart-size-question__icon svg,.smart-size-result__check svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.smart-size-modal .modal-dialog{max-width:650px}.smart-size-modal .modal-content{border:0;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(24,30,37,.22)}
.smart-size-header{position:relative;padding:24px 28px 20px!important;background:linear-gradient(135deg,#242d37,#35414d);border:0!important;color:#fff}.smart-size-header .close{color:#fff;opacity:.8;text-shadow:none}
.smart-size-header__badge{display:inline-block;background:rgba(243,189,80,.16);border:1px solid rgba(243,189,80,.5);color:#f3bd50;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;margin-bottom:8px}
.smart-size-header h3{font-size:21px!important;font-weight:800;margin:0 0 5px}.smart-size-header p{color:#dce1e6;margin:0;font-size:13px}.smart-size-modal .modal-body{padding:24px 28px}
.smart-size-progress{display:flex;gap:6px;margin-bottom:25px}.smart-size-progress span{height:4px;flex:1;background:#eceff2;border-radius:10px;transition:.25s}.smart-size-progress span.active,.smart-size-progress span.done{background:#d89d2b}
.smart-size-step{display:none;animation:smartSizeIn .25s ease}.smart-size-step.active{display:block}@keyframes smartSizeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.smart-size-question{display:flex;align-items:center;gap:13px;margin-bottom:20px}.smart-size-question__icon{display:grid;place-items:center;width:45px;height:45px;flex:none;background:#fff4dc;color:#a86e00;border-radius:14px}
.smart-size-question h4{font-size:18px;font-weight:800;color:#252c34;margin:0 0 4px}.smart-size-question p{font-size:12px;color:#808790;margin:0}
.smart-size-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.smart-size-options button{min-height:55px;border:1px solid #e1e5e9;border-radius:13px;background:#fff;color:#303740;padding:9px;transition:.18s}
.smart-size-options button:hover,.smart-size-options button.selected{border-color:#d69a28;background:#fff9ed;box-shadow:0 4px 13px rgba(181,122,11,.1)}.smart-size-chip__value{font-size:16px;font-weight:800}.smart-size-options button small{display:block;color:#858c94;margin-top:3px}
.smart-size-options--cards{grid-template-columns:repeat(3,1fr)}.smart-size-options--cards button{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:96px}.smart-size-options--cards strong{font-size:13px}
.shape-icon{display:block;height:36px;border:2px solid #58616b;border-top:0;border-bottom:0;border-radius:45%}.shape-icon--slim{width:14px}.shape-icon--regular{width:23px}.shape-icon--broad{width:34px}
.fit-icon{display:grid;place-items:center;height:36px;color:#58616b;font-size:23px;font-weight:300}.smart-size-result{text-align:center;padding:5px 0}.smart-size-result__check{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;border-radius:50%;background:#eaf7f0;color:#268252}
.smart-size-result>p:first-of-type{color:#707881;margin:0}.smart-size-result__size{display:block;font-size:46px;line-height:1.25;color:#202831;font-weight:900}.smart-size-confidence{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px auto 17px}
.smart-size-confidence>span{width:105px;height:6px;background:#edf0f2;border-radius:8px;overflow:hidden}.smart-size-confidence i{display:block;height:100%;background:#39a56c;border-radius:8px;transition:.5s}.smart-size-confidence b{font-size:11px;color:#41815f}
.smart-size-result__reason{max-width:460px;margin:0 auto 18px!important;color:#626b75!important;line-height:1.9}.smart-size-result__actions{display:flex;justify-content:center;gap:9px}.smart-size-apply,.smart-size-restart{border:0;border-radius:11px;padding:11px 18px;font-weight:700}
.smart-size-apply{background:#d89d2b;color:#fff}.smart-size-apply:disabled{background:#c8cdd2;cursor:not-allowed}.smart-size-restart{background:#f0f2f4;color:#59616a}
.smart-size-modal__footer{display:flex;justify-content:center;gap:18px;border-top:1px solid #edf0f2;margin-top:23px;padding-top:16px}.smart-size-modal__footer button,.smart-size-modal__footer a{border:0;background:none;color:#747c85;font-size:12px}.smart-size-modal__footer a{color:#a66c00}
.smart-size-table{margin-top:18px}.smart-size-table .size-guide-card{box-shadow:none}.smart-size-table .size-guide-card__header{display:none}
@media(max-width:767px){.smart-size-modal .modal-dialog{margin:10px}.smart-size-header{padding:20px!important}.smart-size-modal .modal-body{padding:20px 16px}.smart-size-options{grid-template-columns:repeat(3,1fr)}.smart-size-options--cards{grid-template-columns:repeat(3,1fr)}.smart-size-result__actions{flex-direction:column}.smart-size-modal__footer{gap:10px}}
.smart-size-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}
.smart-size-field{display:block;margin:0;border:1px solid #e1e5e9;border-radius:14px;background:#fafbfc;padding:11px 13px;transition:.18s}
.smart-size-field:focus-within{border-color:#d69a28;background:#fffaf0;box-shadow:0 0 0 3px rgba(214,154,40,.1)}
.smart-size-field>span{display:flex;align-items:center;gap:6px;color:#6f7780;font-size:11px;margin-bottom:7px}
.smart-size-field svg{width:17px;height:17px;fill:none;stroke:#b57909;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.smart-size-field select{display:block;width:100%;height:30px;border:0;outline:0;background:transparent;color:#252c34;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
.smart-size-fit-title{display:flex;align-items:flex-end;justify-content:space-between;margin:0 1px 11px}
.smart-size-fit-title strong{color:#2c333b;font-size:14px}.smart-size-fit-title span{color:#8a9199;font-size:11px}
.smart-size-options--fit{grid-template-columns:repeat(3,1fr)}
.smart-size-options--fit button{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:8px;min-height:70px;text-align:right;align-items:center}
.smart-size-options--fit button .fit-visual{grid-row:1/3;display:grid;place-items:center;width:36px;height:45px}
.smart-size-options--fit button strong{font-size:12px;align-self:end}.smart-size-options--fit button small{font-size:10px;align-self:start;margin:0}
.fit-visual:before,.fit-visual:after{content:"";display:block;position:absolute;height:34px;width:2px;background:#626b74;border-radius:4px}
.fit-visual{position:relative}.fit-visual:before{transform:translateX(-5px)}.fit-visual:after{transform:translateX(5px)}
.fit-visual--regular:before{transform:translateX(-8px)}.fit-visual--regular:after{transform:translateX(8px)}
.fit-visual--loose:before{transform:translateX(-11px)}.fit-visual--loose:after{transform:translateX(11px)}
.fit-visual i{display:block;width:18px;height:10px;border-top:1px dashed #a8afb6;border-bottom:1px dashed #a8afb6}
.smart-size-validation{min-height:20px;margin:8px 0 3px;color:#b34b3f;font-size:11px;text-align:center}
.smart-size-next{display:block;width:100%;border:0;border-radius:12px;background:#d89d2b;color:#fff;padding:12px 18px;font-family:inherit;font-weight:800;transition:.18s}
.smart-size-next:hover{background:#c78d20;box-shadow:0 5px 16px rgba(199,141,32,.22)}
@media(max-width:520px){.smart-size-fields{grid-template-columns:1fr}.smart-size-options--fit{grid-template-columns:1fr}.smart-size-options--fit button{min-height:58px}}
