.modifier-picker{display:grid;gap:18px;margin:18px 0;min-width:0}.modifier-group{display:grid;gap:9px;min-width:0;overflow:hidden}.modifier-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.modifier-group-head strong{font-size:13px;display:flex;align-items:baseline;gap:8px;min-width:0}.modifier-group-head span{font-size:10px;color:var(--muted);text-align:right}.modifier-group.required .modifier-group-head strong:after{content:' *';color:var(--accent)}.modifier-group-price{font-style:normal;font-size:11px;color:var(--accent);white-space:nowrap}.modifier-group.uniform-price .modifier-option b{display:none}.modifier-group.uniform-price .modifier-option{grid-template-columns:22px minmax(0,1fr)}
.modifier-options{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(164px,78%);gap:9px;overflow-x:auto;overflow-y:hidden;padding:1px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.modifier-options::-webkit-scrollbar{display:none}.modifier-option{scroll-snap-align:start;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:#171513;color:var(--text);text-align:left}.modifier-option .check{width:20px;height:20px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;font-size:11px}.modifier-option strong{min-width:0;font-size:12px;line-height:1.25;overflow-wrap:anywhere}.modifier-option b{font-size:11px;color:var(--accent);white-space:nowrap}.modifier-option.active{border-color:var(--accent);background:rgba(245,185,63,.08)}.modifier-option.active .check{background:var(--accent);border-color:var(--accent);color:var(--accentText)}
.modifier-error{display:none;margin-top:8px;padding:9px 11px;border-radius:12px;background:rgba(255,90,75,.08);color:var(--danger);font-size:11px}.modifier-error.show{display:block}.cart-modifiers{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0}.cart-modifier{padding:3px 6px;border-radius:7px;background:rgba(245,185,63,.08);color:#edc76e;font-size:9px;line-height:1.2}.cart-line-price{display:block;color:var(--muted);font-size:10px}.modifier-price-note{font-size:10px;color:var(--muted);margin-top:-4px}
/* Mobile product sheet: the photo stays compact and the content can always be scrolled to checkout. */
.product-sheet{max-height:calc(100dvh - 8px)!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.product-detail{padding-bottom:max(18px,env(safe-area-inset-bottom))}.product-detail #detailAdd{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));z-index:4;margin-top:8px;box-shadow:0 12px 32px rgba(0,0,0,.42)}
/* Profile history is swipeable instead of growing into long full-width stacks. */
.profile-list{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(230px,86%);grid-template-columns:none!important;gap:9px;overflow-x:auto;overflow-y:hidden;padding:1px 1px 8px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.profile-list::-webkit-scrollbar{display:none}.profile-list .profile-row{scroll-snap-align:start;min-width:0;height:100%}.profile-list .empty-state{grid-column:auto;min-width:82vw;scroll-snap-align:start}
@media(max-width:420px){.modifier-options{grid-auto-columns:82%}.profile-list{grid-auto-columns:88%}}