@keyframes spg-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spg-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spg-added-pulse{0%,to{box-shadow:0 0 0 0 var(--ap-ok-border)}50%{box-shadow:0 0 0 3px var(--ap-ok-border)}}.spg-root{font-family:var(--font-sora),"Sora",sans-serif;width:100%}.spg-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.spg-title{letter-spacing:.18em;text-transform:uppercase;color:var(--ap-cyan-text);align-items:center;gap:8px;margin:0;font-size:11px;font-weight:700;display:flex}.spg-title:before{content:"";background:var(--ap-cyan);border-radius:2px;flex-shrink:0;width:3px;height:14px;display:inline-block}.spg-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.spg-action-btn{font-family:var(--font-sora),"Sora",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ap-cyan-text);background:var(--ap-tint);border:1px solid var(--ap-border-cyan);cursor:pointer;white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.spg-action-btn:hover{background:var(--ap-tint2);border-color:var(--ap-border-cyan);color:var(--ap-cyan-text)}.spg-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.spg-card{border:1px solid var(--ap-border2);background:var(--ap-bg);border-radius:12px;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;animation:.45s cubic-bezier(.22,1,.36,1) both spg-rise;display:flex;position:relative;overflow:hidden}.spg-card:hover{border-color:var(--ap-border-cyan);transform:translateY(-2px);box-shadow:0 12px 36px #0e1b2414,0 0 0 1px #12acdd38}.spg-card--choice{border-color:var(--ap-border-cyan);box-shadow:0 0 0 1px #12acdd38,0 8px 28px #0e1b2414}.spg-card-accent{flex-shrink:0;height:2px}.spg-card--choice .spg-card-accent{background:linear-gradient(90deg,transparent,#12acdd80,var(--ap-cyan),#12acdd80,transparent)}.spg-card--better .spg-card-accent{background:linear-gradient(90deg,transparent,var(--ap-ok-bg),var(--ap-ok),var(--ap-ok-bg),transparent)}.spg-card--cheaper .spg-card-accent{background:linear-gradient(90deg,transparent,var(--ap-warn-bg),var(--ap-warn),var(--ap-warn-bg),transparent)}.spg-card--none .spg-card-accent{background:linear-gradient(90deg,#0000,#12acdd33,#12acdd59,#12acdd33,#0000)}.spg-card-body{flex-direction:column;flex:1;padding:12px 12px 0;display:flex}.spg-img-wrap{background:var(--ap-bg2);border-radius:8px;justify-content:center;align-items:center;width:100%;height:110px;margin-bottom:8px;display:flex;overflow:hidden}.spg-img-wrap img{object-fit:contain;width:auto;max-height:90px;transition:transform .25s}.spg-card:hover .spg-img-wrap img{transform:scale(1.05)}.spg-badge{letter-spacing:.12em;text-transform:uppercase;border-radius:4px;align-items:center;width:fit-content;margin-bottom:6px;padding:3px 7px;font-size:9px;font-weight:700;display:inline-flex}.spg-badge--choice{background:var(--ap-tint2);color:var(--ap-cyan-text);border:1px solid var(--ap-border-cyan)}.spg-badge--better{background:var(--ap-ok-bg);color:var(--ap-ok-text);border:1px solid var(--ap-ok-border)}.spg-badge--cheaper{background:var(--ap-warn-bg);color:var(--ap-warn-text);border:1px solid var(--ap-warn-border)}.spg-name{color:var(--ap-text2);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;margin:0 0 8px;font-size:11.5px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .15s;display:-webkit-box;overflow:hidden}.spg-name:hover{color:var(--ap-cyan-text)}.spg-divider{background:linear-gradient(90deg,#12acdd26,#12acdd1c,#0000);flex-shrink:0;height:1px;margin:6px 0}.spg-specs{flex-direction:column;gap:0;margin-bottom:8px;display:flex}.spg-spec-row{color:var(--ap-text2);white-space:nowrap;text-overflow:ellipsis;cursor:default;padding:5px 4px;font-size:10.5px;transition:background .12s,color .12s;position:relative;overflow:hidden}.spg-spec-row+.spg-spec-row{border-top:1px solid var(--ap-border)}.spg-spec-row:hover{background:var(--ap-bg3);color:var(--ap-text)}.spg-spec-empty{color:var(--ap-faint);padding:2px 4px;font-size:10px}.spg-tooltip{z-index:50;background:var(--ap-bg2);border:1px solid var(--ap-border-cyan);pointer-events:none;white-space:normal;border-radius:7px;min-width:160px;max-width:240px;padding:7px 10px;display:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0e1b2414}.spg-tooltip:before{content:"";background:linear-gradient(90deg,var(--ap-cyan),transparent);border-radius:7px 7px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.spg-tooltip-group{letter-spacing:.1em;text-transform:uppercase;color:var(--ap-cyan-text);margin-bottom:2px;font-size:9px;font-weight:700}.spg-tooltip-label{color:var(--ap-muted);margin-bottom:2px;font-size:10px}.spg-tooltip-value{color:var(--ap-text);font-size:11px;font-weight:600}.spg-spec-row:hover .spg-tooltip{display:block}.spg-stock{letter-spacing:.06em;text-transform:uppercase;color:var(--ap-muted);justify-content:space-between;align-items:center;margin-top:auto;padding:4px 0;font-size:10px;font-weight:600;display:flex}.spg-stock-val{color:var(--ap-ok-text);font-size:12px;font-weight:700}.spg-price-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.spg-price{color:var(--ap-cyan-text);letter-spacing:-.02em;font-size:16px;font-weight:800}.spg-qty{font-family:var(--font-sora),"Sora",sans-serif;background:var(--ap-bg2);border:1px solid var(--ap-border-cyan);width:46px;height:28px;color:var(--ap-text2);text-align:center;-moz-appearance:textfield;border-radius:6px;outline:none;font-size:12px;font-weight:600;transition:border-color .15s}.spg-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spg-qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spg-qty:focus{border-color:var(--ap-border-cyan)}.spg-qty:disabled{opacity:.3}.spg-cta{font-family:var(--font-sora),"Sora",sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;width:100%;margin:8px 0 12px;padding:9px 12px;font-size:9.5px;font-weight:700;transition:box-shadow .15s,transform .12s;position:relative;overflow:hidden}.spg-cta--active{background:var(--ap-cyan);color:var(--ap-on-cyan);box-shadow:0 0 18px #12acdd38}.spg-cta--active:after{content:"";background:linear-gradient(100deg,transparent 35%,var(--ap-gloss)50%,transparent 65%);opacity:0;pointer-events:none;background-position:200%;background-size:220%;transition:opacity .2s;position:absolute;inset:0}.spg-cta--active:hover:not(:disabled):after,.spg-cta--active:focus-visible:not(:disabled):after{opacity:1;animation:1.1s ease-out spg-shimmer}@media (prefers-reduced-motion:reduce){.spg-cta--active:after{display:none}}.spg-cta--active:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 26px #12acdd38}.spg-cta--active:active{transform:translateY(0)}.spg-cta--added{background:var(--ap-ok-bg);color:var(--ap-ok-text);border:1px solid var(--ap-ok-border);cursor:default;animation:.5s spg-added-pulse}.spg-cta--disabled{background:var(--ap-bg2);color:var(--ap-faint);border:1px solid var(--ap-border);cursor:not-allowed}.spg-cta:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width:1279px){.spg-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1023px){.spg-grid{grid-template-columns:repeat(3,1fr);gap:12px}.spg-header{margin-bottom:14px}}@media (max-width:767px){.spg-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:479px){.spg-grid{grid-template-columns:1fr;gap:8px}}