/* Entra Group | Helix Ultimate custom theme | 2026-11-07 */
:root {
  --entra-accent: #df633b;
  --entra-accent-dark: #b64726;
  --entra-ink: #24303a;
  --entra-border: #e4e9ed;
}

body {
  color: var(--entra-ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.55;
}

a {
  text-underline-offset: 3px;
}

a:hover,
a:focus-visible {
  color: var(--entra-accent-dark);
}

img {
  max-width: 100%;
  height: auto;
}

#sp-top1 {
  max-height: 28px;
}

#sp-top-bar {
  padding: 7px 0;
}

#sp-top-bar #sp-top1:empty {
  display: none;
}

#sp-top-bar #sp-top2 {
  flex: 0 0 100%;
  max-width: 100%;
}

#sp-top-bar .sp-contact-info {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 18px;
}

#sp-top-bar .sp-contact-info li {
  margin: 0;
  font-size: 13px;
}

#sp-top-bar .sp-contact-info a {
  color: #f5f7f9;
}

#sp-top-bar .sp-contact-info a:hover {
  color: #ffb496;
}

#sp-header {
  border-bottom: 1px solid var(--entra-border);
}

#sp-header .logo-image {
  width: auto;
  max-width: 270px;
  object-fit: contain;
}

#sp-header .sp-megamenu-parent>li>a,
#sp-header .sp-megamenu-parent>li>span {
  font-size: 14px;
  font-weight: 600;
}

#sp-header .sp-megamenu-parent>li.active>a,
#sp-header .sp-megamenu-parent>li:hover>a {
  color: var(--entra-accent);
}

#sp-main-body {
  padding: 30px 0 52px;
}

#sp-main-body .container,
#sp-bottom .container {
  max-width: 1320px;
}

#sp-main-body .row {
  align-items: flex-start;
}

#sp-left .sp-module {
  margin-top: 20px;
  padding: 16px 18px;
  border: 1px solid var(--entra-border);
  border-radius: 8px;
  background: #fff;
}

#sp-left .sp-module:first-child {
  margin-top: 0;
}

#sp-left .sp-module .sp-module-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  padding-bottom: 11px;
  margin-bottom: 10px;
  border-bottom: 2px solid var(--entra-accent);
}

#sp-left .sp-module ul>li {
  border-bottom: 1px solid #edf0f3;
}

#sp-left .sp-module ul>li>a {
  line-height: 1.4;
  padding: 9px 0;
  font-size: 14px;
}

#sp-left .sp-module ul>li.active>a,
#sp-left .sp-module ul>li.current>a {
  color: var(--entra-accent-dark);
  font-weight: 700;
}

#sp-component h1 {
  font-size: clamp(25px, 2.5vw, 34px);
  line-height: 1.24;
}

#sp-component h2 {
  font-size: clamp(21px, 2vw, 27px);
}

#sp-component .breadcrumb {
  background: #f6f8fa;
  border-radius: 6px;
}

#sp-user1 {
  padding: 20px 0 8px;
}

#sp-user1 .sp-module {
  margin: 0;
}

#sp-user1 .sp-module-content>div {
  max-width: 100% !important;
}

#sp-bottom {
  padding: 32px 0;
  background: #f4f6f8;
  border-top: 1px solid var(--entra-border);
}

#sp-bottom .sp-module-title {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 14px;
}

#sp-bottom .mod-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  padding: 0;
  margin: 0;
  list-style: none;
}

#sp-bottom .mod-menu a {
  font-size: 14px;
  color: #394958;
}

#sp-footer {
  padding: 20px 0;
  font-size: 13px;
}

#sp-footer .sp-copyright {
  color: #e0e5e8;
}

#comjshop .jshop_list_category .row-fluid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

#comjshop .jshop_list_category .row-fluid>.jshop_categ {
  float: none;
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0;
  border: 1px solid var(--entra-border);
  border-radius: 9px;
  padding: 14px;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
}

#comjshop .jshop_list_category .row-fluid>.jshop_categ:hover {
  border-color: #e5a48a;
  box-shadow: 0 4px 16px rgba(32, 42, 50, .08);
}

#comjshop .jshop_categ .image {
  min-height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#comjshop .jshop_categ .image img {
  max-height: 160px;
  width: auto;
  object-fit: contain;
}

#comjshop .jshop_categ .category_name {
  font-weight: 700;
  margin-top: 12px;
}

#comjshop .jshop_categ a.product_link {
  color: var(--entra-ink);
}

#comjshop .jshop_categ a.product_link:hover {
  color: var(--entra-accent-dark);
}

#comjshop input,
#comjshop select {
  max-width: 100%;
}

#comjshop .btn-primary,
#comjshop button.btn-primary {
  background-color: var(--entra-accent);
  border-color: var(--entra-accent);
}

#comjshop .btn-primary:hover {
  background-color: var(--entra-accent-dark);
  border-color: var(--entra-accent-dark);
}

@media (max-width: 991px) {
  #sp-main-body {
    padding-top: 22px;
  }

  #sp-top1 {
    margin-bottom: 6px;
  }

  #sp-main-body>.container>.container-inner>.row>#sp-component {
    order: 0;
  }

  #sp-main-body>.container>.container-inner>.row>#sp-left {
    order: 1;
    margin-top: 24px;
  }

  #comjshop .jshop_list_category .row-fluid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

#mxcpr {
  display: none !important;
}

