/*
GUÍA DE LECTURA DEL CÓDIGO | styles/appearance-current-style.css
Responsabilidad: Estilos de diseño visual actualmente aplicado.

Recorrido sugerido: estilos base; componentes; estados; variantes responsivas.
ATENCIÓN: el orden de las reglas forma parte de la cascada CSS y se mantuvo intacto.
Condiciones responsivas detectadas: min-width: 901px; max-width: 900px

Seguridad: no se movió, eliminó ni reescribió ningún bloque ejecutable.
Este mapa orienta la lectura; el archivo mantiene su orden de ejecución original.
*/
/* Cambios explícitos de Tu tienda, tu estilo, sobre el diseño vigente. */
html.appearance-current-style[data-style-fields~="page_bg"] body {
    background-color: var(--style-page-bg) !important;
}

html.appearance-current-style[data-style-fields~="surface_bg"] #searchModal,
html.appearance-current-style[data-style-fields~="surface_bg"] #loginModal,
html.appearance-current-style[data-style-fields~="surface_bg"] #cartDrawer,
html.appearance-current-style[data-style-fields~="surface_bg"] #mobileMenu,
html.appearance-current-style[data-style-fields~="surface_bg"] #termsModal,
html.appearance-current-style[data-style-fields~="surface_bg"] #returnsModal,
html.appearance-current-style[data-style-fields~="surface_bg"] .store-faq-item,
html.appearance-current-style[data-style-fields~="surface_bg"] .checkout-section {
    background-color: var(--style-surface-bg) !important;
}

html.appearance-current-style[data-style-fields~="text_color"] #searchModal,
html.appearance-current-style[data-style-fields~="text_color"] #loginModal,
html.appearance-current-style[data-style-fields~="text_color"] #cartDrawer,
html.appearance-current-style[data-style-fields~="text_color"] #mobileMenu,
html.appearance-current-style[data-style-fields~="text_color"] #termsModal,
html.appearance-current-style[data-style-fields~="text_color"] #returnsModal,
html.appearance-current-style[data-style-fields~="text_color"] .store-faq-section,
html.appearance-current-style[data-style-fields~="text_color"] .checkout-section,
html.appearance-current-style[data-style-fields~="text_color"] .store-faq-heading,
html.appearance-current-style[data-style-fields~="text_color"] .store-faq-item > summary {
    color: var(--style-text-color) !important;
}

html.appearance-current-style[data-style-fields~="muted_color"] .store-faq-intro,
html.appearance-current-style[data-style-fields~="muted_color"] .store-faq-answer,
html.appearance-current-style[data-style-fields~="muted_color"] #searchModal :is(small,.help-text),
html.appearance-current-style[data-style-fields~="muted_color"] #loginModal :is(small,.help-text),
html.appearance-current-style[data-style-fields~="muted_color"] #cartDrawer :is(small,.help-text),
html.appearance-current-style[data-style-fields~="muted_color"] #mobileMenu :is(small,.help-text),
html.appearance-current-style[data-style-fields~="muted_color"] #termsModal :is(small,.help-text),
html.appearance-current-style[data-style-fields~="muted_color"] #returnsModal :is(small,.help-text),
html.appearance-current-style[data-style-fields~="muted_color"] .store-faq-section :is(small,.help-text),
html.appearance-current-style[data-style-fields~="muted_color"] .checkout-section :is(small,.help-text) {
    color: var(--style-muted-color) !important;
}

html.appearance-current-style[data-style-fields~="accent_color"] .header-main .cart-count,
html.appearance-current-style[data-style-fields~="accent_color"] .store-faq-icon,
html.appearance-current-style[data-style-fields~="accent_color"] .store-faq-answer a,
html.appearance-current-style[data-style-fields~="accent_color"] .store-faq-link {
    color: var(--style-accent-color) !important;
}

