/**
 * Transfers Core — Car templates.
 *
 * Table of Contents
 * 1. Component styles
 */

/* ==========================================================================
   1. Component styles
   ========================================================================== */

/* Premium Car Single — isolated from legacy Airport/Car entity templates. */
.marmaris-transfers-premium-car-hero {
    --mt-car-hero-overlap: 58px;
    --mt-car-image-x: 50%;
    --mt-car-image-y: 50%;
    --mt-car-image-scale: 1;
    --mt-car-content-x: 0px;
    --mt-car-content-y: 0px;
    --mt-car-cards-bottom-space: 24px;
    position: relative;
    display: flow-root;
    width: 100%;
    margin: 0;
    background: #fff;
    color: #fff;
}

.marmaris-transfers-premium-car-hero__visual {
    position: relative;
    z-index: 0;
    min-height: 540px;
    background: #12394a;
    contain: paint;
}

.marmaris-transfers-premium-car-hero__media,
.marmaris-transfers-premium-car-hero__overlay {
    position: absolute;
    inset: 0;
}

.marmaris-transfers-premium-car-hero__media {
    z-index: 0;
    background: #12394a;
}

.marmaris-transfers-premium-car-hero__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--mt-car-image-x) var(--mt-car-image-y);
    transform: scale(var(--mt-car-image-scale));
    transform-origin: var(--mt-car-image-x) var(--mt-car-image-y);
}
/* Keep the responsive hero image bound to the media frame when a global image
 * rule supplies an intrinsic height. Responsive fit and focal controls remain authoritative. */
.marmaris-transfers-premium-car-hero__media > img.marmaris-transfers-premium-car-hero__image {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
}


.marmaris-transfers-premium-car-hero__overlay {
    z-index: 1;
    background: #071f32;
    opacity: .52;
    pointer-events: none;
}

.marmaris-transfers-premium-car-hero__inner {
    position: relative;
    z-index: 2;
    display: flex;
    width: min(100%, 1320px);
    min-height: inherit;
    margin-inline: auto;
    padding: 72px 32px 118px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

.marmaris-transfers-premium-car-hero__content {
    display: flex;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    max-width: 900px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transform: translate(var(--mt-car-content-x), var(--mt-car-content-y));
}

.marmaris-transfers-premium-car-hero__eyebrow,
.marmaris-transfers-premium-car-section__eyebrow {
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.marmaris-transfers-premium-car-hero__eyebrow {
    margin: 0 0 14px;
    color: #f8c448;
}

.marmaris-transfers-premium-car-hero__title {
    max-width: 1080px;
    margin: 0;
    color: #fff;
    font-size: clamp(2.5rem, 4.4vw, 4rem);
    line-height: .99;
    letter-spacing: -.045em;
}

.marmaris-transfers-premium-car-hero__lead {
    max-width: 760px;
    margin: 20px 0 0;
    color: #edf4f8;
    font-size: clamp(1rem, 1.4vw, 1.16rem);
    line-height: 1.75;
}

.marmaris-transfers-premium-car-hero__cta {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    margin-top: 26px;
    padding: 14px 24px;
    border-radius: 10px;
    background: #236df3;
    color: #fff;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 10px 24px rgb(4 18 34 / 22%);
}


.marmaris-transfers-premium-car-hero__title,
.marmaris-transfers-premium-car-hero__lead,
.marmaris-transfers-premium-car-hero__cta {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
}

.marmaris-transfers-premium-car-hero__cta:hover,
.marmaris-transfers-premium-car-hero__cta:focus-visible {
    background: #195bd1;
    color: #fff;
}

.marmaris-transfers-premium-car-hero__cta:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
}

.marmaris-transfers-premium-car-hero__facts-shell {
    position: relative;
    width: min(100%, 1320px);
    margin: calc(-1 * var(--mt-car-hero-overlap)) auto 0;
    padding: 0 32px var(--mt-car-cards-bottom-space);
    box-sizing: border-box;
}

.marmaris-transfers-premium-car-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
}

.marmaris-transfers-premium-car-facts__item {
    min-width: 0;
    min-height: 112px;
    padding: 22px 24px;
    border: 1px solid #dfe6ef;
    border-radius: 18px;
    background: #fff;
    color: #172033;
    box-shadow: 0 16px 34px rgb(14 35 45 / 16%);
}