@media (max-width: 575px) {
  #sp-top-bar {
    padding: 5px 0;
  }

  #sp-top-bar .sp-contact-info {
    gap: 3px 12px;
    justify-content: center;
    flex-wrap: wrap;
  }

  #sp-top-bar .sp-contact-info li {
    font-size: 11px;
  }

  #sp-header .logo-image {
    max-width: 250px;
  }

  #sp-main-body {
    padding-bottom: 30px;
  }

  #sp-left .sp-module {
    padding: 13px 15px;
  }

  #comjshop .jshop_list_category .row-fluid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  #sp-bottom .mod-menu {
    display: block;
  }

  #sp-bottom .mod-menu li {
    margin-bottom: 9px;
  }
}

#sp-bottom .sp-module .sp-module-title {
  color: #24303a;
}

/* JoomShopping utility search: native GET form, no legacy modules */
.entra-shop-toolbar {
  padding: 14px 0;
  background: #f6f8fa;
  border-bottom: 1px solid var(--entra-border);
}

.entra-shop-actions {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 15px;
}

.entra-shop-search {
  display: flex;
  flex: 1;
  min-width: 0;
  max-width: 760px;
  margin: 0;
}

.entra-shop-search input[type="search"] {
  min-width: 0;
  flex: 1;
  padding: 10px 14px;
  font-size: 14px;
  border: 1px solid #ccd5dc;
  border-radius: 7px 0 0 7px;
  background: #fff;
  color: var(--entra-ink);
}

.entra-shop-search input[type="search"]:focus {
  outline: 2px solid rgba(223, 99, 59, .25);
  outline-offset: -2px;
  border-color: var(--entra-accent);
}

.entra-search-button {
  padding: 10px 24px;
  background: var(--entra-accent);
  color: #fff;
  border: 1px solid var(--entra-accent);
  border-radius: 0 7px 7px 0;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.entra-search-button:hover,
.entra-search-button:focus-visible {
  background: var(--entra-accent-dark);
  color: #fff;
}

.entra-cart-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  white-space: nowrap;
  min-width: 135px;
  padding: 9px 18px;
  border: 1px solid #d0d9e0;
  border-radius: 7px;
  background: #fff;
  color: var(--entra-ink);
  font-size: 14px;
  font-weight: 700;
}

.entra-cart-link:hover {
  color: var(--entra-accent-dark);
  border-color: var(--entra-accent);
  text-decoration: none;
}

@media (max-width: 575px) {
  .entra-shop-actions {
    flex-direction: column;
    gap: 10px;
  }

  .entra-shop-search {
    max-width: 100%;
  }

  .entra-shop-search input[type="search"] {
    font-size: 13px;
  }

  .entra-search-button {
    padding: 10px 15px;
  }

  .entra-cart-link {
    min-width: 0;
  }
}

/* Standalone catalogue navigation restored from the Outpost user13 module */
body.itemid-608 .com-content-article__body .entra-catalog-menu {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding: 0;
  margin: 12px 0 35px;
  list-style: none;
}

body.itemid-608 .com-content-article__body .entra-catalog-menu>li {
  display: flex;
  margin: 0;
  min-width: 0;
}

body.itemid-608 .com-content-article__body .entra-catalog-menu>li>a {
  display: flex;
  width: 100%;
  align-items: center;
  min-height: 82px;
  padding: 18px 20px;
  border: 1px solid var(--entra-border);
  border-left: 4px solid var(--entra-accent);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(20, 33, 45, .035);
  color: var(--entra-ink);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}

body.itemid-608 .com-content-article__body .entra-catalog-menu>li>a:hover,
body.itemid-608 .com-content-article__body .entra-catalog-menu>li>a:focus-visible {
  color: var(--entra-accent-dark);
  border-color: var(--entra-accent);
  box-shadow: 0 9px 24px rgba(20, 33, 45, .09);
  transform: translateY(-2px);
}

#sp-bottom .sp-module {
  margin-bottom: 16px;
}

#sp-bottom .sp-module-title {
  font-size: 17px;
  margin: 0 0 13px;
}

#sp-bottom .mod-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

#sp-bottom .mod-menu a {
  line-height: 1.5;
}

#sp-bottom #favsocial-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  padding: 0;
  margin: 0;
}

#sp-bottom #favsocial-list li {
  margin: 0;
}

#sp-bottom4 #mod-custom115 p {
  text-align: left !important;
  line-height: 1.55;
  font-size: 12px !important;
  margin-bottom: 9px;
  color: #52606c;
}

#sp-bottom4 #mod-custom115 strong {
  color: var(--entra-ink);
  font-size: 14px;
}

@media (max-width: 991px) {
  body.itemid-608 .com-content-article__body .entra-catalog-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #sp-bottom>.container>.container-inner>.row>[id^="sp-bottom"] {
    width: 50%;
    flex: 0 0 50%;
    margin-bottom: 15px;
  }
}

@media (max-width: 575px) {
  body.itemid-608 .com-content-article__body .entra-catalog-menu {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.itemid-608 .com-content-article__body .entra-catalog-menu>li>a {
    min-height: 66px;
    padding: 13px 16px;
  }

  #sp-bottom>.container>.container-inner>.row>[id^="sp-bottom"] {
    width: 100%;
    flex: 0 0 100%;
    margin-bottom: 18px;
  }
}

/* JoomShopping category navigation: migrated module #638, Joomla 6 compatible */
#sp-left .entra-shop-cat-nav {
  background: #fff;
  border: 1px solid var(--entra-border, #e4e9ed);
  border-radius: 9px;
  overflow: hidden;
  margin: 0 0 24px;
}

