#desktopLangDropdown {
  width: 60px;
  margin-left: 18px;
}

/* ==========================================================================
   icon.css – Stiluri header, iconițe, catalog, search și layout responsive
   Breakpoint-uri folosite: 540px, 768px, 850px, 991.98px, 1024px, 1280px
   ========================================================================== */

.breadcrumb {
  font-size: 14px;
}@media (max-width: 768px) {
  /* Mobil: ascundere buton catalog, search full-width, fără label */}

#siteChangeCurrentLang {
  position: relative;
  padding-left: 55px;
  line-height: 17px;
}

#siteChangeCurrentLang a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 39px;
  height: 22px;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 3px #999;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -11px;
}
#siteChangeCurrentLang[nextlang="ro-RO"] a:before {
  background-image: url(/img/head_icon/MD.png);
}

#siteChangeCurrentLang[nextlang="ru-RU"] a:before {
  background-image: url(/img/head_icon/RU.png);
}
.site_Header_Item {
  position: relative;
  padding-left: 25px;
  border-bottom: 0 solid transparent;
  text-decoration: none;
}

.site_Header_Link,
.site_Header_Item a,
.site_Header_Link a {
  text-decoration: none;
  border-bottom: none;
}

.site_Header_Link:hover,
.site_Header_Item a:hover,
.site_Header_Link a:hover {
  text-decoration: none;
  border-bottom: none;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(2px);
  }
  75% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
}

#siteUserLogin:before,
#siteWorkingHours:before,
#siteGeneralContacts:before,
.site_Header .fb_Header:before,
.site_Header:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
}

.special_offers:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  animation: shake 0.5s infinite;
}
#siteUserLogin:before {
  background-image: url(/img/head_icon/login.svg);
}
#siteWorkingHours:before {
  background-image: url(/img/head_icon/Time.svg);
}
#siteGeneralContacts:before {
  background-image: url(/img/head_icon/contacts.svg);
}
.site_Header .fb_Header:before {
  background-image: url(/img/head_icon/Face.svg);
}
.site_Header .special_offers:before {
  background-image: url(/img/head_icon/Offer.svg);
}
.site_Header .livrare:before {
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  content: "\f48b";
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  font-weight: 900;
  color: #1e90ff;
}

.site_Header .bonus:before {
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  content: "\f81d";
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  font-weight: 900;
  color: green;
}

.site_Header .viber:before {
  /*font-family: "Font Awesome 5 Free";*/
  /*font-size: 16px;*/
  /*content: "\f409";*/
  /*content: url(/img/viber.png);*/
  background-image: url(/img/head_icon/viber.png);
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  /*font-weight: 900;*/
  color: green;
}
.site_Header .telegram:before {
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  /*font-weight: 900;*/
  color: green;
}
.site_Header .whatsapp:before {
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  font-weight: 900;
  color: #da2626;
}

.site_Header .cashback:before {
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  content: "\f555";
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  font-weight: 900;
  color: #da2626;
  text-decoration: none;
}
.site_Header A {
  border-bottom: 0px solid transparent;
  font-size: 13px;
  /*vertical-align: middle;*/
}

//* Bloc utilizator logat – doar cerc cu initială, albastru de brand (#1d2f82), fără nume client *//* Meniu dropdown utilizator logat *//* Link ieșire – modernizat *///*MAP*/
/*Добавить id #adr_map для блока  dialogShops_MapAddrArea*/

