*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;background:#f5f5f5;color:#1a1a1a;max-width:480px;margin:0 auto;min-height:100vh}:root{--green: #1a6b3a;--green-light: #e8f5e9;--green-mid: #2e7d52;--border: #e0e0e0;--text-sub: #666;--radius: 12px}.header{position:sticky;top:0;z-index:100;background:var(--green);color:#fff;display:flex;align-items:center;padding:12px 16px;gap:12px;box-shadow:0 2px 8px #00000026}.header-title{flex:1;font-size:18px;font-weight:700;letter-spacing:.5px}.header-back{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px;line-height:1}.cart-btn{position:relative;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px;line-height:1}.cart-badge{position:absolute;top:-4px;right:-4px;background:#e53e3e;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.content{padding:16px 16px 32px}.fish-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fish-card{background:#fff;border-radius:var(--radius);padding:16px 12px;cursor:pointer;border:2px solid transparent;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 4px #00000014}.fish-card:active{border-color:var(--green);box-shadow:0 2px 8px #1a6b3a33}.fish-card-name{font-size:16px;font-weight:700;margin-bottom:6px;color:#1a1a1a}.fish-card-price{font-size:13px;color:var(--green);font-weight:600;margin-bottom:4px}.fish-card-count{font-size:12px;color:var(--text-sub)}.pack-item{background:#fff;border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 4px #0000000f}.pack-item.sold-out{opacity:.45}.pack-info{flex:1}.pack-weight{font-size:16px;font-weight:700}.pack-status{font-size:12px;color:var(--text-sub);margin-top:2px}.pack-price{font-size:14px;font-weight:600;color:var(--green);margin-top:4px}.sold-out-label{font-size:12px;color:#999;font-weight:600}.qty-ctrl{display:flex;align-items:center;gap:8px}.qty-btn{width:32px;height:32px;border-radius:50%;border:2px solid var(--green);background:#fff;color:var(--green);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;font-weight:700;transition:background .1s}.qty-btn:active{background:var(--green-light)}.qty-btn:disabled{border-color:#ccc;color:#ccc;cursor:default}.qty-num{width:24px;text-align:center;font-size:16px;font-weight:700}.cart-item{background:#fff;border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;box-shadow:0 1px 4px #0000000f}.cart-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.cart-item-name{font-size:15px;font-weight:700}.cart-item-sub{font-size:12px;color:var(--text-sub);margin-top:2px}.cart-item-subtotal{font-size:15px;font-weight:700;color:var(--green)}.cart-total-bar{background:#fff;border-radius:var(--radius);padding:16px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px #00000014}.cart-total-label{font-size:16px;font-weight:600}.cart-total-amount{font-size:22px;font-weight:800;color:var(--green)}.btn-primary{display:block;width:100%;padding:16px;background:var(--green);color:#fff;font-size:17px;font-weight:700;border:none;border-radius:var(--radius);cursor:pointer;margin-top:20px;transition:background .15s}.btn-primary:active{background:var(--green-mid)}.btn-primary:disabled{background:#aaa;cursor:default}.center-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:12px;color:var(--text-sub)}.spinner{width:36px;height:36px;border:3px solid var(--green-light);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-title{font-size:13px;font-weight:600;color:var(--text-sub);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}