#sp-left .entra-shop-cat-heading {
  display: block;
  padding: 15px 18px 13px;
  margin: 0;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 700;
  color: var(--entra-ink, #24303a);
  border-bottom: 2px solid var(--entra-accent, #df633b);
}

#sp-left .entra-shop-cat-list {
  display: block;
  list-style: none;
  padding: 6px 0;
  margin: 0;
  max-height: min(72vh, 780px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #c9d0d6 #f7f8fa;
}

#sp-left .entra-shop-cat-item {
  display: block;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #f0f2f4;
}

#sp-left .entra-shop-cat-item:last-child {
  border-bottom: 0;
}

#sp-left .entra-shop-cat-item>a {
  display: block;
  padding: 10px 18px;
  color: var(--entra-ink, #24303a);
  font-size: 14px;
  line-height: 1.35;
  text-decoration: none;
  overflow-wrap: break-word;
  transition: background .2s, color .2s;
}

#sp-left .entra-shop-cat-item>a:hover,
#sp-left .entra-shop-cat-item>a:focus-visible {
  background: #f7f8fa;
  color: var(--entra-accent-dark, #b64726);
}

#sp-left .entra-shop-cat-item.is-active>a {
  color: var(--entra-accent-dark, #b64726);
  background: #fff4ef;
  font-weight: 700;
  box-shadow: inset 3px 0 0 var(--entra-accent, #df633b);
}

#sp-left .entra-shop-cat-sublist {
  max-height: none;
  overflow: visible;
  padding-left: 12px;
}

#sp-left .entra-shop-cat-sublist .entra-shop-cat-item>a {
  font-size: 13px;
  padding: 7px 12px;
}

@media (max-width: 991px) {
  #sp-left .entra-shop-cat-nav {
    margin-top: 10px;
  }

  #sp-left .entra-shop-cat-list {
    max-height: 380px;
  }
}

/* Helix shop layout: restore a clear Bootstrap grid gutter between left and content.
   Keep the 3/9 columns unchanged; don't add offsets to JoomShopping itself. */
@media (min-width: 992px) {
  body.com-jshopping #sp-main-body>.container>.container-inner>.row:has(> #sp-left) {
    --bs-gutter-x: 3rem;
  }
}

/* JoomShopping catalogue readability: prices, actions, navigation */
#comjshop .jshop_list_product .product .jshop_price,
#comjshop .jshop_list_product .product .jshop_price>span {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
}

#comjshop .jshop_list_product .product .old_price {
  font-size: 14px;
  line-height: 1.5;
}

#comjshop .jshop_list_product .product .buttons .btn,
#comjshop .jshop_list_product .product .button_detail {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  padding: 9px 18px;
}

#comjshop .jshop_pagination,
#comjshop .jshop_pagination .pagination_result_counter {
  font-size: 15px;
  line-height: 1.5;
}

#comjshop .jshop_pagination .page-link {
  font-size: 15px;
  min-width: 39px;
  min-height: 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
}

#comjshop .jshop_list_product .product .product_name,
#comjshop .jshop_list_product .product .name {
  font-size: 16px;
  line-height: 1.45;
}

@media (max-width: 575px) {
  #comjshop .jshop_pagination .page-link {
    min-width: 36px;
    min-height: 36px;
    padding: 7px 10px;
  }
}

/* JoomShopping product page: match the "Назад" action to enlarged catalogue buttons */
#comjshop .button_back .btn,
#comjshop .button_back input.button {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  padding: 9px 18px;
  min-height: 40px;
}

/* Entra Group contact bar: phones, email and official MAX SVG */
#sp-top-bar .entra-header-contact-module {
  margin: 0;
  display: block;
}

#sp-top-bar .entra-header-contacts {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px 22px;
  min-height: 28px;
}

#sp-top-bar .entra-header-contact {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #f5f7f9;
  font-size: 13px;
  line-height: 1.35;
  white-space: nowrap;
  text-decoration: none;
}

#sp-top-bar .entra-header-contact:hover,
#sp-top-bar .entra-header-contact:focus-visible {
  color: #ffb496;
}

#sp-top-bar .entra-header-contact .fas,
#sp-top-bar .entra-header-contact .far {
  font-size: 13px;
}

#sp-top-bar .entra-header-max img {
  width: 18px;
  height: 20px;
  border-radius: 5px;
  object-fit: contain;
  flex-shrink: 0;
}

#sp-top-bar .entra-header-max span {
  font-weight: 600;
  line-height: 1;
}

@media (max-width: 991px) {
  #sp-top-bar .entra-header-contacts {
    justify-content: center;
    gap: 7px 17px;
  }
}

@media (max-width: 575px) {
  #sp-top-bar .entra-header-contacts {
    gap: 6px 13px;
  }

  #sp-top-bar .entra-header-contact {
    font-size: 12px;
  }

  #sp-top-bar .entra-header-max img {
    width: 18px;
    height: 18px;
  }

  #sp-header {
    height: 60px;
  }
}

/* Consistent focus treatment: no black outline on pointer clicks,
   but preserve a visible keyboard navigation indicator. */
body :where(a, button, input, select, textarea, summary, [tabindex]):focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

body :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--entra-accent, #df633b);
  outline-offset: 3px;
  box-shadow: none;
}

/* Breadcrumbs: Helix content-top, all pages except homepage */
.entra-breadcrumbs-section {
  padding: 17px 0 0;
}

.entra-breadcrumbs-section .sp-module {
  margin: 0;
}

.mod-breadcrumbs {
  margin-bottom: 3rem;
}

