.easy-option-items{border-top:1px solid #e5e7eb;margin:12px 0 0;padding-top:12px;text-align:left;min-width:220px}
.easy-option-items:first-child{border-top:0;margin-top:0;padding-top:0}
.easy-option-items [hidden]{display:none!important}
.easy-option-items.easy-option-items{gap:14px} /* PMH .pmh-vo-fields is a grid: its gap spaces the fields */
.easy-option-items .pmh-vo-field{margin-bottom:0}
.easy-option-items .pmh-vo-label{font-size:14px;font-weight:600;display:block;margin-bottom:8px}
.easy-option-items .pmh-vo-choice{margin:0;cursor:pointer}
.easy-option-items .pmh-vo-choices{gap:8px}
.easy-option-items input:not([type=radio]):not([type=checkbox]),.easy-option-items select{width:100%;margin-bottom:0}
.easy-option-file{display:block;overflow-wrap:anywhere;color:#4b5563}
.sgbm-item__title,.sgfbt__variant-label{white-space:normal;overflow-wrap:anywhere}

/* Buy more save more: a wide pop-up under the item (slid back on screen by fitPop). */
.sgbm-pop.sgbm-pop:has(.easy-option-items){width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:75vh;overflow:auto;padding:14px}

/* Frequently bought together: the boxed template clips anything that sticks out, so options open
   in place, under the item, as wide as the item (pushes the rows below down instead of floating). */
.sgfbt .sgfbt__variant:has(.easy-option-items){max-width:none}
.sgfbt .sgfbt__variant:has(.easy-option-items) .sgfbt__variant-toggle{max-width:320px}
.sgfbt .sgfbt__variant-panel:has(.easy-option-items){position:static;left:auto!important;width:auto;min-width:0;max-width:none;max-height:none;overflow:visible;margin-top:8px;padding:14px;box-shadow:none}

/* Picture choices: big enough to see, even grid (per-row numbers come from the option field). */
.easy-option-items .pmh-vo-type-image .pmh-vo-choices{display:grid;grid-template-columns:repeat(var(--pmh-vo-cols,5),minmax(0,1fr));gap:8px}
.easy-option-items .pmh-vo-choice-image{gap:4px;min-width:0;padding:6px 4px!important;border-radius:8px}
.easy-option-items .pmh-vo-choice-image img{width:100%;max-width:min(100%,130px);height:auto;aspect-ratio:1/1;object-fit:contain}
.easy-option-items .pmh-vo-choice-image span{font-size:13px;line-height:1.3}
.easy-option-items .pmh-vo-choice-button{min-height:42px;padding:8px 16px!important}
.easy-option-items .pmh-vo-dd-toggle{min-height:46px;font-size:14px}
.easy-option-items .pmh-vo-dd-current img{width:34px;height:34px}
.easy-option-items .pmh-vo-dd-panel{position:static;border-width:0;box-shadow:none;margin:0}
.easy-option-items .pmh-vo-dd.is-open .pmh-vo-dd-panel{border-width:1px;margin-top:6px;max-height:420px}
.easy-option-items .pmh-vo-dd .pmh-vo-choices{padding:6px}
.easy-option-items .pmh-vo-dd .pmh-vo-choice-image img{max-width:min(100%,96px)}
.easy-option-items .pmh-vo-dd-search{padding:10px 12px!important;font-size:14px}

/* Phones: pop-up across the screen, 3 per row by default (option field "per row (phone)"), large tap targets. */
@media(max-width:600px){
.easy-option-items{min-width:0}
.sgbm-pop.sgbm-pop:has(.easy-option-items){width:calc(100vw - 24px);max-height:70vh;padding:12px}
.sgfbt .sgfbt__variant:has(.easy-option-items) .sgfbt__variant-toggle{max-width:none}
.sgfbt .sgfbt__variant-panel:has(.easy-option-items){padding:12px 10px}
.easy-option-items .pmh-vo-type-image .pmh-vo-choices{grid-template-columns:repeat(var(--pmh-vo-cols-sm,3),minmax(0,1fr));gap:6px}
.easy-option-items .pmh-vo-choice-image span{font-size:12.5px}
.easy-option-items .pmh-vo-dd.is-open .pmh-vo-dd-panel{max-height:60vh}
.easy-option-items .pmh-vo-dd-search,.easy-option-items input[type=text],.easy-option-items input[type=number]{font-size:16px!important}
}