.dialogShops_MapAddrArea {
  width: 315px;
  height: 280px;
  position: relative;
}
#adr_map,
#adr_map2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.site_Header {
  border-bottom: 1px solid #dcdcdc;
  background-color: #f5f5f5;
  padding: 21px 1.5%;
}
.site_Header:after {
  content: "";
  display: block;
}
.mob_logo {
  width: 157px;
  height: 45px;
  float: left;
  /* --brand-logo-url e definit inline in layout din config/brand.php */
  background-image: var(--brand-logo-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: none;
}

.site_Catalog_SearchBlock {
  padding-bottom: 0px;
  width: auto;
  background-color: #f2f534;
  display: block;
  margin-left: 20px;
  margin-right: 50px;
  max-width: 643px;
  margin-top: 14px;
}

.site_Catalog_GroupItem {
  padding: 3px;
  padding-left: 8px;
  color: #171717;
  letter-spacing: 0.01em;
  text-transform: none;
  font-size: 14px;
  position: relative;
  background-color: #fff;
}
.site_Catalog_GroupItem:hover,
.site_Catalog_GroupItem[selected] {
  cursor: pointer;
  background-color: #eef2fb;
  color: #171717;
}

.site_Catalog_GroupItem:after {
  content: "";
  width: 7px;
  height: 7px;
  background-image: url(/img/head_icon/arrob_b.png);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  right: 15px;
  position: absolute;
  top: 50%;
  margin-top: -3.5px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.site_Catalog_GroupItem.active:after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.site_Catalog_GroupItem span {
  width: 25px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
  background-position: center;
}

.seach_btn {
  width: 20px;
  height: 20px;
  border: 1px;
  /*outline: 0;*/
  background-color: transparent;
  background-image: url(/img/head_icon/search.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  border-radius: 10px;
}
.wrap_search {
  position: relative;
  width: 100%;
  background-color: #fff;
  height: 40px;
  text-align: left;
  box-sizing: border-box;
}
.wrap_search.active {
  opacity: 1;
}

.site_Catalog_SearchControl {
  width: calc(100% - 135px);
  height: 40px;
  padding: 12px 12px;
  /* padding REAL pentru text + placeholder */
  border: 1px solid #4285f4;
  color: #333;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 5px;
  line-height: 40px;
  /* centrare verticală */
  outline: none;
  padding-left: 12px
}


.site_Catalog_SearchControl:focus {
  border: 2px solid #4285f4;
}
.searchCloseBtn {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  justify-content: center;
}
.wrap_search button {
  font-size: 16px;
  background: #4285f4;
  border: 0px;
  border-radius: 4px;
  line-height: 40px;
  color: #ffffffe1;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  top: 0px;
  right: 0;
  width: 48px;
}
.siteScreen {
  width: 100%;
  max-width: none;
}
.main_header {
  max-width: none;
  top: 0;
  z-index: 999;
  background: #fff;
  width: 100%;
  position: static;
}
.header1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10001;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.header .navbar {
margin-bottom: 0;
}
.header1 .header1-container {
  width: 100%;
}

.header1 .header-desktop-logo {
  display: flex;
  align-items: center;
  margin-right: 48px;
  flex: 0 0 auto;
}

/* Aliniere verticală pentru toate elementele din navbar */
.header1 .navbar {
  align-items: center;
}
.header1 .navbar-nav {
  align-items: center;
}
.header1 .navbar-nav .nav-item {
  display: flex;
  align-items: center;
}
.header1 .navbar-nav .nav-link,
.header1 .navbar-nav .btn {
  display: inline-flex;
  align-items: center;
}
.header1 .header-desktop-logo img {
  display: block;
  width: auto;
  height: 45px;
}
.header1 .nav-link,
.header1 .nav-link i {
  color: #333;
}
.header1 .nav-link:hover,
.header1 .nav-link:hover i {
  color: var(--bs-primary);
}
.header1 .nav-link .nav-icon-home,
.header1 .nav-link:hover .nav-icon-home {
  color: #4285f4;
  margin-right: 6px;
}

/* Spațiere între elementele din meniul principal (desktop) */
@media (min-width: 992px) {
  .header1 {
    height: 116px;
  }

  .header1 .navbar {
    height: 58px;
    padding-top: 0;
    padding-bottom: 0;
  }.header1 .navbar-nav .nav-item {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

/* headerul e in flux (nu mai e fixed) — fara spatiu rezervat sus */
.siteScreen {
  margin-top: 0;
  padding-top: 0;
}
.siteContentInner {
  padding-top: 0;
}
@media (max-width: 1200px) {
  .header1 {
    left: 0;
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .header1 {
    left: 0;
    width: 100%;
  }
  .header1 .navbar {
    min-height: 56px;
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
  }
  .header1 .navbar > .container,
  .header1 .navbar > .container-fluid,
  .header1 .navbar > div[class*="container"] {
    align-items: center;
    min-height: 56px;
  }
  .site_LeftSide,
  .open_menu,
  #catalogSelectorPanelMobile,
  .site_Catalog_Area {
    display: none !important;
  }
  .siteScreen {
    margin-top: 0;
    padding-top: 0;
  }
  .siteContentInner {
    padding-top: 0;
  }

  /* ─── Catalog mobil TWO-PANE (V3): rail categorii stanga + subcategorii dreapta ─── */
  /* bara de sus a catalogului (titlu + inchidere) */
  .mcat-bar { display: none; }
  body.catalog-mobile-open .mcat-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 52px;
    padding: 6px 8px 0;
    background: #fff;
    border-bottom: 1px solid #e6eaf4;
    z-index: 10006;
  }
  .mcat-bar .mcat-title { font-weight: 700; font-size: 15px; margin-left: 6px; color: #1c2438; }
  .mcat-bar .mcat-close {
    margin-left: auto;
    width: 40px; height: 40px;
    border: none; border-radius: 10px;
    background: #f5f7fc; color: #67708a;
    font-size: 20px; line-height: 1; cursor: pointer;
  }

  /* rail (stanga) — lista categoriilor principale */
  body.catalog-mobile-open .site_LeftSide,
  body.catalog-mobile-open .site_LeftSide.open {
    display: block !important;
    position: fixed !important;
    top: 52px !important;
    left: 0 !important;
    bottom: 58px !important;
    margin: 0 !important;
    width: 132px !important;
    max-width: 132px !important;
    height: auto !important;
    z-index: 10004;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    background: #f7f9fc;
    border-right: 1px solid #e6eaf4;
  }
  body.catalog-mobile-open .site_Catalog_Area { display: block !important; min-height: 100%; }

  /* item-uri rail: compacte, fara sageata; activ = albastrui */
  body.catalog-mobile-open .site_LeftSide .site_Catalog_GroupItem {
    padding: 9px 8px !important;
    font-size: 12px !important;
    line-height: 1.25;
    background: transparent !important;
    color: #1c2438;
    display: block;
    white-space: normal !important;
    word-break: break-word;
  }
  body.catalog-mobile-open .site_LeftSide .site_Catalog_GroupItem.active {
    background: #eef2fb !important;
    color: #1e50c8;
    font-weight: 600;
    box-shadow: inset 3px 0 0 #1e50c8;
  }
  body.catalog-mobile-open .site_LeftSide .site_Catalog_GroupItem span {
    width: 20px !important; height: 18px !important; margin-right: 3px;
  }
  body.catalog-mobile-open .site_LeftSide .site_Catalog_GroupItem:after { display: none !important; }
  body.catalog-mobile-open .site_LeftSide .site_Catalog_CatalogItemDelimiter { display: none; }

  /* detaliu (dreapta) — subcategoriile categoriei selectate */
  body.catalog-mobile-open #catalogSelectorPanelMobile {
    display: block !important;
    position: fixed !important;
    top: 52px !important;
    left: 132px !important;
    right: 0 !important;
    bottom: 58px !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    z-index: 10004;
    background: #fff;
    padding: 8px 14px 20px;
    border: none;
  }
}
@media (max-width: 1024px) {
  .siteScreen {
    margin-left: 0 !important;
  }

  .siteContent {
    margin-left: 0 !important;
    border-left: 0;
  }
}
@media (min-width: 992px) {
  .site_LeftSide {
    padding-top: 0;
    box-sizing: border-box;
  }
  .site_LeftSide .site_Logo {
    display: none;
  }
  .btn_Catalog {
    margin-top: 0;
  }
}
.siteContent {
  padding-top: 0;
  max-width: none;
}
/* Desktop: meniul de catalog NU mai e coloana permanenta — e dropdown
   deschis din .btn_Catalog (body.catalog-overlay-open). Stiluri panou:
   web/css/header.css, sectiunea "catalog dropdown". */
@media (min-width: 992px) {
  .site_LeftSide {
    float: none;
    width: auto;
    margin-top: 0;
    background: none;
    border: none;
  }
  .site_LeftSide .site_Catalog_Area {
    display: none;
  }
}

.site_Logo,
.site_Catalog_SearchBlock {
  position: static !important;
}
.site_Catalog_Area {
  margin-left: 0;
  padding-left: 0px;
  left: 0;
}
.site_Catalog_Area .site_Catalog_Block {
  margin-left: 0;
  padding-left: 0;
}

.open_menu {
  position: absolute;
  top: -22px;
  left: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 100001;
  margin-top: 82px;
  margin-left: 15px;
  display: none;
}
.open_menu span {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  background-image: url(/img/head_icon/Katalog_tovarov.svg);
  background-color: #4285f4;
  margin: 0;
  background-size: 23px;
}
.open_menu.active {
  margin-top: 82px !important;
  margin-left: 15px !important;
  background-image: url(/img/head_icon/Katalog_tovarov.svg);
  background-color: #4285f4;
  background-size: 23px;
}
#siteCustomerShopCartInfo {
  display: inline-block;
  text-decoration: none;
  background-color: transparent;
  color: #333;
  line-height: 21px;
  height: 21px;
  padding: 0px 0px 0px 20px;
  width: auto;
  text-align: center;
  position: relative;
  float: right;
  font-weight: bold;
  font-size: 14px;
  min-width: auto;
  margin-right: 2.5%;
  margin-top: 6px;
}
#siteCustomerShopCartInfo:hover {
  color: #333;
  text-decoration: none;
}

#siteCustomerShopCartInfo:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f07a";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  line-height: 1;
  color: #4285f4;
}

#siteCustomerShopCartInfo span {
  color: #ffffff;
}

#siteCustomerShopCartInfo .cart-badge {
  position: absolute;
  top: 4px;
  left: 22px;
  transform: translate(-50%, -50%);
  font-size: 11px;
  line-height: 1;
  padding: 4px 6px;
}

