/* ============================================================
   1. STRONA GŁÓWNA & WYSZUKIWARKA (TŁA) – wspólne
   ============================================================ */
div#container.main_page.container {
  background-color: black !important;
}
.main_page #layout, 
.main_page #layout.clearfix {
  background-color: black !important;
  background: black !important;
}
.main_page div#content.col-12 {
  background-color: black !important;
}
.main_page .main_banner_wrapper, 
.main_page #main_banner1,
.main_page .slick-list.draggable {
  background-color: black !important;
}
div#content.col-md-9.col-12 {
  background-color: white !important;
}
body:not(.main_page) #layout {
  background-color: white !important;
}
body {
  background-color: black !important;
}
/* ============================================================
   2. MOTOKONFIGURATOR – hiszpański
   ============================================================ */
/* --- Górne napisy --- */
html[lang="es"] #moto_config span:first-child {
  font-size: 0 !important;
}
html[lang="es"] #moto_config span:first-child::after {
  content: "BUSCAR PIEZAS Y DATOS DE MOTO" !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}
html[lang="es"] #moto_config .config_header {
  font-size: 0 !important;
}
html[lang="es"] #moto_config .config_header::after {
  content: "CONFIGURADOR DE MOTO" !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #ffffff !important;
}
/* --- Zakładki PIEZAS / DATOS DE MOTO --- */
html[lang="es"] .auto_config__tabs li {
  float: left !important;
  display: block !important;
}
html[lang="es"] #menu_5,
html[lang="es"] .auto_config__tab:nth-child(1) a,
html[lang="es"] .auto_config__tab:nth-child(1) span,
html[lang="es"] [data-tab="parts"] {
  font-size: 0 !important;
  display: block !important;
}
html[lang="es"] #menu_5::after,
html[lang="es"] .auto_config__tab:nth-child(1) a::after,
html[lang="es"] .auto_config__tab:nth-child(1) span::after,
html[lang="es"] [data-tab="parts"]::after {
  content: "PIEZAS" !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
html[lang="es"] #menu_3,
html[lang="es"] .auto_config__tab:nth-child(2) a,
html[lang="es"] .auto_config__tab:nth-child(2) span,
html[lang="es"] [data-tab="motodata"] {
  font-size: 0 !important;
  display: block !important;
}
html[lang="es"] #menu_3::after,
html[lang="es"] .auto_config__tab:nth-child(2) a::after,
html[lang="es"] .auto_config__tab:nth-child(2) span::after,
html[lang="es"] [data-tab="motodata"]::after {
  content: "DATOS DE MOTO" !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #a8a8a8 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
/* --- Marca / Modelo / Año --- */
html[lang="es"] #select2-msearch1-container,
html[lang="es"] #select2-msearch2-container,
html[lang="es"] #select2-msearch3-container {
  position: relative !important;
  text-align: center !important;
}
/* MARCA */
html[lang="es"] #select2-msearch1-container[title="Marke"],
html[lang="es"] #select2-msearch1-container[title="Marque"],
html[lang="es"] #select2-msearch1-container[title="Marka"],
html[lang="es"] #select2-msearch1-container[title="Marca"] {
  visibility: hidden !important;
}
html[lang="es"] #select2-msearch1-container[title="Marke"]::after,
html[lang="es"] #select2-msearch1-container[title="Marque"]::after,
html[lang="es"] #select2-msearch1-container[title="Marka"]::after,
html[lang="es"] #select2-msearch1-container[title="Marca"]::after {
  content: "Marca" !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  text-align: center !important;
  color: #ffffff !important;
}
html[lang="es"] #select2-msearch1-container:not([title="Marke"]):not([title="Marque"]):not([title="Marka"]):not([title="Marca"]) {
  visibility: visible !important;
  color: #ffffff !important;
}
html[lang="es"] #select2-msearch1-container:not([title="Marke"]):not([title="Marque"]):not([title="Marka"]):not([title="Marca"])::after {
  content: none !important;
}
/* MODELO */
html[lang="es"] #select2-msearch2-container[title="Modell"],
html[lang="es"] #select2-msearch2-container[title="Modèle"],
html[lang="es"] #select2-msearch2-container[title="Model"],
html[lang="es"] #select2-msearch2-container[title="Modelo"] {
  visibility: hidden !important;
}
html[lang="es"] #select2-msearch2-container[title="Modell"]::after,
html[lang="es"] #select2-msearch2-container[title="Modèle"]::after,
html[lang="es"] #select2-msearch2-container[title="Model"]::after,
html[lang="es"] #select2-msearch2-container[title="Modelo"]::after {
  content: "Modelo" !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  text-align: center !important;
  color: #a8a8a8 !important;
}
html[lang="es"] #select2-msearch2-container:not([title="Modell"]):not([title="Modèle"]):not([title="Model"]):not([title="Modelo"]) {
  visibility: visible !important;
  color: #ffffff !important;
}
html[lang="es"] #select2-msearch2-container:not([title="Modell"]):not([title="Modèle"]):not([title="Model"]):not([title="Modelo"])::after {
  content: none !important;
}
/* AÑO */
html[lang="es"] #select2-msearch3-container[title="Baujahr"],
html[lang="es"] #select2-msearch3-container[title="Jahr"],
html[lang="es"] #select2-msearch3-container[title="Rocznik"],
html[lang="es"] #select2-msearch3-container[title="Année"],
html[lang="es"] #select2-msearch3-container[title="Annee"],
html[lang="es"] #select2-msearch3-container[title="Año"] {
  visibility: hidden !important;
}
html[lang="es"] #select2-msearch3-container[title="Baujahr"]::after,
html[lang="es"] #select2-msearch3-container[title="Jahr"]::after,
html[lang="es"] #select2-msearch3-container[title="Rocznik"]::after,
html[lang="es"] #select2-msearch3-container[title="Année"]::after,
html[lang="es"] #select2-msearch3-container[title="Annee"]::after,
html[lang="es"] #select2-msearch3-container[title="Año"]::after {
  content: "Año" !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  text-align: center !important;
  color: #a8a8a8 !important;
}
html[lang="es"] #select2-msearch3-container:not([title="Baujahr"]):not([title="Jahr"]):not([title="Rocznik"]):not([title="Année"]):not([title="Annee"]):not([title="Año"]) {
  visibility: visible !important;
  color: #ffffff !important;
}
html[lang="es"] #select2-msearch3-container:not([title="Baujahr"]):not([title="Jahr"]):not([title="Rocznik"]):not([title="Année"]):not([title="Annee"]):not([title="Año"])::after {
  content: none !important;
}
/* --- O --- */
html[lang="es"] .special_lit {
  font-size: 0 !important;
}
html[lang="es"] .special_lit::after {
  content: "O" !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #ffffff !important;
}
/* ============================================================
   3. PRZYCISK WYSZUKIWARKI
   ============================================================ */
