.pos-page{--pos-radius:22px;--pos-radius-sm:14px;--pos-accent:var(--theme-accent,#0f4c81);--pos-accent-2:var(--theme-accent-2,#1a73b8);--pos-text:var(--theme-text,#17222d);--pos-muted:var(--theme-muted,#6b7a8d);--pos-card:var(--theme-card-strong,#ffffff);--pos-border:var(--theme-border,rgba(15,76,129,.1));--pos-shadow-1:0 18px 42px var(--theme-shadow,rgba(18,35,53,.08));--pos-shadow-2:0 22px 54px color-mix(in srgb,var(--theme-shadow,rgba(18,35,53,.12)) 100%,transparent);--pos-accent-soft:color-mix(in srgb,var(--pos-accent-2) 12%,transparent);--pos-accent-edge:color-mix(in srgb,var(--pos-accent-2) 40%,transparent);--pos-card-bot:color-mix(in srgb,var(--pos-card) 94%,var(--pos-text) 6%);position:relative;padding:30px 32px;border:1px solid var(--pos-border);border-radius:var(--pos-radius);background:radial-gradient(900px 260px at 0% 0%,var(--pos-accent-soft),transparent 55%),linear-gradient(180deg,var(--pos-card),var(--pos-card-bot));box-shadow:var(--pos-shadow-1);color:var(--pos-text);overflow:hidden}.pos-page::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--pos-accent),var(--pos-accent-2) 60%,#f59e0b);opacity:.9}.pos-section-head{display:grid;gap:6px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--pos-border)}.pos-section-head h2{margin:0;font-size:clamp(22px,2.4vw,32px);font-weight:800;letter-spacing:-.02em;color:var(--pos-text)}.pos-section-head p{margin:0;max-width:720px;color:var(--pos-muted);font-size:15px;line-height:1.55}.pos-kicker{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:28px;padding:0 14px;border-radius:999px;background:var(--pos-accent-soft);color:var(--pos-accent-2);font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.pos-kicker svg{width:14px;height:14px}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.pos-card{display:flex;flex-direction:column;border:1px solid var(--pos-border);border-radius:var(--pos-radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--pos-card) 98%,transparent),color-mix(in srgb,var(--pos-card-bot) 98%,transparent));overflow:hidden;text-decoration:none;color:var(--pos-text);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative}.pos-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--pos-accent-2),var(--pos-accent));opacity:0;transition:opacity .22s ease}.pos-card:hover{transform:translateY(-4px);border-color:var(--pos-accent-edge);box-shadow:var(--pos-shadow-2)}.pos-card:hover::before{opacity:1}.pos-card-media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:color-mix(in srgb,var(--pos-accent-2) 6%,var(--pos-card));display:flex;align-items:center;justify-content:center}.pos-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:16px;transition:transform .4s ease}.pos-card:hover .pos-card-media img{transform:scale(1.04)}.pos-card-icon-fallback{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:18px;background:var(--pos-accent-soft);color:var(--pos-accent-2)}.pos-card-icon-fallback svg{width:44px;height:44px}.pos-card-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}.pos-card-title{font-size:16px;font-weight:800;line-height:1.3;color:var(--pos-text);letter-spacing:-.01em}.pos-card-pill{display:inline-flex;align-items:center;align-self:flex-start;padding:3px 10px;border-radius:999px;background:var(--pos-accent-soft);color:var(--pos-accent-2);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.pos-card-price{font-size:18px;font-weight:800;color:var(--pos-text);margin-top:4px}.pos-card-cta{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-size:12.5px;font-weight:700;color:var(--pos-accent-2);text-transform:uppercase;letter-spacing:.04em}.pos-card-cta svg{width:16px;height:16px;transition:transform .22s ease}.pos-card:hover .pos-card-cta svg{transform:translateX(4px)}html[data-theme="dark"] .pos-page{background:radial-gradient(900px 260px at 0% 0%,color-mix(in srgb,var(--theme-accent-2) 14%,transparent),transparent 55%),linear-gradient(180deg,rgba(21,34,50,.98),rgba(15,25,38,.98));border-color:rgba(148,163,184,.18);box-shadow:0 18px 42px rgba(2,6,23,.48)}html[data-theme="dark"] .pos-card{background:linear-gradient(180deg,rgba(24,39,57,.98),rgba(17,29,44,.98));border-color:rgba(148,163,184,.18)}html[data-theme="dark"] .pos-card:hover{border-color:color-mix(in srgb,var(--theme-accent-2) 45%,transparent);box-shadow:0 22px 54px rgba(2,6,23,.55)}html[data-theme="dark"] .pos-card-media{background:rgba(148,163,184,.06)}@media (max-width:768px){.pos-page{padding:22px 20px}.pos-section-head h2{font-size:20px}.pos-grid{grid-template-columns:1fr 1fr;gap:14px}.pos-card-body{padding:14px 14px 16px}.pos-card-title{font-size:14px}.pos-card-price{font-size:15px}}@media (max-width:480px){.pos-grid{grid-template-columns:1fr}}