.header1 .siteFavoriteInfo {
  color: #333;
  font-size: 20px;
  padding: 0 8px;
  margin-top: 6px;
  height: 21px;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.header1 .siteFavoriteInfo:hover {
  color: var(--bs-primary);
}
.header1 .siteFavoriteInfo .site-favorite-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  left: auto;
  transform: none;
  font-size: 10px;
  line-height: 1;
  padding: 2px 5px;
  min-width: 18px;
}

.site_contactsBlock {
  display: block;
  float: left;
  margin: 22px 2.5% 0 2.5%;
}

.site_contactsBlock a {
  font-size: 22px;
  font-weight: bolder;
  padding-left: 50px;
  position: relative;
  color: #4285f4;
}
.site_contactsBlock a:before {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0;
  top: 50%;
  margin-top: -18px;
  background-image: url(/img/head_icon/Girl_online_consult.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.btn_Catalog {
  background-color: #4285f4;
  color: #fff;
  font-size: 15px;
  display: block;
  padding: 14px 0 14px 10px;
  margin-top: 20px;
}

.site_Logo {
  height: 61px;
  padding: 19px 0 0 23px;
  float: none;
  width: 217px;
  background-color: #f5f5f5;
}

.btn_Catalog:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 18px;
  background-image: url(/img/head_icon/Katalog_tovarov.svg);
  margin-right: 7px;
  background-repeat: no-repeat;
  background-size: contain;
}
.btn_Catalog.is-back:before {
  display: none;
}
.btn_Catalog[role="button"] {
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .btn_Catalog.is-back {
    padding-left: 14px;
  }
}

/* Cod produs pe imaginea principală – evită left: -300px care ascundea textul */
.Page_Product_Detail_Content_MainImage_Flags.ProductArticle,
.Page_Product_Detail_Content_MainImage_Label.ProductArticle {
  left: 0 !important;
  color: #000 !important;
}

/*Category*/

#catalogSelectorPanel {
  background-color: #fff;
  padding: 18px 34px 30px 34px;
  color: #fff;
  margin-left: 550px;
  min-width: 405px;
  font-size: 14px;
  z-index: 19999;
  max-height: 625px;
  border: 1px solid #d0d0d0;
  border-left: 0;
}

