/* Shared mobile layout for the standard redesigned boat pages. */

@media (max-width: 767px) {
    body.p42-redesign:not(.p49-page) {
        background: #edf6f8;
    }

    body.p42-redesign:not(.p49-page) .p42-page {
        background: #edf6f8;
        padding: 0;
    }

    body.p42-redesign:not(.p49-page) .p42-topbar {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        box-shadow: 0 8px 20px rgba(7, 20, 45, .07);
        height: 58px;
        margin: 0 auto;
        max-width: 420px;
        padding: 0 12px;
    }

    body.p42-redesign:not(.p49-page) .p42-brand {
        align-items: center;
        display: inline-flex;
        gap: 7px;
        left: 50%;
        position: absolute;
        text-align: center;
        transform: translateX(-50%);
        white-space: nowrap;
    }

    body.p42-redesign:not(.p49-page) .p42-brand img {
        display: block;
        height: 24px;
        width: 24px;
    }

    body.p42-redesign:not(.p49-page) .p42-brand span {
        color: #07142d;
        font-size: 10px;
        letter-spacing: .04em;
        line-height: 1.04;
    }

    body.p42-redesign:not(.p49-page) .p42-nav-actions {
        gap: 7px;
        width: 100%;
    }

    body.p42-redesign:not(.p49-page) .p42-menu-link,
    body.p42-redesign:not(.p49-page) .p42-icon-link {
        background: transparent;
        border: 0;
        border-radius: 8px;
        box-shadow: none;
        height: 34px;
        width: 34px;
    }

    body.p42-redesign:not(.p49-page) .p42-menu-link {
        color: #07142d;
        display: inline-flex;
        font-size: 18px;
    }

    body.p42-redesign:not(.p49-page) .p42-nav-actions > .p42-icon-link:not(.p42-menu-link) {
        color: #008a3d;
    }

    body.p42-redesign:not(.p49-page) .p42-language-link {
        height: 34px;
        margin-left: auto;
        min-width: 34px;
        padding: 0 8px;
    }

    body.p42-redesign:not(.p49-page) .p42-shell {
        background: #ffffff;
        border: 0;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 14px 36px rgba(7, 20, 45, .11);
        margin: 0 auto;
        max-width: 420px;
        overflow: hidden;
    }

    body.p42-redesign:not(.p49-page) .p42-hero-grid {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    body.p42-redesign:not(.p49-page) .p42-media {
        background: #ffffff;
        min-height: 0;
        order: 0;
        padding: 10px 12px 0;
    }

    body.p42-redesign:not(.p49-page) .p42-media:after,
    body.p42-redesign:not(.p49-page) .p42-floating-photo {
        display: none !important;
    }

    body.p42-redesign:not(.p49-page) .p42-media .p42-main-photo {
        border-radius: 8px;
        box-shadow: none;
        height: 172px;
        overflow: hidden;
    }

    body.p42-redesign:not(.p49-page) .p42-media .p42-main-photo img {
        border-radius: 8px;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

    body.p42-redesign:not(.p49-page) .p42-copy {
        background: #ffffff;
        order: 1;
        padding: 14px 12px 10px;
    }

    body.p42-redesign:not(.p49-page) .p42-breadcrumbs,
    body.p42-redesign:not(.p49-page) .p42-kicker {
        display: none !important;
    }

    body.p42-redesign:not(.p49-page) .p42-title {
        font-size: 28px;
        letter-spacing: 0;
        line-height: 1;
        margin: 0;
    }

    body.p42-redesign:not(.p49-page) .p42-subtitle {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 1.18;
        margin: 5px 0 0;
    }

    body.p42-redesign:not(.p49-page) .p42-spec-grid {
        display: grid;
        gap: 6px;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        margin: 14px 0 0;
    }

    body.p42-redesign:not(.p49-page) .p42-spec {
        background: transparent;
        border: 0;
        box-shadow: none;
        color: #07142d;
        font-size: 9px;
        line-height: 1.08;
        min-height: 0;
        padding: 0;
        text-align: center;
    }

    body.p42-redesign:not(.p49-page) .p42-spec i {
        align-items: center;
        background: #eef8f9;
        border: 1px solid #d4ecef;
        border-radius: 7px;
        color: #00767d;
        display: inline-flex;
        font-size: 13px;
        height: 31px;
        justify-content: center;
        margin: 0 auto 6px;
        width: 31px;
    }

    body.p42-redesign:not(.p49-page) .p42-spec span {
        display: block;
        font-size: 8.5px;
        font-weight: 900;
        line-height: 1.08;
    }

    body.p42-redesign:not(.p49-page) .p42-content-grid {
        background: #ffffff;
        border-top: 0;
        display: flex;
        flex-direction: column;
        gap: 9px;
        padding: 0 12px 15px;
    }

    body.p42-redesign:not(.p49-page) .p42-content-grid > .p42-includes {
        display: none !important;
    }

    body.p42-redesign:not(.p49-page) .p42-price-panel {
        display: contents;
    }

    body.p42-redesign:not(.p49-page) .p42-price-panel > .p42-panel-title {
        font-size: 13.5px;
        line-height: 1.2;
        margin: 0;
        order: 1;
        padding-top: 12px;
    }

    body.p42-redesign:not(.p49-page) .p42-route-list {
        display: grid;
        gap: 10px;
        grid-template-columns: 1fr;
        order: 2;
    }

    body.p42-redesign:not(.p49-page) .p42-route-preview-group {
        background: #f7fbfc;
        border: 1px solid #dce9ed;
        border-radius: 8px;
        box-shadow: 0 3px 10px rgba(7, 20, 45, .04);
        gap: 7px;
        padding: 10px;
    }

    body.p42-redesign:not(.p49-page) .p42-route-preview-head {
        align-items: start;
        display: grid;
        gap: 4px 8px;
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 0;
    }

    body.p42-redesign:not(.p49-page) .p42-route-preview-head:after {
        color: #07142d;
        content: "\f106";
        font-family: "Font Awesome 5 Free";
        font-size: 11px;
        font-weight: 900;
        line-height: 1;
        margin-top: 2px;
    }

    body.p42-redesign:not(.p49-page) .p42-route-preview-head > span {
        color: #00767d;
        font-size: 12px;
        line-height: 1.1;
    }

    body.p42-redesign:not(.p49-page) .p42-route-time-row {
        gap: 5px 10px;
        grid-column: 1 / -1;
        margin: 1px 0 2px;
    }

    body.p42-redesign:not(.p49-page) .p42-route-time-row span {
        color: #406172;
        font-size: 9.5px;
        gap: 4px;
    }

    body.p42-redesign:not(.p49-page) .p42-route-time-row .p42-clock-icon {
        border-width: 1.5px;
        height: 10px;
        width: 10px;
    }

    body.p42-redesign:not(.p49-page) .p42-route-time-row .p42-clock-icon:before {
        height: 3px;
        width: 1.5px;
    }

    body.p42-redesign:not(.p49-page) .p42-route-time-row .p42-clock-icon:after {
        height: 1.5px;
        width: 3px;
    }

    body.p42-redesign:not(.p49-page) .p42-route-card {
        background: #ffffff;
        border-color: #e1ecef;
        border-radius: 7px;
        box-shadow: 0 2px 9px rgba(7, 20, 45, .04);
        gap: 8px;
        grid-template-columns: 50px minmax(0, 1fr) auto 10px;
        min-height: 58px;
        padding: 7px;
    }

    body.p42-redesign:not(.p49-page) .p42-route-card.is-featured {
        border-color: #d7e8eb;
        box-shadow: 0 2px 9px rgba(7, 20, 45, .04);
    }

    body.p42-redesign:not(.p49-page) .p42-route-card img {
        border-radius: 50%;
        height: 42px;
        width: 50px;
    }

    body.p42-redesign:not(.p49-page) .p42-route-card strong {
        font-size: 11px;
        line-height: 1.15;
    }

    body.p42-redesign:not(.p49-page) .p42-route-card span span {
        color: #517182;
        font-size: 9px;
        font-weight: 700;
        line-height: 1.2;
        margin-top: 2px;
    }

    body.p42-redesign:not(.p49-page) .p42-price {
        color: #00767d;
        font-size: 11.5px;
        line-height: 1.05;
        text-align: right;
    }

    body.p42-redesign:not(.p49-page) .p42-price small {
        color: #557485;
        font-size: 7.5px;
        margin-top: 1px;
    }

    body.p42-redesign:not(.p49-page) .p42-route-chevron {
        color: #00767d;
        display: inline-flex !important;
        font-size: 10px;
    }

    body.p42-redesign:not(.p49-page) .p42-price-note {
        display: none;
    }

    body.p42-redesign:not(.p49-page) .p42-details-card {
        background: #f9fcfd;
        border: 1px solid #dce9ed;
        border-radius: 8px;
        box-shadow: none;
        order: 3;
        overflow: hidden;
        padding: 0;
    }

    body.p42-redesign:not(.p49-page) .p42-details-card > img,
    body.p42-redesign:not(.p49-page) .p42-details-includes,
    body.p42-redesign:not(.p49-page) .p42-details-note,
    body.p42-redesign:not(.p49-page) .p42-detail-list {
        display: none !important;
    }

    body.p42-redesign:not(.p49-page) .p42-details-card .p42-panel-title {
        align-items: center;
        display: flex;
        font-size: 12.5px;
        justify-content: space-between;
        line-height: 1.2;
        margin: 0;
        min-height: 42px;
        padding: 0 11px;
    }

    body.p42-redesign:not(.p49-page) .p42-details-card .p42-panel-title:after {
        color: #07142d;
        content: "\f106";
        font-family: "Font Awesome 5 Free";
        font-size: 11px;
        font-weight: 900;
        line-height: 1;
    }

    body.p42-redesign:not(.p49-page) .p42-price-actions {
        display: grid;
        gap: 8px;
        margin: 0;
        order: 4;
    }

    body.p42-redesign:not(.p49-page) .p42-price-actions .p42-button {
        border-radius: 6px;
        font-size: 11px;
        letter-spacing: 0;
        min-height: 42px;
        min-width: 0;
        text-transform: uppercase;
        width: 100%;
    }

    body.p42-redesign:not(.p49-page) .p42-price-actions .p42-button-secondary {
        background: #ffffff;
        border-color: #79b7bd;
        color: #007a3d;
    }

    body.p42-redesign:not(.p49-page) .p42-cta-band {
        display: none !important;
    }
}

@media (max-width: 360px) {
    body.p42-redesign:not(.p49-page) .p42-title {
        font-size: 25px;
    }

    body.p42-redesign:not(.p49-page) .p42-subtitle {
        font-size: 13px;
    }

    body.p42-redesign:not(.p49-page) .p42-spec-grid {
        gap: 4px;
    }

    body.p42-redesign:not(.p49-page) .p42-spec i {
        height: 29px;
        width: 29px;
    }

    body.p42-redesign:not(.p49-page) .p42-spec span {
        font-size: 8px;
    }

    body.p42-redesign:not(.p49-page) .p42-route-card {
        grid-template-columns: 46px minmax(0, 1fr) auto;
    }

    body.p42-redesign:not(.p49-page) .p42-route-card img {
        height: 40px;
        width: 46px;
    }

    body.p42-redesign:not(.p49-page) .p42-route-chevron {
        display: none !important;
    }
}

/* Standard boat mobile polish overrides: match the Princess 42 mobile card behavior. */
@media (max-width: 767px) {
    body.p42-redesign:not(.p49-page) .p42-content-grid {
        align-items: stretch;
    }

    body.p42-redesign:not(.p49-page) .p42-route-list,
    body.p42-redesign:not(.p49-page) .p42-route-preview-group,
    body.p42-redesign:not(.p49-page) .p42-details-card,
    body.p42-redesign:not(.p49-page) .p42-price-actions {
        width: 100%;
    }

    body.p42-redesign:not(.p49-page) .p42-route-preview-head:after {
        grid-column: 2;
        grid-row: 1;
    }

    body.p42-redesign:not(.p49-page) .p42-route-time-row {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    body.p42-redesign:not(.p49-page) .p42-details-card,
    body.p42-redesign:not(.p49-page) .p42-price-actions {
        align-self: stretch;
    }

    body.p42-redesign:not(.p49-page) .p42-details-card .p42-panel-title {
        width: 100%;
    }
}

/* Standard boat mobile description copy: keep the boat story visible under the specs. */
@media (max-width: 767px) {
    body.p42-redesign:not(.p49-page) .p42-copy-text {
        color: #31495e;
        display: block !important;
        font-size: 13px;
        line-height: 1.55;
        margin: 13px 0 0;
    }

    body.p42-redesign:not(.p49-page) .p42-copy-text p {
        margin: 0 0 8px;
    }

    body.p42-redesign:not(.p49-page) .p42-copy-text p:last-child {
        margin-bottom: 0;
    }
}
/* Standard boat mobile gallery dots: invite users to tap the main image. */
@media (max-width: 767px) {
    body.p42-redesign:not(.p49-page) .p42-mobile-dots {
        align-items: center;
        display: flex !important;
        gap: 7px;
        justify-content: center;
        padding: 9px 0 0;
    }

    body.p42-redesign:not(.p49-page) .p42-mobile-dots span {
        background: #c9d6d9;
        border-radius: 999px;
        display: block;
        height: 7px;
        width: 7px;
    }

    body.p42-redesign:not(.p49-page) .p42-mobile-dots span:first-child {
        background: #00767d;
        width: 18px;
    }
}
/* Standard boat mobile form polish: compact fields, readable labels, and no Princess 49 overlap. */
@media (max-width: 767px) {
    body.p42-redesign:not(.p49-page) .p42-form-shell {
        padding-left: 12px;
        padding-right: 12px;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-form-card,
    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-form-card-fields {
        border-radius: 9px;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-form-card {
        padding: 17px 16px;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-form-main,
    body.p42-redesign:not(.p49-page) .p42-form-shell .row {
        margin-left: 0;
        margin-right: 0;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .row > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .form-group {
        margin-bottom: 14px !important;
        min-height: 0 !important;
        position: relative;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has(.form-control)::before {
        color: #07142d;
        content: "";
        display: block;
        font-size: 11px;
        font-weight: 900;
        line-height: 1.15;
        margin: 0 0 6px;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtdate"])::before { content: "Date"; }
    body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtlocation"])::before { content: "Pick up location"; }
    body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtfirstname"])::before { content: "First name"; }
    body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtlastname"])::before { content: "Last name"; }
    body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="dpareacode"])::before { content: "Country code"; }
    body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtphone"])::before { content: "Phone / WhatsApp"; }
    body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="dpclientcontact"])::before { content: "Preferred contact method"; }
    body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtemail"])::before { content: "Email"; }
    body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="dpdestination"])::before { content: "Route"; }
    body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtpax"])::before { content: "Number of guests"; }

    html[lang="es"] body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtdate"])::before { content: "Fecha"; }
    html[lang="es"] body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtlocation"])::before { content: "Lugar de recogida"; }
    html[lang="es"] body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtfirstname"])::before { content: "Nombre"; }
    html[lang="es"] body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtlastname"])::before { content: "Apellido"; }
    html[lang="es"] body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="dpareacode"])::before { content: "C\00F3 digo de pa\00ED s"; }
    html[lang="es"] body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtphone"])::before { content: "Tel\00E9 fono / WhatsApp"; }
    html[lang="es"] body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="dpclientcontact"])::before { content: "M\00E9 todo de contacto"; }
    html[lang="es"] body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtemail"])::before { content: "Email"; }
    html[lang="es"] body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="dpdestination"])::before { content: "Ruta"; }
    html[lang="es"] body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtpax"])::before { content: "Cantidad de personas"; }

    body.p42-redesign:not(.p49-page) .p42-form-shell .form-control,
    body.p42-redesign:not(.p49-page) .p42-form-shell input.form-control,
    body.p42-redesign:not(.p49-page) .p42-form-shell select.form-control,
    body.p42-redesign:not(.p49-page) .p42-form-shell textarea.form-control {
        -webkit-appearance: none;
        appearance: none;
        background: #ffffff !important;
        border: 1px solid #cfe1e6 !important;
        border-radius: 7px !important;
        box-shadow: none !important;
        color: #07142d !important;
        display: block !important;
        font-family: "Sen", Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        height: auto !important;
        line-height: 1.25 !important;
        min-height: 48px !important;
        padding: 0 13px !important;
        width: 100% !important;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell select.form-control {
        background-image: linear-gradient(45deg, transparent 50%, #07142d 50%), linear-gradient(135deg, #07142d 50%, transparent 50%) !important;
        background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50% !important;
        background-repeat: no-repeat !important;
        background-size: 5px 5px, 5px 5px !important;
        cursor: pointer;
        padding-right: 42px !important;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell textarea.form-control {
        line-height: 1.45 !important;
        min-height: 94px !important;
        padding: 12px 13px !important;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .form-control::placeholder {
        color: #7a8b9d !important;
        font-weight: 800 !important;
        opacity: 1 !important;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .form-control:focus,
    body.p42-redesign:not(.p49-page) .p42-form-shell input.form-control:focus,
    body.p42-redesign:not(.p49-page) .p42-form-shell select.form-control:focus,
    body.p42-redesign:not(.p49-page) .p42-form-shell textarea.form-control:focus {
        background: #ffffff !important;
        border-color: #00767d !important;
        box-shadow: 0 0 0 3px rgba(0, 118, 125, .13) !important;
        outline: 0 !important;
    }
}

/* Route is selected in Step 1 on redesigned boat pages; keep the server field for email logic but hide the duplicate selector. */
body.p42-redesign .p42-form-shell .p42-hidden-native-tour,
body.p42-redesign .p42-form-shell .p49-hidden-tour-select,
body.p42-redesign .p42-form-shell .form-group:has([id$="dpdestination"]),
body.p42-redesign .p42-form-shell [class*="col-"]:has([id$="dpdestination"]) {
    display: none !important;
}

body.p42-redesign .p42-form-shell .row:has([id$="dpdestination"]) > [class*="col-"]:not(:has([id$="dpdestination"])) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Keep Step 1 route picker aligned inside mobile form cards. */
@media (max-width: 767px) {
    body.p42-redesign:not(.p49-page) .p42-form-shell,
    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-form-main,
    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-form-card,
    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-route-picker,
    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-route-groups,
    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-route-group,
    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-route-options,
    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-route-option {
        box-sizing: border-box !important;
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-route-groups,
    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-route-options {
        grid-template-columns: minmax(0, 1fr) !important;
        overflow: hidden !important;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-route-group {
        padding: 12px !important;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-route-option {
        align-items: flex-start !important;
        grid-template-columns: minmax(0, 1fr) !important;
        overflow: hidden !important;
        padding: 12px !important;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-route-copy,
    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-route-meta {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .p42-route-meta {
        align-items: flex-start !important;
        text-align: left !important;
    }
}

/* Show a clear mobile date format while the native date field is empty. */
@media (max-width: 767px) {
    body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtdate"].p42-date-input) {
        --p42-mobile-date-format: "mm/dd/yyyy";
    }

    html[lang="es"] body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtdate"].p42-date-input) {
        --p42-mobile-date-format: "dd/mm/yyyy";
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell input[type="date"].p42-date-input:not(.p42-date-has-value) {
        color: transparent !important;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell input[type="date"].p42-date-input:not(.p42-date-has-value)::-webkit-datetime-edit,
    body.p42-redesign:not(.p49-page) .p42-form-shell input[type="date"].p42-date-input:not(.p42-date-has-value)::-webkit-datetime-edit-fields-wrapper,
    body.p42-redesign:not(.p49-page) .p42-form-shell input[type="date"].p42-date-input:not(.p42-date-has-value)::-webkit-datetime-edit-text,
    body.p42-redesign:not(.p49-page) .p42-form-shell input[type="date"].p42-date-input:not(.p42-date-has-value)::-webkit-datetime-edit-month-field,
    body.p42-redesign:not(.p49-page) .p42-form-shell input[type="date"].p42-date-input:not(.p42-date-has-value)::-webkit-datetime-edit-day-field,
    body.p42-redesign:not(.p49-page) .p42-form-shell input[type="date"].p42-date-input:not(.p42-date-has-value)::-webkit-datetime-edit-year-field {
        color: transparent !important;
    }

    body.p42-redesign:not(.p49-page) .p42-form-shell .form-group:has([id$="txtdate"].p42-date-input:not(.p42-date-has-value))::after {
        color: #07142d;
        content: var(--p42-mobile-date-format);
        font-family: "Sen", Arial, sans-serif;
        font-size: 14px;
        font-weight: 900;
        left: 13px;
        line-height: 1.2;
        pointer-events: none;
        position: absolute;
        top: 34px;
        z-index: 2;
    }
}