
@media (max-width: 767px) {
    /* PDP fields: pale glass, hairline border and a restrained shadow. */
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all .bc_form .form-group {
        min-height: 52px !important;
        padding: 8px 12px 8px 42px !important;
        border: 1px solid color-mix(in srgb, var(--bc-text, #374151) 12%, transparent) !important;
        border-radius: 18px !important;
        background: color-mix(in srgb, var(--bc-background, #fff) 94%, transparent) !important;
        box-shadow: 0 12px 28px rgba(6, 12, 24, .18) !important;
        -webkit-backdrop-filter: blur(26px) saturate(150%) !important;
        backdrop-filter: blur(26px) saturate(150%) !important;
    }

    /* PDP uses line icons, not solid icon discs. */
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all .bc_form .form-group > .field-icon {
        left: 11px !important;
        width: 20px !important;
        height: 20px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: var(--bc-primary, #6366f1) !important;
        font-size: 16px !important;
        filter: none !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all .bc_form .form-group > .field-icon,
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all .bc_form .form-group > .field-icon i {
        color: var(--bc-primary, #6366f1) !important;
        opacity: 1 !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all .bc_form .form-content label {
        margin-bottom: 2px !important;
        color: color-mix(in srgb, var(--bc-text, #374151) 72%, transparent) !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        letter-spacing: .045em !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all .bc_form .form-control,
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all .bc_form .form-content .render {
        color: var(--bc-text, #111827) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .bc_form .g-field-search > .row > [class*="col-"]:not(:first-child) .form-group {
        height: 56px !important;
        min-height: 56px !important;
    }

    /* PDP guest stepper: transparent center and primary outline controls. */
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .select-guests-dropdown.show {
        padding: 8px 14px !important;
        border: 1px solid color-mix(in srgb, var(--bc-text, #374151) 12%, transparent) !important;
        border-radius: 18px !important;
        background: color-mix(in srgb, var(--bc-background, #fff) 96%, transparent) !important;
        box-shadow: 0 18px 44px rgba(6, 12, 24, .22) !important;
        -webkit-backdrop-filter: blur(26px) saturate(150%) !important;
        backdrop-filter: blur(26px) saturate(150%) !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .select-guests-dropdown .dropdown-item-row {
        min-height: 43px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .select-guests-dropdown .dropdown-item-row + .dropdown-item-row {
        border-top: 1px solid color-mix(in srgb, var(--bc-text, #374151) 10%, transparent) !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .select-guests-dropdown .btn-minus,
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .select-guests-dropdown .btn-add {
        width: 25px !important;
        height: 25px !important;
        border: 1.5px solid var(--bc-text, #374151) !important;
        background: transparent !important;
        color: var(--bc-text, #374151) !important;
        font-size: 14px !important;
        box-shadow: none !important;
    }

    /* El botón del buscador: forma, color y alto los pone search-submit.css,
       que carga después. De este estilo se conserva sólo el realce —la
       sombra—, que es lo suyo y lo único que se perdería.
       Ver [[rentcli-boton-buscar-explorar]]. */
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all .bc_form .button-item {
        margin-top: 7px !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all .bc_form .mainSearch__submit {
        box-shadow: 0 12px 30px rgba(6, 12, 24, .35) !important;
    }
}
