/* Doprava a platba + sdílené doplňky k cms-kontakty.css (ceník, Arwel).
   Hero / karty / FAQ / USP bere cms-kontakty.css. Tady jen ceny, loga, platby, recenze, banner. */

.cms_shipping > .breadcrumb,
.cms_shipping > h1 { display: none !important; }
.cms_shipping img { max-width: 100%; height: auto; }
.cms_shipping .kt-hero__media img {
    height: 100%;
    object-position: center;
}

/* 4 KPI karty (kontakty mají 3) */
.cms_shipping .kt-quick,
.cms_arwel .kt-quick {
    grid-template-columns: repeat(4, 1fr);
}
.cms_shipping .kt-qcard__value,
.cms_arwel .kt-qcard__value {
    font-size: 26px;
}

.kt-card__sub {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 1.45;
    color: var(--kt-muted);
}
.kt-card__top { align-items: flex-start; }
.kt-card__top .kt-ic { margin-top: 2px; }

.kt-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 18px;
    align-items: center;
    margin: 4px 0 20px;
}
.kt-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
}
.kt-logo img {
    display: block;
    width: auto;
    height: auto;
    max-height: 32px;
    max-width: 120px;
}
.kt-logo-note {
    font-size: 13px;
    color: var(--kt-muted);
}

.kt-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.kt-list li {
    position: relative;
    margin: 0 0 11px;
    padding-left: 22px;
    font-size: 15px;
    line-height: 1.55;
    color: var(--kt-ink);
}
.kt-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--kt-accent);
    font-weight: 700;
}

.kt-payment {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 8px 28px;
}
.kt-payment__line { background: var(--kt-card-line); }
.kt-pay-item {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    min-height: 48px;
    margin-bottom: 14px;
}
.kt-pay-logo {
    width: 48px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--kt-ink);
}
.kt-pay-logo svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.kt-pay-logo img {
    display: block;
    max-width: 48px;
    max-height: 24px;
    width: auto;
    height: auto;
}
.kt-pay-item strong { display: block; font-size: 15px; font-weight: 700; }
.kt-pay-item span { display: block; margin-top: 3px; font-size: 13px; color: var(--kt-muted); }

.kt-reviews {
    display: grid;
    grid-template-columns: 240px repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
    margin-top: 22px;
    padding: 28px 30px;
    background: var(--kt-card);
    border-radius: 18px;
}
.kt-reviews__summary h2 { font-size: 26px; margin-bottom: 16px; }
.kt-rating {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 8px;
}
.kt-rating strong { font-size: 28px; font-weight: 700; }
.kt-rating small { font-size: 15px; font-weight: 600; }
.kt-stars { color: #eea82f; letter-spacing: 1px; white-space: nowrap; }
.kt-reviews__summary p { font-size: 14px; color: var(--kt-muted); }
.kt-review {
    display: flex;
    flex-direction: column;
    padding: 20px 18px;
    background: #fff;
    border-radius: 14px;
}
.kt-review .kt-stars { margin-bottom: 10px; }
.kt-review p { font-size: 14px; line-height: 1.55; flex: 1; }
.kt-review__footer { margin-top: 14px; }
.kt-verified {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
}
.kt-verified:before {
    content: "✓";
    width: 14px;
    height: 14px;
    min-width: 14px;
    border-radius: 50%;
    background: #55c982;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
}

.kt-banner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
    margin-top: 22px;
    padding: 28px 34px;
    background: var(--kt-card);
    border-radius: 18px;
}
.kt-banner h2 { font-size: 26px; margin: 0 0 6px; }
.kt-banner p { font-size: 15px; line-height: 1.5; color: #4a423c; }

.kt-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 22px;
    border-radius: 12px;
    background: var(--kt-accent);
    color: #fff !important;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    white-space: nowrap;
}
.kt-btn:hover,
.kt-btn:focus {
    background: var(--kt-accent-dark);
    color: #fff !important;
}
.kt-btn--block {
    display: flex;
    width: 100%;
    max-width: 360px;
    margin: 22px auto 8px;
}

@media (max-width: 900px) {
    .cms_shipping .kt-quick,
    .cms_arwel .kt-quick { grid-template-columns: repeat(2, 1fr); }
    .kt-reviews { grid-template-columns: 1fr; padding: 22px; }
    .kt-banner { grid-template-columns: auto 1fr; }
    .kt-banner .kt-btn { grid-column: 1 / -1; width: 100%; }
    .kt-payment { grid-template-columns: 1fr; }
    .kt-payment__line { height: 1px; }
}

@media (max-width: 600px) {
    .cms_shipping .kt-quick,
    .cms_arwel .kt-quick { grid-template-columns: 1fr; }
    .cms_shipping .kt-qcard__value,
    .cms_arwel .kt-qcard__value { font-size: 24px; }
    .kt-banner { padding: 22px 24px; }
    .kt-banner h2 { font-size: 22px; }
    .kt-reviews { padding: 20px 16px; }
}