/* Categories price-list layout extracted from pch_clanky id=7 — do not edit via TinyMCE */
.cenik-page--categories {
  max-width: 1120px;
}
.cenik-cat-hero {
  padding: 38px 0 24px;
  text-align: center;
}
.cenik-cat-hero .cenik-kicker {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #1aa6b7;
}
.cenik-cat-hero h2 {
  margin: 0 0 12px;
}
.cenik-cat-hero p {
  max-width: 780px;
  margin: 0 auto 20px;
}
.cenik-cat-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 0 0 36px;
}
.cenik-cat-nav a {
  display: inline-flex;
  padding: 8px 12px;
  border: 1px solid #cde8ec;
  border-radius: 999px;
  background: #f6fbfc;
  color: #127f8d;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.cenik-cat-nav a:hover {
  background: #eaf7f9;
}
.cenik-cat-section {
  margin: 0 0 42px;
  scroll-margin-top: 100px;
}
.cenik-cat-section__head {
  margin-bottom: 14px;
}
.cenik-cat-section__head h2 {
  margin: 0 0 6px;
  font-size: 24px;
}
.cenik-cat-section__head p {
  margin: 0;
  color: #637581;
}
.cenik-cat-table-wrap {
  overflow-x: auto;
  border: 1px solid #e5edf0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(10,42,62,.06);
}
.cenik-cat-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
.cenik-cat-table th,
.cenik-cat-table td {
  padding: 14px 18px;
  border-bottom: 1px solid #e8eef1;
  vertical-align: middle;
  text-align: left;
}
.cenik-cat-table thead th {
  background: #20a8b7;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.cenik-cat-table tbody tr:last-child td {
  border-bottom: 0;
}
.cenik-cat-table tbody tr:hover {
  background: #f8fcfd;
}
.cenik-cat-table td:first-child {
  width: 66%;
}
.cenik-cat-table td small {
  display: block;
  margin-top: 4px;
  color: #637581;
  line-height: 1.45;
}
.cenik-cat-table__price {
  font-size: 18px;
  font-weight: 800;
  color: #0c93a5;
  white-space: nowrap;
}
.cenik-cat-section__cta {
  margin-top: 14px;
  text-align: right;
}
#hlavni .cenik-cat-table thead th {
  background: #143247;
}
#hlavni .cenik-cat-table tbody tr:first-child {
  background: #eefafb;
}
#hlavni .cenik-cat-table tbody tr:nth-child(2) {
  background: #f5fbff;
}
.cenik-cat-note {
  margin: 8px 0 42px;
  padding: 15px 18px;
  border-left: 4px solid #19a5b6;
  border-radius: 6px;
  background: #f1fafb;
}
.cenik-info-simple {
  margin: 48px 0 54px;
}
.cenik-info-simple h2 {
  text-align: center;
  margin-bottom: 22px;
}
.cenik-info-simple__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.cenik-info-simple__card {
  padding: 22px;
  border: 1px solid #e5edf0;
  border-radius: 12px;
  background: #fff;
}
.cenik-info-simple__card h3 {
  margin-top: 0;
}
.cenik-info-simple__card ul {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .cenik-cat-hero {
    padding-top: 24px;
  }
  .cenik-cat-nav {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 5px;
  }
  .cenik-cat-nav a {
    flex: 0 0 auto;
  }
  .cenik-cat-section__head h2 {
    font-size: 21px;
  }
  .cenik-cat-table-wrap {
    overflow: visible;
    border-radius: 10px;
  }
  .cenik-cat-table thead {
    display: none;
  }
  .cenik-cat-table,
  .cenik-cat-table tbody,
  .cenik-cat-table tr,
  .cenik-cat-table td {
    display: block;
    width: 100%;
  }
  .cenik-cat-table tr {
    padding: 12px 14px;
    border-bottom: 1px solid #e8eef1;
  }
  .cenik-cat-table tr:last-child {
    border-bottom: 0;
  }
  .cenik-cat-table td {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 10px;
    padding: 5px 0;
    border: 0;
  }
  .cenik-cat-table td::before {
    content: attr(data-label);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #6a7c86;
  }
  .cenik-cat-table td:first-child {
    width: 100%;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 4px;
    border-bottom: 1px solid #eef2f4;
  }
  .cenik-cat-table td:first-child::before {
    display: none;
  }
  .cenik-cat-section__cta {
    text-align: center;
  }
  .cenik-cat-section__cta .btn {
    width: 100%;
  }
  .cenik-info-simple__grid {
    grid-template-columns: 1fr;
  }
}

.cenik-cat-hero__actions{
display:flex;
justify-content:center;
gap:12px;
flex-wrap:wrap;
}
.cenik-cat-hero p a{
font-weight:800;
color:#0c93a5;
text-decoration:none;
white-space:nowrap;
}
.cenik-cat-hero p a:hover{
text-decoration:underline;
}
.cenik-call-btn{
background:#143247 !important;
border-color:#143247 !important;
}
@media(max-width:767px){
.cenik-cat-hero__actions{
flex-direction:column;
}
.cenik-cat-hero__actions .btn{
width:100%;
}
}