.entra-breadcrumbs-section .mod-breadcrumbs__wrapper .breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 0;
  margin: 0;
  padding: 10px 14px !important;
  background: #f6f8fa;
  border-radius: 7px;
  font-size: 14px;
  line-height: 1.5;
}

#jb-privacy-policy {
  color: #303030 !important;
}

.jb-privacy .modal-body {
  color: #303030 !important;
}

.jb-privacy-preferences {
  color: #303030 !important;
}

.modal-dialog button {
  font-size: 14px;
}

.entra-breadcrumbs-section .breadcrumb a {
  color: #526575;
}

.entra-breadcrumbs-section .breadcrumb a:hover {
  color: var(--entra-accent-dark, #b64726);
}

.entra-breadcrumbs-section .breadcrumb .active {
  color: #263441;
}

.entra-breadcrumbs-section .mod-breadcrumbs__divider {
  margin-right: 7px;
}

@media (max-width: 575px) {
  .entra-breadcrumbs-section {
    padding-top: 10px;
  }

  .entra-breadcrumbs-section .mod-breadcrumbs__wrapper .breadcrumb {
    font-size: 13px;
    padding: 9px 11px !important;
  }
}

/* Shared fluid container width for header, toolbar, content and footer.
   Avoid Bootstrap's stepped max-width changes at 576/768/992/1200/1400px. */
body.site #sp-top-bar>.container,
body.site #sp-header>.container,
body.site #sp-search-and-cart>.container,
body.site #sp-section-1>.container,
body.site #sp-title>.container,
body.site #sp-user1>.container,
body.site #sp-main-body>.container,
body.site #sp-bottom>.container,
body.site #sp-footer>.container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

/* Transmission category: keep the original transmission and DANA photos side by side. */
body.itemid-574 .category-desc p:has(> img[src$="/images/transmission.jpg"]):has(> img[src$="/images/DANA4.jpg"]) {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 14px;
}

body.itemid-574 .category-desc p:has(> img[src$="/images/transmission.jpg"])>img {
  display: block;
  flex: 1 1 0;
  width: calc(50% - 7px);
  min-width: 0;
  max-width: calc(50% - 7px);
  height: auto;
  object-fit: contain;
}

@media (max-width: 575px) {
  body.itemid-574 .category-desc p:has(> img[src$="/images/transmission.jpg"]):has(> img[src$="/images/DANA4.jpg"]) {
    gap: 8px;
  }

  body.itemid-574 .category-desc p:has(> img[src$="/images/transmission.jpg"])>img {
    width: calc(50% - 4px);
    max-width: calc(50% - 4px);
  }
}

/* Motor category: four original brand banners, matching production content */
body.itemid-575 .entra-motor-brand-banners {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 26px 0 12px;
}

body.itemid-575 .entra-motor-brand-banners a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 8px;
  border: 1px solid #e4e9ed;
  border-radius: 8px;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
}

body.itemid-575 .entra-motor-brand-banners a:hover {
  border-color: #df633b;
  box-shadow: 0 4px 18px rgba(25, 39, 52, .08);
}

body.itemid-575 .entra-motor-brand-banners img {
  display: block;
  width: 100%;
  max-width: 200px;
  height: auto;
}

@media (max-width: 575px) {
  body.itemid-575 .entra-motor-brand-banners {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

/* Oil category: two TESMA photos placed in one paragraph, side by side. */
body.itemid-578 .category-desc p:has(> img[src$="/Different/Tesma_20.jpg"]):has(> img[src$="/Different/Tesma_205.jpg"]) {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 14px;
  font-size: 0;
}

body.itemid-578 .category-desc p:has(> img[src$="/Different/Tesma_20.jpg"])>img {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  max-width: calc(50% - 7px);
  height: auto;
  object-fit: contain;
}

@media (max-width: 575px) {
  body.itemid-578 .category-desc p:has(> img[src$="/Different/Tesma_20.jpg"]) {
    gap: 8px;
  }

  body.itemid-578 .category-desc p:has(> img[src$="/Different/Tesma_20.jpg"])>img {
    max-width: calc(50% - 4px);
  }
}

/* Filters category: four original CAT / CASE / VOLVO / TEREX banners */
body.itemid-577 .entra-filters-brand-banners {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 26px 0 12px;
}

body.itemid-577 .entra-filters-brand-banners a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 8px;
  border: 1px solid #e4e9ed;
  border-radius: 8px;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
}

body.itemid-577 .entra-filters-brand-banners a:hover {
  border-color: #df633b;
  box-shadow: 0 4px 18px rgba(25, 39, 52, .08);
}

body.itemid-577 .entra-filters-brand-banners img {
  display: block;
  width: 100%;
  max-width: 200px;
  height: auto;
}

@media (max-width: 575px) {
  body.itemid-577 .entra-filters-brand-banners {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

/* Work equipment: restored visual links to original three K2-derived items */
body.itemid-576 .entra-work-equipment-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 26px 0 15px;
}

body.itemid-576 .entra-work-equipment-cards a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  background: #fff;
  border: 1px solid #e4e9ed;
  border-radius: 9px;
  color: #263442;
  text-decoration: none;
  transition: border-color .2s, box-shadow .2s;
}

body.itemid-576 .entra-work-equipment-cards a:hover {
  border-color: #df633b;
  box-shadow: 0 6px 18px rgba(25, 39, 52, .08);
}

body.itemid-576 .entra-work-equipment-cards img {
  display: block;
  width: 100%;
  height: 165px;
  object-fit: contain;
}

body.itemid-576 .entra-work-equipment-cards span {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 575px) {
  body.itemid-576 .entra-work-equipment-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body.itemid-576 .entra-work-equipment-cards img {
    height: 125px;
  }
}

#sp-footer .container-inner {
  padding: 10px 0;
  border-top: none;
}

