/* EatsOne V7.146 — layered dependent option details within original product modal */
.product-modal .eatsone-layer-source-hidden-v7146{display:none!important}
.product-modal .eatsone-layer-trigger-v7146{width:100%;display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #e3c4a4;background:#fffaf3;border-radius:11px;padding:13px 14px;margin-top:15px;cursor:pointer;color:#674630}
.product-modal .eatsone-layer-trigger-v7146 span{flex:1;font-size:14px;font-weight:700}
.product-modal .eatsone-layer-trigger-v7146 em{font-style:normal;font-size:12px;color:#ab7855}
.product-modal .eatsone-layer-trigger-v7146 b{font-size:23px;font-weight:400;line-height:1}
.product-modal .eatsone-layer-trigger-v7146.is-complete-v7146{background:#f1f8ec;border-color:#cadcbd}
.product-modal .eatsone-layer-summary-v7146{font-size:12px;color:#738362;line-height:1.6;padding:0 5px;margin:5px 0 0}
/* V7.146.2: retain the existing modal-card absolute/fixed positioning from style.css.
   Using position:relative here moves the desktop dialog off-screen (x < 0).
   The second-stage chooser remains absolutely positioned relative to the positioned card. */
.product-modal .eatsone-layer-screen-v7146{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;background:#fffcf8;border-radius:inherit;overflow:hidden;color:#2c2925}
.product-modal .eatsone-layer-screen-v7146[hidden]{display:none!important}
.product-modal .eatsone-layer-head-v7146{display:flex;align-items:center;gap:12px;flex:none;background:#fdf5eb;border-bottom:1px solid #ecdfd0;padding:20px 18px 14px}
.product-modal .eatsone-layer-head-v7146 button{background:none;border:0;color:#9d6543;font-size:28px;cursor:pointer;padding:5px 12px 5px 0}
.product-modal .eatsone-layer-head-v7146>div{display:grid;gap:4px;flex:1}
.product-modal .eatsone-layer-head-v7146 small{color:#b07c57;font-size:11px;letter-spacing:.08em}
.product-modal .eatsone-layer-head-v7146 strong{font-size:21px}
.product-modal .eatsone-layer-head-v7146>span{font-size:11px;color:#a38d7e}
.product-modal .eatsone-layer-scroll-v7146{flex:1;min-height:0;overflow:auto;padding:20px}
.product-modal .eatsone-layer-progress-v7146{padding:12px;background:#fff0dc;color:#93542d;border-radius:10px;text-align:center;font-weight:700;font-size:13px;margin-bottom:15px}
.product-modal .eatsone-layer-progress-v7146.is-complete-v7146{background:#edf6e9;color:#35683d}
.product-modal .eatsone-layer-item-v7146{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:16px 2px;border-bottom:1px solid #eee6dd}
.product-modal .eatsone-layer-item-v7146 b{font-size:15px;display:block}
.product-modal .eatsone-layer-item-v7146 small{font-size:12px;color:#987b63;display:block;margin-top:5px}
.product-modal .eatsone-layer-item-v7146.is-unavailable-v7146{opacity:.46}
.product-modal .eatsone-layer-stepper-v7146{display:flex;align-items:center;gap:12px;flex:none}
.product-modal .eatsone-layer-stepper-v7146 button{background:white;border:1px solid #c7a992;border-radius:9px;color:#a15d37;width:36px;height:36px;cursor:pointer;font-size:21px}
.product-modal .eatsone-layer-stepper-v7146 button:disabled{opacity:.25;cursor:not-allowed}
.product-modal .eatsone-layer-stepper-v7146 span{font-size:17px;font-weight:700;min-width:20px;text-align:center}
.product-modal .eatsone-layer-actions-v7146{flex:none;background:#fffbf6;padding:14px 20px 18px;border-top:1px solid #eadccd}
.product-modal .eatsone-layer-actions-v7146 p{text-align:center;font-size:12px;color:#a76c48;min-height:18px;margin:0 0 10px}
.product-modal .eatsone-layer-actions-v7146 button{width:100%;background:#964e32;border:0;color:white;border-radius:10px;padding:14px;cursor:pointer;font-size:15px;font-weight:700}
.product-modal .eatsone-layer-actions-v7146 button:disabled{background:#c5b4a5;cursor:not-allowed}
.product-modal .eatsone-layer-empty-v7146{color:#8d7d6d;padding:30px 15px;text-align:center}
@media(max-width:760px){.product-modal .eatsone-layer-screen-v7146{border-radius:0}.product-modal .eatsone-layer-head-v7146{padding-top:25px}}

/* V7.146.1: legacy independent quantity allocation gets its own second-stage chooser.
   Keep underlying inputs in the DOM for existing price, inventory and cart validation. */
.product-modal .eatsone-layer-standalone-v7147 > h3,
.product-modal .eatsone-layer-standalone-v7147 > .option-group-description-v314,
.product-modal .eatsone-layer-standalone-v7147 > .option-group-instruction-v314,
.product-modal .eatsone-layer-standalone-v7147 > .option-list {display:none!important;}
.product-modal .eatsone-layer-standalone-v7147{padding-top:4px;}

/* SAG V7.150: second layer can be radio or checkbox, not only quantity. */
.eatsone-layer-option-v7150{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:#fff;border:1px solid #e5d4c2;border-radius:11px;padding:14px 12px;margin:9px 0;cursor:pointer;color:#332c24;font-weight:600}
.eatsone-layer-option-v7150.is-selected{background:#fff8ed;border-color:#b77b47;box-shadow:0 0 0 1px #b77b47}
.eatsone-layer-option-v7150:disabled{opacity:.35;cursor:not-allowed}