/* UOKIDS bundle picker: stable styles loaded before body rendering. */
.uok-bp{margin:18px 0;padding:14px;border:1px solid var(--uo-border,#e7e0dc);border-radius:14px;background:#fff}
.uok-bp--init-only{display:none!important}.uok-bp,.uok-bp *{box-sizing:border-box}
.uok-bp__head{margin:0 0 10px;font-size:14px;line-height:1.4;font-weight:750}
.uok-bp__row{min-width:0;margin:0;padding:12px 0;border:0}.uok-bp__row+.uok-bp__row{border-top:1px solid var(--uo-border,#e7e0dc)}
.uok-bp__label{width:100%;margin:0 0 9px;padding:0;color:var(--uo-text-2,#696969);font-size:12.5px;line-height:1.45;font-weight:650}.uok-bp__current{color:var(--uo-text,#222);font-weight:750}
.uok-bp__sw{display:flex;flex-wrap:wrap;align-items:center;gap:11px}
.uok-bp__choice{position:relative;display:grid;place-items:center;width:40px;height:40px;min-height:40px;margin:0;padding:3px;border:1px solid #d9d9d9;border-radius:50%;background:#fff;font:inherit;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.uok-bp__visual{display:block;width:32px;height:32px;border:1px solid #0002;border-radius:50%;background:var(--uok-bp-swatch,#ccc);background-size:cover;background-position:center}
.uok-bp__text{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.uok-bp__choice.is-selected{border-color:var(--uo-accent,#e8415b);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--uo-accent,#e8415b);transform:scale(1.03)}.uok-bp__choice.is-unavailable{opacity:.42}
.uok-bp__choice:focus-visible{outline:2px solid var(--uo-accent,#e8415b);outline-offset:2px}
form:has(.uok-bp[data-uok-primary-count="1"]) .t4s-swatch>[data-swatch-option]:nth-child(n+2),form:has(.uok-bp[data-uok-primary-count="2"]) .t4s-swatch>[data-swatch-option]:nth-child(n+3),.uok-bp-native-secondary{display:none!important}
form:has(.uok-bp[data-uok-primary-count="1"]) .t4s-swatch>[data-swatch-option]:first-child .t4s-swatch__list,form:has(.uok-bp[data-uok-primary-count="2"]) .t4s-swatch>[data-swatch-option]:nth-child(2) .t4s-swatch__list,.uok-bp-native-color .t4s-swatch__list{display:flex!important;flex-wrap:wrap;align-items:center;gap:11px}
form:has(.uok-bp[data-uok-primary-count="1"]) .t4s-swatch>[data-swatch-option]:first-child [data-swatch-item],form:has(.uok-bp[data-uok-primary-count="2"]) .t4s-swatch>[data-swatch-option]:nth-child(2) [data-swatch-item],.uok-bp-native-color [data-swatch-item]{display:block!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:4px solid #fff!important;border-radius:50%!important;box-shadow:0 0 0 1px #d9d9d9!important;font-size:0!important;line-height:0!important;background:var(--uok-native-swatch,#ccc)!important}
form:has(.uok-bp) [data-swatch-item].is--selected,.uok-bp-native-color [data-swatch-item].is--selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--uo-accent,#e8415b)!important}
.uok-bp-native-color [data-value="بينك"],.uok-bp-native-color [data-value="Pink" i],.uok-bp__choice[data-uok-value="بينك"] .uok-bp__visual,.uok-bp__choice[data-uok-value="Pink" i] .uok-bp__visual{background:#f5a3b5!important}
.uok-bp-native-color [data-value="بيبي بلو"],.uok-bp-native-color [data-value="Baby Blue" i],.uok-bp__choice[data-uok-value="بيبي بلو"] .uok-bp__visual,.uok-bp__choice[data-uok-value="Baby Blue" i] .uok-bp__visual{background:#92cbed!important}
.uok-bp-native-color [data-value="جراي"],.uok-bp-native-color [data-value="Gray" i],.uok-bp-native-color [data-value="Grey" i],.uok-bp__choice[data-uok-value="جراي"] .uok-bp__visual,.uok-bp__choice[data-uok-value="Gray" i] .uok-bp__visual,.uok-bp__choice[data-uok-value="Grey" i] .uok-bp__visual{background:#8c8f91!important}
.uok-bp-native-color [data-value="أسود"],.uok-bp-native-color [data-value="Black" i],.uok-bp__choice[data-uok-value="أسود"] .uok-bp__visual,.uok-bp__choice[data-uok-value="Black" i] .uok-bp__visual{background:#182f2f!important}
.uok-bp-native-color [data-value="بيج"],.uok-bp-native-color [data-value="بيج كريمي"],.uok-bp-native-color [data-value="Beige" i],.uok-bp-native-color [data-value="Cream Beige" i],.uok-bp__choice[data-uok-value="بيج"] .uok-bp__visual,.uok-bp__choice[data-uok-value="بيج كريمي"] .uok-bp__visual,.uok-bp__choice[data-uok-value="Beige" i] .uok-bp__visual,.uok-bp__choice[data-uok-value="Cream Beige" i] .uok-bp__visual{background:#dbc7a4!important}
.uok-bp-native-color [data-value="سفاري"],.uok-bp-native-color [data-value="Safari" i],.uok-bp__choice[data-uok-value="سفاري"] .uok-bp__visual,.uok-bp__choice[data-uok-value="Safari" i] .uok-bp__visual{background:conic-gradient(from 25deg,#31564d 0 30%,#eadcc3 30% 54%,#88a69a 54% 72%,#31564d 72% 100%)!important}
/* Native selectors above have deliberately strong first-render rules. Match
   that specificity here so their fallback grey never beats the real color. */
form:has(.uok-bp) .uok-bp-native-color [data-value="بينك"],form:has(.uok-bp) .uok-bp-native-color [data-value="Pink" i]{background:#f5a3b5!important}
form:has(.uok-bp) .uok-bp-native-color [data-value="بيبي بلو"],form:has(.uok-bp) .uok-bp-native-color [data-value="Baby Blue" i]{background:#92cbed!important}
form:has(.uok-bp) .uok-bp-native-color [data-value="جراي"],form:has(.uok-bp) .uok-bp-native-color [data-value="Gray" i],form:has(.uok-bp) .uok-bp-native-color [data-value="Grey" i]{background:#8c8f91!important}
form:has(.uok-bp) .uok-bp-native-color [data-value="أسود"],form:has(.uok-bp) .uok-bp-native-color [data-value="Black" i]{background:#182f2f!important}
form:has(.uok-bp) .uok-bp-native-color [data-value="بيج"],form:has(.uok-bp) .uok-bp-native-color [data-value="بيج كريمي"],form:has(.uok-bp) .uok-bp-native-color [data-value="Beige" i],form:has(.uok-bp) .uok-bp-native-color [data-value="Cream Beige" i]{background:#dbc7a4!important}
form:has(.uok-bp) .uok-bp-native-color [data-value="سفاري"],form:has(.uok-bp) .uok-bp-native-color [data-value="Safari" i]{background:conic-gradient(from 25deg,#31564d 0 30%,#eadcc3 30% 54%,#88a69a 54% 72%,#31564d 72% 100%)!important}
.uok-bp-native-color [data-value="بينك"],.uok-bp-native-color [data-value="Pink" i]{--uok-native-swatch:#f5a3b5}
.uok-bp-native-color [data-value="بيبي بلو"],.uok-bp-native-color [data-value="Baby Blue" i]{--uok-native-swatch:#92cbed}
.uok-bp-native-color [data-value="جراي"],.uok-bp-native-color [data-value="Gray" i],.uok-bp-native-color [data-value="Grey" i]{--uok-native-swatch:#8c8f91}
.uok-bp-native-color [data-value="أسود"],.uok-bp-native-color [data-value="Black" i]{--uok-native-swatch:#182f2f}
.uok-bp-native-color [data-value="بيج"],.uok-bp-native-color [data-value="بيج كريمي"],.uok-bp-native-color [data-value="Beige" i],.uok-bp-native-color [data-value="Cream Beige" i]{--uok-native-swatch:#dbc7a4}
.uok-bp-native-color [data-value="سفاري"],.uok-bp-native-color [data-value="Safari" i]{--uok-native-swatch:conic-gradient(from 25deg,#31564d 0 30%,#eadcc3 30% 54%,#88a69a 54% 72%,#31564d 72% 100%)}
@media(max-width:400px){.uok-bp{padding:12px}.uok-bp__choice{width:38px;height:38px;min-height:38px}.uok-bp__visual{width:30px;height:30px}form:has(.uok-bp) [data-swatch-item]{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}}
@media(prefers-reduced-motion:reduce){.uok-bp__choice{transition:none}}