html[lang="es"] form#menu_search button[type="submit"] {
  font-size: 0 !important;
}
html[lang="es"] form#menu_search button[type="submit"]::after {
  content: "BUSCAR" !important;
  font-size: 14px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
}
/* ============================================================
   4. SEKCJA OPINII
   ============================================================ */
html[lang="es"] #opinions_section .big_label {
  font-size: 0 !important;
}
html[lang="es"] #opinions_section .big_label::after {
  content: "Añadir tu reseña" !important;
  font-size: 20px !important;
  font-weight: bold !important;
  color: #333333 !important;
  text-transform: uppercase !important;
}
html[lang="es"] .shop_opinions_name {
  font-size: 0 !important;
}
html[lang="es"] .shop_opinions_name::after {
  content: "Tu valoración:" !important;
  font-size: 14px !important;
  color: #666666 !important;
}
html[lang="es"] label[for="opinion"] {
  font-size: 0 !important;
}
html[lang="es"] label[for="opinion"]::after {
  content: "Tu reseña" !important;
  font-size: 13px !important;
  color: #666666 !important;
}
html[lang="es"] .opinion_add_photos_text {
  font-size: 0 !important;
}
html[lang="es"] .opinion_add_photos_text i {
  font-size: 14px !important;
}
html[lang="es"] .opinion_add_photos_text::after {
  content: " Añadir una foto del producto:" !important;
  font-size: 13px !important;
  color: #666666 !important;
}
html[lang="es"] label[for="addopinion_name"] {
  font-size: 0 !important;
}
html[lang="es"] label[for="addopinion_name"]::after {
  content: "Tu nombre" !important;
  font-size: 13px !important;
  color: #666666 !important;
}
html[lang="es"] label[for="addopinion_email"] {
  font-size: 0 !important;
}
html[lang="es"] label[for="addopinion_email"]::after {
  content: "Tu correo electrónico" !important;
  font-size: 13px !important;
  color: #666666 !important;
}
html[lang="es"] button.opinions-shop_opinions_button {
  font-size: 0 !important;
  color: transparent !important;
}
html[lang="es"] button.opinions-shop_opinions_button::after {
  content: "Enviar reseña" !important;
  font-size: 14px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
}
/* ============================================================
   5. REKOMENDACJE + WYSYŁKA
   ============================================================ */