html.appearance-current-style[data-style-fields~="border_color"] .storefront-header-sticky,
html.appearance-current-style[data-style-fields~="border_color"] .main-nav.storefront-nav,
html.appearance-current-style[data-style-fields~="border_color"] #searchModal,
html.appearance-current-style[data-style-fields~="border_color"] #loginModal,
html.appearance-current-style[data-style-fields~="border_color"] #cartDrawer,
html.appearance-current-style[data-style-fields~="border_color"] #mobileMenu,
html.appearance-current-style[data-style-fields~="border_color"] #termsModal,
html.appearance-current-style[data-style-fields~="border_color"] #returnsModal,
html.appearance-current-style[data-style-fields~="border_color"] .store-faq-section,
html.appearance-current-style[data-style-fields~="border_color"] .checkout-section,
html.appearance-current-style[data-style-fields~="border_color"] .store-faq-list,
html.appearance-current-style[data-style-fields~="border_color"] .store-faq-item {
    border-color: var(--style-border-color) !important;
}

html.appearance-current-style[data-style-fields~="font_family"] .storefront-header-sticky,
html.appearance-current-style[data-style-fields~="font_family"] .main-nav.storefront-nav,
html.appearance-current-style[data-style-fields~="font_family"] #searchModal,
html.appearance-current-style[data-style-fields~="font_family"] #loginModal,
html.appearance-current-style[data-style-fields~="font_family"] #cartDrawer,
html.appearance-current-style[data-style-fields~="font_family"] #mobileMenu,
html.appearance-current-style[data-style-fields~="font_family"] #termsModal,
html.appearance-current-style[data-style-fields~="font_family"] #returnsModal,
html.appearance-current-style[data-style-fields~="font_family"] .store-faq-section,
html.appearance-current-style[data-style-fields~="font_family"] .checkout-section,
html.appearance-current-style[data-style-fields~="font_family"] .storefront-header-sticky :where(*):not(i):not([class*="fa-"]):not(svg):not(svg *),
html.appearance-current-style[data-style-fields~="font_family"] .main-nav.storefront-nav :where(*):not(i):not([class*="fa-"]):not(svg):not(svg *),
html.appearance-current-style[data-style-fields~="font_family"] #searchModal :where(*):not(i):not([class*="fa-"]):not(svg):not(svg *),
html.appearance-current-style[data-style-fields~="font_family"] #loginModal :where(*):not(i):not([class*="fa-"]):not(svg):not(svg *),
html.appearance-current-style[data-style-fields~="font_family"] #cartDrawer :where(*):not(i):not([class*="fa-"]):not(svg):not(svg *),
html.appearance-current-style[data-style-fields~="font_family"] #mobileMenu :where(*):not(i):not([class*="fa-"]):not(svg):not(svg *),
html.appearance-current-style[data-style-fields~="font_family"] #termsModal :where(*):not(i):not([class*="fa-"]):not(svg):not(svg *),
html.appearance-current-style[data-style-fields~="font_family"] #returnsModal :where(*):not(i):not([class*="fa-"]):not(svg):not(svg *),
html.appearance-current-style[data-style-fields~="font_family"] .store-faq-section :where(*):not(i):not([class*="fa-"]):not(svg):not(svg *),
html.appearance-current-style[data-style-fields~="font_family"] .checkout-section :where(*):not(i):not([class*="fa-"]):not(svg):not(svg *) {
    font-family: var(--style-font-family) !important;
}

html.appearance-current-style[data-style-fields~="body_size"] #searchModal,
html.appearance-current-style[data-style-fields~="body_size"] #loginModal,
html.appearance-current-style[data-style-fields~="body_size"] #cartDrawer,
html.appearance-current-style[data-style-fields~="body_size"] #mobileMenu,
html.appearance-current-style[data-style-fields~="body_size"] #termsModal,
html.appearance-current-style[data-style-fields~="body_size"] #returnsModal,
html.appearance-current-style[data-style-fields~="body_size"] .store-faq-section,
html.appearance-current-style[data-style-fields~="body_size"] .checkout-section {
    font-size: var(--style-body-size) !important;
}

