.ogpc-grid{--cols:4;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:18px;}
@media (max-width:1024px){.ogpc-grid{--cols:2;}}
@media (max-width:640px){.ogpc-grid{--cols:2;gap:12px;}}

.ogpc-card{position:relative;background:#0b0b0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.35);text-decoration:none;display:flex;flex-direction:column;min-height:240px;}
.ogpc-card:hover{transform:translateY(-1px);}
.ogpc-card__media{position:relative;aspect-ratio:16/10;background:radial-gradient(circle at 30% 30%, rgba(255,184,0,.18), transparent 55%), linear-gradient(180deg, rgba(255,255,255,.08), transparent 40%);}
.ogpc-card__media img{width:100%;height:100%;object-fit:cover;display:block;}
.ogpc-card__badge{position:absolute;top:10px;left:10px;background:rgba(255,184,0,.92);color:#111;font-weight:800;font-size:12px;letter-spacing:.06em;padding:6px 10px;border-radius:999px;text-transform:uppercase;}
.ogpc-card__body{padding:14px 14px 0 14px;flex:1;}
.ogpc-card__title{color:#fff;font-weight:800;font-size:18px;line-height:1.2;margin:0 0 8px 0;}
.ogpc-card__desc{color:rgba(255,255,255,.75);font-size:13px;line-height:1.35;margin:0 0 12px 0;}
.ogpc-card__priceRow{display:flex;align-items:baseline;gap:10px;margin:0 0 12px 0;flex-wrap:wrap;}
.ogpc-card__price{color:#fff;font-weight:900;font-size:18px;}
.ogpc-card__old{color:rgba(255,255,255,.55);text-decoration:line-through;font-weight:700;font-size:13px;}
.ogpc-card__pct{color:#ffb800;font-weight:900;font-size:14px;}

.ogpc-card__footer{padding:0 14px 14px 14px;}
.ogpc-card__btn{width:100%;display:block;text-align:center;background:linear-gradient(180deg,#ffcc3a,#ffb800);color:#111;font-weight:900;border-radius:12px;padding:12px 10px;text-decoration:none;}
.ogpc-card__btn:hover{filter:brightness(1.02);}

.ogpc-card--clickable{cursor:pointer;}
.ogpc-card__btn{cursor:pointer;}

.ogpc-card__from{color:rgba(255,255,255,.75);font-size:13px;font-weight:700;letter-spacing:.02em;}