#family-meal-app [data-view="shop"] {background:#faf9f6;font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;padding-bottom:110px;color:#302c26}
#family-meal-app [data-view="shop"] .head {background:transparent;padding:28px 20px 24px;border-bottom:1px solid #e8e2d9}
#family-meal-app [data-view="shop"] h1 {font-family:inherit;font-size:28px;font-weight:800;letter-spacing:-1px;margin:0 0 10px}
#family-meal-app [data-view="shop"] .head .muted {font-size:14px;line-height:1.7;color:#72695f}
#family-meal-app [data-view="shop"] .section {padding:23px 18px 0}
#family-meal-app [data-view="shop"] h2 {font-family:inherit;font-size:19px;font-weight:750;margin:0}
#family-meal-app [data-view="shop"] .line {align-items:flex-start;flex-wrap:wrap;gap:8px}
#family-meal-app #shop-progress {font-size:12px;color:#6d665d;margin:3px 0 0;line-height:1.5}
#family-meal-app [data-view="shop"] .shop-help {font-size:13px;color:#7b7267;margin:9px 0 14px}
#family-meal-app [data-view="shop"] .shop-actions {display:flex;gap:8px;margin-bottom:14px}
#family-meal-app [data-view="shop"] .shop-actions button {min-height:44px;padding:10px 13px;border:1px solid #dfd9d0;border-radius:10px;background:#fff;font-size:13px!important;color:#5d554b!important;font-weight:650}
#family-meal-app [data-view="shop"] .shop-actions button:disabled {opacity:.45;cursor:default}
#family-meal-app #shop-list {display:grid;gap:10px}
#family-meal-app #shop-list>.muted {padding:26px 18px;border:1px dashed #ded7cc;border-radius:14px;font-size:14px;line-height:1.8;text-align:center;background:#fff;color:#766c60}
#family-meal-app #shop-list .shop-item {display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:10px;row-gap:7px;padding:16px 12px;background:white;border:1px solid #e6dfd6;border-radius:15px}
#family-meal-app #shop-list .cb {display:grid;place-items:center;width:44px;height:44px;border:1.5px solid #c9c2b7;border-radius:12px;background:white;color:#fff;font-size:22px;margin:0;align-self:start}
#family-meal-app #shop-list .cb.done {background:#477354;border-color:#477354}
#family-meal-app #shop-list .shop-copy {min-width:0;text-decoration:none!important;color:#342e27!important}
#family-meal-app #shop-list .shop-name {display:block;font-size:17px;line-height:1.5;overflow-wrap:anywhere}
#family-meal-app #shop-list .shop-amount {display:block;font-size:14px;color:#665c50;font-weight:500;margin-top:3px;overflow-wrap:anywhere}
#family-meal-app #shop-list .shop-from {display:block;font-size:12px;font-weight:400;color:#80756a;line-height:1.6;margin-top:6px;overflow-wrap:anywhere}
#family-meal-app #shop-list .shop-price {display:block;font-size:12px;line-height:1.6;font-weight:500;color:#aa4c25;margin-top:4px;overflow-wrap:anywhere}
#family-meal-app #shop-list .shop-price:empty,#family-meal-app #shop-list .shop-from:empty {display:none}
#family-meal-app #shop-list .is-done {background:#f3f5f0;border-color:#dce4d7}
#family-meal-app #shop-list .is-done .shop-name {text-decoration:line-through;color:#777f71}
#family-meal-app #shop-list .shop-product {grid-column:2;justify-self:start;display:inline-flex;align-items:center;min-height:44px;padding:9px 12px!important;font-size:12px!important;background:#f5f3ef!important;color:#655b4e!important;border-radius:9px!important}
#family-meal-app [data-view="shop"] .shop-search {padding-top:22px}
#family-meal-app [data-view="shop"] .shop-search>div {border-color:#e4dfd6!important;border-radius:15px!important;padding:18px!important}
#family-meal-app [data-view="shop"] .shop-search>div>p:first-child {font-size:16px!important;color:#51483e!important;margin-bottom:14px!important}
#family-meal-app [data-view="shop"] .shop-search .muted {font-size:11px!important;color:#7b736a!important;line-height:1.7;margin-top:12px!important}
#family-meal-app [data-view="shop"] button:focus-visible,#family-meal-app [data-view="shop"] a:focus-visible {outline:3px solid #c66b38;outline-offset:3px}