html.appearance-current-style[data-style-fields~="heading_size"] .store-faq-heading,
html.appearance-current-style[data-style-fields~="heading_size"] #searchModal :is(h2,h3),
html.appearance-current-style[data-style-fields~="heading_size"] #loginModal :is(h2,h3),
html.appearance-current-style[data-style-fields~="heading_size"] #cartDrawer :is(h2,h3),
html.appearance-current-style[data-style-fields~="heading_size"] #mobileMenu :is(h2,h3),
html.appearance-current-style[data-style-fields~="heading_size"] #termsModal :is(h2,h3),
html.appearance-current-style[data-style-fields~="heading_size"] #returnsModal :is(h2,h3),
html.appearance-current-style[data-style-fields~="heading_size"] .checkout-section :is(h2,h3) {
    font-size: var(--style-heading-size) !important;
}

html.appearance-current-style[data-style-fields~="header_bg"] .storefront-header-sticky,
html.appearance-current-style[data-style-fields~="header_bg"] header.header-main {
    background-color: var(--style-header-bg) !important;
}

html.appearance-current-style[data-style-fields~="header_text"] header.header-main,
html.appearance-current-style[data-style-fields~="header_text"] header.header-main .header-action {
    color: var(--style-header-text) !important;
}

html.appearance-current-style[data-style-fields~="nav_bg"] .main-nav.storefront-nav {
    background-color: var(--style-nav-bg) !important;
}

html.appearance-current-style[data-style-fields~="nav_text"] .main-nav.storefront-nav,
html.appearance-current-style[data-style-fields~="nav_text"] .storefront-nav > a,
html.appearance-current-style[data-style-fields~="nav_text"] .storefront-nav .desktop-products-toggle {
    color: var(--style-nav-text) !important;
}

html.appearance-current-style[data-style-fields~="nav_sale_color"] .storefront-nav > .nav-sale {
    color: var(--style-nav-sale-color) !important;
}

@media (min-width: 901px) {
html.appearance-current-style[data-style-fields~="header_height_desktop"] header.header-main {
    height: auto !important;
    min-height: var(--style-header-height-desktop) !important;
}
}

@media (min-width: 901px) {
html.appearance-current-style[data-style-fields~="logo_width_desktop"] header.header-main .header-brand-logo {
    width: var(--style-logo-width-desktop) !important;
    max-width: 100% !important;
}
}

@media (max-width: 900px) {
html.appearance-current-style[data-style-fields~="header_height_mobile"] header.header-main {
    height: auto !important;
    min-height: var(--style-header-height-mobile) !important;
}
}

@media (max-width: 900px) {
html.appearance-current-style[data-style-fields~="logo_width_mobile"] header.header-main .header-brand-logo {
    width: var(--style-logo-width-mobile) !important;
    max-width: 100% !important;
}
}

html.appearance-current-style[data-style-fields~="header_border_width"] .storefront-header-sticky {
    border-bottom-style: solid !important;
    border-bottom-width: var(--style-header-border-width) !important;
}

html.appearance-current-style[data-style-fields~="nav_height"] .main-nav.storefront-nav {
    height: var(--style-nav-height) !important;
}

html.appearance-current-style[data-style-fields~="header_shadow"] .storefront-header-sticky {
    box-shadow: var(--style-header-shadow) !important;
}

html.appearance-current-style[data-style-fields~="button_bg"] #searchModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_bg"] #loginModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_bg"] #cartDrawer .btn-primary,
html.appearance-current-style[data-style-fields~="button_bg"] #mobileMenu .btn-primary,
html.appearance-current-style[data-style-fields~="button_bg"] #termsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_bg"] #returnsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_bg"] .checkout-section .btn-primary {
    background-color: var(--style-button-bg) !important;
}

