.spd{--n:#0C447C;--nd:#0C2340;--eye:#8A94A3;--mute:#5F6B7A;--line:#DCE0E6;--paper:#F4F6F9;font-family:'Figtree',sans-serif;max-width:1240px;margin:0 auto;padding:0 24px}
.spd *{box-sizing:border-box}
.spd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}
.spd-eye{font-size:12px!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--eye)!important;margin:0 0 14px!important}
.spd .spd-h2{font-family:'Figtree',sans-serif!important;font-size:clamp(30px,3.8vw,46px)!important;font-weight:800!important;line-height:1.02!important;letter-spacing:-.025em!important;text-transform:none!important;color:var(--nd)!important;margin:0!important}
.spd-more{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px!important;padding:15px 24px;border-radius:2px;border:1px solid var(--line);color:var(--nd)!important;text-decoration:none!important;white-space:nowrap;transition:.2s}
.spd-more:hover{border-color:var(--nd)}
.spd-more svg{width:16px;height:16px;transition:transform .2s}.spd-more:hover svg{transform:translateX(3px)}
.spd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.spd-card{position:relative;display:flex;flex-direction:column;padding:22px;border:0;text-decoration:none!important;color:inherit;background:#fff;transition:box-shadow .3s}
.spd-card:hover{box-shadow:inset 0 0 0 1px var(--n)}
.spd-badge{position:absolute;top:16px;left:16px;z-index:2;font-size:11px!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--n);color:#fff!important;padding:5px 9px;border-radius:2px;line-height:1.2}
.spd-img{display:flex;align-items:center;justify-content:center;height:210px;margin:12px 0 18px;background:var(--paper);padding:18px;overflow:hidden}
.spd-img img{max-height:100%;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.spd-card:hover .spd-img img{transform:scale(1.04)}
.spd-brand{font-size:11px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--eye)!important}
.spd-title{display:block;font-size:15px!important;font-weight:700!important;line-height:1.35;margin:6px 0 4px;color:var(--nd)!important;text-transform:none!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.spd-sku{font-size:12px!important;color:var(--mute)!important;font-family:ui-monospace,Menlo,Consolas,monospace;margin-bottom:14px;display:block}
.spd-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:14px}
.spd-lock{display:flex;gap:6px;align-items:center;font-size:13px!important;font-weight:600;color:var(--n)!important}
.spd-lock svg{width:14px;height:14px;stroke:var(--n);fill:none;stroke-width:2}
.spd-price{font-size:16px!important;font-weight:800;color:var(--nd)!important}
.spd-price del{color:var(--eye);font-weight:500;font-size:13px;margin-right:6px}
.spd-price ins{text-decoration:none}
.spd-btn{font-size:12px!important;font-weight:600;color:var(--nd)!important;border:1px solid var(--line);padding:7px 12px;border-radius:2px;transition:.2s}
.spd-card:hover .spd-btn{border-color:var(--nd)}
@media(max-width:960px){.spd-head{flex-direction:column;align-items:flex-start}.spd-grid{grid-template-columns:repeat(2,1fr)}.spd-img{height:170px}}
@media(max-width:480px){.spd{padding:0 16px}.spd-grid{grid-template-columns:1fr}}