/* ---------- Banner ---------- */
.bkpk-store { --gap: 28px; }
.bkpk-banner { background:#eef2f7; padding:48px 16px; margin-bottom: var(--gap); }
.bkpk-banner-inner { max-width:1200px; margin:0 auto; text-align:center; }
.bkpk-banner h1 { font-size:clamp(28px, 4vw, 44px); margin:0 0 8px; letter-spacing:0.5px; }
.bkpk-banner p { color:#5b6470; margin:0; }

/* ---------- Toolbar (tabs + orden) ---------- */
.bkpk-toolbar{ max-width:1200px; margin:0 auto var(--gap); display:flex; justify-content:space-between; align-items:center; gap:16px; padding:0 16px;}
.bkpk-tabs{ display:flex; gap:10px; flex-wrap:wrap;}
.bkpk-tab{ padding:8px 14px; border-radius:999px; background:#f3f5f7; color:#333; text-decoration:none; font-weight:600; }
.bkpk-tab.is-active{ background:#0f172a; color:#fff; }
.bkpk-sort label{ font-size:12px; color:#6b7280; margin-right:6px; }
.bkpk-sort select{ padding:8px 10px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; }

/* ---------- Grid y cards ---------- */
.bkpk-grid{ max-width:1200px; padding:0 16px; margin:0 auto; display:grid; grid-template-columns:repeat(12,1fr); gap:var(--gap); }
.bkpk-card{ grid-column:span 12; background:#fff; border:1px solid #f0f2f5; border-radius:18px; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }
@media(min-width:640px){ .bkpk-card{ grid-column:span 6;} }
@media(min-width:1024px){ .bkpk-card{ grid-column:span 3;} }
.bkpk-card:hover{ transform:translateY(-2px); box-shadow:0 8px 28px rgba(20,20,20,.06); }
.bkpk-thumb{ display:block; aspect-ratio: 1/1; background:#fafafa; overflow:hidden; }
.bkpk-thumb img{ width:100%; height:100%; object-fit:contain; }
.bkpk-info{ padding:14px 16px 16px; }
.bkpk-title{ font-size:16px; line-height:1.3; margin:0 0 8px; }
.bkpk-title a{ text-decoration:none; color:#0f172a; }

/* Selector de talla */
.bkpk-sizepicker{ margin:6px 0 10px; display:flex; align-items:center; gap:8px; }
.bkpk-sizepicker label{ font-size:12px; color:#6b7280; }
.bkpk-sizepicker select{ padding:6px 10px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; }

/* Precio + CTA */
.bkpk-meta{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.bkpk-price{ font-weight:700; color:#0f172a; }
.bkpk-cta .button{ border-radius:10px; padding:8px 12px; font-weight:600; background:#0f172a; color:#fff; text-decoration:none; border:1px solid #0f172a; }
.bkpk-cta .button:hover{ filter:brightness(1.05); }

/* ---------- Paginación ---------- */
.bkpk-pagination{ max-width:1200px; margin:28px auto 0; padding:0 16px; }
.bkpk-pagination ul{ display:flex; gap:8px; list-style:none; padding:0; margin:0; }
.bkpk-pagination a, .bkpk-pagination span{ display:inline-block; padding:8px 12px; border:1px solid #e5e7eb; border-radius:10px; text-decoration:none; color:#0f172a; }
.bkpk-pagination .current{ background:#0f172a; color:#fff; border-color:#0f172a; }