html.appearance-current-style[data-style-fields~="button_text"] #searchModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_text"] #loginModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_text"] #cartDrawer .btn-primary,
html.appearance-current-style[data-style-fields~="button_text"] #mobileMenu .btn-primary,
html.appearance-current-style[data-style-fields~="button_text"] #termsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_text"] #returnsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_text"] .checkout-section .btn-primary {
    color: var(--style-button-text) !important;
}

html.appearance-current-style[data-style-fields~="button_border_color"] #searchModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_border_color"] #loginModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_border_color"] #cartDrawer .btn-primary,
html.appearance-current-style[data-style-fields~="button_border_color"] #mobileMenu .btn-primary,
html.appearance-current-style[data-style-fields~="button_border_color"] #termsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_border_color"] #returnsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_border_color"] .checkout-section .btn-primary {
    border-color: var(--style-button-border-color) !important;
}

html.appearance-current-style[data-style-fields~="button_radius"] #searchModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_radius"] #loginModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_radius"] #cartDrawer .btn-primary,
html.appearance-current-style[data-style-fields~="button_radius"] #mobileMenu .btn-primary,
html.appearance-current-style[data-style-fields~="button_radius"] #termsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_radius"] #returnsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_radius"] .checkout-section .btn-primary {
    border-radius: var(--style-button-radius) !important;
}

html.appearance-current-style[data-style-fields~="button_font_size"] #searchModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_font_size"] #loginModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_font_size"] #cartDrawer .btn-primary,
html.appearance-current-style[data-style-fields~="button_font_size"] #mobileMenu .btn-primary,
html.appearance-current-style[data-style-fields~="button_font_size"] #termsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_font_size"] #returnsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_font_size"] .checkout-section .btn-primary {
    font-size: var(--style-button-font-size) !important;
}

html.appearance-current-style[data-style-fields~="button_shadow"] #searchModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_shadow"] #loginModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_shadow"] #cartDrawer .btn-primary,
html.appearance-current-style[data-style-fields~="button_shadow"] #mobileMenu .btn-primary,
html.appearance-current-style[data-style-fields~="button_shadow"] #termsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_shadow"] #returnsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_shadow"] .checkout-section .btn-primary {
    box-shadow: var(--style-button-shadow) !important;
}

html.appearance-current-style[data-style-fields~="button_case"] #searchModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_case"] #loginModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_case"] #cartDrawer .btn-primary,
html.appearance-current-style[data-style-fields~="button_case"] #mobileMenu .btn-primary,
html.appearance-current-style[data-style-fields~="button_case"] #termsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_case"] #returnsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_case"] .checkout-section .btn-primary {
    text-transform: var(--style-button-case) !important;
}

html.appearance-current-style[data-style-fields~="button_border_width"] #searchModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_border_width"] #loginModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_border_width"] #cartDrawer .btn-primary,
html.appearance-current-style[data-style-fields~="button_border_width"] #mobileMenu .btn-primary,
html.appearance-current-style[data-style-fields~="button_border_width"] #termsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_border_width"] #returnsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_border_width"] .checkout-section .btn-primary {
    border-style: solid !important;
    border-width: var(--style-button-border-width) !important;
}

html.appearance-current-style[data-style-fields~="button_padding"] #searchModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_padding"] #loginModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_padding"] #cartDrawer .btn-primary,
html.appearance-current-style[data-style-fields~="button_padding"] #mobileMenu .btn-primary,
html.appearance-current-style[data-style-fields~="button_padding"] #termsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_padding"] #returnsModal .btn-primary,
html.appearance-current-style[data-style-fields~="button_padding"] .checkout-section .btn-primary {
    padding-top: var(--style-button-padding) !important;
    padding-bottom: var(--style-button-padding) !important;
}