.catalogSelector_ItemBox {
  height: auto;
  color: #171717;
  padding: 0 8px 0 0px;
  line-height: 15px;
  display: table-cell;
  vertical-align: middle;
  width: 195px;
  background-repeat: no-repeat;
  background-position: 12px 12px;
  box-sizing: border-box;
  font-size: 12px;
}
.catalogSelector_GroupItem {
  line-height: 100%;
  padding: 10px 0 5px 0;
  border-bottom: solid 0px #6e8ae6;
  width: auto;
  color: #171717;
  font-size: 15px;
  height: auto;
  overflow: hidden;
  text-transform: lowercase;
  font-weight: bold;
}
.catalogSelector_GroupItem a {
  color: #171717;
}

.catalogSelector_GroupItem a:hover {
  color: #171717;
  text-decoration: underline;
}

.catalogSelector_ItemBox:hover {
  background-color: transparent;
  background-position: 15px 15px;
  text-decoration: underline;
  padding: 5px 8px 5px 0px;
}
.btn_mob_menu {
  width: 40px;
  height: 30px;
  float: right;
  display: none;
}
.btn_mob_menu > span {
  width: 27px;
  height: 5px;
  background-color: #999;
  display: block !important;
  margin: 0 auto;
  position: relative;
  top: 50%;
  margin-top: -2.5px;
}

.btn_mob_menu > span:before,
.btn_mob_menu > span:after {
  content: "";
  display: block;
  width: 27px;
  height: 5px;
  position: absolute;
  background-color: #999;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.btn_mob_menu > span:before {
  top: -8px;
}

.btn_mob_menu > span:after {
  bottom: -8px;
}

.btn_mob_menu.active span {
  background-color: transparent;
}
.btn_mob_menu.active > span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
}
.btn_mob_menu.active > span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0;
}
.site_Catalog_Block[mobile] .site_Catalog_GroupItem[selected] {
  background-color: #f5f5f5;
  border-top: 0;
  color: #171717;
}
.siteSocialBtn {
  float: right;
}
.siteSocialBtn a {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  text-decoration: none;
  border: 0;
}

.siteSocialBtn a.vk {
  background-image: url(/img/head_icon/vk.png);
}
.siteSocialBtn a.viber {
  background-image: url(/img/head_icon/viber.png);
}
.siteSocialBtn a.fb {
  background-image: url(/img/head_icon/fb.png);
}
.siteSocialBtn a.gplus {
  background-image: url(/img/head_icon/g+.png);
}
.siteSocialBtn a.youtube {
  background-image: url(/img/head_icon/you.png);
}

.social-icons {
  content: "";
}

@media screen and (max-width: 1280px) {
  .menu__item {
    list-style-type: none;
  }
  #siteChangeCurrentLang {
    font-size: 0;
    line-height: 17px;
    padding-left: 39px;
  }
  #siteUserLogin:before,
  #siteWorkingHours:before,
  #siteGeneralContacts:before,
  .site_Header .fb_Header:before,
  .site_Header .special_offers:before {
    width: 18px;
    height: 18px;
    margin-top: -9px;
  }
  .site_Header_Item {
    display: inline-block;
    margin: 9px 5px;
    vertical-align: top;
    padding-left: 22px;
  }
  .site_Catalog_SearchBlock {
    margin-left: 20px;
    margin-right: 50px;
    max-width: 485px;
  }
  #siteCustomerShopCartInfo {
    font-size: 12px;
  }
  .site_Catalog_SearchControl {
    width: calc(100% - 110px);
  }
  .wrap_search button {
    width: 110px;
  }
  .site_contactsBlock {
    margin: 22px 1.5% 0 2.5%;
  }
}