/* Top advertisement on shop landing page, restored from the legacy storefront */
body.itemid-303 .entra-shop-promo-module {
  margin: 12px 0 22px;
}

body.itemid-303 .entra-shop-promo-banner {
  text-align: center;
}

body.itemid-303 .entra-shop-promo-banner a {
  display: inline-block;
  max-width: 100%;
}

body.itemid-303 .entra-shop-promo-banner img {
  display: block;
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 7px;
}

/* Brands menu: heading matches the JoomShopping category sidebar. */
body.itemid-412 #sp-left .sp-module.tabbeddark.mobileshow {
  padding: 0;
  overflow: hidden;
}

body.itemid-412 #sp-left .sp-module.tabbeddark.mobileshow>.sp-module-title {
  display: block;
  padding: 15px 18px 13px;
  margin: 0;
  border-bottom: 2px solid var(--entra-accent, #df633b);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--entra-ink, #24303a);
}

body.itemid-412 #sp-left .sp-module.tabbeddark.mobileshow>.sp-module-content {
  padding: 6px 18px 8px;
}

/* K2 migration: compact image cards on brand-category listings (three across).
   Restrict styling to the explicit 23 manufacturer menu pages. */
body:is(.itemid-572, .itemid-474, .itemid-277, .itemid-496, .itemid-274, .itemid-304, .itemid-504, .itemid-472, .itemid-502, .itemid-475, .itemid-518, .itemid-469, .itemid-467, .itemid-466, .itemid-570, .itemid-571, .itemid-276, .itemid-503, .itemid-501, .itemid-470, .itemid-468, .itemid-306, .itemid-471) #sp-component .article-list.cols-3 {
  margin-top: 22px;
}

body:is(.itemid-572, .itemid-474, .itemid-277, .itemid-496, .itemid-274, .itemid-304, .itemid-504, .itemid-472, .itemid-502, .itemid-475, .itemid-518, .itemid-469, .itemid-467, .itemid-466, .itemid-570, .itemid-571, .itemid-276, .itemid-503, .itemid-501, .itemid-470, .itemid-468, .itemid-306, .itemid-471) #sp-component .article-list.cols-3 .article {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 13px;
  border: 1px solid #e4e9ed;
  border-radius: 9px;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
}

body:is(.itemid-572, .itemid-474, .itemid-277, .itemid-496, .itemid-274, .itemid-304, .itemid-504, .itemid-472, .itemid-502, .itemid-475, .itemid-518, .itemid-469, .itemid-467, .itemid-466, .itemid-570, .itemid-571, .itemid-276, .itemid-503, .itemid-501, .itemid-470, .itemid-468, .itemid-306, .itemid-471) #sp-component .article-list.cols-3 .article:hover {
  border-color: #df633b;
  box-shadow: 0 5px 18px rgba(25, 39, 52, .07);
}

body:is(.itemid-572, .itemid-474, .itemid-277, .itemid-496, .itemid-274, .itemid-304, .itemid-504, .itemid-472, .itemid-502, .itemid-475, .itemid-518, .itemid-469, .itemid-467, .itemid-466, .itemid-570, .itemid-571, .itemid-276, .itemid-503, .itemid-501, .itemid-470, .itemid-468, .itemid-306, .itemid-471) #sp-component .article-list.cols-3 .article-intro-image {
  float: none !important;
  margin: 0 0 12px;
}

body:is(.itemid-572, .itemid-474, .itemid-277, .itemid-496, .itemid-274, .itemid-304, .itemid-504, .itemid-472, .itemid-502, .itemid-475, .itemid-518, .itemid-469, .itemid-467, .itemid-466, .itemid-570, .itemid-571, .itemid-276, .itemid-503, .itemid-501, .itemid-470, .itemid-468, .itemid-306, .itemid-471) #sp-component .article-list.cols-3 .article-intro-image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 175px;
  object-fit: contain;
}

body:is(.itemid-572, .itemid-474, .itemid-277, .itemid-496, .itemid-274, .itemid-304, .itemid-504, .itemid-472, .itemid-502, .itemid-475, .itemid-518, .itemid-469, .itemid-467, .itemid-466, .itemid-570, .itemid-571, .itemid-276, .itemid-503, .itemid-501, .itemid-470, .itemid-468, .itemid-306, .itemid-471) #sp-component .article-list.cols-3 .article-header h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
}

body:is(.itemid-572, .itemid-474, .itemid-277, .itemid-496, .itemid-274, .itemid-304, .itemid-504, .itemid-472, .itemid-502, .itemid-475, .itemid-518, .itemid-469, .itemid-467, .itemid-466, .itemid-570, .itemid-571, .itemid-276, .itemid-503, .itemid-501, .itemid-470, .itemid-468, .itemid-306, .itemid-471) #sp-component .article-list.cols-3 .article-header h2 a {
  color: inherit;
  text-decoration: none;
}

body:is(.itemid-572, .itemid-474, .itemid-277, .itemid-496, .itemid-274, .itemid-304, .itemid-504, .itemid-472, .itemid-502, .itemid-475, .itemid-518, .itemid-469, .itemid-467, .itemid-466, .itemid-570, .itemid-571, .itemid-276, .itemid-503, .itemid-501, .itemid-470, .itemid-468, .itemid-306, .itemid-471) #sp-component .article-list.cols-3 .article-header h2 a:hover {
  color: #df633b;
}