.marmaris-transfers-premium-car-facts__label {
    margin: 0 0 12px;
    color: #f97316;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.marmaris-transfers-premium-car-facts__value {
    margin: 0;
    color: #172033;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.35;
}

.marmaris-transfers-premium-car-section {
    width: min(100% - 40px, 1320px);
    margin-inline: auto;
    box-sizing: border-box;
    border-top: 1px solid #e8edf3;
}

.marmaris-transfers-premium-car-section__header {
    display: grid;
    gap: 10px;
    max-width: 840px;
}

.marmaris-transfers-premium-car-section__eyebrow {
    color: #236df3;
}

.marmaris-transfers-premium-car-section__title {
    margin: 0;
    color: #172033;
    font-size: clamp(2rem, 3.5vw, 3.2rem);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.marmaris-transfers-premium-car-section__intro {
    max-width: 760px;
    margin: 0;
    color: #66748a;
    font-size: 1.02rem;
    line-height: 1.7;
}

.marmaris-transfers-premium-car-overview {
    padding: 64px 0;
}

.marmaris-transfers-premium-car-overview__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
    margin-top: 28px;
}

.marmaris-transfers-premium-car-overview__content {
    min-width: 0;
    max-width: 980px;
    color: #4e5d73;
    font-size: 1.05rem;
    line-height: 1.85;
}

.marmaris-transfers-premium-car-overview__content > :first-child { margin-top: 0; }
.marmaris-transfers-premium-car-overview__content > :last-child { margin-bottom: 0; }

.marmaris-transfers-premium-car-overview__details {
    min-width: 0;
}

.marmaris-transfers-premium-car-overview__details-title {
    margin: 0 0 18px;
    color: #172033;
    font-size: 1.25rem;
}

.marmaris-transfers-premium-car-overview__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
}

.marmaris-transfers-premium-car-overview__facts__item {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
    border: 1px solid #dfe6ef;
    border-radius: 20px;
    background: #f7f9fc;
    box-shadow: 0 14px 34px rgb(22 37 63 / 7%);
}

.marmaris-transfers-premium-car-overview__facts__label {
    color: #236df3;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.marmaris-transfers-premium-car-overview__facts__value {
    margin: 0;
    color: #172033;
    font-size: 1.08rem;
    font-weight: 800;
}

.marmaris-transfers-premium-car-location {
    padding: 56px 0 64px;
}

.marmaris-transfers-premium-car-location__map {
    margin-top: 22px;
}

.marmaris-transfers-premium-car-location .marmaris-transfers-location-map {
    margin: 0;
}

.marmaris-transfers-premium-car-location .marmaris-transfers-location-map__title {
    display: none;
}

.marmaris-transfers-premium-car-location .marmaris-transfers-location-map__provider,
.marmaris-transfers-premium-car-location .marmaris-transfers-location-map__canvas {
    border-radius: 20px;
}

.marmaris-transfers-premium-car-location .marmaris-transfers-location-map__provider {
    box-shadow: 0 18px 48px rgb(22 37 63 / 9%);
}

.marmaris-transfers-premium-car-transfers {
    padding: 64px 0 84px;
}

.marmaris-transfers-premium-car-transfers__grid {
    margin-top: 28px;
}

.marmaris-transfers-premium-car-transfers .marmaris-transfers-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.marmaris-transfers-premium-car-transfers .marmaris-transfers-card {
    height: 100%;
}

@media (max-width: 1024px) {
    .marmaris-transfers-premium-car-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .marmaris-transfers-premium-car-overview__grid { gap: 30px; }
    .marmaris-transfers-premium-car-overview__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }

    .marmaris-transfers-premium-car-transfers .marmaris-transfers-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .marmaris-transfers-premium-car-hero__title { font-size: clamp(2.25rem, 12vw, 3.4rem); }
    .marmaris-transfers-premium-car-hero__facts-shell { padding-right: 18px; padding-left: 18px; }
    .marmaris-transfers-premium-car-facts { grid-template-columns: 1fr; }

    .marmaris-transfers-premium-car-section { width: min(100% - 28px, 1320px); }
    .marmaris-transfers-premium-car-overview__grid { gap: 24px; }
    .marmaris-transfers-premium-car-overview__facts { grid-template-columns: 1fr; gap: 14px; }
    .marmaris-transfers-premium-car-transfers .marmaris-transfers-grid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   End: Component styles
   ========================================================================== */