:root{--amapi-accent:#26b878;--amapi-bg:#fff;--amapi-text:#0f172a;--amapi-btn-bg:#f59e0b;--amapi-btn-text:#fff;--amapi-price:#26b878;--amapi-discount:#dc2626;--amapi-border:#26b878;--amapi-border-w:1px;--amapi-radius:10px;--amapi-card-pad:14px;--amapi-img-w:220px;--amapi-title-size:20px}
*{box-sizing:border-box}
.amapi-card,.amapi-row{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif}
.amapi-card{display:grid;grid-template-columns:var(--amapi-img-w) 1fr;gap:16px;border:var(--amapi-border-w) solid var(--amapi-border);border-radius:var(--amapi-radius);padding:var(--amapi-card-pad);background:var(--amapi-bg);color:var(--amapi-text);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.amapi-card.amapi-compact{grid-template-columns:var(--amapi-img-w) 1fr}
.amapi-imgwrap{display:block}
.amapi-img{width:100%;height:auto;object-fit:contain;border-radius:8px;background:#f8fafc}
.amapi-body{display:flex;flex-direction:column;gap:8px}
.amapi-title{font-weight:800;line-height:1.18;font-size:var(--amapi-title-size);margin-top:2px}
.amapi-title a{text-decoration:none;color:inherit}
.amapi-desc ul{margin:0;padding-left:18px;color:#667085;line-height:1.45}
.amapi-offer{display:flex;align-items:center;gap:12px;margin-top:4px;flex-wrap:wrap}
.amapi-old{text-decoration:line-through;color:#ef4444}
.amapi-price{color:var(--amapi-price);font-weight:900}
.amapi-badge{background:var(--amapi-discount);color:#fff;font-weight:700;border-radius:999px;padding:2px 8px;font-size:12px}
.amapi-btn{display:inline-block;background:var(--amapi-btn-bg);color:var(--amapi-btn-text);padding:10px 14px;border-radius:10px;text-decoration:none;align-self:flex-start;transition:transform .06s ease;font-weight:600}
.amapi-btn:hover{transform:translateY(-1px)}
.amapi-grid{display:grid;gap:var(--amapi-card-pad)}
.amapi-grid.cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.amapi-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.amapi-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.amapi-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.amapi-grid.cols-3,.amapi-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.amapi-grid,.amapi-grid.cols-2,.amapi-grid.cols-3,.amapi-grid.cols-4{grid-template-columns:minmax(0,1fr)}.amapi-card{grid-template-columns:1fr}}
.amapi-list{display:flex;flex-direction:column;gap:14px}
.amapi-row{display:grid;grid-template-columns:var(--amapi-img-w) 1fr;gap:16px;border:var(--amapi-border-w) solid var(--amapi-border);border-radius:var(--amapi-radius);padding:var(--amapi-card-pad);background:var(--amapi-bg)}
.amapi-error{background:#0b1020;color:#a9ff9f;padding:10px;border-radius:8px;overflow:auto}