@media (min-width: 576px) and (max-width: 991px) {
  body.com-content.view-category.layout-blog #sp-component .article-list.cols-3>.row>.col-lg-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 575px) {
  body.com-content.view-category.layout-blog #sp-component .article-list.cols-3 .article-intro-image img {
    height: 200px;
  }
}

/* Keep pagination readable on category lists that still require multiple pages. */
body.com-content.view-category.layout-blog #sp-component .com-content-category-blog__pagination .page-link {
  font-size: 15px;
  padding: 9px 13px;
  min-width: 38px;
  text-align: center;
}

/* NEW HOLLAND: normalize three K2-migrated card image containers.
   Two photos are square, the third is 4:3; preserve the full image. */
body.itemid-475 #sp-component .article-list.cols-3>.row {
  align-items: stretch;
  row-gap: 20px;
}

body.itemid-475 #sp-component .article-list.cols-3>.row>.col-lg-4 {
  display: flex;
  min-width: 0;
}

body.itemid-475 #sp-component .article-list.cols-3>.row>.col-lg-4>.article {
  width: 100%;
  min-width: 0;
  height: 100%;
  margin: 0;
}

body.itemid-475 #sp-component .article-list.cols-3 .article-intro-image {
  display: block;
  width: 100%;
  float: none !important;
  margin: 0 0 14px;
  padding: 0;
}

body.itemid-475 #sp-component .article-list.cols-3 .article-intro-image>a {
  display: flex;
  width: 100%;
  height: 190px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
}

body.itemid-475 #sp-component .article-list.cols-3 .article-intro-image>a>img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 190px;
  object-fit: contain;
  object-position: center;
  margin: 0;
}

body.itemid-475 #sp-component .article-list.cols-3 .article-body {
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
}

body.itemid-475 #sp-component .article-list.cols-3 .article-header h2 {
  overflow-wrap: anywhere;
}

@media (max-width: 575px) {
  body.itemid-475 #sp-component .article-list.cols-3 .article-intro-image>a {
    height: 210px;
  }

  body.itemid-475 #sp-component .article-list.cols-3 .article-intro-image>a>img {
    max-height: 210px;
  }
}

/* Fix unequal NEW HOLLAND columns: Bootstrap/Flex widths were shrinking independently.
   Establish three genuinely equal grid tracks independent of each card's content. */
@media (min-width: 992px) {
  body.itemid-475 #sp-component .article-list.cols-3>.row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 18px;
    margin: 0;
  }

  body.itemid-475 #sp-component .article-list.cols-3>.row>.col-lg-4 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    padding: 0;
    margin: 0;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  body.itemid-475 #sp-component .article-list.cols-3>.row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
  }

  body.itemid-475 #sp-component .article-list.cols-3>.row>.col-lg-4 {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    padding: 0;
  }
}

@media (max-width: 575px) {
  body.itemid-475 #sp-component .article-list.cols-3>.row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 14px;
    margin: 0;
  }

  body.itemid-475 #sp-component .article-list.cols-3>.row>.col-lg-4 {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    padding: 0;
  }
}


/* Unified catalog-link cards on the two migrated Joomla category lists:
   CARRARO 93 links and DANA 9 links; no Joomla table-striped backgrounds. */
body:is(.itemid-435, .itemid-418) #sp-component .com-content-category__table.category {
  display: block;
  width: 100%;
  margin: 22px 0 30px;
  border: 0;
  background: transparent !important;
  box-shadow: none;
}

body:is(.itemid-435, .itemid-418) #sp-component .com-content-category__table.category>tbody {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 14px;
  background: transparent !important;
}

body:is(.itemid-435, .itemid-418) #sp-component .com-content-category__table.category>tbody>tr {
  display: contents;
  background: transparent !important;
  box-shadow: none !important;
}

body:is(.itemid-435, .itemid-418) #sp-component .com-content-category__table.category>tbody>tr>th.list-title {
  display: block;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 0;
  text-align: left;
  font-weight: 500;
  background: #fff !important;
  background-color: #fff !important;
  box-shadow: none !important;
  border: 1px solid #e3e9ed !important;
  border-radius: 7px;
  overflow-wrap: anywhere;
  transition: border-color .2s, box-shadow .2s, background-color .2s;
}

body:is(.itemid-435, .itemid-418) #sp-component .com-content-category__table.category>tbody>tr>th.list-title:hover {
  background: #fff !important;
  border-color: var(--entra-accent, #df633b) !important;
  box-shadow: 0 3px 12px rgba(26, 39, 51, .08) !important;
}

body:is(.itemid-435, .itemid-418) #sp-component .com-content-category__table.category>tbody>tr>th.list-title>a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 14px;
  color: var(--entra-ink, #24303a);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.45;
}

body:is(.itemid-435, .itemid-418) #sp-component .com-content-category__table.category>tbody>tr>th.list-title>a:hover,
body:is(.itemid-435, .itemid-418) #sp-component .com-content-category__table.category>tbody>tr>th.list-title>a:focus-visible {
  color: var(--entra-accent, #df633b);
}

@media (min-width: 576px) and (max-width: 767px) {
  body:is(.itemid-435, .itemid-418) #sp-component .com-content-category__table.category>tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  body:is(.itemid-435, .itemid-418) #sp-component .com-content-category__table.category>tbody {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
}