html[lang="es"] #products_associated_zone1 .big_label {
  font-size: 0 !important;
}
html[lang="es"] #products_associated_zone1 .big_label::after {
  content: "TAMBIÉN TE PUEDE GUSTAR" !important;
  font-size: 2.4rem !important;
  font-weight: 400 !important;
  color: #333333 !important;
  text-transform: uppercase !important;
  display: block !important;
}
html[lang="es"] #projector_shipping_info label {
  font-size: 0 !important;
}
html[lang="es"] #projector_shipping_info label::after {
  content: "Envío:" !important;
  font-size: 13px !important;
  color: #666666 !important;
  margin-right: 4px !important;
}
/* ============================================================
   6. MENU KLIENTA / STOPKA
   ============================================================ */
html[lang="es"] #order_rma a {
  font-size: 0 !important;
}
html[lang="es"] #order_rma a::after {
  content: "Quiero presentar una reclamación" !important;
  font-size: 13px !important;
  color: #e0dcdc !important;
  display: inline-block !important;
}
html[lang="es"] #order_returns a {
  font-size: 0 !important;
}
html[lang="es"] #order_returns a::after {
  content: "Quiero devolver un producto" !important;
  font-size: 13px !important;
  color: #e0dcdc !important;
  display: inline-block !important;
}
/* ============================================================
   7. "Matches to:" → "Compatible con:"
   ============================================================ */
html[lang="es"] .projector_menu_items_label_text {
  font-size: 0 !important;
}
html[lang="es"] .projector_menu_items_label_text::after {
  content: "Compatible con:" !important;
  font-size: 1.6rem !important;
  font-weight: bold !important;
  color: inherit !important;
  display: inline-block !important;
}
/* --- KARTA PRODUKTU --- */
#projector_price_unit,
.projector_price_unit {
    display: inline-block !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
#projector_price_unit::after,
.projector_price_unit::after {
    content: "ud." !important;
    font-size: 14px !important;
    line-height: normal !important;
}

/* --- KAFELKI W KATEGORIACH --- */
.product_prices span.price {
    position: relative !important;
    display: inline-block !important;
}

.product_prices span.price::after {
    content: "ud." !important;
    position: absolute !important;
    right: 0 !important;
    top: -2px !important;
    bottom: -2px !important;
    width: 26px !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #272626 !important;
    text-align: left !important;
    line-height: 1.4 !important;
}