html.appearance-current-style[data-style-fields~="button_hover_bg"] #searchModal .btn-primary:not(:disabled):is(:hover,:focus-visible),
html.appearance-current-style[data-style-fields~="button_hover_bg"] #loginModal .btn-primary:not(:disabled):is(:hover,:focus-visible),
html.appearance-current-style[data-style-fields~="button_hover_bg"] #cartDrawer .btn-primary:not(:disabled):is(:hover,:focus-visible),
html.appearance-current-style[data-style-fields~="button_hover_bg"] #mobileMenu .btn-primary:not(:disabled):is(:hover,:focus-visible),
html.appearance-current-style[data-style-fields~="button_hover_bg"] #termsModal .btn-primary:not(:disabled):is(:hover,:focus-visible),
html.appearance-current-style[data-style-fields~="button_hover_bg"] #returnsModal .btn-primary:not(:disabled):is(:hover,:focus-visible),
html.appearance-current-style[data-style-fields~="button_hover_bg"] .checkout-section .btn-primary:not(:disabled):is(:hover,:focus-visible) {
    background-color: var(--style-button-hover-bg) !important;
}

html.appearance-current-style[data-style-fields~="button_hover_text"] #searchModal .btn-primary:not(:disabled):is(:hover,:focus-visible),
html.appearance-current-style[data-style-fields~="button_hover_text"] #loginModal .btn-primary:not(:disabled):is(:hover,:focus-visible),
html.appearance-current-style[data-style-fields~="button_hover_text"] #cartDrawer .btn-primary:not(:disabled):is(:hover,:focus-visible),
html.appearance-current-style[data-style-fields~="button_hover_text"] #mobileMenu .btn-primary:not(:disabled):is(:hover,:focus-visible),
html.appearance-current-style[data-style-fields~="button_hover_text"] #termsModal .btn-primary:not(:disabled):is(:hover,:focus-visible),
html.appearance-current-style[data-style-fields~="button_hover_text"] #returnsModal .btn-primary:not(:disabled):is(:hover,:focus-visible),
html.appearance-current-style[data-style-fields~="button_hover_text"] .checkout-section .btn-primary:not(:disabled):is(:hover,:focus-visible) {
    color: var(--style-button-hover-text) !important;
}

html.appearance-current-style[data-style-fields~="button_disabled_bg"] #searchModal .btn-primary:disabled,
html.appearance-current-style[data-style-fields~="button_disabled_bg"] #loginModal .btn-primary:disabled,
html.appearance-current-style[data-style-fields~="button_disabled_bg"] #cartDrawer .btn-primary:disabled,
html.appearance-current-style[data-style-fields~="button_disabled_bg"] #mobileMenu .btn-primary:disabled,
html.appearance-current-style[data-style-fields~="button_disabled_bg"] #termsModal .btn-primary:disabled,
html.appearance-current-style[data-style-fields~="button_disabled_bg"] #returnsModal .btn-primary:disabled,
html.appearance-current-style[data-style-fields~="button_disabled_bg"] .checkout-section .btn-primary:disabled {
    background-color: var(--style-button-disabled-bg) !important;
}

html.appearance-current-style[data-style-fields~="button_disabled_text"] #searchModal .btn-primary:disabled,
html.appearance-current-style[data-style-fields~="button_disabled_text"] #loginModal .btn-primary:disabled,
html.appearance-current-style[data-style-fields~="button_disabled_text"] #cartDrawer .btn-primary:disabled,
html.appearance-current-style[data-style-fields~="button_disabled_text"] #mobileMenu .btn-primary:disabled,
html.appearance-current-style[data-style-fields~="button_disabled_text"] #termsModal .btn-primary:disabled,
html.appearance-current-style[data-style-fields~="button_disabled_text"] #returnsModal .btn-primary:disabled,
html.appearance-current-style[data-style-fields~="button_disabled_text"] .checkout-section .btn-primary:disabled {
    color: var(--style-button-disabled-text) !important;
}