/* CASE manufacturer page: concise linked cards, hide long article intros.
   The full article body remains intact on its own detail page. */
body.itemid-474 #sp-component .article-list.cols-3 .article .article-introtext {
  display: none !important;
}

body.itemid-474 #sp-component .article-list.cols-3 .article .article-body {
  width: 100%;
  min-width: 0;
}

/* VOLVO: show linked photo and title only in K2-migrated listing cards. */
body.itemid-274 #sp-component .article-list.cols-3 .article .article-introtext {
  display: none !important;
}

body.itemid-274 #sp-component .article-list.cols-3 .article .article-body {
  width: 100%;
  min-width: 0;
}

/* LiuGong and AMKODOR: Helix splits four migrated cards into two .row blocks
   even when the menu requests three columns. Flatten those wrapper rows. */
body:is(.itemid-504, .itemid-472) #sp-component .article-list.cols-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}

body:is(.itemid-504, .itemid-472) #sp-component .article-list.cols-3>.row {
  display: contents;
}

body:is(.itemid-504, .itemid-472) #sp-component .article-list.cols-3>.row>.col-lg-4 {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  padding: 0;
  margin: 0;
  flex: none !important;
}

body:is(.itemid-504, .itemid-472) #sp-component .article-list.cols-3>.row>.col-lg-4>.article {
  width: 100%;
  height: 100%;
  margin: 0;
}

@media (min-width: 576px) and (max-width: 991px) {
  body:is(.itemid-504, .itemid-472) #sp-component .article-list.cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  body:is(.itemid-504, .itemid-472) #sp-component .article-list.cols-3 {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Compact messaging shortcuts next to the MAX contact in the top bar. */
#sp-top-bar .entra-header-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  font-size: 20px;
  line-height: 1;
}

#sp-top-bar .entra-header-social .fab {
  display: inline-block;
  font-size: 20px;
  line-height: 1;
}

#sp-top-bar .entra-header-social:hover {
  transform: translateY(-1px);
}

/* Top contact row: branded WhatsApp/Telegram icons and visible labels. */
#sp-top-bar .entra-header-social {
  width: auto;
  height: auto;
  min-height: 26px;
  flex: 0 0 auto;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
  transition: color .2s ease, transform .2s ease;
}

#sp-top-bar .entra-header-social[href^="https://wa.me/"] .fab {
  color: #25D366;
}

#sp-top-bar .entra-header-social[href^="https://t.me/"] .fab {
  color: #2AABEE;
}

#sp-top-bar .entra-header-social-label {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  color: #f5f7f9;
  margin-top: 2px;
}

#sp-top-bar .entra-header-social:hover .entra-header-social-label,
#sp-top-bar .entra-header-social:focus-visible .entra-header-social-label {
  color: #ffb496;
}

#sp-entra-home-slider .entra-hero-carousel {
  aspect-ratio: 1050 / 394;
}

#sp-entra-home-slider .entra-hero-slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 575px) {
  #sp-top-bar .entra-header-social-label {
    font-size: 12px;
  }
}

/* MAX: same slight upward hover animation as WhatsApp and Telegram. */
#sp-top-bar .entra-header-max {
  transition: color .2s ease, transform .2s ease;
}

#sp-top-bar .entra-header-max:hover {
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {

  #sp-top-bar .entra-header-max,
  #sp-top-bar .entra-header-social {
    transition: none;
  }

  #sp-top-bar .entra-header-max:hover,
  #sp-top-bar .entra-header-social:hover {
    transform: none;
  }
}

/* Category tree: independent chevron toggles, collapsed subcategories by default. */
#sp-left .entra-shop-cat-nav .entra-shop-cat-sublist[hidden] {
  display: none !important;
}

#sp-left .entra-shop-cat-nav .entra-shop-cat-entry {
  display: flex;
  align-items: stretch;
  min-width: 0;
}

#sp-left .entra-shop-cat-nav .entra-shop-cat-entry>a {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  padding: 10px 18px;
  color: var(--entra-ink, #24303a);
  font-size: 14px;
  line-height: 1.35;
  text-decoration: none;
  overflow-wrap: break-word;
  transition: background .2s ease, color .2s ease;
}

#sp-left .entra-shop-cat-nav .entra-shop-cat-entry>a:hover,
#sp-left .entra-shop-cat-nav .entra-shop-cat-entry>a:focus-visible {
  background: #f7f8fa;
  color: var(--entra-accent-dark, #b64726);
}

#sp-left .entra-shop-cat-nav .entra-shop-cat-item.is-active>.entra-shop-cat-entry>a {
  color: var(--entra-accent-dark, #b64726);
  background: #fff4ef;
  font-weight: 700;
  box-shadow: inset 3px 0 0 var(--entra-accent, #df633b);
}

#sp-left .entra-shop-cat-nav .entra-shop-cat-toggle {
  display: inline-flex;
  flex: 0 0 38px;
  width: 38px;
  min-height: 38px;
  padding: 0;
  align-items: center;
  justify-content: center;
  color: #63717e;
  border: 0;
  border-left: 1px solid #f0f2f4;
  background: transparent;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}

#sp-left .entra-shop-cat-nav .entra-shop-cat-toggle:hover {
  background: #fff4ef;
  color: var(--entra-accent-dark, #b64726);
}

#sp-left .entra-shop-cat-nav .entra-shop-cat-toggle svg {
  transition: transform .2s ease;
}

#sp-left .entra-shop-cat-nav .entra-shop-cat-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

