.rimasko-product .rimasko-color-dropdown{position:relative;background:transparent;min-width:0}
.rimasko-product .rimasko-color-dropdown .cod-choice-current{display:none}
.rimasko-product .rimasko-color-trigger{box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;min-height:78px;background:#f7f6f2;color:#1c2938;border:1px solid #c8c6c0;border-radius:6px;padding:10px 14px;text-align:start;font:600 14px/1.7 Cairo,sans-serif;cursor:pointer;margin:0;box-shadow:none}
.rimasko-color-trigger .rimasko-color-preview{width:48px;height:58px;object-fit:contain;flex-shrink:0}
.rimasko-color-trigger .rimasko-color-preview[hidden]{display:none}
.rimasko-color-selected{flex:1}
.rimasko-color-arrow{font:24px/1 sans-serif;transition:transform .15s}
.rimasko-color-trigger[aria-expanded=true] .rimasko-color-arrow{transform:rotate(180deg)}
.rimasko-product .rimasko-color-dropdown .cod-choice-grid{position:absolute;top:calc(100% - 19px);inset-inline:0;z-index:20;display:flex;flex-direction:column;gap:0;max-height:330px;overflow:auto;background:#f7f6f2;border:1px solid #c8c6c0;border-radius:6px;box-shadow:0 12px 30px #1c29381a;padding:5px}
.rimasko-product .rimasko-color-dropdown .cod-choice-grid[hidden]{display:none}
.rimasko-product .rimasko-color-dropdown .cod-choice-face{min-height:74px;border:0;background:transparent;padding:7px 10px;border-radius:3px}
.rimasko-product .rimasko-color-dropdown .cod-color-thumbnail{width:48px;height:58px;background:transparent}
.rimasko-product .rimasko-color-dropdown .cod-choice:hover .cod-choice-face{background:#e8e5dd}
.rimasko-product .rimasko-color-dropdown .cod-choice input:checked+.cod-choice-face{background:#1c2938;color:#fff}
.rimasko-color-trigger:focus-visible{outline:2px solid #1c2938;outline-offset:3px}
/* Keep one visible prompt per field; retain the color legend for screen readers. */
.rimasko-product .rimasko-color-dropdown legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.rimasko-product .cod-sizes .cod-choice-current,.rimasko-product .cod-sizes .cod-size-guidance{display:none}

.rimasko-product .cod-sizes.rimasko-color-dropdown .cod-choice-grid{top:calc(100% + 4px);max-height:300px}
.rimasko-product .cod-sizes.rimasko-color-dropdown .cod-choice-face{min-height:48px}
.rimasko-product .cod-sizes.rimasko-color-dropdown .cod-choice-label{font-size:14px}
.rimasko-product .cod-sizes.rimasko-color-dropdown .rimasko-color-trigger{min-height:62px}
/* Match both selectors and keep their text easy to read. */
.rimasko-product .rimasko-color-dropdown .rimasko-color-trigger{height:80px;min-height:80px;padding:10px 16px;font-size:17px;line-height:1.7;background:#f7f6f2;color:#1c2938}
.rimasko-product .rimasko-color-dropdown .rimasko-color-selected{font-size:17px;font-weight:600;line-height:1.7}
.rimasko-product .rimasko-color-dropdown .cod-choice-label{font-size:16px;font-weight:600;line-height:1.7}
.rimasko-product .rimasko-color-dropdown .cod-choice-face{min-height:72px;padding:9px 12px}
.rimasko-product .rimasko-color-dropdown .rimasko-color-trigger:hover,.rimasko-product .rimasko-color-dropdown .rimasko-color-trigger:focus{background:#f7f6f2;color:#1c2938}
.rimasko-product .cod-sizes.rimasko-color-dropdown .cod-choice-face{min-height:56px}
.rimasko-product .cod-sizes.rimasko-color-dropdown .cod-choice-label{font-size:16px}

/* Match dropdown boxes to the 56px text fields. */
body.rimasko-product .checkout-panel .rimasko-color-dropdown .rimasko-color-trigger{height:56px;min-height:56px;padding:6px 12px}
body.rimasko-product .checkout-panel .rimasko-color-trigger .rimasko-color-preview{width:34px;height:42px}

/* Keep each size and its weight range together on one line. */
body.rimasko-product .cod-sizes.rimasko-color-dropdown .cod-choice-label{display:flex;align-items:center;gap:8px;justify-content:flex-start;flex-wrap:wrap}
body.rimasko-product .cod-sizes.rimasko-color-dropdown .cod-size-code,body.rimasko-product .cod-sizes.rimasko-color-dropdown .cod-size-weight{display:inline;font-size:16px;line-height:1.7;margin:0;color:inherit}
body.rimasko-product .cod-sizes.rimasko-color-dropdown .cod-size-code:after{content:" —";font-weight:400}

/* Display all seven sizes without an inner scrollbar. */
body.rimasko-product .checkout-panel .cod-sizes.rimasko-color-dropdown .cod-choice-grid{max-height:none;overflow:visible}
body.rimasko-product .checkout-panel .cod-sizes.rimasko-color-dropdown .cod-choice-face{min-height:40px;padding:5px 12px}

/* Anchor options immediately below each control and show every option. */
body.rimasko-product .checkout-panel .rimasko-color-dropdown .cod-choice-grid{top:auto;bottom:auto;max-height:none;overflow:visible;position:relative;inset-inline:auto;margin-top:-1px;border-radius:0 0 6px 6px;box-shadow:0 8px 18px #00000014}
body.rimasko-product .checkout-panel .rimasko-color-dropdown .rimasko-color-trigger[aria-expanded=true]{border-radius:6px 6px 0 0;border-bottom-color:#dcded8}
body.rimasko-product .checkout-panel .cod-colors.rimasko-color-dropdown .cod-choice-face{min-height:58px;padding:5px 10px}
body.rimasko-product .checkout-panel .cod-colors.rimasko-color-dropdown .cod-color-thumbnail{width:38px;height:46px}

/* Use a centered SVG chevron instead of a font glyph with an uneven baseline. */
body.rimasko-product .rimasko-color-arrow{display:flex;align-items:center;justify-content:center;align-self:center;flex:0 0 20px;width:20px;height:20px;line-height:1;margin:0;padding:0}
body.rimasko-product .rimasko-color-arrow svg{display:block;width:20px;height:20px;margin:0}