@media screen and (max-width: 1024px) {
  /* Tablet/mobil: logo mobil, meniu hamburger, coș icon-only, catalog lateral */
  .dialog_fader {
    z-index: 9999;
  }

  .dialog_box {
    z-index: 101001 !important;
    /*margin-top: 150px;*/
  }
  .mob_logo {
    display: block !important;
  }
  .btn_mob_menu {
    display: block !important;
  }
  .call-us {
    display: block !important;
    position: absolute;
    right: 100px;
  }
  .open_menu {
    display: none !important;
  }
  .main_header {
    position: static;
    background: #ffffff;
    z-index: 10000;
    width: 100%;
  }
  .main_header.fixed {
    position: relative;
  }
  .open_menu.active span {
    background-image: url(/img/head_icon/Katalog_tovarov.svg);
    background-color: #4285f4;
    background-size: 23px;
  }
  .site_Header:after {
    content: "";
    display: block;
    clear: both;
  }
  .site_Header {
    background-color: #f5f5f5;
    padding: 13px 1.5% 8px;
    height: 60px;
  }#siteChangeCurrentLang {
    margin-top: 7px;
    float: right;
    margin-right: 1px;
  }
  #siteChangeCurrentLang a {
    display: block;
  }
  .site_Header_Item {
    margin: 9px 5px;
    vertical-align: top;
  }
  .site_Header > #siteUserLogin {
    display: none;
  }
  .seach_btn {
    background-color: #182b7f;
  }
  #siteCustomerShopCartInfo {
    font-size: 0;
    width: 48px;
    margin-right: 7px;
    padding: 0;
    margin-top: 15px;
  }
  #siteCustomerShopCartInfo span {
    color: #fff;
    font-size: 12px;
    background: #4285f4;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    z-index: 21;
    display: inline-block;
    top: 8px;
    line-height: 20px;
  }
  .wrap_search {
    height: 39px;
    padding: 0 0px 0 0px;
  }
  .wrap_search button {
    /* line-height: 48px; */
    background-image: url(/img/head_icon/seargh_mob.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    height: 38px;
    width: 35px;
    left: 0;
    padding: 0;
    border: 1px solid #4285f4;
  }
  .site_Catalog_SearchControl {
    padding: 0px 0 0 10px;
    font-size: 14px;
    line-height: 37px;
    width: 83%;
  }
  .site_contactsBlock a {
    font-size: 23px;
  }
  .site_Logo {
    width: 95%;
    height: 90px;
    padding: 19px 0 0 5%;
    display: none;
  }
  .black_bg {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
  }
  .black_bg.active {
    background-color: rgba(0, 0, 0, 0.55);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10002;
  }
  .site_LeftSide {
    margin-top: 140px;
    position: absolute;
  }
  .site_LeftSide.open {
    transition: all 0.8s;
    z-index: 10003;
    position: absolute;
    margin-top: 120px;
    max-width: 300px;
    overflow: visible;
    height: auto !important;
    width: 53.5%;
    margin-left: 311px;
    -webkit-transition: all 0.8s;
  }
  .site_Catalog_SearchBlock {
    margin-left: 60px;
    margin-right: 100px;
    max-width: 100%;
    margin-top: 6px;
  }
  .site_contactsBlock {
    display: none;
  }
  .site_Header_Container {
    display: none;
  }
  #siteWorkingHours {
    display: none;
  }
  #siteGeneralContacts {
    display: none;
  }
  .site_Header A {
    display: none;
  }
  .site_Header_ItemSeparator {
    display: none;
  }
  .cloneTopMenu {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    margin-top: 67px;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    z-index: 100010;
    padding: 16px 0;
    box-shadow: 0px 0px 15px #999;
    background-color: #f5f5f5;
  }
  .cloneTopMenu.open {
    display: block;
    z-index: 101000;
  }
  .cloneTopMenu .site_Header_Item {
    font-size: 14px;
    text-transform: none;
    padding: 6px 2%;
    width: 25%;
    text-decoration: none;
    box-sizing: border-box;
    background-color: #f5f5f5;
    color: #171717;
    text-align: center;
    border-right: 1px solid #999;
  }
  .cloneTopMenu .site_Header_Item A {
    color: #171717;
  }

  /*test cats*/
  #catalogSelectorPanelMobile {
    top: 0;
    margin-top: 140px;
    margin-left: 55px;
    position: absolute;
    width: 80%;
    background: #f5f5f5;
    z-index: 10004;
    overflow: hidden;
    border: 1px solid #d0d0d0;
  }

  .catsMobile {
    text-align: center;
    padding: 0;
  }
  .xcatsMobile,
  .sCatsMobile ul li {
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #d0d0d0;
    padding: 0px 3%;
    line-height: 36px;
  }
  .xcatsMobile h5 {
    margin: 0;
  }
  .sCatsMobile {
    top: 0;
    position: absolute;
    width: 85%;
    height: 100%;
    background: #f5f5f5;
    z-index: 10004;
    left: 0px;
    display: none;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    margin-left: 15%;
    border: 1px solid #d0d0d0;
    border-top: 0;
    overflow-y: visible;
    box-sizing: border-box;
    border-right: 0;
  }

  .sCatsMobile.active {
    display: block;
  }

  .sCatsMobile ul {
    margin: 0;
    padding: 0;
  }

  #catalogSelectorPanelMobile h4 {
    line-height: 50px;
    text-transform: none;
    letter-spacing: 0.04em;
    margin: 0;
    background-color: #e4e4e4;
    padding: 11px 3% 10px;
    color: #171717;
    font-size: 14px;
    position: relative;
    font-weight: normal;
  }

  .sCatsMobile h5 {
    line-height: 50px;
    text-transform: none;
    letter-spacing: 0.04em;
    margin: 0;
    background-color: #e4e4e4;
    padding: 11px 5% 10px;
    color: #171717;
    font-size: 14px;
    position: relative;
    font-weight: normal;
  }

  .catsMobile h5 a,
  .sCatsMobile ul li a {
    display: block;
    padding: 7.5px 0;
    cursor: pointer;
    text-transform: none;
    margin: 0;
    color: #171717;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.04em;
  }

  #catalogSelectorPanelMobile h4 span {
    width: 25px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    background-position: center;
  }
  #catalogSelectorPanelMobile > a[onclick="CatalogTree_CloseSelector()"],
  .sCatsMobile h5 + span {
    margin-top: 18px;
    width: 34px;
    position: absolute;
    right: 25px;
    top: 0;
    height: 34px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/img/head_icon/close.png);
    cursor: pointer;
  }

  .site_Header_InfoBlock {
    padding: 0;
  }
  .site_Catalog_Block {
    padding-bottom: 0px;
  }
  .site_Catalog_GroupItem {
    padding: 16px 16px 14px 14px;
  }

  #catalogSelectorPanel {
    display: none;
  }

  #catalogSelectorPanelMobile {
    display: block;
  }
}
@media screen and (max-width: 850px) {
  /* Mobil îngust: header flex, doar user + limbă + hamburger, fără restul item-urilor */
  .site_Header {
    border-bottom: 1px solid #dcdcdc;
    background-color: #f5f5f5;
    padding: 10px 1.5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
  }/* Reset pentru toate elementele header */
  .site_Header .site_Header_Item {
    display: none !important;
  }

  /* Doar elementele necesare pe mobil */
  .site_Header .site_Header_Item#siteUserMenuWrap {
    display: inline-flex !important;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: transparent !important;
    border: 2px solid #1d2f82 !important;
    border-radius: 50%;
    box-shadow: none !important;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-left: auto;
    order: 3;
    z-index: 1; /* Cercul sub literă */
  }

  .site_Header .site_Header_Item#siteUserMenuWrap:hover {
    transform: translateY(-2px);
    border-color: #2a40a3 !important;
    box-shadow: 0 2px 8px rgba(29, 47, 130, 0.2) !important;
  }

  /* Reset complet pentru #siteUserInfo - cerc cu conținut vizibil (icon sau inițială) */
  #siteUserInfo {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transform: none;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    letter-spacing: 0.5px;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    z-index: 2;
  }

  /* Ascundere pseudo-elemente care conflictează pe mobil */
  #siteUserInfo::before,
  #siteUserInfo::after,
  .site_Header .site_Header_Item#siteUserMenuWrap .dropdown-arrow {
    display: none !important;
    content: none !important;
    background: none !important;
  }

  /* Iconiță utilizator în cerc (când nu e logat cu inițială) */
  .customer-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  /* Switch limbă - stil simplu fără fundal */
  .site_Header .site_Header_Item#siteChangeCurrentLang {
    display: inline-flex !important;
    position: relative;
    order: 2;
    margin: 0 10px;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
  }

  /* Eliminare completă stilurile vechi pentru schimbarea limbii */
  .site_Header .site_Header_Item#siteChangeCurrentLang a,
  .site_Header .site_Header_Item#siteChangeCurrentLang a:before,
  .site_Header .site_Header_Item#siteChangeCurrentLang a:after {
    display: none !important;
    background: none !important;
    content: none !important;
  }

  /* Buton mobil */
  .btn_mob_menu {
    display: inline-flex !important;
    order: 4;
    margin-left: 10px;
    position: relative;
    z-index: 10;
  }

  /* Ascundere elemente nedorite */
  .site_Header .site_Header_Item:not(#siteUserMenuWrap):not(#siteChangeCurrentLang) {
    display: none !important;
  }

  /* Buton hamburger mobil – o singură definiție */
  .btn_mob_menu {
    display: inline-flex !important;
    order: 4;
    margin-left: 10px;
    position: relative;
    z-index: 10;
  }

  /* Ascundere triunghi dropdown pe mobil */
  .dropdown-arrow {
    display: none !important;
  }
  /* Switch pentru limbă pe mobil */
  .lang-switch {
    display: flex;
    background: transparent;
    border: none;
    overflow: hidden;
    width: auto;
    height: auto;
    position: relative;
    gap: 8px;
  }
  .lang-option {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #666;
    text-decoration: none;
    padding: 4px 8px;
    border-radius: 4px;
  }
  .lang-option.active {
    color: #1d2f82;
    text-decoration: none;
  }
  .lang-option:not(.active) {
    text-decoration: underline;
    color: #666;
  }
  .lang-option:hover {
    color: #1d2f82;
  }
  .lang-fallback {
    display: none;
  }
  /* Ascundere săgeată de catalog pe mobil */
  .site_Catalog_GroupItem:after {
    display: none !important;
  }
  .cloneTopMenu {
    padding: 0;
  }
  .cloneTopMenu .site_Header_Item {
    padding: 20px 2%;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #999;
  }
  .call-us {
    right: 122px;
    padding: 0 0 0 8px;
  }
}

