.ak-suits-size .title-box .arrow-down-icon{transition:transform .3s ease}
.ak-suits-size .ak-suits-size-single .title-icon{display:none}
.ak-suits-size .title-box .arrow-down-icon.rotate{transform:rotate(180deg)}
.ak-suits-size .title-extra .has-select{font-size:14px;line-height:16px;color:var(--color-800);font-weight:400;text-transform:uppercase;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.ak-suits-size .has-select .icon{margin-right:5px}
.ak-suits-size .title-extra .no-select{font-weight:400;font-size:14px;line-height:14px;text-transform:uppercase;color:var(--gz-color-grey)}
.ak-suits-size .title-value{font-weight:400}
.ak-suits-size .fit-block-item,.ak-suits-size .length-block-item,.ak-suits-size .size-item{background:var(--color-50);transition:all .2s ease}
.ak-suits-size .fit-block-item.active,.ak-suits-size .length-block-item.active,.ak-suits-size .size-item.selected{--gz-border-color:var(--color-800);font-weight:600}
.ak-suits-size .fit-block-item:hover,.ak-suits-size .length-block-item:hover,.ak-suits-size .size-item:hover{--gz-border-color:var(--color-800)}
.size-chart-modal{--gz-modal-content-width:900px}
.size-chart-modal .modal__content{padding:20px 20px 40px}
.size-chart-modal .tabs{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-100)}
.size-chart-modal .tab{display:flex;align-items:center;justify-content:center;color:#999;cursor:pointer;padding-right:30px;font-weight:600;transition:.3s;}
.size-chart-modal .tab:last-child{padding-right:0}
.size-chart-modal .tab span{padding:10px 0;border-bottom:3px solid transparent}
.size-chart-modal .tab:hover span{color:var(--color-900)}
.size-chart-modal .tab.active span{color:var(--color-900);border-bottom:3px solid var(--color-900)}
.size-chart-modal .options{display:flex;justify-content:space-between;margin:20px 0 15px;align-items:center;flex-wrap:wrap;gap:10px}
.size-chart-modal .fit-options{display:flex;overflow:hidden}
.size-chart-modal .fit-option{padding:0;margin-right:20px;cursor:pointer;color:#999;border-bottom:2px solid transparent;transition:.3s}
.size-chart-modal .fit-option.active{border-bottom:2px solid var(--color-900);color:var(--color-900);font-weight:600}
.size-chart-modal .unit-toggle{display:flex;align-items:center;background:var(--color-50);overflow:hidden}
.size-chart-modal .unit{padding:10px 20px;cursor:pointer;transition:background .3s}
.size-chart-modal .unit.active{background:var(--color-700);color:#fff}
.size-chart-modal .measurement-guide{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}
.size-chart-modal .measurement-item{margin-bottom:20px}
.size-chart-modal .measurement-item h3{color:var(--color-900);margin-bottom:8px;margin-top:0;font-size:16px}
.size-chart-modal .measurement-item p{margin:0}
.size-chart-modal table{width:100%;border-collapse:collapse;margin-top:20px;border:1px solid var(--color-600)!important;cursor:pointer;font-size:13px}
.size-chart-modal td,.size-chart-modal th{padding:0!important;height:40px;text-align:center!important}
.size-chart-modal th{background-color:var(--color-200);font-weight:600;color:var(--color-800);border-bottom:1px solid var(--color-600)}
.size-chart-modal tr:nth-child(2n){background-color:var(--color-50)}
.size-chart-modal tr:hover{background-color:var(--color-100)}
.size-chart-modal .human-figure{display:flex;justify-content:center;align-items:center}
.size-chart-modal .suits-size-guide-image{width:100%;max-width:405px;height:auto}
.size-chart-modal .th-dropdown{display:inline-block;position:relative;width:100%}
.size-chart-modal .dropdown-box{position:relative;display:flex;justify-content:center;align-items:center}
.size-chart-modal .dropdown-selected{display:flex;align-items:center;gap:5px;cursor:pointer;height:40px}
.size-chart-modal .dropdown-list{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:100;width:100%;min-width:180px;display:none;padding:0!important;margin:0!important}
.size-chart-modal .dropdown-list.active{display:block}
.size-chart-modal .dropdown-list li{padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}
@media (max-width:768px){.size-chart-modal .measurement-guide{grid-template-columns:1fr}
.size-chart-modal .tabs .tab{font-size:14px}
.size-chart-modal .options{flex-direction:column;align-items:flex-start}
.size-chart-modal table{font-size:11px}
.size-chart-modal .dropdown-list{min-width:0}
}
/* Inline size chart — the [lilvs_size_chart] shortcode.
   The root carries .size-chart-modal on purpose so every rule above, including
   the mobile block, keeps applying to it. It does NOT carry .modal, so the
   theme's overlay styles and its open/close scripts never match it. Only what
   genuinely differs from the modal is declared here — do not "tidy" the shared
   class away, it is the whole reason this block is three lines long. */
.lilvs-size-chart-inline{max-width:900px;margin-inline:auto}
.lilvs-size-chart-inline table{cursor:default}
.lilvs-size-chart-title{margin:0 0 15px;font-size:18px}