#sp-left .entra-shop-cat-nav .entra-shop-cat-sublist {
  max-height: none;
  overflow: visible;
  padding-left: 0px;
  border-left: 2px solid #edf0f3;
  margin-left: 10px;
}

#sp-left .entra-shop-cat-nav .entra-shop-cat-sublist .entra-shop-cat-entry>a {
  padding: 8px 10px;
  font-size: 13px;
}

@media (prefers-reduced-motion: reduce) {

  #sp-left .entra-shop-cat-nav .entra-shop-cat-toggle,
  #sp-left .entra-shop-cat-nav .entra-shop-cat-toggle svg {
    transition: none;
  }
}

/* Homepage uses a separate Helix introduction section rather than the
   com_content component: align its sidebar with that section on desktop. */
body.itemid-21 #sp-home-introduction>.container>.container-inner>.row>#sp-left {
  min-width: 0;
}

body.itemid-21 #sp-home-introduction>.container>.container-inner>.row>#sp-user1 {
  min-width: 0;
}

body.itemid-21 #sp-home-introduction>.container>.container-inner>.row>#sp-left .entra-shop-cat-nav {
  margin-top: 20px;
}

body.itemid-21.entra-home-sidebar-relocated #sp-main-body {
  display: none;
}

@media (max-width: 991px) {
  body.itemid-21 #sp-home-introduction>.container>.container-inner>.row>#sp-user1 {
    order: 0;
  }

  body.itemid-21 #sp-home-introduction>.container>.container-inner>.row>#sp-left {
    order: 1;
    margin-top: 14px;
  }
}

/* Homepage: hero carousel and introduction sit in the right 9-column area,
   with the JoomShopping category tree in the left 3-column sidebar. */
body.itemid-21.entra-home-slider-right #sp-home-introduction {
  display: none;
}

#sp-entra-home-slider {
  padding: 0 16px 16px 16px !important;
}

body.itemid-21.entra-home-slider-right section#sp-entra-home-slider-section>.container>.container-inner>.row {
  align-items: flex-start;
}

body.itemid-21.entra-home-slider-right section#sp-entra-home-slider-section #sp-left {
  min-width: 0;
  margin-top: 0;
}

body.itemid-21.entra-home-slider-right section#sp-entra-home-slider-section #sp-left .entra-shop-cat-nav {
  margin-top: 0;
}

body.itemid-21.entra-home-slider-right section#sp-entra-home-slider-section>.container>.container-inner>.row>div#sp-entra-home-slider {
  min-width: 0;
}

body.itemid-21.entra-home-slider-right section#sp-entra-home-slider-section .entra-hero-carousel {
  max-width: 100%;
}

body.itemid-21.entra-home-slider-right section#sp-entra-home-slider-section div#sp-entra-home-slider>.sp-column>.sp-module:not(:first-child) {
  margin-top: 26px;
}

@media (max-width: 991px) {
  body.itemid-21.entra-home-slider-right section#sp-entra-home-slider-section #sp-left {
    order: 1;
    margin-top: 20px;
  }

  body.itemid-21.entra-home-slider-right section#sp-entra-home-slider-section>.container>.container-inner>.row>div#sp-entra-home-slider {
    order: 0;
  }
}

/* VK and Avito square badges in the free left half of Helix top bar. */
@media (min-width: 992px) {

  #sp-top-bar #sp-top1,
  #sp-top-bar #sp-top2 {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
}

#sp-top-bar .entra-header-marketplaces-module {
  margin: 0;
}

#sp-top-bar .entra-header-marketplaces {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  min-height: 28px;
}

#sp-top-bar .entra-header-marketplace {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 6px;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}

#sp-top-bar .entra-header-marketplace img {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}

#sp-top-bar .entra-header-marketplace:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
}

@media (max-width: 991px) {

  #sp-top-bar #sp-top1,
  #sp-top-bar #sp-top2 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }

  #sp-top-bar .entra-header-marketplaces {
    justify-content: center;
    margin-bottom: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #sp-top-bar .entra-header-marketplace {
    transition: none;
  }

  #sp-top-bar .entra-header-marketplace:hover {
    transform: none;
  }
}

/* Footer marketplaces: matching rounded VK and Avito shortcuts from the header. */
#sp-bottom .entra-footer-marketplaces {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}

#sp-bottom .entra-footer-marketplace {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 6px;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}

#sp-bottom .entra-footer-marketplace img {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 6px;
}

#sp-bottom .entra-footer-marketplace:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
}

@media (prefers-reduced-motion: reduce) {
  #sp-bottom .entra-footer-marketplace {
    transition: none;
  }

  #sp-bottom .entra-footer-marketplace:hover {
    transform: none;
  }
}

/* Editor-safe contact icons: attached to links, not empty HTML spans.
   Joomla WYSIWYG can remove the empty Font Awesome spans on save. */
#sp-top-bar .entra-header-contacts>a[href^="mailto:"]::before {
  content: "\f0e0";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  flex-shrink: 0;
}

#sp-top-bar .entra-header-contacts>a.entra-header-social[href^="https://wa.me/"]::before,
#sp-top-bar .entra-header-contacts>a.entra-header-social[href^="https://t.me/"]::before {
  display: inline-block;
  font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 1;
  flex-shrink: 0;
}

#sp-top-bar .entra-header-contacts>a.entra-header-social[href^="https://wa.me/"]::before {
  content: "\f232";
  color: #25d366;
}

#sp-top-bar .entra-header-contacts>a.entra-header-social[href^="https://t.me/"]::before {
  content: "\f2c6";
  color: #2aabee;
}