@media screen and (max-width: 540px) {
  .cloneTopMenu {
    border-top: 0;
  }
  .btn_Catalog {
    display: none !important;
  }
  .xcatsMobile,
  .sCatsMobile ul li {
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #d0d0d0;
    padding: 0px 10%;
    line-height: 36px;
  }
}

div.easy-autocomplete {
  width: auto !important;
  margin-left: 32px;
}

@media screen and (max-width: 1024px) {
  div.easy-autocomplete {
    margin-left: 0;
  }
}

/* Phone center styles */
.header1 .header-phone-link {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 8px 12px;
  line-height: 1;
}

.header1 .header-phone-link i {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.header1 .phone-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
}

.header1 .phone-center .phone-link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #333;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 16px;
  background: #f8f9fa;
  border-radius: 25px;
  border: 2px solid #28a745;
  transition: all 0.3s ease;
}

.header1 .phone-center .phone-link:hover {
  background: #28a745;
  color: #fff;
  transform: scale(1.05);
}

.header1 .phone-center .phone-link i {
  color: #28a745;
  font-size: 18px;
}

.header1 .phone-center .phone-link:hover i {
  color: #fff;
}

/* Responsive adjustments for phone center */
@media (max-width: 768px) {
  .header1 .phone-center {
    position: static;
    transform: none;
    margin: 10px auto;
    text-align: center;
  }

  .header1 .phone-center .phone-link {
    font-size: 14px;
    padding: 6px 12px;
  }
}

