.family-section{padding-top:34px}.family-head{align-items:end}.variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.variant-card{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;padding:16px;border:1px solid var(--color-border);border-radius:18px;background:#fff;box-shadow:var(--shadow-lg);cursor:pointer;transition:.2s}.variant-card:hover,.variant-card:focus-within{border-color:#86d9be;transform:translateY(-2px)}.variant-card.is-selected{box-shadow:0 0 0 2px var(--green);border-color:var(--green)}.variant-card img{width:112px;height:112px;object-fit:cover;border-radius:12px;background:#f6f8f7}.variant-name{font-weight:800;font-size:1.04rem}.variant-meta,.variant-state{color:var(--muted);font-size:var(--text-14);margin-top:4px}.variant-state strong{color:var(--ink)}.variant-card .btn{margin-top:10px}.offer-panel{margin:22px 0 26px;border:1px solid var(--color-border);border-radius:20px;background:#fff;overflow:hidden}.offer-panel-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:20px 22px;border-bottom:1px solid var(--color-border)}.offer-panel-head h3{margin:3px 0 0;font-size:1.2rem}.offer-panel-tools{display:grid;justify-items:end;gap:8px}.offer-panel-tools>span,.feed-heading>span{font-size:.8rem;color:var(--muted);max-width:340px;text-align:right}.offer-unverified-toggle{min-height:34px;border:1px solid var(--color-border);background:#fff;color:var(--muted);padding:6px 11px;font:inherit;font-size:var(--text-12);font-weight:750;cursor:pointer}.offer-unverified-toggle:hover,.offer-unverified-toggle:focus-visible,.offer-unverified-toggle.on{border-color:#91d8bd;background:var(--green-soft);color:var(--green)}.offer-unverified-toggle span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;border-radius:999px;background:#edf1ef;color:inherit;font-size:var(--text-11)}.offer-table-wrap{overflow-x:auto}.offer-table{width:100%;border-collapse:collapse;min-width:760px}.offer-table th,.offer-table td{padding:14px 18px;text-align:left;border-bottom:1px solid #eef1ef;font-size:var(--text-14)}.offer-table th{font-size:var(--text-12);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#f7f9f8}.offer-table tr:last-child td{border-bottom:0}.offer-merchant{display:flex;align-items:center;gap:10px;font-weight:750}.offer-status{display:inline-flex;align-items:center;gap:6px;font-weight:700}.offer-status i{width:8px;height:8px;border-radius:50%;background:#d29b32}.offer-status.available i{background:var(--green)}.offer-status.out_of_stock i{background:#9aa39f}.offer-price small{display:block;color:var(--muted);font-size:var(--text-12)}.offer-action{display:flex;gap:7px;justify-content:flex-end}.offer-action .btn{white-space:nowrap}.report-link{border:0;background:none;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit;font-size:var(--text-12)}.feed-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.feed-heading h3{margin:2px 0 0}#report-dialog textarea{width:100%;resize:vertical}body dialog{max-width:540px}.alert-scope{margin:10px 0 3px;padding:11px 13px;border:1px solid #bfe7d7;border-radius:12px;background:#eefaf5;color:#245642;font-size:.8rem;font-weight:750}
.price-input{position:relative}.price-input input{padding-right:42px}.price-input span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:800}#a-price-wrap>small{display:block;margin-top:5px;color:var(--muted);font-size:var(--text-11);line-height:1.45}
@media(max-width:900px){.variant-grid{grid-template-columns:1fr}.variant-card{grid-template-columns:90px 1fr}.variant-card img{width:90px;height:90px}.family-head{align-items:start}.family-head .btn{width:100%}}
@media(max-width:640px){.family-section{padding-top:24px}.variant-card{grid-template-columns:96px 1fr;padding:13px}.variant-card img{width:96px;height:96px}.offer-panel{border-radius:15px;margin-inline:0}.offer-panel-head,.feed-heading{align-items:start;flex-direction:column}.offer-panel-tools{justify-items:start;width:100%}.offer-panel-tools>span,.feed-heading>span{text-align:left}.offer-table th,.offer-table td{padding:12px}.offer-action{justify-content:flex-start}}