html.appearance-current-style[data-style-fields~="text_color"] #searchModal :where(p,h1,h2,h3,h4,label,small,span,a,li,input,textarea,select):not(button *):not(.btn-primary *),
html.appearance-current-style[data-style-fields~="text_color"] #loginModal :where(p,h1,h2,h3,h4,label,small,span,a,li,input,textarea,select):not(button *):not(.btn-primary *),
html.appearance-current-style[data-style-fields~="text_color"] #cartDrawer :where(p,h1,h2,h3,h4,label,small,span,a,li,input,textarea,select):not(button *):not(.btn-primary *),
html.appearance-current-style[data-style-fields~="text_color"] #mobileMenu :where(p,h1,h2,h3,h4,label,small,span,a,li,input,textarea,select):not(button *):not(.btn-primary *),
html.appearance-current-style[data-style-fields~="text_color"] #termsModal :where(p,h1,h2,h3,h4,label,small,span,a,li,input,textarea,select):not(button *):not(.btn-primary *),
html.appearance-current-style[data-style-fields~="text_color"] #returnsModal :where(p,h1,h2,h3,h4,label,small,span,a,li,input,textarea,select):not(button *):not(.btn-primary *),
html.appearance-current-style[data-style-fields~="text_color"] .store-faq-section :where(p,h1,h2,h3,h4,label,small,span,a,li,input,textarea,select):not(button *):not(.btn-primary *),
html.appearance-current-style[data-style-fields~="text_color"] .checkout-section :where(p,h1,h2,h3,h4,label,small,span,a,li,input,textarea,select):not(button *):not(.btn-primary *),
html.appearance-current-style[data-style-fields~="text_color"] .desktop-products-submenu :where(p,h1,h2,h3,h4,label,small,span,a,li,input,textarea,select):not(button *):not(.btn-primary *) { color:var(--style-text-color) !important; }

html.appearance-current-style[data-style-fields~="surface_bg"] #searchModal :is(.drawer-header,.mobile-menu-links,.mobile-products-submenu,.mobile-products-submenu button,.form-input,.search-results,.mobile-search-result),
html.appearance-current-style[data-style-fields~="surface_bg"] #loginModal :is(.drawer-header,.mobile-menu-links,.mobile-products-submenu,.mobile-products-submenu button,.form-input,.search-results,.mobile-search-result),
html.appearance-current-style[data-style-fields~="surface_bg"] #cartDrawer :is(.drawer-header,.mobile-menu-links,.mobile-products-submenu,.mobile-products-submenu button,.form-input,.search-results,.mobile-search-result),
html.appearance-current-style[data-style-fields~="surface_bg"] #mobileMenu :is(.drawer-header,.mobile-menu-links,.mobile-products-submenu,.mobile-products-submenu button,.form-input,.search-results,.mobile-search-result),
html.appearance-current-style[data-style-fields~="surface_bg"] #termsModal :is(.drawer-header,.mobile-menu-links,.mobile-products-submenu,.mobile-products-submenu button,.form-input,.search-results,.mobile-search-result),
html.appearance-current-style[data-style-fields~="surface_bg"] #returnsModal :is(.drawer-header,.mobile-menu-links,.mobile-products-submenu,.mobile-products-submenu button,.form-input,.search-results,.mobile-search-result),
html.appearance-current-style[data-style-fields~="surface_bg"] .store-faq-section :is(.drawer-header,.mobile-menu-links,.mobile-products-submenu,.mobile-products-submenu button,.form-input,.search-results,.mobile-search-result),
html.appearance-current-style[data-style-fields~="surface_bg"] .checkout-section :is(.drawer-header,.mobile-menu-links,.mobile-products-submenu,.mobile-products-submenu button,.form-input,.search-results,.mobile-search-result),
html.appearance-current-style[data-style-fields~="surface_bg"] .desktop-products-submenu :is(.drawer-header,.mobile-menu-links,.mobile-products-submenu,.mobile-products-submenu button,.form-input,.search-results,.mobile-search-result) { background-color:var(--style-surface-bg) !important; }