.cenik-cat-hero{
padding:18px 0 14px;
}
.cenik-cat-hero p{
max-width:840px;
margin:0 auto;
}
.cenik-cat-jump{
display:flex;
align-items:center;
gap:12px;
max-width:520px;
margin:0 auto 28px;
padding:12px 14px;
border:1px solid #dbecef;
border-radius:10px;
background:#f7fbfc;
}
.cenik-cat-jump label{
margin:0;
font-size:13px;
font-weight:700;
color:#143247;
white-space:nowrap;
}
.cenik-cat-jump select{
width:100%;
min-height:40px;
padding:8px 36px 8px 12px;
border:1px solid #bcdfe4;
border-radius:6px;
background:#fff;
color:#143247;
}
@media(max-width:767px){
.cenik-cat-hero{
padding:12px 0 10px;
}
.cenik-cat-jump{
display:block;
margin-bottom:22px;
padding:10px 12px;
}
.cenik-cat-jump label{
display:block;
margin-bottom:6px;
}
}

.cenik-cat-jump--custom{
display:flex;
align-items:center;
gap:16px;
max-width:760px;
margin:0 auto 28px;
padding:14px 16px;
border:1px solid #d6e7ea;
border-radius:14px;
background:#f7fbfc;
}
.cenik-cat-jump__label{
flex:0 0 auto;
margin:0;
font-size:14px;
font-weight:700;
color:#143247;
white-space:nowrap;
}
.cenik-cat-jump__dropdown{
position:relative;
flex:1 1 auto;
}
.cenik-cat-jump__toggle{
width:100%;
min-height:50px;
padding:12px 16px;
border:1px solid #d5dde2;
border-radius:0;
background:#fff;
color:#667784;
text-align:left;
display:flex;
align-items:center;
justify-content:space-between;
font-size:15px;
line-height:1.3;
box-shadow:none;
}
.cenik-cat-jump__toggle:hover{
border-color:#bcccd4;
}
.cenik-cat-jump__toggle:focus{
outline:none;
border-color:#98cbd2;
box-shadow:0 0 0 3px rgba(32,168,183,.12);
}
.cenik-cat-jump__arrow{
font-size:18px;
color:#7b8d97;
line-height:1;
transition:transform .18s ease;
}
.cenik-cat-jump.is-open .cenik-cat-jump__arrow{
transform:rotate(180deg);
}
.cenik-cat-jump__menu{
position:absolute;
top:calc(100% + 2px);
left:0;
right:0;
z-index:25;
padding:8px 0;
border:1px solid #d5dde2;
border-top:0;
background:#fff;
border-radius:0 0 6px 6px;
box-shadow:0 14px 28px rgba(10,42,62,.12);
max-height:360px;
overflow:auto;
}
.cenik-cat-jump__menu a{
display:block;
padding:12px 18px;
color:#4f616c;
text-decoration:none;
font-size:15px;
line-height:1.35;
}
.cenik-cat-jump__menu a:hover{
background:#f4f8fa;
color:#143247;
}
@media(max-width:767px){
.cenik-cat-jump--custom{
display:block;
max-width:none;
margin-bottom:22px;
padding:12px;
border-radius:12px;
}
.cenik-cat-jump__label{
display:block;
margin-bottom:8px;
}
.cenik-cat-jump__toggle{
min-height:48px;
font-size:14px;
}
.cenik-cat-jump__menu a{
padding:11px 14px;
font-size:14px;
}
}

.cenik-cat-table__subrow{background:#f8fbfc}
.cenik-cat-table__subrow td:first-child{position:relative;padding-left:44px}
.cenik-cat-table__subrow td:first-child:after{content:"↳";position:absolute;left:20px;top:14px;color:#20a8b7;font-weight:800}
.cenik-subrow-badge{display:inline-block;margin:0 8px 4px 0;padding:2px 7px;border-radius:999px;background:#e9f7f9;color:#0c93a5;font-size:10px;font-weight:800;line-height:1.5;letter-spacing:.04em;text-transform:uppercase}
.cenik-cat-table__subrow--benefit td:first-child strong,.cenik-cat-table__subrow--benefit .cenik-cat-table__price{color:#087f8d}
.cenik-complex-included{margin-top:12px;padding:16px 18px;border:1px solid #bfe3e8;border-left:4px solid #20a8b7;border-radius:10px;background:#f1fafb;color:#314a59;line-height:1.55}
.cenik-complex-included>strong{display:block;margin-bottom:5px;color:#143247;font-size:15px}
.cenik-complex-included p{margin:0}
.cenik-complex-included p+p{margin-top:10px;padding-top:10px;border-top:1px solid #d9ecef}
@media(max-width:767px){.cenik-cat-table__subrow td:first-child{padding-left:28px}.cenik-cat-table__subrow td:first-child:after{left:4px;top:10px}.cenik-complex-included{padding:14px}}