/* Mobile hamburger menu styles */
.header1 .navbar-toggler {
  border: none;
  padding: 4px 8px;
}

.header1 .navbar-toggler:focus {
  box-shadow: none;
}

.header1 .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  width: 20px;
  height: 18px;
}

/* Mobile layout adjustments */
@media (max-width: 991.98px) {
  .header1 .navbar {
    padding: 8px 0;
  }

  .header1 .header1-container {
    align-items: center;
  }

  .header1 .navbar-brand {
    margin: 0;
    padding: 0;
  }

  .header1 .navbar-brand img {
    height: 35px;
  }

  .header1 .language-switch {
    margin-left: auto;
    margin-right: 15px;
    transform: scale(0.85);
  }

  .header1 .navbar-collapse {
    background: #fff;
    border-top: 1px solid #e0e0e0;
    padding: 15px 10px;
    margin-top: 5px;
  }

  .header1 .navbar-nav .nav-link {
    padding: 10px 15px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 15px;
  }

  .header1 .navbar-nav .nav-item:last-child .nav-link {
    border-bottom: none;
  }

  .header1 .navbar-nav .nav-link i {
    width: 20px;
    text-align: center;
    margin-right: 8px;
  }

  /* Phone link in mobile menu */
  .header1 .navbar-nav .nav-item.d-lg-none .nav-link {
    background: #f8f9fa;
    color: #0d6efd;
    font-weight: 600;
    margin-top: 10px;
    border-radius: 8px;
    border: 1px solid #0d6efd;
  }

  .header1 .navbar-nav .nav-item.d-lg-none .nav-link:hover {
    background: #0d6efd;
    color: #fff;
  }

  .header1 .navbar-nav .nav-item.d-lg-none .nav-link i {
    color: #0d6efd;
  }

  .header1 .navbar-nav .nav-item.d-lg-none .nav-link:hover i {
    color: #fff;
  }
}

/* Language Dropdown Styles */
.header1 .language-dropdown .btn {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #333;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 15px;
  transition: all 0.3s ease;
}

.header1 .language-dropdown .btn:hover {
  background: #e9ecef;
  border-color: #adb5bd;
}

