/* Shared fashion controls and size dialog. Colors and gallery ratio belong to each layout. */
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-gallery-thumbs{grid-auto-columns:calc((100% - 36px)/4)}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-option-group{margin-bottom:16px}
:is(.kiu-layout-kids,.kiu-layout-office) .variations th.label{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
:is(.kiu-layout-kids,.kiu-layout-office) .variations th.label label{min-width:0}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-size-link{color:var(--kiu-fashion-accent);font-size:14px;padding:4px 0;min-height:32px;text-decoration:underline;text-underline-offset:4px;flex-shrink:0}
:is(.kiu-layout-kids,.kiu-layout-office) [data-role=size] .kiu-option-cards{display:flex;flex-wrap:wrap;gap:12px}
:is(.kiu-layout-kids,.kiu-layout-office) [data-role=size] .kiu-option-card{min-width:58px;min-height:48px;justify-content:center;padding:10px 18px;font-size:16px;font-weight:600;border-color:transparent}
:is(.kiu-layout-kids,.kiu-layout-office) [data-role=size] .kiu-option-card[aria-checked=true]{color:white;background:var(--kiu-fashion-accent);border-color:transparent;box-shadow:0 3px 12px var(--kiu-fashion-shadow)}
:is(.kiu-layout-kids,.kiu-layout-office) [data-role=size] .kiu-option-check{display:none}
:is(.kiu-layout-kids,.kiu-layout-office) [data-role=size] .kiu-option-card:disabled{background:#f4f4f4;color:#737b89}
:is(.kiu-layout-kids,.kiu-layout-office) .reset_variations{margin:0 0 8px}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-related .kiu-product-bottom{flex-wrap:wrap;gap:8px}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-related .kiu-product-bottom .price{flex:1 1 max-content;min-width:0}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-related .kiu-add:not(.ajax_add_to_cart):not(.kiu-choose){flex:1 1 100%;min-height:34px}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-size-dialog{width:min(720px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:85dvh;border:0;border-radius:14px;padding:20px;color:var(--kiu-ink);background:#fff;box-shadow:var(--kiu-shadow);overflow:hidden}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-size-dialog::backdrop{background:#08142699}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-size-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-size-dialog-heading h2{font-size:22px;line-height:1.3;margin:0}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-size-content{overflow:auto;max-height:calc(85dvh - 108px);line-height:1.7;font-size:15px;overscroll-behavior:contain;overflow-wrap:anywhere}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-size-content table{width:max-content;min-width:100%;max-width:none;border-collapse:collapse;font-size:14px}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-size-content th,:is(.kiu-layout-kids,.kiu-layout-office) .kiu-size-content td{padding:10px 14px;border-bottom:1px solid #e8eeed;text-align:left;white-space:nowrap}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-size-content th{background:var(--kiu-fashion-soft);font-weight:650}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-size-content p:last-child{margin-bottom:0}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-accordion-content{overflow-x:auto}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-accordion-content table{width:max-content;min-width:100%;table-layout:auto;border-collapse:collapse}
:is(.kiu-layout-kids,.kiu-layout-office) .kiu-accordion-content td,:is(.kiu-layout-kids,.kiu-layout-office) .kiu-accordion-content th{padding:10px 14px;border-bottom:1px solid #e8eeed;white-space:nowrap}
:is(.kiu-layout-kids,.kiu-layout-office).kiu-size-open{overflow:hidden}
:is(.kiu-layout-kids,.kiu-layout-office).kiu-size-open .kiu-sticky-buy{display:none!important}
@media(max-width:420px){
 :is(.kiu-layout-kids,.kiu-layout-office) .kiu-gallery-thumbs{grid-auto-columns:calc((100% - 30px)/4)}
 :is(.kiu-layout-kids,.kiu-layout-office) [data-role=size] .kiu-option-card{min-width:52px;padding:10px 14px;font-size:15px}
 :is(.kiu-layout-kids,.kiu-layout-office) .kiu-size-dialog{padding:16px}
 :is(.kiu-layout-kids,.kiu-layout-office) .kiu-size-dialog-heading h2{font-size:20px}
}