:root{--bg-page:#f7f3ec;--surface:#fff;--accent:#3d6b85;--accent-dark:#1a2e3d;--text-body:#6b6558;--border:#e0dacb;--img-tint-1:#b8cdd9;--img-tint-2:#8fa9b8;--overlay:#1a2e3d59}*,:before,:after{box-sizing:border-box}html{font-size:16px}body{background:var(--bg-page);color:var(--text-body);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}.page-wrap{flex-direction:column;min-height:100vh;display:flex}.page-header{text-align:center;background:var(--bg-page);border-bottom:.5px solid var(--border);padding:24px 16px 12px}.wordmark{color:var(--accent-dark);letter-spacing:.04em;text-transform:lowercase;margin:0;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:500;line-height:1.1}.subline{color:var(--text-body);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:11px;display:inline-flex}.subline svg{fill:currentColor;flex-shrink:0;width:13px;height:13px}.dot{opacity:.5;margin:0 2px}.store-container{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:16px 16px 100px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.search-box{flex:1;align-items:center;min-width:200px;display:flex;position:relative}.search-box svg{width:16px;height:16px;color:var(--text-body);opacity:.7;pointer-events:none;position:absolute;left:12px}.search-input{background:var(--surface);border:.5px solid var(--border);width:100%;height:38px;color:var(--accent-dark);box-sizing:border-box;border-radius:999px;outline:none;padding:0 32px 0 36px;font-size:13px}.search-input:focus{border-color:var(--accent)}.clear-search{all:unset;cursor:pointer;width:22px;height:22px;color:var(--text-body);opacity:.7;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:10px}.clear-search svg{pointer-events:auto;width:14px;height:14px;position:static}.sort-box{flex-shrink:0}.sort-select{background:var(--surface);border:.5px solid var(--border);height:38px;color:var(--accent-dark);cursor:pointer;appearance:auto;border-radius:999px;outline:none;padding:0 14px;font-size:12px;font-weight:500}.sort-select:focus{border-color:var(--accent)}.category-nav{scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;gap:10px;padding:8px 0 20px;display:flex;overflow-x:auto}@media (width>=640px){.category-nav{justify-content:center}}.category-nav::-webkit-scrollbar{display:none}.pill{all:unset;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.pill-active{background:var(--accent);color:var(--surface);border:.5px solid var(--accent)}.pill-inactive{background:var(--surface);color:var(--text-body);border:.5px solid var(--border)}.empty-search{text-align:center;color:var(--text-body);opacity:.85;padding:48px 16px;font-size:13px}.product-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width>=580px){.product-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (width>=860px){.product-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.product-card{all:unset;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex}.card-img{aspect-ratio:.85;background:var(--img-tint-1);border-radius:14px;width:100%;position:relative;overflow:hidden}.card-img-tint-2{background:var(--img-tint-2)}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.product-card:hover .card-img img{transform:scale(1.02)}.price-pill{background:var(--surface);color:var(--accent-dark);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;line-height:1;position:absolute;top:8px;left:8px}.card-name{color:var(--text-body);margin-top:8px;font-size:12px;line-height:1.35;display:block}.fab{z-index:102;background:var(--accent-dark);width:52px;height:52px;color:var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #1a2e3d40}.fab svg{width:24px;height:24px}.fab-badge{background:var(--accent);color:var(--surface);border:2px solid var(--bg-page);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:500;line-height:1;display:inline-flex;position:absolute;top:-3px;right:-3px}.backdrop{background:var(--overlay);z-index:110;position:fixed;inset:0}.cart-sheet{background:var(--bg-page);z-index:111;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;width:100%;max-width:500px;max-height:88vh;display:flex;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 -4px 24px #1a2e3d33}@media (width>=600px){.cart-sheet{border-radius:20px;max-height:82vh;bottom:40px}}.sheet-handle{background:var(--border);border-radius:999px;flex-shrink:0;width:36px;height:4px;margin:10px auto 2px}.sheet-head{color:var(--accent-dark);border-bottom:.5px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;font-size:16px;font-weight:500;display:flex}.close-x{all:unset;cursor:pointer;width:30px;height:30px;color:var(--text-body);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.close-x svg{width:18px;height:18px}.sheet-content{-webkit-overflow-scrolling:touch;flex:1;padding:16px 20px 24px;overflow-y:auto}.cart-items-list{flex-direction:column;gap:10px;display:flex}.cart-row{border-bottom:.5px solid var(--border);align-items:center;gap:12px;padding-bottom:10px;display:flex}.thumb{background:var(--img-tint-2);border-radius:10px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.cart-info{flex:1;min-width:0}.cart-name{color:var(--accent-dark);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.cart-price{color:var(--text-body);margin-top:2px;font-size:12px}.qty-stepper{background:var(--surface);border:.5px solid var(--border);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.stepper-btn{all:unset;width:32px;height:32px;color:var(--accent-dark);cursor:pointer;justify-content:center;align-items:center;font-size:16px;font-weight:500;display:inline-flex}.stepper-count{text-align:center;width:26px;color:var(--accent-dark);font-size:13px;font-weight:500}.cart-empty{text-align:center;color:var(--text-body);padding:36px 0;font-size:13px;line-height:1.5}.total-row{border-top:.5px solid var(--border);justify-content:space-between;align-items:center;margin-top:12px;padding:14px 0;display:flex}.total-label{color:var(--text-body);font-size:14px}.total-amount{color:var(--accent-dark);font-size:20px;font-weight:500}.checkout-section{margin-top:10px}.toggle{gap:10px;margin-bottom:16px;display:flex}.toggle-btn{all:unset;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;height:42px;padding:0 16px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.toggle-btn-active{background:var(--accent-dark);color:var(--surface)}.toggle-btn-inactive{background:var(--surface);color:var(--text-body);border:.5px solid var(--border)}.field{margin-bottom:12px}.field-label{color:var(--text-body);margin-bottom:4px;font-size:11px;display:block}.input,.select,.textarea{background:var(--surface);border:.5px solid var(--border);width:100%;color:var(--accent-dark);box-sizing:border-box;border-radius:10px;outline:none;height:38px;padding:0 12px;font-size:13px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}.textarea{resize:vertical;height:auto;min-height:72px;padding:10px 12px}.submit-btn{background:var(--accent);width:100%;height:46px;color:var(--surface);cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:14px;font-weight:500;transition:opacity .15s;display:flex}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn svg{fill:currentColor;width:18px;height:18px}.help-text{color:var(--text-body);opacity:.85;margin-top:4px;font-size:10px}.detail-modal{background:var(--surface);z-index:115;border-radius:16px;flex-direction:column;width:min(90vw,380px);padding:18px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.detail-img{aspect-ratio:.9;background:var(--img-tint-1);border-radius:12px;width:100%;overflow:hidden}.detail-img img{object-fit:cover;width:100%;height:100%}.detail-title{color:var(--accent-dark);margin-top:12px;font-size:15px;font-weight:500}.detail-price{color:var(--accent);margin-top:2px;font-size:16px;font-weight:500}.detail-desc{color:var(--text-body);margin-top:6px;font-size:12px;line-height:1.45}.detail-actions{gap:10px;margin-top:16px;display:flex}.add-btn{all:unset;background:var(--accent-dark);height:40px;color:var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;flex:1;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:inline-flex}