.header1 .language-dropdown .btn:focus {
  box-shadow: none;
  border-color: #adb5bd;
}

.header1 .language-dropdown .dropdown-toggle::after {
  border-top-color: #666;
  font-size: 10px;
}

/* Desktop language dropdown in navbar */
.header1 .navbar-nav .nav-item .btn {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #333;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 20px;
  transition: all 0.3s ease;
  height: 32px;
  display: flex;
  align-items: center;
}

.header1 .navbar-nav .nav-item .btn:hover {
  background: #e9ecef;
  border-color: #adb5bd;
  transform: translateY(-1px);
}

.header1 .navbar-nav .nav-item .btn:focus {
  box-shadow: none;
  border-color: #adb5bd;
}

.header1 .navbar-nav .nav-item .dropdown-menu {
  min-width: 80px;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 4px 0;
}

.header1 .navbar-nav .nav-item .dropdown-item {
  font-size: 13px;
  padding: 6px 12px;
  color: #333;
  transition: all 0.2s ease;
}

.header1 .navbar-nav .nav-item .dropdown-item:hover {
  background: #f8f9fa;
  color: #007bff;
}

.header1 .navbar-nav .nav-item .dropdown-item.active {
  background: #007bff;
  color: #fff;
  font-weight: 500;
}

/* Mobile language dropdown adjustments */
@media (max-width: 991.98px) {
  .header1 .language-dropdown {
    margin-left: auto;
    margin-right: 15px;
  }

  .header1 .language-dropdown .dropdown-menu {
    right: 0;
    left: auto;
    min-width: 70px;
  }

  /* Login link mobile adjustments */
  .header1 .nav-link.d-lg-none[href="/login"] {
    margin-right: 10px;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 20px;
    border: 1px solid #dee2e6;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    transition: all 0.3s ease;
    height: 32px;
    display: flex;
    align-items: center;
  }

  .header1 .nav-link.d-lg-none[href="/login"]:hover {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
    transform: translateY(-1px);
  }

  .header1 .nav-link.d-lg-none[href="/login"] i {
    margin-right: 5px;
    color: #666;
  }

  .header1 .nav-link.d-lg-none[href="/login"]:hover i {
    color: #fff;
  }
}

/* Desktop login link styles */
.header1 .navbar-nav .nav-item .nav-link[href="/login"] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #f8f9fa;
  border-radius: 20px;
  border: 1px solid #dee2e6;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  transition: all 0.3s ease;
  margin-right: 15px;
  height: 32px;
}

.header1 .navbar-nav .nav-item .nav-link[href="/login"]:hover {
  background: #007bff;
  color: #fff;
  border-color: #007bff;
  transform: translateY(-1px);
}

.header1 .navbar-nav .nav-item .nav-link[href="/login"] i {
  color: #666;
  font-size: 14px;
}

.header1 .navbar-nav .nav-item .nav-link[href="/login"]:hover i {
  color: #fff;
}

/* H2 pe mobil – mărime în rem pentru tot siteul */
@media (max-width: 991.98px) {
  h2,
  .static_page_content h2,
  .conten-credit h2,
  .popUp .conten-credit > h2,
  .banner_block h2 {
    font-size: 1.25rem;
  }
}

/* Page_ContentHeader_ProductPath – mai mult spațiu între elemente */
.Page_ContentHeader_ProductPath .delimiter {
  padding: 0 10px;
}
.Page_ContentHeader_ProductPath .link {
  margin-right: 2px;
}
.Page_ContentHeader_ProductPath a {
  margin-right: 2px;
}

/* Page_ContentHeader_ProductPath – font mai mic pe mobil */
@media (max-width: 768px) {
  .Page_ContentHeader_ProductPath,
  .Page_ContentHeader_ProductPath .link,
  .Page_ContentHeader_ProductPath .delimiter,
  .Page_ContentHeader_ProductPath a {
    font-size: 0.85rem !important;
    line-height: 1.4;
  }
  .Page_ContentHeader_ProductPath .delimiter {
    padding: 0 6px;
  }
}

/* Grila blocurilor de produse a fost mutata in web/css/goods-grid.css
   (2/3/4/5 coloane la 768/992/1200). Regulile de aici - 25% intre 700-850px,
   33.33% sub 759.98px si grid auto-fit peste 760px - se contraziceau intre ele
   si cu product-card.css, asa ca au fost eliminate. */

/* Fallback orizontal înainte de inițializare Splide */
.similar-products-slider:not(.is-initialized) {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 8px;
}
.similar-products-slider:not(.is-initialized) .similar-products-slide {
  flex: 0 0 auto;
}

.similar-products-slider .similar-products-slide {
  display: flex;
  justify-content: center;
}

/* Pagina Produse noi – titlu pe 2 rânduri */
.Page_ContentHeader_Titles .page-title-two-lines {
  line-height: 1.25;
  margin: 0;
}
.Page_ContentHeader_Titles .page-title-two-lines .page-title-line2 {
  font-weight: inherit;
}