/* YourTourKey archive: Cruise deals sections and help.
 * Desktop, tablet and mobile rules stay with this component.
 * Moved from ytk-archive.css without changing declarations.
 */

/* Cruise deals content; the hero and card prices share the global styles. */
.ytk-cruise-deals { overflow: visible; --ytk-h2-size: clamp(26px, 2.3vw, 34px); --ytk-h2-spacing: -1.25px; --ytk-h2-line-height: 1.08; }

.ytk-deals-content { padding-bottom: 44px; }

.ytk-deals-group { margin: 0 0 52px; }

.ytk-deals-group h2, .ytk-deals-help h2, .ytk-deals-empty h2 { margin: 0; color: #1a2b49; font-size: var(--ytk-h2-size); line-height: var(--ytk-h2-line-height); font-weight: 900; letter-spacing: var(--ytk-h2-spacing); }

.ytk-deals-group > p { margin: 10px 0 18px; color: var(--ytk-body-copy); font-size: var(--ytk-product-copy-size); line-height: var(--ytk-product-copy-line-height); font-weight: var(--ytk-product-copy-weight); }

.ytk-offer-caption { display: block; margin-top: 9px; color: var(--ytk-body-copy); font-size: 12px; line-height: 1.5; font-weight: 500; }

.ytk-deals-empty { max-width: 780px; padding: 28px 0 42px; }

.ytk-deals-empty > .ytk-icon { margin-bottom: 12px; color: #1a2b49; font-size: 30px; }

.ytk-deals-empty p { max-width: 610px; margin: 14px 0 22px; color: var(--ytk-body-copy); font-size: var(--ytk-product-copy-size); line-height: var(--ytk-product-copy-line-height); }

.ytk-deals-empty > div { display: flex; flex-wrap: wrap; gap: 12px; }

.ytk-deals-empty a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 11px 20px; border-radius: 999px; color: #1a2b49; background: #ebeef1; text-decoration: none; font-weight: 650; }

.ytk-deals-empty a:first-child { color: #fff; background: #1a2b49; }

.ytk-deals-empty a:hover { background: #dfe4ea; }

.ytk-deals-empty a:first-child:hover { background: #304563; }

.ytk-deals-help { max-width: 900px; padding-top: 22px; border-top: 1px solid #e6e9ee; }

.ytk-deals-help h2 { margin-bottom: 16px; }

.ytk-deals-help details { border-bottom: 1px solid #e6e9ee; }

.ytk-deals-help summary { padding: 18px 0; color: #1a2b49; font-size: 16px; font-weight: 650; cursor: pointer; }

.ytk-deals-help details p { max-width: 740px; margin: 0 0 18px; color: var(--ytk-body-copy); font-size: var(--ytk-product-copy-size); line-height: var(--ytk-product-copy-line-height); }

@media (max-width: 820px) {
    .ytk-cruise-deals { --ytk-h2-size: 22px; --ytk-h2-spacing: -0.8px; }

    .ytk-deals-content { padding-bottom: 24px; }

    .ytk-deals-group { margin-bottom: 36px; }

    .ytk-deals-group > p { margin-bottom: 14px; font-size: 14.5px; }

    .ytk-offer-caption { font-size: 11px; margin-top: 6px; }

    .ytk-deals-empty { padding: 6px 0 30px; }

    .ytk-deals-empty h2 { font-size: 23px; }

    .ytk-deals-empty p { font-size: 14.5px; }

    .ytk-deals-help summary { font-size: 15px; }

    .ytk-deals-help details p { font-size: 14.5px; }
}