/* Cennik: przełączniki jak na stronie głównej, spinki, jednolite karty z wgłębionymi separatorami */
html body.rp-subpage #cennik.cennik-flip .price-type-bar { display: flex; justify-content: center; margin: 4px 0 20px; }
html body.rp-subpage #cennik.cennik-flip .price-seg { margin: 0; }
html body.rp-subpage #cennik.cennik-flip .price-seg .price-switch-btn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 22px 0 16px; gap: 8px; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; background: transparent !important; color: var(--muted) !important; font: 800 20px/1 var(--font-display); cursor: pointer; }
html body.rp-subpage #cennik.cennik-flip .price-seg .price-switch-btn .price-btn-icon { font-size: 26px; color: inherit !important; }
html body.rp-subpage #cennik.cennik-flip .price-seg .price-switch-btn.on { background: var(--cat-g) !important; color: #0d0f13 !important; }
html body.rp-subpage #cennik.cennik-bike-ebike .price-seg .price-switch-btn.on { background: var(--cat-y) !important; }
html body.rp-subpage #cennik.cennik-flip .price-seg .price-switch-btn:not(.on):hover { color: var(--text) !important; }

html body.rp-subpage #cennik.cennik-flip .price-stage { position: relative; perspective: 1400px; }
html body.rp-subpage #cennik.cennik-flip .price-stage::before,
html body.rp-subpage #cennik.cennik-flip .price-stage::after { content: ""; position: absolute; top: -14px; z-index: 5; width: 50px; height: 28px; border-radius: 8px 8px 7px 7px; background: radial-gradient(circle at 50% 26%, #000 0 1.6px, transparent 2.2px), linear-gradient(180deg, #2a303a 0, #171b21 26%, #0a0c0f 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 -3px 4px rgba(0,0,0,.65), 0 4px 7px rgba(0,0,0,.55); }
html body.rp-subpage #cennik.cennik-flip .price-stage::before { left: 7%; }
html body.rp-subpage #cennik.cennik-flip .price-stage::after { right: 7%; }
html body.rp-subpage #cennik.cennik-flip .price-board { position: relative; padding: 26px 16px 16px; border: 1px solid rgba(var(--cat-rgb, 232,89,12), .55); border-radius: 14px; background: var(--bd-panel, #10141c); box-shadow: 0 0 0 1px rgba(var(--cat-rgb, 232,89,12), .22), 0 0 26px rgba(var(--cat-rgb, 232,89,12), .2), 0 10px 26px rgba(0,0,0,.35); backface-visibility: hidden; }

html body.rp-subpage #cennik.cennik-flip .price-pagetabs { display: flex; width: fit-content; max-width: 100%; margin: 0 auto 16px; padding: 3px; gap: 3px; border: 1px solid var(--line-2); border-radius: 999px; background: rgba(13,15,19,.7); box-shadow: inset 0 2px 4px rgba(0,0,0,.45); }
html body.rp-subpage #cennik.cennik-flip .price-pagetabs .price-tab { flex: 0 1 auto; min-height: 40px; padding: 0 20px; border: 0 !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; color: var(--muted) !important; font: 800 18px/1.1 var(--font-display); cursor: pointer; }
html body.rp-subpage #cennik.cennik-flip .price-pagetabs .price-tab.active { background: var(--cat, var(--accent)) !important; color: #0d0f13 !important; }
html body.rp-subpage #cennik.cennik-flip .price-pagetabs .price-tab:not(.active):hover { color: var(--text) !important; }

html body.rp-subpage #cennik.cennik-flip .review-card,
html body.rp-subpage #cennik.cennik-flip .pricing-category:has(> .price-cat-title) { background: var(--bd-panel) !important; border: 1px solid rgba(var(--cat-rgb, 232,89,12), .35) !important; box-shadow: none; }
html body.rp-subpage #cennik.cennik-flip .review-card-header::after { display: none; }
html body.rp-subpage #cennik.cennik-flip .review-card-header { border-bottom: 2px solid transparent !important; border-image: var(--groove) 0 0 2 0 / 0 0 2px 0 !important; }
html body.rp-subpage #cennik.cennik-flip .price-cat-title { border-bottom: 2px solid transparent !important; border-image: var(--groove) 0 0 2 0 / 0 0 2px 0 !important; }
html body.rp-subpage #cennik.cennik-flip .price-table.zebra tbody tr,
html body.rp-subpage #cennik.cennik-flip .price-table.zebra tbody tr:nth-child(odd),
html body.rp-subpage #cennik.cennik-flip .price-table.zebra tbody tr:nth-child(even) { background: transparent; }
html body.rp-subpage #cennik.cennik-flip .price-table tbody tr:hover { background: rgba(var(--cat-rgb, 232,89,12), .09); }

@media (max-width: 700px) {
  html body.rp-subpage #cennik.cennik-flip .price-stage::before { left: 28px; }
  html body.rp-subpage #cennik.cennik-flip .price-stage::after { right: 28px; }
  html body.rp-subpage #cennik.cennik-flip .price-pagetabs .price-tab { padding: 0 12px; font-size: 16px; min-height: 44px; }
}