/* RENTALS WINTER — Figma 718:3234. Hodnoty calc(N * var(--u)) = px pri 1920. Prefix rw-. */

/* ---------------------------------------------------------------- cenik pujcovny (811:34534) */
.rw-pricing { max-width: var(--maxw); margin-inline: auto; padding: calc(168 * var(--u)) calc(91 * var(--u)) 0 calc(105 * var(--u)); letter-spacing: 0; }
.rw-pricing__grid { display: grid; grid-template-columns: calc(466 * var(--u)) calc(739 * var(--u)) calc(455 * var(--u)); gap: calc(32 * var(--u)); align-items: stretch; }
.rw-pricing__img { border-radius: 7px; overflow: hidden; height: calc(680 * var(--u)); }
.rw-pricing__img img, .rw-gear__img img, .rw-school__img img { width: 100%; height: 100%; object-fit: cover; }
.rw-pcard, .rw-icard { background: var(--c-navy); color: #fff; border-radius: 7px; padding: calc(32 * var(--u)); box-shadow: 0 4px 32px rgba(0, 0, 0, .25); min-height: calc(680 * var(--u)); }

.rw-ptable { width: 100%; border-collapse: separate; border-spacing: 0; }
.rw-ptable th, .rw-ptable td { padding: 0; text-align: right; vertical-align: middle; background-clip: padding-box; background-origin: padding-box; }
.rw-ptable thead th { padding-bottom: calc(12 * var(--u)); border-bottom: 1px solid #e2e8f0; font-weight: 700; font-size: max(12px, calc(16 * var(--u))); line-height: calc(19.5 / 16); vertical-align: top; white-space: nowrap; }
.rw-ptable thead th:first-child { text-align: left; font-size: max(17px, calc(24 * var(--u))); line-height: calc(29.3 / 24); }
.rw-ptable thead th:nth-child(2) { width: max(100px, calc(151 * var(--u))); }
.rw-ptable thead th:nth-child(2) span { position: relative; left: calc(12 * var(--u)); }
.rw-ptable thead th:nth-child(3) { width: max(96px, calc(124 * var(--u))); padding-right: calc(8 * var(--u)); }
.rw-ptable tbody th { text-align: left; font-weight: 600; font-size: max(13px, calc(16 * var(--u))); line-height: calc(19.5 / 16); }
.rw-ptable tbody td { font-weight: 700; font-size: max(14px, calc(18 * var(--u))); line-height: calc(21.9 / 18); }
.rw-ptable tbody td:nth-child(2) { padding-right: calc(17 * var(--u)); }
.rw-ptable tbody td:last-child { padding-right: calc(16 * var(--u)); }
/* bezne radky: 46 vysoke, cara #e2e8f0 odsazena 16 px, mezera 21 */
.rw-ptable tbody tr > * { border-top: calc(21 * var(--u)) solid transparent; padding-top: calc(12 * var(--u)); padding-bottom: calc(12 * var(--u));
  background-image: linear-gradient(#e2e8f0, #e2e8f0); background-repeat: no-repeat; background-size: 100% 1px; background-position: left bottom; }
.rw-ptable tbody tr > th { padding-left: calc(16 * var(--u)); background-size: calc(100% - 16 * var(--u)) 1px; background-position: right bottom; }
.rw-ptable tbody tr > :last-child { background-size: calc(100% - 16 * var(--u)) 1px; background-position: left bottom; }
.rw-ptable tbody tr.rw-ptable__full + tr > * { border-top-width: calc(24 * var(--u)); }
.rw-ptable__full > * { border-top-width: calc(24 * var(--u)) !important; padding-top: calc(16 * var(--u)) !important; padding-bottom: calc(16 * var(--u)) !important; background: #cc994a !important; background-clip: padding-box !important; }
.rw-ptable__full th { font-weight: 700; }
.rw-ptable__full small { display: block; margin-top: 4px; font-weight: 500; font-size: max(10px, calc(12 * var(--u))); line-height: calc(14.6 / 12); }
.rw-ptable tbody .rw-ptable__full td { font-size: max(16px, calc(22 * var(--u))); line-height: calc(26.8 / 22); }
.rw-ptable tbody .rw-ptable__season > th { padding-left: 0; background-size: 100% 1px; }

.rw-icard { display: flex; flex-direction: column; }
.rw-icard__h { font-weight: 700; font-size: max(16px, calc(20 * var(--u))); line-height: calc(24.4 / 20); }
.rw-icard__list { margin-top: calc(24 * var(--u)); display: flex; flex-direction: column; gap: calc(16 * var(--u)); font-weight: 500; font-size: max(13px, calc(14 * var(--u))); line-height: calc(17.1 / 14); }
.rw-icard__list li { display: flex; align-items: center; gap: 12px; }
.rw-icard__ck { flex: none; width: 20px; height: 20px; border-radius: 50%; background: rgba(204, 153, 74, .13); display: grid; place-items: center; color: #cc994a; }
.rw-icard__ck .cs-ico { width: 14px; height: 14px; }
.rw-icard__notes { margin-top: calc(24 * var(--u)); padding-top: calc(12 * var(--u)); border-top: 1px solid #e2e8f0; display: flex; flex-direction: column; gap: 8px; font-weight: 500; font-size: max(11px, calc(12 * var(--u))); line-height: calc(14.6 / 12); color: #64748b; }
.rw-icard__btn { margin-top: auto; display: flex; align-items: center; justify-content: center; height: calc(56 * var(--u)); min-height: 44px; border-radius: 7px; background: #cc994a; box-shadow: 0 4px 12px rgba(204, 153, 74, .25); color: var(--c-navy); font-weight: 700; font-size: max(14px, calc(20 * var(--u))); text-transform: uppercase; transition: background-color .2s, color .2s; }
.rw-icard__btn:hover { background: #fff; }

/* ---------------------------------------------------------------- obsah 934:3651 (x = 69) */
.rw-wrap { max-width: var(--maxw); margin-inline: auto; padding-inline: calc(69 * var(--u)) calc(147 * var(--u)); color: var(--c-navy); letter-spacing: 0; }
.rw-eyebrow { font-weight: 700; font-size: max(11px, calc(14 * var(--u))); line-height: calc(20 / 14); text-transform: uppercase; }
.rw-eyebrow--gold { color: #cc994a; }
.rw-h { margin-top: calc(32 * var(--u)); font-weight: 700; font-size: max(28px, calc(44 * var(--u))); line-height: calc(54 / 44); }
.rw-lead { font-weight: 400; font-size: max(15px, calc(20 * var(--u))); line-height: calc(31 / 20); }
.rw-small { font-weight: 500; font-size: max(13px, calc(16 * var(--u))); line-height: calc(25 / 16); }
.rw-btn { display: inline-flex; align-items: center; justify-content: center; height: calc(60 * var(--u)); min-height: 44px; padding: 0 24px; border: 1px solid var(--c-navy); border-radius: 7px; font-weight: 700; font-size: max(13px, calc(16 * var(--u))); line-height: 1.5; text-transform: uppercase; transition: background-color .2s, color .2s; }
.rw-btn--navy { width: calc(410 * var(--u)); background: var(--c-navy); color: #fff; }
.rw-btn--navy:hover { background: var(--c-gold); border-color: var(--c-gold); }
.rw-btn--white { width: calc(350 * var(--u)); background: #fff; border-color: #fff; color: var(--c-navy); }
.rw-btn--white:hover { background: var(--c-gold); border-color: var(--c-gold); color: #fff; }
.rw-btn--line { width: calc(390 * var(--u)); color: var(--c-navy); }
.rw-btn--line:hover { background: var(--c-navy); color: #fff; }

.rw-switch { display: flex; align-items: center; gap: 16px; margin-top: calc(233 * var(--u)); padding-top: calc(32 * var(--u)); padding-bottom: calc(32 * var(--u)); }
.rw-switch__nav { display: flex; gap: 16px; }
.rw-switch__tab { display: flex; align-items: center; justify-content: center; width: calc(280 * var(--u)); min-width: 150px; height: calc(60 * var(--u)); min-height: 44px; border: 1px solid var(--c-navy); border-radius: 7px; font-weight: 700; font-size: max(12px, calc(16 * var(--u))); text-transform: uppercase; transition: background-color .2s, color .2s; }
.rw-switch__tab.is-active, .rw-switch__tab:hover { background: var(--c-navy); color: #fff; }
.rw-switch__t { font-weight: 700; font-size: max(11px, calc(14 * var(--u))); line-height: calc(20 / 14); text-transform: uppercase; }

.rw-gear { padding-top: calc(72 * var(--u)); padding-bottom: calc(72 * var(--u)); }
.rw-gear .rw-lead, .rw-ready .rw-lead { margin-top: calc(32 * var(--u)); }
.rw-gear__row { display: grid; grid-template-columns: calc(600 * var(--u)) 1fr; gap: calc(64 * var(--u)); margin-top: calc(32 * var(--u)); }
.rw-gear__img { height: calc(680 * var(--u)); border-radius: 7px; overflow: hidden; }
.rw-gear__rates { display: flex; flex-direction: column; align-items: flex-start; gap: calc(24 * var(--u)); }
.rw-gear__rates .rw-lead { margin-top: 0; }

.rw-rates { width: 100%; border-collapse: separate; border-spacing: 0; color: var(--c-navy); }
.rw-rates thead th { height: calc(60 * var(--u)); min-height: 44px; padding: 0 calc(24 * var(--u)); background: var(--c-navy); color: #fff; font-weight: 700; font-size: max(11px, calc(14 * var(--u))); line-height: calc(20 / 14); text-transform: uppercase; text-align: left; }
.rw-rates thead th:first-child { border-radius: 7px 0 0 7px; }
.rw-rates thead th:last-child { border-radius: 0 7px 7px 0; text-align: right; }
.rw-rates tbody th, .rw-rates tbody td { height: calc(85 * var(--u)); padding: 0 calc(24 * var(--u)); border-bottom: 1px solid var(--c-navy); vertical-align: middle; }
.rw-rates tbody th { text-align: left; font-weight: 400; font-size: max(15px, calc(20 * var(--u))); line-height: calc(31 / 20); }
.rw-rates tbody td { text-align: right; font-weight: 700; font-size: max(18px, calc(28 * var(--u))); line-height: calc(36 / 28); }
.rw-rates--dark { color: #fff; }
.rw-rates--dark thead th { background: #fff; color: var(--c-navy); }
.rw-rates--dark tbody th, .rw-rates--dark tbody td { border-bottom-color: #fff; }

.rw-gear__cards, .rw-ready__cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: calc(24 * var(--u)); margin-top: calc(32 * var(--u)); }
.rw-ready__cards { grid-template-columns: repeat(3, 1fr); }
.rw-card { border: 1px solid var(--c-navy); border-radius: 7px; padding: calc(32 * var(--u)); display: flex; flex-direction: column; gap: calc(16 * var(--u)); }
.rw-card__t { font-weight: 700; font-size: max(19px, calc(26 * var(--u))); line-height: calc(34 / 26); }
.rw-card__p { font-weight: 400; font-size: max(15px, calc(20 * var(--u))); line-height: calc(31 / 20); }

.rw-shoe { background: var(--c-navy); color: #fff; padding: calc(72 * var(--u)) 0; }
.rw-shoe__in { display: grid; grid-template-columns: calc(640 * var(--u)) 1fr; gap: calc(64 * var(--u)); align-items: start; color: #fff; padding-right: calc(147 * var(--u)); }
.rw-shoe__in .rw-rates { margin-left: calc(40 * var(--u)); width: calc(100% - 40 * var(--u)); }
.rw-shoe__txt { display: flex; flex-direction: column; align-items: flex-start; gap: calc(24 * var(--u)); }
.rw-shoe__txt .rw-h { margin-top: 0; }
.rw-shoe__txt .rw-lead { max-width: calc(600 * var(--u)); }

.rw-ready { padding-top: calc(72 * var(--u)); padding-bottom: calc(72 * var(--u)); }

.rw-school { display: grid; grid-template-columns: calc(880 * var(--u)) 1fr; gap: calc(64 * var(--u)); align-items: start; padding-top: calc(72 * var(--u)); padding-bottom: calc(72 * var(--u)); }
.rw-school__img { height: calc(480 * var(--u)); border-radius: 7px; overflow: hidden; }
.rw-school__txt, .rw-faq__head { display: flex; flex-direction: column; align-items: flex-start; gap: calc(24 * var(--u)); }
.rw-school__txt .rw-h, .rw-faq__head .rw-h { margin-top: 0; }

.rw-faq { display: grid; grid-template-columns: calc(528 * var(--u)) 1fr; gap: calc(80 * var(--u)); padding-top: calc(72 * var(--u)); padding-bottom: calc(72 * var(--u)); margin-bottom: calc(43 * var(--u)); }
.rw-faq__item { padding: calc(24 * var(--u)) 0; border-bottom: 1px solid var(--c-navy); }
.rw-faq__item h3 { font-weight: 700; font-size: max(18px, calc(26 * var(--u))); line-height: calc(34 / 26); }
.rw-faq__item p { margin-top: calc(12 * var(--u)); font-weight: 400; font-size: max(15px, calc(20 * var(--u))); line-height: calc(31 / 20); }

/* ---------------------------------------------------------------- responzivita */
@media (max-width: 1279px) {
  .rw-pricing, .rw-wrap { padding-inline: var(--gut); }
  .rw-pricing__grid { grid-template-columns: minmax(0, 466fr) minmax(0, 739fr) minmax(0, 455fr); }
  .rw-shoe__in { padding-right: var(--gut); }
}
@media (max-width: 1023px) {
  .rw-pricing__grid { grid-template-columns: 1fr 1fr; }
  .rw-pricing__img { height: auto; aspect-ratio: 466 / 680; max-height: 560px; }
  .rw-pcard { order: 3; grid-column: 1 / -1; min-height: 0; }
  .rw-icard { min-height: 0; }
  .rw-icard__btn { margin-top: 24px; }
  .rw-gear__row, .rw-shoe__in, .rw-school, .rw-faq { grid-template-columns: 1fr; gap: 32px; }
  .rw-gear__img { height: auto; aspect-ratio: 600 / 680; max-height: 520px; }
  .rw-school__img { height: auto; aspect-ratio: 880 / 480; }
  .rw-shoe__in .rw-rates { margin-left: 0; width: 100%; }
  .rw-ready__cards { grid-template-columns: 1fr; }
  .rw-switch { flex-wrap: wrap; margin-top: 56px; }
}
@media (max-width: 767px) {
  .rw-pricing { padding-top: 40px; }
  .rw-pricing__grid { grid-template-columns: 1fr; gap: 20px; }
  .rw-pcard { order: 0; padding: 20px 16px; }
  .rw-pricing__img { aspect-ratio: 4 / 3; max-height: none; }
  .rw-pcard .cs-paycards { gap: 0; }
  .rw-pcard .cs-paycard { padding: 14px 0; border-bottom: 1px solid #e2e8f0; }
  .rw-pcard .cs-paycard:first-child { background: #cc994a; border-radius: 4px; padding: 14px 12px; border: 0; }
  .rw-pcard .cs-paycard__t { font-weight: 700; font-size: 16px; margin-bottom: 6px; }
  .rw-pcard .cs-paycard dl { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; font-size: 14px; }
  .rw-pcard .cs-paycard dd { font-weight: 700; text-align: right; }
  .rw-gear__cards { grid-template-columns: 1fr; }
  .rw-card { padding: 20px; }
  .rw-btn--navy, .rw-btn--white, .rw-btn--line { width: 100%; }
  .rw-rates thead th, .rw-rates tbody th, .rw-rates tbody td { padding-inline: 14px; }
  .rw-rates tbody th, .rw-rates tbody td { height: 60px; }
  .rw-switch__nav { width: 100%; }
  .rw-switch__tab { flex: 1; min-width: 0; }
}
