.shopping-page{width:100%;max-width:1060px;margin:0 auto;padding:36px 36px 100px;flex:1;color:#485c4e}
.shopping-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.shopping-heading h1{font:normal 42px/1.1 Georgia,serif;margin:0}.shopping-heading .eyebrow{margin:0 0 10px;letter-spacing:2px;font-size:9px;color:#85957d}.shopping-intro{font-size:12px;color:#85917e;line-height:1.7;margin:13px 0 0}.shopping-mark{height:66px;width:66px;display:grid;place-items:center;border:1px solid #ccd8c4;border-radius:21px;background:#f8faef99;transform:rotate(5deg)}.shopping-mark svg{width:34px;height:34px;stroke-width:1.2}
.shopping-tabs{display:flex;gap:6px;padding:5px;background:#ffffff65;border:1px solid #d3decd;border-radius:13px;margin-bottom:24px;width:max-content;max-width:100%}.shopping-tabs button{display:flex;align-items:center;gap:8px;padding:11px 18px;border-radius:9px;font-size:12px;color:#82917b}.shopping-tabs svg{height:17px;width:17px}.shopping-tabs button[aria-pressed=true]{background:#536b5c;color:#fffcf1;box-shadow:0 3px 10px #536b5c18}.shop-count{font-size:10px;opacity:.7;font-variant-numeric:tabular-nums}
.shopping-tools{display:flex;align-items:center;gap:16px;margin-bottom:22px}.shop-search{flex:1;display:flex;align-items:center;gap:9px;border-bottom:1px solid #c9d7c2;padding:0 0 9px}.shop-search svg{width:16px;height:16px;color:#8e9f85}.shop-search input{background:none;border:0;outline:none;width:100%;font-size:12px;padding:3px;min-width:0}.shop-search input::placeholder{color:#99a48e}.shop-hide-done{font-size:11px;display:flex;gap:7px;align-items:center;white-space:nowrap;color:#7c8a73}.shop-hide-done input{accent-color:#536b5c}
.shopping-section{border:1px solid #d5dece;border-radius:18px;background:#fffef6a3;padding:23px 24px;box-shadow:0 5px 20px #465d4c05}.shopping-section+.shopping-section{margin-top:26px;border-top:2px solid #d3dcc7}.shopping-section.online-section{background:#fdf9eea8}.shopping-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.shopping-section-heading h2{font:normal 25px/1.2 Georgia,serif;margin:0}.shopping-section-heading p{font-size:11px;line-height:1.6;color:#939c86;margin:7px 0 0}.shopping-section-heading .primary-button{padding:9px 13px;white-space:nowrap;background:#e3ead9;color:#52684b;border:1px solid #ced9c2}.shopping-section-heading .primary-button:hover{background:#d9e4ce}.shop-section-icon{font-size:10px;color:#84977a;letter-spacing:1.5px;margin-bottom:9px;display:block}
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop-product{min-width:0;border:1px solid #dce2d3;border-radius:12px;overflow:hidden;background:#fffef9;position:relative}.shop-product.bought .shop-product-title{text-decoration:line-through;color:#98a08d}.shop-product.bought .shop-photo{opacity:.65}.shop-photo{border:0;background:#edf1e7;width:100%;padding:0;display:grid;place-items:center;aspect-ratio:1.5;overflow:hidden;position:relative;color:#a4b59b}.shop-photo img{width:100%;height:100%;object-fit:cover}.shop-photo>svg{height:43px;width:43px;stroke-width:1}.shop-like{position:absolute;top:9px;right:9px;width:34px;height:34px;display:grid;place-items:center;background:#fffef6ee;border:1px solid #e2e5d7;border-radius:50%;color:#97a48b;box-shadow:0 2px 10px #5060440a}.shop-like svg{height:18px;width:18px}.shop-like[aria-pressed=true]{color:#b97c6c;background:#fff1e7}.shop-like[aria-pressed=true] svg{fill:#dba08a;stroke:#b97c6c}.shop-product-body{padding:13px 14px 12px}.shop-store-name{display:block;text-transform:uppercase;letter-spacing:1px;font-size:8px;line-height:1.6;color:#a2a98f;overflow-wrap:anywhere}.shop-product-title{font:normal 18px/1.3 Georgia,serif;color:#50634c;margin:6px 0 11px;overflow-wrap:anywhere}.shop-product-title button{text-align:left;font:inherit;padding:0;width:100%}.shop-link{font-size:11px;display:inline-flex;gap:6px;align-items:center;color:#7d8f71;text-decoration:none;margin-bottom:13px;border-bottom:1px solid #d0dcc4;padding-bottom:3px}.shop-link svg{width:12px;height:12px}.shop-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #edf0e5;padding-top:10px}.shop-check{font-size:11px;display:flex;gap:7px;align-items:center;color:#8a987e}.shop-check input{width:16px;height:16px;margin:0;accent-color:#536b5c}.shop-edit{padding:4px;color:#9aa68e;line-height:0}.shop-edit svg{height:16px;width:16px}
.shop-empty{display:flex;gap:18px;align-items:center;padding:26px 18px;border:1px dashed #d5dec9;border-radius:11px;background:#fafcf27a;min-height:112px}.shop-empty>svg{width:36px;height:36px;stroke-width:1;color:#adbc9b;flex:none}.shop-empty strong{display:block;font:normal 20px Georgia,serif;color:#748568}.shop-empty p{font-size:12px;line-height:1.7;margin:8px 0 0;color:#9aa48e;max-width:470px}.shopping-note{margin:24px 0 0;font-size:10px;line-height:1.8;color:#94a08a;text-align:center}.shop-error{padding:15px;border-radius:10px;background:#fbe6d9;color:#99624f;font-size:12px;line-height:1.6;margin-bottom:20px}.shop-error button{display:block;text-decoration:underline;margin-top:8px;padding:0}.shopping-page[aria-busy=true]{opacity:.7}.shop-wait{font-size:13px;color:#8d9b83;padding:25px;text-align:center}
.shop-wallet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.shop-loyalty{border:1px solid #d7dfc9;border-radius:14px;background:linear-gradient(130deg,#edf3e6,#fbf8e6);padding:20px;min-width:0}.shop-loyalty:nth-child(even){background:linear-gradient(130deg,#f7eddf,#fcf7eb)}.shop-loyalty-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.shop-loyalty h3{font:normal 23px Georgia,serif;margin:5px 0 18px;overflow-wrap:anywhere}.shop-loyalty .shop-photo{border-radius:9px;aspect-ratio:1.8;background:#ffffff87;max-height:210px}.shop-loyalty .shop-photo img{object-fit:contain;padding:8px}.shop-card-number{font:16px/1.5 ui-monospace,monospace;letter-spacing:1px;margin:15px 0 0;overflow-wrap:anywhere}.shop-card-note{font-size:11px;line-height:1.7;color:#94a086;margin:9px 0 0;overflow-wrap:anywhere}
.shop-dialog{max-width:490px;background:#fffef8;padding:27px;border-radius:19px}.shop-dialog input:not([type=checkbox]):not([type=file]),.shop-dialog select{width:100%;display:block;padding:11px;border:1px solid #dce3d3;border-radius:7px;background:#fafbf5;font-size:15px;min-width:0}.shop-dialog label:not(.shop-check){margin-top:17px}.shop-dialog textarea{min-height:65px}.shop-dialog .dialog-actions{margin-top:22px;flex-wrap:wrap}.shop-photo-field{display:flex;gap:16px;align-items:center;border:1px dashed #ccd8c0;border-radius:10px;padding:13px;margin-top:18px;background:#f4f7ed}.shop-photo-preview{width:78px;height:78px;flex:none;object-fit:contain;border-radius:8px;background:#e6edde}.shop-photo-placeholder{width:78px;height:78px;display:grid;place-items:center;background:#e6edde;border-radius:8px;color:#98ab8b;flex:none}.shop-photo-placeholder svg{width:30px;height:30px}.shop-photo-tools{min-width:0}.shop-photo-tools label{display:inline-block!important;margin:0!important;cursor:pointer;font-size:12px;color:#607b51}.shop-photo-tools small{display:block;color:#9ba68e;font-size:10px;line-height:1.5;margin-top:6px}.shop-photo-remove{display:block;font-size:10px;color:#b48671;text-decoration:underline;padding:7px 0 0}.shop-photo-input{position:absolute;width:1px;height:1px;opacity:0}.shop-photo-input:focus-visible+label{outline:2px solid #779168;outline-offset:4px}.shop-form-error{font-size:12px;line-height:1.6;color:#b4725d}.shop-photo-view{max-width:850px;width:calc(100% - 24px);padding:18px}.shop-photo-view h2{font-size:23px;margin:0 0 17px;overflow-wrap:anywhere}.shop-photo-view img{display:block;max-width:100%;max-height:75dvh;object-fit:contain;margin:auto}.shop-photo-view .dialog-header{margin:0 0 10px;gap:15px}.shop-photo-view .dialog-header h2{margin:0}
@media(max-width:750px){.shopping-page{padding:26px 22px 90px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shopping-heading h1{font-size:37px}.shopping-section{padding:21px 18px}.shopping-tabs button{padding:11px 13px;font-size:11px}}
@media(max-width:450px){.shopping-page{padding:24px 14px 85px}.shopping-heading{margin:0 6px 23px}.shopping-heading h1{font-size:35px}.shopping-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.shopping-mark{width:51px;height:55px;border-radius:15px}.shopping-mark svg{width:28px;height:28px}.shopping-intro{font-size:11px;max-width:230px}.shopping-tabs{width:100%;gap:3px;padding:4px;margin-bottom:22px}.shopping-tabs button{flex:1;justify-content:center;gap:5px;font-size:10px;padding:11px 7px;white-space:nowrap}.shopping-tabs svg{height:15px;width:15px}.shop-count{font-size:9px}.shopping-tools{gap:8px;padding:0 3px}.shop-search input{font-size:16px}.shop-hide-done{font-size:9px;gap:3px}.shopping-section{padding:18px 13px;border-radius:14px}.shopping-section-heading{gap:8px;margin-bottom:16px}.shopping-section-heading h2{font-size:21px}.shopping-section-heading p{font-size:10px;max-width:190px;margin-top:6px}.shopping-section-heading .primary-button{padding:8px 9px;font-size:10px;gap:4px;min-height:36px}.shopping-section-heading .primary-button svg{height:14px;width:14px}.shop-grid{gap:10px}.shop-product-body{padding:11px 10px}.shop-product-title{font-size:17px;margin-top:4px}.shop-photo{aspect-ratio:1.2}.shop-like{width:31px;height:31px;right:6px;top:6px}.shop-product-bottom{gap:3px}.shop-check{font-size:10px;gap:5px}.shop-empty{padding:20px 12px;gap:13px}.shop-empty strong{font-size:19px}.shop-empty p{font-size:11px}.shop-empty>svg{width:28px;height:28px}.shop-wallet{grid-template-columns:1fr}.shop-dialog{padding:22px}.shop-dialog input:not([type=checkbox]):not([type=file]),.shop-dialog select{font-size:16px}.shop-dialog .dialog-actions .primary-button{padding:11px 13px}.shopping-note{font-size:9px}.shop-photo-field{gap:12px}}

/* Purchases without photos stay in compact rows, alongside the photo cards. */
.shop-list{display:flex;flex-direction:column;gap:0;border:1px solid #dce2d3;border-radius:11px;overflow:hidden;background:#fffef9}.shop-list+.shop-grid{margin-top:16px}
.shop-product-row{display:grid;grid-template-columns:83px minmax(0,1fr) auto;align-items:center;gap:15px;padding:13px 16px;border:0;border-radius:0;background:transparent}.shop-product-row+.shop-product-row{border-top:1px solid #e7ebdf}.shop-row-copy{min-width:0}.shop-product-row .shop-product-title{font-size:18px;margin:4px 0 0}.shop-product-row .shop-link{margin:7px 0 0;font-size:10px}.shop-row-actions{display:flex;align-items:center;gap:10px}.shop-product-row .shop-like{position:static;flex:none;box-shadow:none}.shop-remove{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 3px;color:#ab7d6a;font-size:10px;white-space:nowrap}.shop-remove:hover{color:#9b5545}.shop-remove svg{width:14px;height:14px}.shop-product-bottom .shop-check{font-size:10px;gap:5px}.shop-product-bottom{gap:5px}.shop-product-row .shop-row-check{font-size:11px}
@media(max-width:550px){.shop-product-row{grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;padding:12px}.shop-row-copy{grid-column:1;grid-row:1}.shop-product-row .shop-row-check{grid-column:1;grid-row:2;font-size:10px}.shop-row-actions{grid-column:2;grid-row:1 / span 2;gap:5px}.shop-product-row .shop-product-title{font-size:17px}.shop-product-row .shop-store-name{font-size:8px}.shop-row-actions .shop-remove{flex-direction:column;font-size:9px;gap:3px;padding:6px}.shop-row-actions .shop-like{width:31px;height:31px}.shop-product-bottom .shop-remove{font-size:9px;gap:3px}}