.aks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));
grid-auto-rows:1fr;gap:18px;align-self:stretch}
.aks-card{transition:transform .16s ease, box-shadow .16s ease;
background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;
display:flex;flex-direction:column;color:var(--ink)}
.aks-clickable{cursor:pointer}
.aks-card:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 36px rgba(15,23,42,.18);z-index:20}
.aks-photo{position:relative;overflow:hidden;background:#f1f5f9;height:150px}
.aks-photo .zoom-badge{position:absolute;right:8px;bottom:8px;width:32px;height:32px;display:flex;
align-items:center;justify-content:center;border-radius:9px;background:rgba(255,255,255,.94);
border:1px solid var(--line);color:#111;cursor:zoom-in;opacity:0;transition:opacity .18s,transform .12s;
box-shadow:0 4px 12px rgba(15,23,42,.16);z-index:2}
.aks-card:hover .aks-photo .zoom-badge,.aks-photo .zoom-badge:focus{opacity:1}
.aks-photo .zoom-badge:hover{transform:scale(1.08)}
@media(hover:none){.aks-photo .zoom-badge{opacity:1}}
.aks-photo img{width:100%;height:150px;object-fit:contain;transition:transform .22s ease}
.aks-card:hover .aks-photo img{transform:scale(1.4)}
.aks-cbody{padding:12px;display:flex;flex-direction:column;gap:7px;flex:1}
.aks-flip{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .18s}
.aks-card:hover .aks-flip{opacity:1}
.aks-flip img{position:absolute;inset:0;width:100%;height:150px;object-fit:contain;
opacity:0;background:#f1f5f9}
.aks-card:hover .aks-flip img{animation:aksFlip 3.3s infinite;animation-delay:calc(var(--i) * 1.1s)}
@keyframes aksFlip{0%,4%{opacity:0}6%,30%{opacity:1}34%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.aks-flip{display:none}}
@media(hover:none){.aks-flip{display:none}}
.aks-card{position:relative;overflow:visible}
.aks-photo{border-radius:14px 14px 0 0}
.aks-grid.v-two .aks-photo,.aks-grid.v-list .aks-photo{border-radius:14px 0 0 14px}
.aks-quick{position:absolute;left:8px;right:8px;top:calc(100% - 6px);height:58px;z-index:21;
display:flex;align-items:center;justify-content:space-between;gap:8px;
padding:0 8px;border-radius:14px;background:var(--surface);
border:1px solid var(--line);box-shadow:0 12px 30px rgba(15,23,42,.22);
opacity:0;transform:translateY(8px);transition:opacity .15s,transform .15s;pointer-events:none}
.aks-card:hover .aks-quick,.aks-quick:focus-within{opacity:1;transform:none;pointer-events:auto}
.aks-card:hover{z-index:5}
.aks-quick button{appearance:none;border:0;background:transparent;cursor:pointer;
font:inherit;font-size:30px;font-weight:700;line-height:1;color:var(--ink);
width:44px;height:44px;
border-radius:10px;display:flex;align-items:center;justify-content:center}
.aks-quick button:hover{background:var(--bg-2,rgba(0,0,0,.06))}
.aks-q-num{min-width:34px;text-align:center;font-weight:800;font-size:22px}
.aks-q-buy{flex:1;width:auto!important;height:44px!important;padding:0 14px!important;
gap:8px;font-size:14px!important;background:var(--accent)!important;
color:var(--on-accent)!important;font-weight:700;white-space:nowrap;
border-radius:12px}
.aks-q-buy .aks-q-cart{font-size:22px}
.aks-quick-call{gap:8px;padding:0 8px}
.offer-cell{display:flex;flex-direction:column;border:1px solid var(--line);
border-radius:14px;background:var(--surface);position:relative}
.offer-cell > .offer-grp{flex:1;border:0;border-radius:0;background:transparent}
.offer-buy{height:58px;left:auto;right:8px;width:238px;padding:0 8px}
@media(max-width:560px){.offer-buy{left:8px;right:8px;width:auto}}
.offer-cell:hover .offer-buy,.offer-buy:focus-within{opacity:1;transform:none;pointer-events:auto}
.offer-cell:hover{z-index:6}
.aks-fit-yes{margin:4px 0 0;font-size:12px;font-weight:700;color:var(--ok);line-height:1.25}
.aks-fit-may{margin:4px 0 0;font-size:12px;color:var(--ink-3);line-height:1.25}
.aks-q-callw{font-size:11.5px;color:var(--ink-3);white-space:nowrap;flex:0 0 auto}
.aks-q-tel{flex:1;height:44px;display:flex;align-items:center;justify-content:center;
gap:5px;font-weight:800;font-size:14px;color:var(--accent);text-decoration:none;
min-width:0;white-space:nowrap;padding:0 4px;border-radius:12px;cursor:pointer;
border:1px solid var(--accent);background:var(--accent-soft,rgba(37,99,235,.10))}
.aks-q-tel:hover{background:var(--accent);color:var(--on-accent)}
.aks-q-callw{display:none}
.aks-q-word{display:none}
.aks-grid:not(.v-two):not(.v-list) .aks-q-buy{flex:1;padding:0 14px!important}
.aks-q-buy:hover{filter:brightness(1.06)}
.aks-q-buy.is-done{background:var(--ok)!important}
.aks-grid.v-two{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}
.aks-grid.v-two .aks-card,.aks-grid.v-list .aks-card{flex-direction:row}
.aks-grid.v-two .aks-photo,.aks-grid.v-list .aks-photo{flex:0 0 170px;height:150px;align-self:center}
.aks-grid.v-two .aks-photo img,.aks-grid.v-list .aks-photo img{height:150px;object-fit:contain}
.aks-grid.v-two .aks-flip img,.aks-grid.v-list .aks-flip img{height:150px}
.aks-grid.v-list{grid-template-columns:1fr;gap:8px}
.aks-grid.v-list .aks-photo{flex:0 0 104px;height:88px}
.aks-grid.v-list .aks-photo img,.aks-grid.v-list .aks-flip img{height:88px;object-fit:contain}
.aks-grid.v-list .aks-cbody{padding:8px 12px;gap:3px;justify-content:center}
.aks-grid.v-list .aks-cspecs,.aks-grid.v-list .aks-why{display:none}
.aks-grid.v-list .aks-cname{font-size:13px}
.aks-grid.v-list .aks-card:hover{transform:none}
.aks-grid.v-list .aks-card:hover .aks-photo img{transform:scale(1.15)}
.aks-grid.v-two .aks-card{flex-wrap:wrap;align-items:center}
.aks-grid.v-list .aks-card{align-items:center}
.aks-grid.v-two .aks-quick,
.aks-grid.v-list .aks-quick{left:auto;right:8px;width:238px}
@media(max-width:760px){
.aks-grid.v-two{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}
.aks-grid.v-two .aks-card{flex-direction:column}
.aks-grid.v-two .aks-photo{flex:none;height:150px}
.aks-grid.v-two .aks-quick{left:8px;right:8px;width:auto}
}
.aks-views-row{display:flex;align-items:center;justify-content:flex-end;
min-height:38px;margin:0 0 12px}
.cat-sort .aks-views-row{margin:0 0 0 auto;min-height:0}
.aks-views{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:10px;
background:var(--bg-2,rgba(0,0,0,.05));border:1px solid var(--line)}
.aks-views button{appearance:none;border:0;background:transparent;cursor:pointer;
width:32px;height:28px;border-radius:7px;display:flex;align-items:center;
justify-content:center;color:var(--ink-3,var(--ink));padding:0}
.aks-views button.is-on{background:var(--surface);color:var(--accent);
box-shadow:0 1px 3px rgba(15,23,42,.14)}
.aks-views svg{width:16px;height:16px;display:block}
.aks-ctitle{font-weight:700;font-size:14px}
.aks-cname{font-size:13px;line-height:1.35;color:var(--ink-2);overflow-wrap:anywhere;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.aks-badge{font-size:11px;font-weight:700;border-radius:6px;padding:2px 8px;align-self:flex-start;overflow-wrap:anywhere}
.aks-badge.ok{background:#ecfdf5;color:#065f46}
.aks-badge.warn{background:var(--warn-soft);color:var(--warn)}
.aks-badge.type{background:#eff6ff;color:#1e40af}
.aks-badge.muted{background:var(--surface-2);color:var(--ink-2)}
.aks-badge.us{background:var(--brand-soft);color:var(--brand-2);font-weight:800}
.aks-price{font-size:18px;font-weight:800;color:var(--ink)}
.aks-price s{color:var(--ink-3);font-weight:400;font-size:13px}
.aks-buy{margin-top:auto;border:none;cursor:pointer;background:var(--brand);color:var(--on-brand);border-radius:9px;
padding:9px;font-size:13px;font-weight:700;text-align:center;text-decoration:none;display:block}
.aks-buy:disabled{background:var(--ink-3)}
.aks-detail{text-align:center;font-size:11.5px;color:var(--ink-3);margin-top:2px}
.aks-stock{font-size:12px;font-weight:600}
@media (prefers-reduced-motion:reduce){.aks-card,.aks-photo img{transition:none}
.aks-card:hover{transform:none}.aks-card:hover .aks-photo img{transform:none}}
.aks-why{margin:3px 0 2px;font-size:11.5px;line-height:1.35;color:var(--ink-3)}
.aks-why b{color:var(--ink-2);font-weight:700}
.aks-pack{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:800;
letter-spacing:.02em;color:var(--accent);background:var(--brand-soft);
border-radius:999px;padding:1px 7px;vertical-align:middle;white-space:nowrap}
.aks-cspecs{font-size:11.5px;line-height:1.45;color:var(--ink-3);margin-top:3px;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:560px){.cat-sort .aks-views-row{margin-left:0}}