/**
 * Smart Residence — mobile & tablet
 * Același limbaj vizual ca desktop: fundaluri deschise, text lizibil, zone de atingere mari.
 */

:root {
  --sr-mobile-pad: 16px;
  --sr-mobile-touch: 44px;
  --sr-mobile-header-bg: #ffffff;
  --sr-mobile-border: #e4e7ec;
  --sr-mobile-text: #0a0a0a;
  --sr-mobile-muted: #4b5563;
  --sr-mobile-panel: #f0f1f3;
}

/* Compară mobil — ascuns pe desktop (icon rămâne în overlay-ul de pe imagine) */
.sr-card-compare-mobile {
  display: none;
}

@media (max-width: 991px) {
  .sr-card-cta {
    --sr-card-cta-h: 31px;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
  }

  .sr-card-compare-mobile {
    display: flex;
    align-items: center;
    flex: 0 0 var(--sr-card-cta-h);
    height: var(--sr-card-cta-h);
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
  }

  .sr-card-compare-mobile button {
    width: var(--sr-card-cta-h) !important;
    height: var(--sr-card-cta-h) !important;
    min-width: var(--sr-card-cta-h) !important;
    min-height: var(--sr-card-cta-h) !important;
    max-height: var(--sr-card-cta-h) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #374151 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: top;
    touch-action: manipulation;
  }

  .sr-card-compare-mobile button::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px !important;
    height: 14px !important;
    transform: translate(-50%, -50%);
    background-color: currentColor;
    -webkit-mask-image: url(../image/compare.svg);
    mask-image: url(../image/compare.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
  }

  .sr-card-compare-mobile button.is-added {
    border-color: #16a34a !important;
    background: #ecfdf5 !important;
    color: #16a34a !important;
  }

  #product-list .product-thumb .description .product_cart_btn .sr-card-cta button.cart_button,
  #product-list .product-thumb .description .product_cart_btn .sr-card-cta button.cart_button.option,
  .product-thumb .description .product_cart_btn .sr-card-cta button.cart_button,
  .product-thumb .description .product_cart_btn .sr-card-cta button.cart_button.option {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: var(--sr-card-cta-h) !important;
    min-height: var(--sr-card-cta-h) !important;
    max-height: var(--sr-card-cta-h) !important;
    padding: 0 8px !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    background: var(--sr-band-cyan, #1e91cf) !important;
    border: 1px solid var(--sr-band-cyan, #1e91cf) !important;
    color: #ffffff !important;
    box-shadow: none !important;
  }

  #product-list .product-thumb:hover .description .product_cart_btn .sr-card-cta button.cart_button:not(:disabled):not(.cart_button--disabled):not(.cart_button--no-stock),
  #product-list .product-thumb .description .product_cart_btn .sr-card-cta button.cart_button:focus-visible:not(:disabled):not(.cart_button--disabled):not(.cart_button--no-stock),
  #product-list .product-thumb .description .product_cart_btn .sr-card-cta button.cart_button.option:hover:not(:disabled),
  #product-list .product-thumb .description .product_cart_btn .sr-card-cta button.cart_button.option:focus-visible:not(:disabled),
  .product-thumb:hover .description .product_cart_btn .sr-card-cta button.cart_button:not(:disabled):not(.cart_button--disabled):not(.cart_button--no-stock),
  .product-thumb .description .product_cart_btn .sr-card-cta button.cart_button:focus-visible:not(:disabled):not(.cart_button--disabled):not(.cart_button--no-stock),
  .product-thumb .description .product_cart_btn .sr-card-cta button.cart_button.option:hover:not(:disabled),
  .product-thumb .description .product_cart_btn .sr-card-cta button.cart_button.option:focus-visible:not(:disabled) {
    background: color-mix(in srgb, var(--sr-band-cyan, #1e91cf) 88%, #000) !important;
    border-color: color-mix(in srgb, var(--sr-band-cyan, #1e91cf) 88%, #000) !important;
    color: #ffffff !important;
    font-weight: 400 !important;
  }

  /* Accesorii potrivite (PDP): sr-theme-blue.css (încărcat ULTIMUL) are o regulă
     #product-info .sr-accessories-cross-sell … button.cart_button (specif. 1,5,1)
     cu margin:8px 0 0 / border-radius:30px / fundal gri, care bate regula compactă
     de mai sus (0,5,1) → butonul „Adaugă în coș" cădea sub „Compară" și arăta ca
     o pastilă gri. Adăugăm .sr-card-cta la selector (specif. 1,6,1) ca să câștigăm
     și readucem butonul la stilul compact, aliniat cu „Compară" pe același rând. */
  #product-info .sr-accessories-cross-sell .product-thumb .description .product_cart_btn .sr-card-cta button.cart_button,
  #product-info .sr-accessories-cross-sell .product-thumb .description .product_cart_btn .sr-card-cta button.cart_button.option {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: var(--sr-card-cta-h) !important;
    min-height: var(--sr-card-cta-h) !important;
    max-height: var(--sr-card-cta-h) !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border-radius: 6px !important;
    background: var(--sr-band-cyan, #1e91cf) !important;
    border: 1px solid var(--sr-band-cyan, #1e91cf) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }
}

@media (max-width: 991px) {
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--sr-mobile-text);
    overflow-x: hidden;
  }

  .breadcrumb-container {
    display: none !important;
  }

  .container,
  .container-fluid {
    padding-left: var(--sr-mobile-pad);
    padding-right: var(--sr-mobile-pad);
  }

  /* Titluri pagină — ca test.smart-residence.ro responsive.css */
  h1:not(.sr-home__title):not(.sr-checkout-steps__title) {
    font-size: 28px;
    line-height: 1.25;
  }

  h2:not(.sr-home__title) {
    font-size: 16px;
    line-height: 1.35;
  }

  h4 {
    font-size: 22px;
  }

  .btn:not(.btn-sm):not(.btn-xs),
  .sr-home__btn {
    min-height: var(--sr-mobile-touch);
    padding: 8px 18px !important;
    font-size: 14px !important;
    line-height: 1.71 !important;
  }

  /* Comparare — butoane compacte în carduri picker */
  #product-compare .sr-compare-pick-card__add,
  #sr-compare-add .sr-compare-pick-card__add {
    min-height: 34px !important;
    padding: 6px 8px !important;
    font-size: 11px !important;
  }

  #product-compare .sr-compare-add__toggle.btn {
    min-height: 38px !important;
    padding: 7px 14px !important;
    font-size: 13px !important;
  }
}

/* Header mobil — suprascrie .btn global din blocul de mai sus */
@media (max-width: 991px) {
  #header .header_middle .btn,
  #header .header_middle .sr-mob-header-icon,
  #header .header_middle .myaccount > a.header_account,
  #header .header_middle #header-cart .sr-cart-widget__toggle {
    min-height: 40px;
    font-size: 13px !important;
  }

  #product-compare .sr-compare-pick-card__add,
  #sr-compare-add .sr-compare-pick-card__add {
    min-height: 34px !important;
    font-size: 11px !important;
  }
}

/* Desktop larg (≥1800): logo, căutare, contact și acțiuni — același rând, centrate vertical */
@media (min-width: 1200px) {
  #header .header_middle .wrapper,
  #header .header_middle .sr-mob-header-shell {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100%;
  }

  #header .sr-mob-header-top {
    display: flex !important;
    flex: 1 1 auto;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px 24px;
    min-width: 0;
    width: 100%;
  }

  #header .sr-mob-header-brand {
    display: flex !important;
    flex: 0 0 auto;
    align-items: center !important;
  }

  #header .sr-mob-header-search {
    display: none !important;
  }

  #header .sr-mob-header-top #sr-home-search,
  #header .sr-mob-header-top .header-search {
    display: flex !important;
    flex: 1 1 620px;
    align-items: center !important;
    align-self: center !important;
    min-width: 220px;
    max-width: 620px;
    margin: 0 !important;
  }

  #header .header_middle_right {
    display: flex !important;
    flex: 0 0 auto;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px 12px;
  }

  #header .header_middle_right > ul {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px 12px;
    margin: 0;
  }

  #header .header_middle_right > ul > .list-inline-item,
  #header .position-header-middle,
  #header .header_middle .header_contact,
  #header #sr-home-cart,
  #header #sr-home-cart #header-cart {
    display: flex !important;
    align-items: center !important;
    margin-top: 0;
    margin-bottom: 0;
  }

  #header .header_middle #base_advance_search {
    align-items: center !important;
  }

  #header #logo {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 0 !important;
  }

  #header .sr-mob-menu,
  #header .sr-mob-header-only,
  #header .sr-mob-search-toggle {
    display: none !important;
  }

  #header .sr-header-tablet-locale {
    display: none !important;
  }

  #top {
    display: block !important;
  }

  #header .position-header-middle,
  #header .header_middle .header_contact {
    display: flex !important;
    align-items: center !important;
  }

  /* —— Compactare header „stil test” (≥1800): band mai jos, logo, căutare —— */
  /* Band vertical: 23px sus/jos (stylesheet.css) e prea gros → mai strâns */
  #header .header_middle {
    padding: 12px 0 !important;
  }

  /* Logo se randează nativ 1920×1080 (16:9) → plafonat la 96px înălțime (era prea mic) */
  #header #logo img {
    max-height: 96px !important;
    width: auto !important;
    height: auto !important;
  }

  /* Bara de căutare: 45px (input-lg) → 40px compact */
  #header .header_middle #base_advance_search {
    min-height: 40px !important;
  }

  #header .header_middle #base_advance_search .search-field,
  #header .header_middle #base_advance_search .search-select,
  #header .header_middle #base_advance_search .search-submit {
    height: 40px !important;
    min-height: 40px !important;
  }

  #header .header_middle #base_advance_search .search-field {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  #header .header_middle #base_advance_search .search-select {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
}

/* —— 1200–1350: scoatem dropdown „Toate categoriile" din bară ca inputul să ia toată lățimea —— */
@media (min-width: 1200px) and (max-width: 1350px) {
  #header .header_middle #base_advance_search .category-search {
    display: none !important;
  }
}

/* Monedă/limbă doar în header_middle pe tabletă (nu și în #top) */
.sr-header-tablet-locale {
  display: none !important;
}

/* —— Tabletă / laptop (992–1199): iconuri compacte, căutare la tap —— */
@media (min-width: 992px) and (max-width: 1199.98px) {
  #header .sr-mob-menu {
    display: none !important;
  }

  body[class*="product-category"] #header .sr-mob-menu {
    display: none !important;
  }

  #top {
    display: block !important;
  }

  #header .header_middle {
    padding: 10px 0 !important;
  }

  /* display:contents din blocul ≥992px se rupe pe iPad — layout flex explicit */
  #header .sr-mob-header-top {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px 12px;
    width: 100%;
    min-width: 0;
  }

  #header .sr-mob-header-brand {
    display: flex !important;
    flex: 0 1 auto;
    align-items: center;
    min-width: 0;
    gap: 0;
  }

  #header .header_middle .wrapper,
  #header .header_middle .sr-mob-header-shell {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px;
    width: 100%;
    min-width: 0;
  }

  #header #logo {
    flex: 0 1 auto;
    min-width: 0;
  }

  #header #logo img {
    max-width: min(190px, 24vw);
    max-height: 64px;
    height: auto;
  }

  #header .header_middle_right {
    display: flex !important;
    flex: 1 1 auto;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px;
    min-width: 0;
    margin-left: auto !important;
  }

  #header .header_middle_right > ul {
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin: 0;
  }

  #header .sr-header-tablet-locale {
    display: none !important;
  }

  /* Contact telefon rămâne vizibil (icon + număr) până la 500px; titlul
     „Ai nevoie de ajutor?" e ascuns pe îngust (regula span.title mai jos).
     Modulele din poziția header-middle rămân ascunse. */
  #header .position-header-middle:not(:has(.header_contact)) {
    display: none !important;
  }

  #header .position-header-middle:has(.header_contact),
  #header .header_middle .header_contact {
    display: flex !important;
    align-items: center !important;
  }

  #header .header_middle .header_contact img {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    object-fit: contain !important;
  }

  #header .header_middle .header_contact .ms-2 {
    margin-left: 6px !important;
  }

  #header .header_middle .header_contact .ms-2 > a[href^="tel:"] {
    white-space: nowrap !important;
    font-size: 14px !important;
  }

  /* Wrapper-ul lupă e ascuns de regula desktop .sr-mob-header-only — reactivăm pe tabletă */
  #header .sr-mob-header-icon-wrap.sr-mob-header-only {
    display: flex !important;
    align-items: center;
    flex-shrink: 0;
  }

  /* Icon lupă vizibil pe tabletă */
  #header #sr-mob-search-toggle.sr-mob-search-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: rgba(17, 24, 39, 0.04) !important;
    border: 1px solid rgba(17, 24, 39, 0.14) !important;
    color: #111827 !important;
    cursor: pointer;
  }

  #header #sr-mob-search-toggle.sr-mob-search-toggle.is-active,
  #header #sr-mob-search-toggle.sr-mob-search-toggle:hover,
  #header #sr-mob-search-toggle.sr-mob-search-toggle:focus-visible {
    background: rgba(17, 24, 39, 0.08) !important;
    border-color: rgba(17, 24, 39, 0.24) !important;
    outline: none;
  }

  #header #sr-mob-search-toggle.sr-mob-search-toggle .fa-solid {
    font-size: 14px;
    color: #111827;
  }

  /* Bara nu stă în rândul logo/actions */
  #header .sr-mob-header-top #sr-home-search,
  #header .sr-mob-header-top .header-search {
    display: none !important;
  }

  /* Panel dedesubt — nu display:contents */
  #header .sr-mob-header-search {
    display: none !important;
    grid-area: search-row;
    width: 100%;
    min-width: 0;
    margin: 0;
    overflow: visible;
  }

  body.sr-mob-search-open #header .sr-mob-header-search {
    display: block !important;
  }

  #header .sr-mob-header-search #sr-home-search,
  #header .sr-mob-header-search .header-search {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    float: none !important;
  }

  #header .header_middle #base_advance_search {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    min-height: 42px;
    border-radius: 999px !important;
    overflow: visible;
  }

  #header .header_middle #base_advance_search .category-search {
    display: none !important;
  }

  #header .header_middle #base_advance_search .search-field {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    min-height: 42px;
    height: 42px;
    padding: 8px 14px !important;
    font-size: 15px !important;
  }

  #header .header_middle #base_advance_search .btn-search {
    flex: 0 0 auto;
    display: flex;
    margin: 0;
  }

  #header .header_middle #base_advance_search .search-submit {
    min-width: 44px;
    width: 44px;
    min-height: 42px;
    height: 42px;
    padding: 0 !important;
    font-size: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  #header .header_middle #base_advance_search .search-submit .fa-solid {
    font-size: 16px;
    margin: 0 !important;
  }

  #header .header_middle .header_contact span.title,
  #header .header_middle .header_account_item .title {
    display: none !important;
  }

  #header .header_middle .header_contact span.label,
  #header .header_middle .header_account_item .label {
    font-size: 13px !important;
    white-space: nowrap;
  }

  #header .header_middle .header_contact,
  #header .header_middle .header_account {
    padding-right: 6px !important;
    margin-right: 2px !important;
  }

  #header .header_middle .header_contact:after,
  #header .header_middle .header_account:after,
  #header .myaccount > a.header_account:after {
    display: none !important;
  }

  #header .header_middle .sr-header-compare .sr-header-compare__label,
  #header .header_middle .sr-header-wishlist .sr-header-wishlist__label,
  #header .header_middle .header_account_item .title,
  #header .header_middle .header_account_item .label {
    display: none !important;
  }

  #header .sr-mob-header-icon,
  #header .header_middle .sr-header-compare.sr-mob-header-icon,
  #header .header_middle .sr-header-wishlist.sr-mob-header-icon,
  #header .header_middle .myaccount > a.header_account.sr-mob-header-icon,
  #header .header_middle #header-cart .sr-cart-widget__toggle {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    border-radius: 50% !important;
    background: rgba(17, 24, 39, 0.04) !important;
    border: 1px solid rgba(17, 24, 39, 0.14) !important;
    color: #111827 !important;
    box-shadow: none !important;
    overflow: visible;
    text-decoration: none;
    line-height: 1;
  }

  #header .header_middle .sr-header-compare,
  #header .header_middle .sr-header-wishlist {
    font-size: 14px !important;
  }

  #header .header_middle .sr-header-compare .fa-solid,
  #header .header_middle .sr-header-wishlist .fa-regular,
  #header .header_middle .sr-header-wishlist .fa-solid {
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: #111827 !important;
  }

  #header .header_middle .sr-mob-header-badge,
  #header .header_middle .sr-compare-count,
  #header .header_middle .sr-wishlist-count,
  #header .header_middle #header-cart span.cart_counter {
    position: absolute !important;
    top: -5px !important;
    right: -1px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
    min-width: 18px !important;
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    aspect-ratio: 1 / 1;
    padding: 0 !important;
    font-size: 10px !important;
    font-weight: 410 !important;
    line-height: 1 !important;
    text-align: center !important;
    border-radius: 50% !important;
    background: var(--sr-btn-bg, #111827) !important;
    background-color: var(--sr-btn-bg, #111827) !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    overflow: hidden;
    pointer-events: none;
    flex-shrink: 0;
    box-sizing: border-box;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }

  #header .header_middle .myaccount > a.header_account > span:first-child {
    width: 20px !important;
    height: 20px !important;
    background-image: url(../image/header-account.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
    margin: 0 !important;
  }

  #header .header_middle #header-cart .cart_image {
    width: 20px;
    height: 20px;
    background-size: contain;
  }

  #header .header-search {
    width: 100% !important;
    max-width: none !important;
  }
}

/* —— Mobil: meniu | logo | iconuri, apoi căutare (eMAG / Altex) —— */
@media (max-width: 991px) {
  #header {
    display: flex;
    flex-direction: column;
    background: var(--sr-mobile-header-bg);
    border-bottom: none;
  }

  #header .header_middle {
    order: 1;
    padding: 6px 0 7px !important;
    margin-bottom: 16px;
    float: none;
    width: 100%;
  }

  #header .header_middle > .container {
    max-width: 100%;
    padding-left: max(5px, var(--sr-hp-container-pad, var(--sr-mobile-pad, 8px))) !important;
    padding-right: max(12px, calc(var(--sr-hp-container-pad, var(--sr-mobile-pad, 8px)) + var(--sr-scrollbar-clearance, 12px))) !important;
  }

  #top > .container {
    padding-right: max(12px, calc(var(--sr-hp-container-pad, var(--sr-mobile-pad, 8px)) + var(--sr-scrollbar-clearance, 12px))) !important;
  }

  #header .header_middle .row {
    margin-left: 0;
    margin-right: 0;
  }

  #header .header_middle .wrapper,
  #header .header_middle .sr-mob-header-shell {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0;
    width: 100%;
  }

  body.sr-mob-search-open #header .sr-mob-header-shell {
    gap: 8px;
  }

  #header .sr-mob-header-top {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 2px;
    width: 100%;
    min-height: 48px;
    padding: 0;
  }

  #header .sr-mob-header-brand {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    gap: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  #header .sr-mob-menu {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
  }

  #header .sr-mob-menu-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    margin: 0;
    padding: 8px 7px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #111827;
    cursor: pointer;
  }

  #header .sr-mob-menu-btn__bar {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
  }

  #header .sr-mob-menu-btn:hover,
  #header .sr-mob-menu-btn:focus-visible {
    background: rgba(17, 24, 39, 0.06);
    outline: none;
  }

  #header #logo {
    flex: 0 1 auto;
    margin: 0 0 0 -2px;
    min-width: 0;
    position: static !important;
    display: flex;
    align-items: center;
  }

  #header #logo a {
    display: block;
    line-height: 0;
  }

  #header #logo img {
    display: block;
    max-height: 40px;
    height: auto;
    width: auto;
    max-width: min(152px, 46vw);
  }

  #header .header_middle_right {
    display: flex !important;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
    position: static !important;
    width: auto !important;
    margin: 0 0 0 auto !important;
  }

  #header .header_middle_right > ul {
    gap: 6px;
    margin: 0;
    flex-wrap: nowrap;
    align-items: center;
  }

  #header .header_middle_right > ul,
  #header .header_middle_right > ul > .list-inline-item,
  #header .sr-mob-header-icon-wrap,
  #header .header_middle .sr-header-compare-wrap,
  #header .header_middle .sr-header-wishlist-wrap {
    margin: 0;
    position: relative;
    flex: 0 0 auto;
    overflow: visible;
  }

  /* Lupă, compară, favorite, cont, coș — aceeași dimensiune și badge */
  #header .sr-mob-header-icon,
  #header .header_middle .sr-header-compare.sr-mob-header-icon,
  #header .header_middle .sr-header-wishlist.sr-mob-header-icon,
  #header .header_middle .myaccount > a.header_account.sr-mob-header-icon,
  #header .header_middle #header-cart .sr-cart-widget__toggle {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    border-radius: 50% !important;
    background: rgba(17, 24, 39, 0.04) !important;
    border: 1px solid rgba(17, 24, 39, 0.14) !important;
    color: #111827 !important;
    box-shadow: none !important;
    overflow: visible;
    text-decoration: none;
    line-height: 1;
    cursor: pointer;
  }

  #header .sr-mob-search-toggle {
    flex: 0 0 auto;
  }

  #header .sr-mob-header-icon .fa-solid,
  #header .sr-mob-header-icon .fa-regular {
    font-size: 16px;
    color: #111827;
  }

  #header .sr-mob-header-icon:hover,
  #header .sr-mob-header-icon:focus-visible,
  #header .sr-mob-search-toggle.is-active,
  #header .header_middle #header-cart .sr-cart-widget__toggle:hover,
  #header .header_middle #header-cart .sr-cart-widget__toggle:focus-visible {
    background: rgba(17, 24, 39, 0.08) !important;
    border-color: rgba(17, 24, 39, 0.24) !important;
    color: #111827 !important;
    outline: none;
  }

  #header .header_middle .sr-header-compare.has-items.sr-mob-header-icon {
    background: rgba(17, 24, 39, 0.04) !important;
    border-color: rgba(17, 24, 39, 0.14) !important;
  }

  #header .header_middle .sr-mob-header-badge,
  #header .header_middle .sr-compare-count,
  #header .header_middle .sr-wishlist-count,
  #header .header_middle #header-cart span.cart_counter,
  #header .header_middle #header-cart .sr-mob-header-badge {
    position: absolute !important;
    top: -5px !important;
    right: -1px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
    --sr-mob-badge: 18px;
    min-width: var(--sr-mob-badge) !important;
    width: var(--sr-mob-badge) !important;
    height: var(--sr-mob-badge) !important;
    max-width: var(--sr-mob-badge) !important;
    max-height: var(--sr-mob-badge) !important;
    aspect-ratio: 1 / 1;
    padding: 0 !important;
    font-size: 10px !important;
    font-weight: 410 !important;
    line-height: 1 !important;
    text-align: center !important;
    border-radius: 50% !important;
    background: var(--sr-btn-bg, #111827) !important;
    background-color: var(--sr-btn-bg, #111827) !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    overflow: hidden;
    pointer-events: none;
    flex-shrink: 0;
    box-sizing: border-box;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }

  #header .header_middle .sr-mob-header-badge[data-sr-compare-count="0"],
  #header .header_middle .sr-mob-header-badge[data-sr-wishlist-count="0"],
  #header .header_middle #header-cart span.cart_counter:empty,
  #header .header_middle #header-cart span.cart_counter[data-cart-qty="0"] {
    display: none !important;
  }

  #header .header_middle .sr-header-wishlist .sr-wishlist-count,
  #header .header_middle .sr-header-wishlist.has-items .sr-wishlist-count {
    display: inline-flex !important;
    visibility: visible !important;
  }

  #header #sr-home-wishlist {
    display: list-item !important;
    z-index: 6;
  }

  #header #sr-home-wishlist > a.sr-header-wishlist {
    pointer-events: auto !important;
    position: relative;
    z-index: 2;
    touch-action: manipulation;
  }

  #header .header_middle .sr-header-compare .sr-header-compare__label,
  #header .header_middle .sr-header-wishlist .sr-header-wishlist__label {
    display: none !important;
  }

  #header .sr-mob-header-search {
    display: none;
    width: 100%;
    flex: 0 0 auto;
    overflow: hidden;
  }

  body.sr-mob-search-open #header .sr-mob-header-search {
    display: block;
  }

  /* Sticky header desktop — ascuns pe telefon/tabletă */
  #sr-sticky-header {
    display: none !important;
  }

  body.sr-sticky-header-active {
    padding-top: 0 !important;
  }

  #header #sr-home-search,
  #header .header-search,
  #header .sr-mob-header-search .header-search {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    float: none !important;
  }

  #header .sr-mob-header-top .header-search,
  #header .sr-mob-header-top #sr-home-search {
    display: none !important;
  }

  #header .sr-header-compare__label,
  #header .sr-header-wishlist__label {
    display: none !important;
  }

  #header .header_middle #base_advance_search {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    min-height: 40px;
    border-width: 1px;
    border-radius: 999px !important;
    overflow: visible;
  }

  #header .header_middle #base_advance_search .category-search {
    display: none !important;
  }

  #header .header_middle #base_advance_search .search-field {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    font-size: 15px !important;
    min-height: 40px;
    height: 40px;
    padding: 8px 12px !important;
    border-radius: 999px 0 0 999px !important;
  }

  #header .header_middle #base_advance_search .btn-search {
    flex: 0 0 auto;
    display: flex;
    margin: 0;
  }

  #header .header_middle #base_advance_search .search-submit {
    position: static;
    flex: 0 0 auto;
    min-width: 44px;
    width: 44px;
    min-height: 40px;
    height: 40px;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 1;
    border-radius: 0 999px 999px 0 !important;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  #header .header_middle #base_advance_search .search-submit .fa-solid {
    font-size: 16px;
    margin: 0 !important;
  }

  /* Buton căutare mobil — negru, icon vizibil (tema ascunde .fa-solid global) */
  #header .header_middle #base_advance_search .search-submit,
  #header .sr-mob-header-search #base_advance_search .search-submit {
    background: #111827 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-left: 1px solid #e5e7eb !important;
  }

  #header .header_middle #base_advance_search .search-submit .fa-solid,
  #header .header_middle #base_advance_search .search-submit i.fa-solid,
  #header .header_middle #base_advance_search .search-submit [class*="fa-"],
  #header .sr-mob-header-search #base_advance_search .search-submit .fa-solid,
  #header .sr-mob-header-search #base_advance_search .search-submit [class*="fa-"] {
    display: inline-block !important;
    color: #ffffff !important;
  }

  #header .header_middle #base_advance_search .search-submit:hover,
  #header .header_middle #base_advance_search .search-submit:focus-visible,
  #header .sr-mob-header-search #base_advance_search .search-submit:hover,
  #header .sr-mob-header-search #base_advance_search .search-submit:focus-visible {
    background: #374151 !important;
    color: #ffffff !important;
  }

  /* Cont + coș vizibile; etichete text ascunse pe ecrane mici */
  #header .header_account_item .title,
  #header .header_account_item .label {
    display: none !important;
  }

  #header .header_middle .myaccount > a.header_account.sr-mob-header-icon .header_account_item {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  #header .header_middle .myaccount > a.header_account.sr-mob-header-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #header .header_middle .myaccount > a.header_account > span:first-child,
  #header .header_middle .myaccount > a.header_account.d-flex > span:first-child {
    display: block !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
    background-image: url(../image/header-account.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
  }

  #header .header_middle #header-cart .cart_image {
    width: 20px;
    height: 20px;
    background-size: contain;
  }

  /* Contact telefon: icon + număr vizibile până la 500px (titlul ascuns).
     Wrapper-ul .position-header-middle e ascuns de responsive.css (max-width:991) → forțăm flex. */
  #header .position-header-middle:has(.header_contact) {
    display: flex !important;
    align-items: center !important;
  }

  #header .position-header-middle:not(:has(.header_contact)) {
    display: none !important;
  }

  #header .header_middle .header_contact {
    display: flex !important;
    align-items: center !important;
  }

  #header .header_middle .header_contact span.title {
    display: none !important;
  }

  #header .header_middle .header_contact img {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    object-fit: contain !important;
  }

  #header .header_middle .header_contact .ms-2 {
    margin-left: 6px !important;
  }

  #header .header_middle .header_contact .ms-2 > a[href^="tel:"] {
    white-space: nowrap !important;
    font-size: 14px !important;
  }

  #header .header_middle .header_account:after,
  #header .myaccount > a.header_account:after {
    display: none !important;
  }

  /* Telefoane înguste — logo + iconuri mai compacte */
  @media (max-width: 375px) {
    #header .header_middle {
      padding: 4px 0 7px !important;
    }

    #header .header_middle > .container {
      padding-left: 4px !important;
      padding-right: max(8px, calc(4px + var(--sr-scrollbar-clearance, 12px))) !important;
    }

    #header .sr-mob-header-top {
      gap: 1px;
      min-height: 40px;
    }

    #header .sr-mob-header-brand {
      flex: 1 1 auto;
      min-width: 0;
      max-width: none;
      overflow: hidden;
    }

    #header .sr-mob-menu-btn {
      width: 32px;
      height: 32px;
      min-width: 32px;
      min-height: 32px;
      padding: 6px 5px;
    }

    #header .sr-mob-menu-btn__bar {
      width: 18px;
    }

    #header #logo {
      margin: 0;
      min-width: 0;
      overflow: hidden;
    }

    #header #logo img {
      max-height: 32px;
      max-width: min(104px, 36vw);
    }

    #header .header_middle_right {
      gap: 2px;
      flex-shrink: 0;
    }

    #header .header_middle_right > ul {
      gap: 2px;
    }

    #header .sr-mob-header-icon,
    #header .header_middle .sr-header-compare.sr-mob-header-icon,
    #header .header_middle .sr-header-wishlist.sr-mob-header-icon,
    #header .header_middle .myaccount > a.header_account.sr-mob-header-icon,
    #header .header_middle #header-cart .sr-cart-widget__toggle {
      width: 34px !important;
      height: 34px !important;
      min-width: 34px !important;
      min-height: 34px !important;
    }

    #header .sr-mob-header-icon .fa-solid,
    #header .sr-mob-header-icon .fa-regular {
      font-size: 14px;
    }

    #header .header_middle .myaccount > a.header_account > span:first-child,
    #header .header_middle .myaccount > a.header_account.d-flex > span:first-child {
      width: 18px !important;
      height: 18px !important;
      min-width: 18px !important;
      min-height: 18px !important;
    }

    #header .header_middle #header-cart .cart_image {
      width: 18px;
      height: 18px;
    }

    #header .header_middle .sr-mob-header-badge,
    #header .header_middle .sr-compare-count,
    #header .header_middle .sr-wishlist-count,
    #header .header_middle #header-cart span.cart_counter,
    #header .header_middle #header-cart .sr-mob-header-badge {
      --sr-mob-badge: 16px;
      min-width: var(--sr-mob-badge) !important;
      width: var(--sr-mob-badge) !important;
      height: var(--sr-mob-badge) !important;
      max-width: var(--sr-mob-badge) !important;
      max-height: var(--sr-mob-badge) !important;
      font-size: 9px !important;
      border: none !important;
    }
  }

  /* Meniu în header — bara „Meniu” de jos ascunsă; drawer activ */
  #header .header_bottom {
    order: 2;
    height: 0;
    min-height: 0;
    overflow: visible;
    padding: 0 !important;
    margin: 0;
    border: none;
    background: transparent;
  }

  #header .header_bottom > .container {
    padding: 0 !important;
    min-height: 0;
  }

  #header .header_bottom .navbar-header {
    display: none !important;
  }

  #header .header_bottom .position-header-bottom {
    height: 0;
    overflow: visible;
  }

  .responsive.megamenu-style-dev .container-megamenu.horizontal .navbar-header #show-megamenu,
  .responsive.megamenu-style-dev .container-megamenu.horizontal .navbar-header #show-verticalmenu {
    display: none !important;
  }

  .responsive.megamenu-style-dev #show-megamenu .icon-bar,
  .responsive.megamenu-style-dev #show-megamenu span.icon-bar,
  .responsive.megamenu-style-dev #show-verticalmenu .icon-bar {
    background: #0a0a0a !important;
    width: 24px !important;
    height: 3px !important;
    margin: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: 2px;
    flex-shrink: 0;
  }

  .responsive.megamenu-style-dev .megamenu-wrapper:not(.base-megamenu-active) {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
    padding: 0 !important;
    border: none !important;
    transform: none !important;
  }

  body.sr-mobile-menu-open {
    overflow: hidden;
    touch-action: none;
  }

  /* Drawer meniu peste bara albastră #top (1036) — altfel #header (1030) rămâne dedesubt */
  body.sr-mobile-menu-open #top,
  body.menu-open #top {
    z-index: 1020 !important;
  }

  body.sr-mobile-menu-open #header,
  body.menu-open #header {
    z-index: 1040 !important;
  }

  body.sr-mobile-menu-open .sr-sticky-header,
  body.menu-open .sr-sticky-header {
    z-index: 1020 !important;
  }

  /* Fără overlay ::before — linie gri pe marginea meniului; închidere: X, Escape, tap în afara drawer-ului */
  body.sr-mobile-menu-open::before,
  body.menu-open::before {
    content: none !important;
    display: none !important;
  }
}

/* —— Megamenu drawer: înălțime completă, același panel ca desktop —— */
@media (max-width: 991px) {
  .responsive.megamenu-style-dev .container-megamenu.horizontal:has(.megamenu-wrapper.base-megamenu-active)::before {
    content: none !important;
    display: none !important;
  }

  .responsive.megamenu-style-dev .megamenu-wrapper.base-megamenu-active {
    position: fixed !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100% !important;
    max-height: none !important;
    height: 100dvh !important;
    padding: 0 !important;
    border: none !important;
    border-right: 1px solid var(--sr-mobile-border) !important;
    box-shadow: 8px 0 40px rgba(15, 23, 42, 0.18) !important;
    background: var(--sr-mobile-panel) !important;
    z-index: 999999 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }

  .base-megamenu-active #remove-megamenu,
  #remove-megamenu {
    display: block !important;
    position: sticky;
    top: 0;
    background: var(--sr-mobile-panel);
    padding: 14px 24px !important;
    font-size: 22px;
    color: var(--sr-mobile-text);
    border-bottom: 1px solid var(--sr-mobile-border);
  }

  #header .header_bottom .megamenu-pattern > .container {
    padding: 0 24px 24px !important;
    max-width: 100%;
  }

  #header .header_bottom ul.megamenu > li > a,
  #header .header_bottom ul.megamenu > li:first-child > a {
    min-height: var(--sr-mobile-touch);
    width: 100% !important;
    display: flex;
    align-items: center;
    padding: 12px 24px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--sr-mobile-text) !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  .responsive.megamenu-style-dev .megamenu-pattern > .container {
    padding: 0 24px 24px !important;
    max-width: 100%;
  }

  .responsive.megamenu-style-dev ul.megamenu > li > a {
    min-height: var(--sr-mobile-touch);
    width: 100% !important;
    display: flex;
    align-items: center;
    padding: 12px 24px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--sr-mobile-text) !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  .responsive.megamenu-style-dev ul.megamenu > li > a strong {
    font-weight: 400 !important; /* Regular, ca pe test (nu 500/Medium) */
  }

  /* Top-level items (Acasă / Electrocasnice) — trebuie pe rând separat */
  .responsive.megamenu-style-dev ul.megamenu > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Un singur indicator expand (săgeată) — fără + FontAwesome din base_megamenu */
  .responsive.megamenu-style-dev ul.megamenu > li::before,
  .responsive.megamenu-style-dev ul.megamenu > li.hover::before,
  .responsive.megamenu-style-dev ul.megamenu > li.active::before,
  .responsive.megamenu-style-dev ul.megamenu > li.click::before {
    display: none !important;
    content: none !important;
  }

  .responsive.megamenu-style-dev ul.megamenu > li .close-menu,
  .responsive.megamenu-style-dev ul.megamenu > li.active .close-menu {
    display: none !important;
  }

  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.sr-category-menu-item > .sub-menu,
  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.with-sub-menu > .sub-menu {
    position: static !important;
    width: 100% !important;
    left: auto !important;
    right: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    margin: 0 !important;
    display: none !important;
  }

  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.sr-category-menu-item.sr-open > .sub-menu,
  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.sr-mob-open > .sub-menu,
  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.active > .sub-menu,
  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.active-show > .sub-menu {
    display: block !important;
  }

  .responsive.megamenu-style-dev .megamenu-wrapper.base-megamenu-active {
    visibility: visible !important;
    pointer-events: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  #header .header_bottom .responsive.megamenu-style-dev .horizontal ul.megamenu > li.sr-category-menu-item > a.clearfix,
  #header .header_bottom .responsive.megamenu-style-dev .horizontal ul.megamenu > li.with-sub-menu > a,
  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.sr-category-menu-item > a.clearfix,
  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.with-sub-menu > a {
    position: relative;
    padding-right: 52px !important;
  }

  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.sr-category-menu-item.sr-open > a.clearfix::after,
  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.sr-mob-open > a::after,
  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.with-sub-menu.sr-mob-open > a::after {
    transform: rotate(180deg);
  }

  #header .header_bottom .responsive.megamenu-style-dev .horizontal ul.megamenu > li.sr-category-menu-item > a.clearfix::after,
  #header .header_bottom .responsive.megamenu-style-dev .horizontal ul.megamenu > li.with-sub-menu > a::after,
  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.sr-category-menu-item > a.clearfix::after,
  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.with-sub-menu > a::after {
    content: "";
    position: absolute;
    right: 24px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border-right: 2px solid var(--sr-mobile-muted);
    border-bottom: 2px solid var(--sr-mobile-muted);
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    pointer-events: none;
  }

  .responsive.megamenu-style-dev .horizontal ul.megamenu > li .sub-menu a[href] {
    pointer-events: auto;
  }

  .responsive.megamenu-style-dev .sr-category-menu {
    padding: 0 0 8px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.sr-category-menu-item > .sub-menu > .content,
  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.sr-category-menu-item > .sub-menu > .content > .row,
  .responsive.megamenu-style-dev .horizontal ul.megamenu > li.sr-category-menu-item > .sub-menu > .content > .row > [class*="col-"] {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .responsive.megamenu-style-dev .sr-category-menu-grid,
  .responsive.megamenu-style-dev .sr-category-menu-grid-kitchen {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  #header .header_bottom .responsive.megamenu-style-dev .sr-category-menu-title,
  .responsive.megamenu-style-dev .sr-category-menu-title {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: var(--sr-mobile-text) !important;
    margin-bottom: 0;
  }

  #header .header_bottom .responsive.megamenu-style-dev .sr-category-menu-links a,
  #header .header_bottom .responsive.megamenu-style-dev .sr-category-menu-tree a,
  .responsive.megamenu-style-dev .sr-category-menu-links a,
  .responsive.megamenu-style-dev .sr-category-menu-tree a {
    display: block;
    padding: 7px 0 7px 14px;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    color: #1a1a1a !important;
    min-height: 0;
  }

  .responsive.megamenu-style-dev .sr-category-menu-tree a {
    font-size: 13px !important;
    padding-left: 22px;
  }

  /* Categorii principale — acordeon fluid, același fundal ca drawer-ul */
  .responsive.megamenu-style-dev .sr-category-menu-column.sr-mob-cat-has-children {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }

  .responsive.megamenu-style-dev .sr-category-menu-column.sr-mob-cat-has-children + .sr-category-menu-column.sr-mob-cat-has-children {
    margin-top: 2px;
  }

  .responsive.megamenu-style-dev .sr-mob-cat-head {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .responsive.megamenu-style-dev .sr-mob-cat-head .sr-category-menu-title {
    flex: 1;
    min-width: 0;
    margin-bottom: 0 !important;
    padding: 11px 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
  }

  .responsive.megamenu-style-dev .sr-mob-cat-toggle {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    position: relative;
  }

  .responsive.megamenu-style-dev .sr-mob-cat-toggle:hover,
  .responsive.megamenu-style-dev .sr-mob-cat-toggle:focus-visible {
    background: rgba(15, 23, 42, 0.05);
    outline: none;
  }

  .responsive.megamenu-style-dev .sr-mob-cat-toggle::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin: -6px 0 0 -4px;
    border-right: 2px solid var(--sr-mobile-muted);
    border-bottom: 2px solid var(--sr-mobile-muted);
    transform: rotate(45deg);
    transition: transform 0.2s ease;
  }

  .responsive.megamenu-style-dev .sr-category-menu-column.sr-mob-cat-open .sr-mob-cat-toggle::after {
    transform: rotate(-135deg);
    margin-top: -2px;
  }

  .responsive.megamenu-style-dev .sr-category-menu-column.sr-mob-cat-has-children > .sr-category-menu-links,
  .responsive.megamenu-style-dev .sr-category-menu-column.sr-mob-cat-has-children > ul.sr-category-menu-tree {
    display: none !important;
    margin: 0 0 6px !important;
    padding: 0 0 8px 12px !important;
    border-left: 2px solid rgba(40, 199, 208, 0.35);
  }

  .responsive.megamenu-style-dev .sr-category-menu-column.sr-mob-cat-has-children.sr-mob-cat-open > .sr-category-menu-links,
  .responsive.megamenu-style-dev .sr-category-menu-column.sr-mob-cat-has-children.sr-mob-cat-open > ul.sr-category-menu-tree {
    display: block !important;
  }

  .responsive.megamenu-style-dev .sr-category-menu-column.sr-mob-cat-has-children .sr-category-menu-tree ul {
    margin-top: 0;
    padding-left: 10px;
    border-left: none;
  }

}

/* —— Pagină produs (mobil / tabletă) —— */
@media (max-width: 991px) {
  body[class*="product-product-"] {
    --sr-pdp-pad: 20px;
    --sr-pdp-sticky-buy-offset: calc(80px + env(safe-area-inset-bottom, 0px));
    font-size: 15px;
    line-height: 1.5;
    overflow-x: hidden;
  }

  /* „Toate prețurile includ TVA” — ascuns pe telefon/tabletă */
  #product-info .product-right .price .price-tax,
  #product-info .price .price-tax,
  .product-thumb .price-tax,
  .product-layout .price-tax {
    display: none !important;
  }

  body[class*="product-product-"] #product-info,
  body[class*="product-product-"] #product-info #content,
  body[class*="product-product-"] #product-info .product-right,
  body[class*="product-product-"] #product-info .pro-detail {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  body[class*="product-product-"] .breadcrumb-container {
    padding-left: var(--sr-pdp-pad) !important;
    padding-right: var(--sr-pdp-pad) !important;
    margin-bottom: 0;
    background: var(--sr-mobile-header-bg);
    border-bottom: 1px solid var(--sr-mobile-border);
  }

  body[class*="product-product-"] .breadcrumb-container .breadcrumb {
    margin: 0 !important;
    padding: 10px 0 12px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 6px;
  }

  body[class*="product-product-"] .breadcrumb-container .breadcrumb::-webkit-scrollbar {
    display: none;
  }

  body[class*="product-product-"] .breadcrumb-container .breadcrumb > li.breadcrumb-item,
  body[class*="product-product-"] .breadcrumb-container .breadcrumb > li.breadcrumb-item > a {
    font-size: 13px !important;
    color: var(--sr-mobile-muted) !important;
    white-space: nowrap;
  }

  body[class*="product-product-"] .breadcrumb-container .breadcrumb > li.breadcrumb-item:last-child,
  body[class*="product-product-"] .breadcrumb-container .breadcrumb > li.breadcrumb-item:last-child > a {
    color: var(--sr-mobile-text) !important;
    font-weight: 410;
  }

  body[class*="product-product-"] #product-info.container {
    width: 100%;
    max-width: 100% !important;
    padding-left: var(--sr-pdp-pad) !important;
    padding-right: var(--sr-pdp-pad) !important;
    padding-top: 16px;
    padding-bottom: var(--sr-pdp-sticky-buy-offset) !important;
    box-sizing: border-box;
  }

  /* Pagină produs: bandă liberă după footer (înălțime = bara fixă „Adaugă în coș”) */
  .sr-pdp-sticky-buy-spacer {
    display: none;
  }

  body[class*="product-product-"] .sr-pdp-sticky-buy-spacer {
    display: block;
    clear: both;
    width: 100%;
    min-height: var(--sr-pdp-sticky-buy-offset);
    height: var(--sr-pdp-sticky-buy-offset);
    flex-shrink: 0;
    pointer-events: none;
  }

  #product-info > .breadcrumb {
    display: none;
  }

  #product-info .pro-detail.product-content > .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    margin-left: 0;
    margin-right: 0;
  }

  #product-info .product-left,
  #product-info .product-right,
  #product-info .product-sidebar {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Galerie — fundal alb (PNG transparente), fără chenar/border în plus */
  #product-info .product-left {
    margin-left: calc(-1 * var(--sr-pdp-pad));
    margin-right: calc(-1 * var(--sr-pdp-pad));
    width: calc(100% + 2 * var(--sr-pdp-pad));
    max-width: none;
    flex: 0 0 100%;
    margin-bottom: 14px;
  }

  #product-info .product-left .image.pro-image {
    background: #fff !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
  }

  #product-info .product-main-media {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 10px;
    overflow: hidden;
    touch-action: pan-y pinch-zoom;
  }

  .sr-pdp-gallery-nav {
    display: none;
  }

  #product-info .product-main-media .sr-pdp-gallery-nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    z-index: 7;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    color: #111827;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.16);
    transform: translateY(-50%);
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  #product-info .product-main-media .sr-pdp-gallery-nav:disabled {
    opacity: 0.35;
    pointer-events: none;
  }

  #product-info .product-main-media .sr-pdp-gallery-nav--prev {
    left: 8px;
  }

  #product-info .product-main-media .sr-pdp-gallery-nav--next {
    right: 8px;
  }

  #product-info .product-main-media .sr-pdp-gallery-nav > span {
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
  }

  #product-info .product-main-media .sr-pdp-gallery-nav--prev > span {
    transform: rotate(-135deg);
    margin-left: 4px;
  }

  #product-info .product-main-media .sr-pdp-gallery-nav--next > span {
    transform: rotate(45deg);
    margin-right: 4px;
  }

  #product-info .product-main-media .sr-view-360-btn {
    top: 10px;
    right: 10px;
    padding: 6px 11px;
    gap: 5px;
    font-size: 12px !important;
    font-weight: 410;
    line-height: 1.2;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
  }

  #product-info .product-main-media .sr-view-360-btn::before {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
  }

  #product-info .product-main-media .sr-view-360-btn__label--full {
    display: none !important;
  }

  #product-info .product-main-media .sr-view-360-btn__label--short {
    display: inline !important;
  }

  #product-info .product-left .image.pro-image .thumbnail {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    max-height: min(90vw, 420px) !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #product-info .product-left .image.pro-image .thumbnail img#product-main-image,
  #product-info .product-left .image.pro-image .thumbnail > img.img-thumbnail {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    background-color: #fff !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #product-info .product-left .image .product_gallery .gallery_carousel {
    padding-left: 32px !important;
    padding-right: 32px !important;
    margin-top: 8px !important;
    overflow: visible;
  }

  #product-info .product-left .image .product_gallery .gallery_carousel .splide__arrows .splide__arrow {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    opacity: 1;
    z-index: 8;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    pointer-events: auto !important;
  }

  #product-info .product-left .image .product_gallery .gallery_carousel .splide__arrows {
    pointer-events: none;
  }

  #product-info .product-left .image .product_gallery .gallery_carousel .splide__track {
    touch-action: pan-x;
  }

  #product-info .product-left .image #additional-carousel.product_gallery .gallery_carousel .splide__slide > a.item.product-gallery-thumb {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
  }

  #product-info .product-left .image .product_gallery .gallery_carousel .splide__arrow--prev {
    left: 0 !important;
  }

  #product-info .product-left .image .product_gallery .gallery_carousel .splide__arrow--next {
    right: 0 !important;
  }

  #product-info .product-left #additional-carousel.product_gallery {
    padding: 4px var(--sr-pdp-pad) 0;
    margin: 0;
    background: transparent;
  }

  #product-info .product-left .image #additional-carousel.product_gallery .gallery_carousel .splide__slide > a.item.product-gallery-thumb {
    background-color: #fff !important;
    border: 2px solid transparent !important;
    border-radius: 0 !important;
  }

  #product-info .product-left .image #additional-carousel.product_gallery .gallery_carousel .splide__slide > a.item.product-gallery-thumb.active {
    border-color: #000 !important;
  }

  #product-info .product-left .image #additional-carousel.product_gallery .gallery_carousel .splide__slide > a.item.product-gallery-thumb img.img-thumbnail {
    background-color: #fff !important;
  }

  #product-info .product-left .image #additional-carousel.product_gallery .gallery_carousel .splide__slide {
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    height: 68px !important;
    min-height: 68px !important;
  }

  /* PDP — titlu, preț, meta (mobil) */
  #product-info .product-right {
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
  }

  body[class*="product-product-"] #product-info .product-right .product_title,
  body[class*="product-product-"] #product-info .product-right h1.product_title,
  #product-info .product-right .product_title,
  #product-info .product-right h1.product_title {
    font-size: 1.0625rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.01em;
    color: var(--sr-mobile-text) !important;
    margin: 0 !important;
    padding: 0;
    word-break: break-word;
  }

  #product-info .product-right .sr-pdp-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-width: 0;
  }

  #product-info .product-right .sr-pdp-price-row__main {
    flex: 1 1 auto;
    min-width: 0;
  }

  #product-info .product-right .sr-pdp-price-row__badge {
    flex: 0 0 auto;
    margin: 0;
    align-self: center;
  }

  #product-info .product-right .sr-pdp-price-row .price,
  #product-info .product-right .sr-pdp-price-row p.price.price-unavailable {
    width: auto;
    max-width: 100%;
  }

  body[class*="product-product-"] #product-info .product-right .product_subtitle,
  #product-info .product-right .product_subtitle {
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: var(--sr-mobile-muted) !important;
    margin: 0 !important;
  }

  #product-info .product-right .sr-pdp-brief {
    margin: 0;
  }

  #product-info .product-right .sr-pdp-brief__main .rating {
    flex: 1 1 auto;
  }

  #product-info .product-right .sr-pdp-compare-form .sr-pdp-icon-btn {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    border-radius: 10px !important;
  }

  #product-info .product-right .sr-pdp-compare-form .sr-pdp-action__icon {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
  }

  #product-info .product-right .smart-home-badge {
    margin: 0;
  }

  #product-info .product-right .smart-home-badge svg {
    width: 28px;
    height: 28px;
  }

  #product-info .product-right .rating {
    margin: 0;
    font-size: 13px;
    flex: 1 1 auto;
    min-width: 0;
  }

  #product-info .product-right .rating .review_count {
    font-size: 13px !important;
    color: var(--sr-mobile-muted) !important;
  }

  #product-info .product-right .price,
  #product-info .product-right p.price.price-unavailable {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 13px !important;
  }

  #product-info .product-right .price,
  #product-info .product-right p.price.price-unavailable {
    width: 100%;
    max-width: 100%;
    text-align: left;
  }

  #product-info .product-right .price li {
    margin: 0;
    padding: 0;
    text-align: left;
  }

  #product-info .product-right .price .price-new {
    font-size: 1.375rem !important;
    font-weight: 410 !important;
    color: var(--sr-mobile-text) !important;
    line-height: 1.2;
    display: block;
    white-space: normal;
    word-break: break-word;
  }

  #product-info .product-right .price .price-old {
    font-size: 0.75rem !important;
    color: var(--sr-mobile-muted) !important;
    margin-left: 0;
    display: block;
  }

  /* Stoc — punct verde/roșu + text fin (ca referința Miele) */
  #product-info .product-right .sr-pdp-stock {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 2px 0 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 400;
    color: var(--sr-mobile-text);
  }

  #product-info .product-right .sr-pdp-stock__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: 0 0 8px;
    background: currentColor;
  }

  #product-info .product-right .sr-pdp-stock--in {
    color: #15803d;
  }

  #product-info .product-right .sr-pdp-stock--in .sr-pdp-stock__dot {
    background: #22c55e;
  }

  #product-info .product-right .sr-pdp-stock--out {
    color: #b91c1c;
  }

  #product-info .product-right .sr-pdp-stock--out .sr-pdp-stock__dot {
    background: #ef4444;
  }

  #product-info .product-right .sr-pdp-stock__label {
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
  }


  #product-info .product-right .meta li.meta-item--stock {
    display: none !important;
  }

  #product-info .product-right .meta {
    margin: 10px 0 14px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  #product-info .product-right .meta li {
    font-size: 12px !important;
    line-height: 1.45;
    padding: 0 !important;
    margin: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--sr-mobile-text);
    overflow-wrap: anywhere;
    min-width: 0;
  }

  #product-info .product-right .meta li strong {
    display: inline;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #9ca3af;
    margin: 0 4px 0 0;
  }

  #product-info .product-right .meta li a {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
  }

  #product-info .product-color-picker {
    margin: 0 0 16px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
  }

  #product-info .product-color-picker__caption {
    font-size: 13px !important;
    margin-bottom: 8px;
    color: var(--sr-mobile-text);
  }

  #product-info #product .form-group,
  #product-info #product .mb-3 {
    margin-bottom: 14px;
  }

  #product-info #product label,
  #product-info #product .form-label {
    font-size: 13px !important;
    font-weight: 410;
    color: var(--sr-mobile-text);
    margin-bottom: 6px;
  }

  #product-info #product .form-control,
  #product-info #product .form-select {
    font-size: 16px !important;
    min-height: var(--sr-mobile-touch);
    border-radius: 10px;
    border-color: var(--sr-mobile-border);
  }

  #product-info .product-right .sr-pdp-sticky-buy .sr-pdp-icon-btn {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    border-radius: 12px !important;
    flex-shrink: 0;
  }

  #product-info .product-right .sr-pdp-sticky-buy .sr-pdp-action__icon {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
  }

  /* CTA sticky — inimă + cantitate + Adaugă în coș */
  #product-info .sr-pdp-wishlist-form--sticky,
  #product-info .sr-pdp-sticky-buy .sr-pdp-icon-btn.wishlist {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    touch-action: manipulation;
    flex: 0 0 auto;
    margin: 0;
  }

  #product-info .product-right .sr-pdp-buy-mobile.sr-product-buy {
    display: block !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    width: 100%;
  }

  #product-info .product-right .sr-pdp-buy-mobile .sr-pdp-sticky-buy__row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px;
    width: 100%;
  }

  #product-info .product-right .sr-pdp-qty-opbox--mobile {
    display: flex !important;
    flex: 0 0 auto;
    flex-direction: row !important;
    align-items: stretch;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--sr-mobile-border) !important;
    border-radius: 12px !important;
    overflow: hidden;
    background: #f9fafb !important;
    vertical-align: top;
  }

  #product-info .product-right .sr-pdp-qty-opbox--mobile .btn-number,
  #product-info .product-right .sr-pdp-qty-opbox--mobile .input-number,
  #product-info .product-right .sr-pdp-qty-opbox--mobile #input-quantity-mobile {
    float: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    flex-shrink: 0;
    line-height: 1 !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
  }

  #product-info .product-right .sr-pdp-qty-opbox--mobile .btn-number::before {
    color: #111827 !important;
  }

  #product-info .product-right .sr-pdp-qty-opbox--mobile #input-quantity-mobile {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    text-align: center;
    font-size: 16px !important;
    font-weight: 410 !important;
    background: #fff !important;
    border-left: 1px solid var(--sr-mobile-border) !important;
    border-right: 1px solid var(--sr-mobile-border) !important;
    -moz-appearance: textfield;
    appearance: textfield;
  }

  #product-info .product-right .sr-pdp-qty-opbox--mobile #input-quantity-mobile::-webkit-outer-spin-button,
  #product-info .product-right .sr-pdp-qty-opbox--mobile #input-quantity-mobile::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  #product-info .product-right .sr-pdp-qty-opbox--mobile .btnminus:disabled {
    opacity: 0.35;
  }

  #product-info .sr-pdp-sticky-buy.sr-pdp-buy-mobile,
  #product-info .product-right .sr-pdp-sticky-buy.sr-pdp-buy-mobile {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 95;
    margin: 0 !important;
    padding: 7px var(--sr-pdp-pad);
    padding-bottom: max(7px, env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(10px);
    border-top: 1px solid var(--sr-mobile-border);
    box-shadow: 0 -10px 32px rgba(15, 23, 42, 0.12);
  }

  #product-info #button-cart,
  #product-info #button-cart.btn-block,
  #product-info .sr-pdp-sticky-buy__cart {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 9px 18px !important;
    font-size: 16px !important;
    font-weight: 410 !important;
    border-radius: 12px !important;
    letter-spacing: 0.01em;
    flex: 1 1 auto;
  }

  /* Tab-uri descriere / specificații / recenzii — margini reduse */
  #product-info .product_page_tab {
    order: 10;
    margin: 18px calc(-1 * var(--sr-pdp-pad)) 0;
    padding: 0 var(--sr-pdp-pad);
    width: calc(100% + 2 * var(--sr-pdp-pad));
    max-width: none;
    box-sizing: border-box;
    border-top: 1px solid var(--sr-mobile-border);
  }

  #product-info .pro-detail.product-content > .row {
    display: flex;
    flex-direction: column;
  }

  #product-info .product_page_tab .nav.nav-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid var(--sr-mobile-border);
    gap: 0;
    margin: 0 calc(-1 * var(--sr-pdp-pad)) 0;
    padding: 0 var(--sr-pdp-pad);
    width: calc(100% + 2 * var(--sr-pdp-pad));
    box-sizing: border-box;
    scrollbar-width: none;
  }

  #product-info .product_page_tab .nav.nav-tabs::-webkit-scrollbar {
    display: none;
  }

  #product-info .nav-tabs .nav-item {
    flex: 0 0 auto;
  }

  #product-info .nav-tabs .nav-link {
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 10px 12px !important;
    min-height: 38px;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid transparent !important;
    color: var(--sr-mobile-muted) !important;
    background: transparent !important;
    white-space: nowrap;
  }

  #product-info .product_page_tab .nav.nav-tabs .nav-link.active,
  #product-info .product_page_tab .nav.nav-tabs .nav-item a.nav-link.active {
    color: var(--sr-mobile-text) !important;
    background: transparent !important;
    border-bottom-color: var(--sr-mobile-text) !important;
    box-shadow: none !important;
    font-weight: 500 !important;
  }

  #product-info .tab-content,
  #product-info .description-accordion__panel {
    padding: 10px 0 4px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: var(--sr-mobile-text);
    overflow-wrap: anywhere;
    word-break: break-word;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  #product-info .tab-content img,
  #product-info .tab-content iframe,
  #product-info .tab-content video,
  #product-info .tab-content table {
    max-width: 100%;
  }

  #product-info .tab-content .table-responsive,
  #product-info .product-spec-panes .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 0 12px;
    max-width: 100%;
  }

  /* Sub-categorii specificații — chip-uri compacte, scroll orizontal (fără wrap urât) */
  #product-info #tab-specification .nav.nav-pills {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 6px;
    margin: 0 0 10px !important;
    padding: 0 0 4px;
    scrollbar-width: none;
  }

  #product-info #tab-specification .nav.nav-pills::-webkit-scrollbar {
    display: none;
  }

  #product-info #tab-specification .nav.nav-pills .nav-item {
    flex: 0 0 auto;
    margin: 0;
  }

  body[class*="product-product-"] #product-info #tab-specification .product-spec-pill,
  #product-info #tab-specification .product-spec-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px !important;
    font-weight: 410 !important;
    line-height: 1.2 !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    min-height: 26px !important;
    white-space: nowrap;
    border: 1px solid var(--sr-mobile-border) !important;
    background: #f3f4f6 !important;
    color: var(--sr-mobile-text) !important;
    box-shadow: none !important;
  }

  body[class*="product-product-"] #product-info #tab-specification .product-spec-pill.active,
  #product-info #tab-specification .product-spec-pill.active {
    background: var(--sr-mobile-text) !important;
    border-color: var(--sr-mobile-text) !important;
    color: #fff !important;
  }

  #product-info .product-spec-panes .table,
  #product-info .tab-content .table {
    font-size: 12px !important;
    margin-bottom: 0;
  }

  #product-info .product-spec-panes .table th,
  #product-info .product-spec-panes .table td,
  #product-info .tab-content .table th,
  #product-info .tab-content .table td {
    padding: 8px 10px !important;
    vertical-align: top;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  #product-info .product-spec-panes .table td:first-child {
    width: 62% !important; /* bate style="width: 40%" din product.twig */
    max-width: none;
    color: #111827;
  }

  /* Tab Descriere — layout Miele mobil: imagine mare, text stivuit dedesubt */
  #product-info #tab-description .description-features {
    margin-left: calc(-1 * var(--sr-pdp-pad));
    margin-right: calc(-1 * var(--sr-pdp-pad));
    width: calc(100% + 2 * var(--sr-pdp-pad));
    background: #fff;
    font-family: inherit;
  }

  #product-info #tab-description .description-accordion__item {
    border-color: rgba(0, 0, 0, 0.06) !important;
  }

  #product-info #tab-description .description-accordion__item:first-child {
    border-top-color: rgba(0, 0, 0, 0.06) !important;
  }

  #product-info #tab-description .description-accordion__item:last-child:has(.description-accordion__panel.is-open) {
    border-bottom: 0 !important;
  }

  #product-info #tab-description .description-accordion__header {
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    padding: 14px var(--sr-pdp-pad) !important;
    min-height: 0 !important;
    color: #111827 !important;
    background: #fff !important;
  }

  #product-info #tab-description .description-accordion__title {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
  }

  #product-info #tab-description .description-accordion__icon {
    font-size: 18px !important;
    font-weight: 300 !important;
    width: 22px;
    color: #374151 !important;
  }

  #product-info #tab-description .description-accordion__panel {
    padding: 0 !important;
    background: #fff !important;
  }

  #product-info #tab-description .description-features .description-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    grid-template-columns: none !important;
  }

  #product-info #tab-description .description-features .description-card {
    display: flex !important;
    flex-direction: column !important;
    grid-column: auto !important;
    grid-template-columns: none !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  #product-info #tab-description .description-features .description-card:last-child {
    margin-bottom: 0 !important;
  }

  #product-info #tab-description .description-features .description-card::after {
    display: none !important;
  }

  #product-info #tab-description .description-features .description-card__img {
    float: none !important;
    order: 1 !important;
    display: block !important;
    width: calc(100% + 2 * var(--sr-pdp-pad)) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 200px !important;
    max-height: none !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 0 14px calc(-1 * var(--sr-pdp-pad)) !important;
    border-radius: 0 !important;
    background: #fff !important;
  }

  #product-info #tab-description .description-features .description-card__body {
    order: 2 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
    padding: 0 var(--sr-pdp-pad) 0 !important;
    overflow: visible !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: left !important;
  }

  #product-info #tab-description .description-features .description-kicker:empty {
    display: none !important;
  }

  #product-info #tab-description .description-features .description-kicker {
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    margin: 0 0 6px !important;
    opacity: 1 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #9ca3af !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  #product-info #tab-description .description-features .description-title {
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    margin: 0 0 8px !important;
    color: #111827 !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  #product-info #tab-description .description-features .description-text {
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    margin: 0 !important;
    color: #4b5563 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
  }

  #product-info #tab-description .tab-description,
  #product-info #tab-description .tab-description p,
  #product-info #tab-description > .description-intro,
  #product-info #tab-description > p {
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    color: #4b5563 !important;
  }

  #product-info #tab-description .description-more,
  #product-info #tab-description .description-open-modal,
  #product-info #tab-description .miele-open-modal {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #111827 !important;
  }

  #product-info #tab-description .description-features h2:not(.description-title),
  #product-info #tab-description .description-features h3:not(.description-title),
  #product-info #tab-description .description-features h4:not(.description-title),
  #product-info #tab-description .description-features strong,
  #product-info #tab-description .description-features b {
    font-weight: 410 !important;
  }

  #product-info #tab-description {
    padding-bottom: 0 !important;
  }

  #product-info #tab-description .tab-image {
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
  }

  #product-info #tab-description .tab-image .img-side {
    width: 100% !important;
    line-height: normal;
  }

  #product-info #tab-description .tab-image .img-side img {
    width: 100%;
    height: auto;
    display: block;
  }

  #product-info #tab-description .tab-description {
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  #product-info #tab-description .video-image {
    flex-direction: column !important;
    gap: 16px !important;
  }

  #product-info #tab-description .video-image .video-img,
  #product-info #tab-description .video-image .video-list {
    width: 100% !important;
  }

  #product-info #tab-description img:not(.description-card__img) {
    max-width: 100% !important;
    height: auto !important;
  }

  #product-info #tab-description .description-features p,
  #product-info #tab-description .description-features .description {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  /* Recenzii — formular și listă compacte pe mobil */
  #product-info #tab-review {
    padding-top: 6px !important;
  }

  #product-info #form-review > #review > p.text-center {
    font-size: 12px !important;
    line-height: 1.45 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    text-align: left !important;
    color: var(--sr-mobile-muted);
  }

  #product-info #form-review > h2 {
    font-size: 0.95rem !important;
    font-weight: 410 !important;
    margin: 0 0 10px !important;
    line-height: 1.25 !important;
  }

  #product-info #form-review .mb-3 {
    margin-bottom: 10px !important;
  }

  #product-info #form-review .form-label {
    font-size: 12px !important;
    margin-bottom: 4px !important;
    font-weight: 410 !important;
  }

  #product-info #form-review .form-control {
    font-size: 14px !important;
    padding: 8px 10px !important;
    min-height: 38px !important;
    border-radius: 8px !important;
  }

  #product-info #form-review textarea.form-control {
    min-height: 68px !important;
    height: 68px !important;
    line-height: 1.45 !important;
    resize: vertical;
  }

  #product-info #form-review .row.mb-3.required {
    margin-bottom: 10px !important;
    --bs-gutter-x: 0;
  }

  #product-info #form-review .row.mb-3.required > .form-label {
    margin-bottom: 6px !important;
  }

  #product-info #form-review .sr-review-stars {
    gap: 2px;
    margin-top: 0;
  }

  #product-info #form-review .sr-review-stars__label {
    min-width: var(--sr-mobile-touch, 44px);
    min-height: var(--sr-mobile-touch, 44px);
    padding: 8px 2px;
    font-size: 1.35rem !important;
  }

  #product-info #form-review .invalid-feedback {
    font-size: 11px !important;
    margin-top: 3px !important;
  }

  #product-info #form-review > .row:last-child {
    margin-top: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    --bs-gutter-x: 8px;
    align-items: stretch;
  }

  #product-info #form-review > .row:last-child > .col {
    flex: 1 1 0;
    min-width: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none;
  }

  #product-info #form-review > .row:last-child > .col.text-end {
    text-align: right !important;
  }

  #product-info #form-review .btn {
    font-size: 13px !important;
    font-weight: 410 !important;
    padding: 9px 12px !important;
    min-height: 40px !important;
    border-radius: 10px !important;
    width: 100%;
    line-height: 1.2 !important;
  }

  #product-info #form-review .btn-light {
    background: #fff !important;
    border: 1px solid var(--sr-mobile-border) !important;
    color: var(--sr-mobile-text) !important;
  }

  #product-info #form-review #review .table {
    font-size: 12px !important;
    margin-bottom: 8px !important;
  }

  #product-info #form-review #review .table td {
    padding: 6px 8px !important;
  }

  /* Sidebar & recomandări */
  #product-info .product-sidebar {
    margin-top: 24px;
    gap: 16px;
  }

  #product-info .related_product {
    margin-top: 32px;
    padding-top: 20px;
    border-top: 1px solid var(--sr-mobile-border);
  }

  #product-info .related_product h3,
  #product-info .related_product .title-wrapper h3 {
    font-size: 1.125rem !important;
    font-weight: 410 !important;
    margin-bottom: 14px !important;
    color: var(--sr-mobile-text);
  }
}

@media (max-width: 400px) {
  #product-info .product-right .sr-pdp-sticky-buy .sr-pdp-icon-btn {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
  }
}

/* —— Listări stil eMAG/Altex: 2 coloane telefon, text compact —— */
@media (max-width: 991px) {
  body[class*="product-category"] #product-category.container,
  body[class*="product-search"] #content > .container,
  body[class*="product-manufacturer"] #content > .container,
  body[class*="product-special"] #content > .container {
    padding-left: var(--sr-mobile-pad, 12px) !important;
    padding-right: var(--sr-mobile-pad, 12px) !important;
  }

  body[class*="product-category"] #product-category #content h2,
  body[class*="product-search"] #content h2,
  body[class*="product-manufacturer"] #content h2 {
    font-size: 1.125rem !important;
    line-height: 1.25 !important;
    margin-bottom: 0.5rem !important;
    font-weight: 410 !important;
  }

  /* Spațiu între titlul categoriei și bara „Alegeți tipul” */
  body[class*="product-category"] #product-category #content h2:has(+ .sr-category-branch-nav) {
    margin-bottom: 1.25rem !important;
  }

  body[class*="product-category"] #product-category #content .sr-category-title-row:has(+ .sr-category-branch-nav) {
    margin-bottom: 1.25rem !important;
  }

  body[class*="product-category"] #product-category #content .sr-category-title-row:has(+ .sr-category-branch-nav) h1 {
    margin-bottom: 0 !important;
  }

  body[class*="product-category"] #product-category #content .sr-category-branch-nav {
    margin-top: 12px !important;
    margin-bottom: 18px !important;
  }

  body[class*="product-category"] #product-category #content .sr-category-branch-nav__heading {
    font-size: 0.875rem !important;
    margin-bottom: 6px !important;
  }

  body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill,
  body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill:link,
  body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill:visited {
    font-size: 0.75rem !important;
    padding: 6px 10px !important;
  }

  body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill-count {
    font-size: 0.6875rem !important;
  }

  #product-list.row {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 8px;
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
  }

  #product-list.row > .col,
  #product-list.row > .col.mb-3 {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-bottom: 8px !important;
  }

  /* Telefon + tabletă îngustă: 2 produse pe rând (ca eMAG / Altex mobil) */
  #product-list.row,
  #product-list.row.sr-product-grid {
    --bs-columns: 2;
  }

  #product-list .product-thumb {
    border: 1px solid #e5e7eb !important;
    border-radius: 4px !important;
    overflow: hidden;
    background: #fff;
    height: 100%;
    margin: 0 !important;
    box-shadow: none !important;
  }

  #product-list .product-thumb .image {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    min-height: 0;
    padding: 6px;
    box-sizing: border-box;
    background: #ffffff !important;
  }

  #product-list .product-thumb .image > a {
    background: #ffffff !important;
  }

  #product-list .product-thumb .image.sr-img-frame--part,
  #product-list .product-thumb .image.sr-img-frame--part > a {
    background: #ffffff !important;
  }

  #product-list .product-thumb .image img {
    max-height: 100%;
    object-fit: contain;
    background: transparent !important;
  }

  #product-list .product-thumb .description {
    padding: 14px 16px !important;
  }

  body[class*="product-category"] #product-list .product-thumb .description h4,
  body[class*="product-category"] #product-list .product-thumb .description h4 a {
    font-size: 14px !important;
    line-height: 1.45 !important;
    margin-bottom: 2px !important;
  }

  #product-list .product-thumb .description h4,
  #product-list .product-thumb .description h4 a {
    font-family: var(--global-body-font-family) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.07em !important;
    line-height: 1.45 !important;
    margin-bottom: 2px !important;
  }

  #product-list .product-thumb .description h4 a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  #product-list.row.sr-product-grid .product-thumb .description h4 a {
    -webkit-line-clamp: 3;
  }

  #product-list .product-thumb .description .rating {
    margin-bottom: 2px;
    line-height: 1;
  }

  #product-list .product-thumb .description .rating .fa-stack {
    width: 12px;
  }

  #product-list .product-thumb .description .rating .fa-stack .fa-star {
    font-size: 11px !important;
  }

  #product-list .product-thumb .description .price,
  #product-list .product-thumb .description .price .price-new,
  #product-list .product-thumb .description .price .price-old {
    font-family: var(--global-body-font-family) !important;
    font-size: 16px !important;
    font-weight: 410 !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
    color: #111827 !important;
  }

  #product-list .product-thumb .description .price .price-old {
    font-size: 12px !important;
    font-weight: 400 !important;
  }

  #product-list .product-thumb .description .product_cart_btn {
    margin-top: 0;
    padding-top: 2px;
  }

  #product-list .product-thumb .description .product_cart_btn .sr-card-cta {
    margin-top: 6px;
  }

  /* Mobil ≤991px — inimă permanentă sus-dreapta; fără panou slide-in / quickview */
  .product-thumb .image {
    position: relative;
  }

  .product-thumb .product_buttons,
  .product-thumb:hover .product_buttons,
  .product-thumb.is-touch-actions .product_buttons,
  #product-list .product-thumb .product_buttons,
  #product-list .product-thumb.is-touch-actions .product_buttons,
  body.common-home .product-thumb .product_buttons,
  body.common-home .product-thumb:hover .product_buttons {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
    pointer-events: none !important;
    z-index: 4;
    margin: 0 !important;
    padding: 0 !important;
    transition: none !important;
  }

  .product-thumb .product_buttons form {
    position: static;
    height: 100%;
    pointer-events: none;
  }

  .product-thumb .product_buttons .quickview-button,
  .product-thumb .product_buttons .compare-button {
    display: none !important;
  }

  .product-thumb .product_buttons .wishlist-button {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    pointer-events: auto;
  }

  .product-thumb .product_buttons .wishlist-button button {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.94) !important;
    color: #374151 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    touch-action: manipulation;
  }

  /* Zona de atingere de 44px pentru inima de favorite si butonul de comparare,
     fara a schimba cercul vizibil de 32px (recomandarea de accesibilitate la atingere). */
  .product-thumb .product_buttons .wishlist-button button,
  .product-thumb .product_buttons .compare-button button {
    position: relative;
  }

  .product-thumb .product_buttons .wishlist-button button::after,
  .product-thumb .product_buttons .compare-button button::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 50%;
  }

  .product-thumb .product_buttons .wishlist-button button::before {
    width: 18px !important;
    height: 18px !important;
  }

  .product-thumb .product_buttons .wishlist-button button.is-added,
  .product-thumb .product_buttons .wishlist-button button.is-added:hover,
  .product-thumb .product_buttons .wishlist-button button.is-added:focus-visible {
    color: #dc2626 !important;
    background: #fff !important;
  }

  /* Compară — aliniat cu Adaugă în coș (stiluri principale în blocul .sr-card-cta de sus) */

  /* Filtre active — compact */
  .sr-active-filters {
    margin-bottom: 10px;
    padding: 8px 10px;
    gap: 6px 8px;
  }

  .sr-active-filters__label {
    font-size: 12px !important;
    width: 100%;
    margin-bottom: 2px;
  }

  .sr-active-filters__chip {
    font-size: 12px !important;
    padding: 4px 8px !important;
    gap: 6px;
  }

  .sr-active-filters__chip i {
    font-size: 11px !important;
  }

  .sr-active-filters__clear {
    font-size: 12px !important;
  }

  /* Toolbar: Filtru + Categorii pe un rând (Altex) */
  #header .header-search {
    width: 100% !important;
  }

  #display-control.sr-listing-toolbar {
    row-gap: 8px;
    margin-bottom: 8px;
  }

  #display-control.sr-listing-toolbar > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  #display-control.sr-listing-toolbar > .col-12:first-child > .d-flex {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
  }

  #display-control .sr-open-filters-btn,
  #display-control .open-sidebar.btn {
    width: 100%;
    font-size: 13px !important;
    min-height: 38px;
    padding: 8px 10px !important;
    justify-content: center;
  }

  #display-control .compare-total {
    grid-column: 1 / -1;
    width: 100%;
  }

  #display-control .compare-total a.btn {
    width: 100%;
    font-size: 13px !important;
    min-height: 38px;
  }

  #display-control.sr-listing-toolbar {
    padding: 8px 10px !important;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    overflow: hidden;
  }

  #display-control .category-sorting {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 34%);
    gap: 6px;
    width: 100%;
    max-width: 100%;
    flex-direction: row !important;
    align-items: stretch !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }

  #display-control .sort-by-wrapper,
  #display-control .show-wrapper {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    margin-right: 0 !important;
    flex-wrap: nowrap;
  }

  #display-control .sort-by-wrapper .input-group-text,
  #display-control .show-wrapper .input-group-text {
    font-size: 11px !important;
    padding: 6px 6px !important;
    flex-shrink: 0;
    white-space: nowrap;
  }

  #display-control .show-wrapper .input-group-text {
    padding: 6px 4px !important;
    font-size: 10px !important;
  }

  #display-control .sort-by-wrapper .form-select,
  #display-control .show-wrapper .form-select {
    font-size: 12px !important;
    min-width: 0;
    flex: 1 1 0;
    width: 1% !important;
    max-width: 100%;
    padding: 6px 24px 6px 6px !important;
    line-height: 1.2;
  }

  #display-control .show-wrapper .form-select {
    max-width: 52px;
    padding: 6px 20px 6px 4px !important;
    font-size: 11px !important;
    text-align: center;
  }

  #product-category #content .sr-category-branch-nav__pills {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  #product-category #content .sr-category-branch-nav__pills::-webkit-scrollbar {
    display: none;
  }

  #product-category #content .sr-category-branch-nav__scroll-track {
    display: block;
    height: 2px;
    margin-top: 6px;
    border-radius: 1px;
    background: rgba(17, 24, 39, 0.1);
  }

  #product-category #content .sr-category-branch-nav__scroll-thumb {
    min-width: 20px;
    border-radius: 1px;
    background: rgba(17, 24, 39, 0.3);
  }

  #product-category #content .sr-category-branch-nav__pills {
    cursor: grab;
  }

  #product-category #content .sr-category-branch-nav__pill {
    flex: 0 0 auto;
  }
}

/* Tabletă mică: text compact pe 2 coloane */
@media (min-width: 768px) and (max-width: 991.98px) {
  #product-list .product-thumb .description h4 a {
    font-size: 15px !important;
    -webkit-line-clamp: 3;
  }

  #product-list .product-thumb .description .price .price-new {
    font-size: 16px !important;
  }
}

@media (max-width: 575px) {
  :root {
    --sr-mobile-pad: 12px;
  }

  body[class*="product-category"] #product-list .product-thumb .description h4,
  body[class*="product-category"] #product-list .product-thumb .description h4 a {
    font-size: 15px !important;
    line-height: 1.42 !important;
  }

  body[class*="product-category"] #product-list .product-thumb .description {
    padding: 10px 12px !important;
  }
}

/* —— Homepage —— */
@media (max-width: 991px) {
  body.common-home {
    background: #ffffff;
  }

  body.common-home #common-home.sr-hp {
    --sr-hp-gutter: var(--sr-mobile-pad, 16px);
  }

  body.common-home main {
    padding-bottom: 8px !important;
  }

  .sr-account-dash__catalog--hero-demo {
    background: #ffffff !important;
    background-image: none !important;
  }

  .sr-hero-card__body {
    background: #f3f4f6 !important;
  }

  .sr-hp-catalog.sr-account-dash__catalog--hero-demo {
    margin-bottom: 12px;
    padding: 18px var(--sr-mobile-pad, 16px) 22px !important;
    border-radius: 14px;
  }

  .sr-hp-catalog .sr-hp-head,
  .sr-hp-catalog .sr-account-dash__section-head--catalog {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 14px;
  }

  .sr-hp-catalog .sr-hp-head__title {
    font-size: 1.45rem;
    line-height: 1.2;
    margin-bottom: 6px;
  }

  .sr-hp-catalog .sr-hp-head__lead,
  .sr-hp-catalog .sr-account-dash__section-lead,
  body.common-home .sr-account-dash__catalog--hero-demo .sr-account-dash__section-lead {
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: 100% !important;
    overflow-wrap: anywhere;
    word-wrap: break-word;
  }

  .sr-hp-catalog .sr-hp-head__link {
    display: none !important;
  }

  .sr-hp-catalog .sr-account-dash__hero-carousel {
    padding: 4px 0 8px;
  }

  .sr-hp-catalog__swipe-hint {
    margin: 0;
    padding: 0 4px;
    font-size: 0.8125rem;
    line-height: 1.4;
    text-align: center;
    color: var(--sr-mobile-muted);
  }

  .sr-hero-carousel__viewport {
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-padding-inline: 8px;
  }

  .sr-hero-card {
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }

  .sr-hp-catalog .sr-account-dash__hero-carousel,
  body.common-home .sr-account-dash__hero-carousel {
    --sr-hero-nav-top: 36%;
  }

  .sr-hero-carousel__nav {
    top: var(--sr-hero-nav-top, 36%);
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    font-size: 1rem;
    box-shadow: 0 4px 14px rgba(17, 24, 39, 0.22);
  }

  .sr-hero-carousel__nav--prev {
    left: 0;
  }

  .sr-hero-carousel__nav--next {
    right: 0;
  }

  .sr-hero-card__title {
    font-size: 14px !important;
  }

  body.common-home .sr-hero-card {
    --sr-hero-img: 176px;
    --sr-hero-body-min: 0 !important;
    --sr-hero-card-basis: min(340px, calc(100vw - 6.5rem));
    flex: 0 0 var(--sr-hero-card-basis) !important;
    max-width: var(--sr-hero-card-basis);
    height: auto;
    min-width: 0;
  }

  body.common-home .sr-hero-card__body {
    min-height: 0 !important;
    height: auto !important;
    min-width: 0;
  }

  body.common-home .sr-hero-card__text {
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    text-align: left !important;
    text-justify: auto;
    white-space: normal !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: normal;
    hyphens: auto;
    max-width: 100%;
  }

  .sr-hp-head__lead,
  .sr-hp-catalog .sr-hp-head__lead {
    white-space: normal !important;
    overflow-wrap: break-word;
  }

  .sr-hero-card__badge {
    font-size: 0.65rem !important;
  }

  .sr-hero-card__cta {
    min-width: 0;
    width: calc(100% - 24px);
    max-width: 220px;
    min-height: 44px;
    padding: 11px 16px;
    font-size: 0.75rem !important;
  }

  .sr-hp-hero__visual #base_slideshow .splide .image img {
    max-height: 280px;
  }

  .sr-hp-cta__title {
    max-width: none;
  }
}

@media (min-width: 992px) {
  .sr-hp-catalog__swipe-hint {
    display: none;
  }
}

@media (max-width: 575px) {
  body.common-home #common-home.sr-hp {
    --sr-hp-gutter: var(--sr-mobile-pad, 14px);
  }

  .sr-hp-catalog.sr-account-dash__catalog--hero-demo {
    padding: 14px var(--sr-mobile-pad, 14px) 18px !important;
  }

  .sr-hp-catalog .sr-account-dash__hero-carousel {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 6px;
  }

  body.common-home .sr-hero-card {
    --sr-hero-img: 140px;
    --sr-hero-body-min: 0;
    --sr-hero-card-basis: min(300px, calc(100vw - 5.5rem));
    flex: 0 0 var(--sr-hero-card-basis) !important;
    max-width: var(--sr-hero-card-basis);
  }

  body.common-home .sr-hero-card__body {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 44px;
  }

  body.common-home .sr-hero-card__text {
    font-size: 0.8125rem !important;
    line-height: 1.5 !important;
    white-space: normal !important;
  }

  h1.sr-hp-hero__title {
    font-size: 28px;
  }
}

/* —— Footer: compact pe telefon / tabletă —— */
@media (max-width: 991px) {
  #footer {
    margin-top: 20px;
  }

  #footer .footer_top > .container,
  #footer .footer_middle > .container,
  #footer .footer_bottom > .container {
    padding-left: var(--sr-mobile-pad) !important;
    padding-right: var(--sr-mobile-pad) !important;
  }

  #footer .footer_top {
    padding: 14px 0 !important;
  }

  #footer #base_newsletter {
    gap: 8px;
  }

  #footer #base_newsletter .newsletter-content,
  #footer #base_newsletter .newsletter-wrapper {
    flex: 0 0 auto !important;
    flex-basis: auto !important;
  }

  #footer #base_newsletter .newsletter-content .title-wrapper {
    margin-bottom: 0 !important;
  }

  #footer .footer_middle {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    background: #ffffff !important;
  }

  #footer .footer_middle h5,
  #footer .footer_middle h5.toggle {
    font-size: 13px !important;
    margin-bottom: 8px;
  }

  #footer .footer_middle p,
  #footer .footer_middle li,
  #footer .footer_middle a:not(.mobile_togglemenu) {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  #footer .footer_middle .middle-content .footer_contact .contact-phone-text,
  #footer .footer_middle .middle-content .footer_contact .contact-phone-text a {
    font-size: var(--sr-fm-phone) !important;
  }

  #footer .footer_middle .middle-content .footer_contact .contact-email-text a {
    font-size: var(--sr-fm-phone) !important;
  }

  #footer .footer_middle .footer_aboutus_cms__info {
    margin-bottom: 10px;
  }

  #footer .footer_middle .footer_aboutus_cms__info p {
    font-size: 13px !important;
    margin-bottom: 2px;
  }

  #footer .footer_middle .footer_aboutus_cms__street {
    font-size: 12px !important;
  }

  #footer .footer_middle .footer_aboutus_cms__map-wrap {
    margin-bottom: 10px;
  }

  #footer .footer_middle .footer_aboutus_cms__map {
    height: 96px;
  }

  #footer .footer_middle .footer_aboutus_cms__map-link {
    padding: 6px 10px !important;
    font-size: 12px !important;
  }

  #footer .footer_middle .middle-content .footer_aboutus_cms {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
  }

  #footer .footer_middle .column .footer-toggle {
    margin-bottom: 12px !important;
  }

  #footer .footer_middle li + li {
    margin-top: 4px;
  }

  #footer .footer_middle .footer-social {
    display: none !important;
  }

  #footer .footer_bottom {
    padding: 10px 0 !important;
  }

  #footer .footer_bottom p,
  #footer .footer_bottom a,
  #footer .footer_bottom .bottom-content {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  #footer .footer_bottom .bottom-content p {
    margin: 0 !important;
  }
}

@media (max-width: 767px) {
  #footer .footer_middle a:not(.mobile_togglemenu) {
    padding: 4px 0;
    display: inline-block;
  }

  #footer h5.toggle {
    min-height: 40px;
    display: flex;
    align-items: center;
    font-size: 14px !important;
  }

  #footer .mobile_togglemenu {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

/* —— Coș lateral (drawer) — text și carduri mai compacte pe telefon/tabletă —— */
@media (max-width: 991px) {
  :root {
    --sr-cart-drawer-width: 100vw;
  }

  .dropdown-menu.sr-cart-drawer {
    position: fixed !important;
    inset: 0 0 0 auto !important;
    left: auto !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    transform: translateX(100%) !important;
  }

  .dropdown-menu.sr-cart-drawer.show {
    transform: translateX(0) !important;
  }

  .sr-cart-drawer__inner {
    min-height: 0;
    height: 100%;
  }

  .sr-cart-drawer__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
  }

  .sr-cart-drawer__footer {
    flex-shrink: 0;
    margin-top: auto;
  }

  .sr-cart-drawer__header {
    padding: 14px 16px 10px;
    gap: 8px;
  }

  .sr-cart-drawer__title {
    margin: 0 0 2px;
    font-size: 1.0625rem !important;
    font-weight: 410 !important;
    line-height: 1.3 !important;
  }

  .sr-cart-drawer__subtitle {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .sr-cart-drawer__close {
    width: 32px;
    height: 32px;
  }

  .sr-cart-drawer__close-icon {
    width: 16px;
    height: 16px;
  }

  .sr-cart-drawer__body {
    padding: 8px 14px 10px;
  }

  .sr-cart-items {
    gap: 8px;
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-item,
  .dropdown-menu.sr-cart-drawer .sr-cart-item {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 10px !important;
    align-items: start !important;
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-item__thumb,
  .dropdown-menu.sr-cart-drawer .sr-cart-item__thumb {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-item__name,
  .dropdown-menu.sr-cart-drawer .sr-cart-item__name,
  .dropdown-menu.sr-cart-drawer a.sr-cart-item__name,
  .dropdown-menu.sr-cart-drawer a.sr-cart-item__name {
    font-size: 13px !important;
    font-weight: 410 !important;
    line-height: 1.4 !important;
    margin-bottom: 3px !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-item__model,
  .dropdown-menu.sr-cart-drawer .sr-cart-item__ean,
  .dropdown-menu.sr-cart-drawer .sr-cart-item__qty,
  .dropdown-menu.sr-cart-drawer .sr-cart-item__model,
  .dropdown-menu.sr-cart-drawer .sr-cart-item__ean,
  .dropdown-menu.sr-cart-drawer .sr-cart-item__qty {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-item__options,
  .dropdown-menu.sr-cart-drawer .sr-cart-item__options {
    font-size: 11px !important;
    margin-top: 2px !important;
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-item__unit-label,
  .dropdown-menu.sr-cart-drawer .sr-cart-item__unit-label {
    font-size: 10px !important;
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-item__unit-value,
  .dropdown-menu.sr-cart-drawer .sr-cart-item__unit-value {
    font-size: 11px !important;
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-item__total,
  .dropdown-menu.sr-cart-drawer .sr-cart-item__total {
    font-size: 14px !important;
    font-weight: 410 !important;
    white-space: nowrap;
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-item__remove-btn,
  .dropdown-menu.sr-cart-drawer .sr-cart-item__remove-btn {
    font-size: 15px !important;
    padding: 4px 6px !important;
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-item__foot-end .sr-cart-item__remove,
  .dropdown-menu.sr-cart-drawer .sr-cart-item__foot-end .sr-cart-item__remove {
    margin-top: -6px !important;
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-item__foot-end .sr-cart-item__prices,
  .dropdown-menu.sr-cart-drawer .sr-cart-item__foot-end .sr-cart-item__prices {
    margin-top: 6px !important;
    gap: 4px !important;
  }

  .sr-cart-drawer__footer {
    padding: 10px 14px calc(12px + env(safe-area-inset-bottom, 0px));
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-totals__label,
  .dropdown-menu.sr-cart-drawer .sr-cart-totals__value,
  .dropdown-menu.sr-cart-drawer .sr-cart-totals__label,
  .dropdown-menu.sr-cart-drawer .sr-cart-totals__value {
    font-size: 13px !important;
    padding: 4px 0 !important;
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-totals tr:last-child .sr-cart-totals__label,
  .dropdown-menu.sr-cart-drawer .sr-cart-totals tr:last-child .sr-cart-totals__value,
  .dropdown-menu.sr-cart-drawer .sr-cart-totals tr:last-child .sr-cart-totals__label,
  .dropdown-menu.sr-cart-drawer .sr-cart-totals tr:last-child .sr-cart-totals__value {
    font-size: 15px !important;
    font-weight: 410 !important;
  }

  .sr-cart-drawer__btn-cart {
    min-height: var(--sr-mobile-touch);
    padding: 10px 16px !important;
    font-size: 14px !important;
    font-weight: 410 !important;
    border-radius: 10px !important;
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-drawer__empty,
  .dropdown-menu.sr-cart-drawer .sr-cart-drawer__empty {
    font-size: 14px !important;
    padding: 20px 16px !important;
  }
}

/* Drawer filtre — portal pe body, lățime completă mobil */
@media (max-width: 991px) {
  #sr-filters-drawer {
    position: fixed;
    inset: 0;
    z-index: 1055;
    pointer-events: none;
  }

  #sr-filters-drawer:not([hidden]) {
    pointer-events: auto;
  }

  .sr-filters-drawer__panel {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
  }

  .sr-filters-drawer__header {
    padding: 10px 14px 8px;
  }

  .sr-filters-drawer__title {
    font-size: 0.9375rem !important;
  }

  .sr-filters-drawer__body {
    padding: 4px 14px 8px;
  }

  .sr-filters-drawer__footer {
    padding: 10px 14px max(10px, env(safe-area-inset-bottom, 0px));
  }

  .sr-filters-drawer__apply {
    font-size: 0.8125rem !important;
    padding: 10px 14px !important;
    min-height: 40px;
  }

  .sr-filters-drawer__clear {
    font-size: 0.8125rem !important;
    padding: 8px 14px !important;
    min-height: 36px;
  }
}

/* —— Pagină coș (checkout/cart) — layout mobil, text redus —— */
@media (max-width: 991px) {
  body[class*="checkout-cart"] #checkout-cart.container {
    padding-left: var(--sr-mobile-pad) !important;
    padding-right: var(--sr-mobile-pad) !important;
  }

  body[class*="checkout-cart"] .breadcrumb-container .breadcrumb,
  body[class*="checkout-cart"] #checkout-cart .breadcrumb {
    font-size: 13px !important;
    flex-wrap: wrap;
  }

  #checkout-cart .sr-checkout-page__title {
    font-size: 1.25rem !important;
    line-height: 1.3 !important;
    margin-bottom: 0.875rem !important;
    letter-spacing: -0.01em;
  }

  #checkout-cart .sr-checkout-page__weight {
    font-size: 0.875rem !important;
  }

  #shopping-cart .sr-checkout-cart {
    gap: 12px !important;
  }

  #shopping-cart .sr-checkout-cart-item {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: start !important;
    padding: 12px !important;
  }

  #shopping-cart .sr-checkout-cart-item--voucher {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #shopping-cart .sr-checkout-cart-item__thumb {
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    align-self: start;
  }

  #shopping-cart .sr-checkout-cart-item__main {
    min-width: 0;
    width: 100%;
  }

  #shopping-cart .sr-checkout-cart-item__head {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    margin-bottom: 4px !important;
  }

  #shopping-cart .sr-checkout-cart-item__head-text {
    width: 100%;
    min-width: 0;
  }

  #shopping-cart .sr-checkout-cart-item__prices {
    margin-left: 0 !important;
    text-align: left !important;
    align-self: stretch !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 2px;
  }

  #shopping-cart .sr-checkout-cart-item__total {
    order: 1;
  }

  #shopping-cart .sr-checkout-cart-item__unit {
    order: 2;
    margin-bottom: 0;
    text-align: left;
    justify-content: flex-start;
  }

  #shopping-cart .sr-checkout-cart-item__name {
    font-size: 14px !important;
    font-weight: 410 !important;
    line-height: 1.4 !important;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  #shopping-cart .sr-checkout-cart-item__stock-note {
    font-size: 11px !important;
    padding: 4px 8px !important;
  }

  #shopping-cart .sr-checkout-cart-item__stock-warn {
    font-size: 11px !important;
  }

  #shopping-cart .sr-checkout-cart-item__meta,
  #shopping-cart .sr-checkout-cart-item__option {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  #shopping-cart .sr-checkout-cart-item__unit-label {
    font-size: 10px !important;
  }

  #shopping-cart .sr-checkout-cart-item__unit-value {
    font-size: 12px !important;
  }

  #shopping-cart .sr-checkout-cart-item__total {
    font-size: 15px !important;
    font-weight: 410 !important;
    white-space: normal !important;
  }

  #shopping-cart .sr-checkout-qty-stepper {
    margin-top: 8px;
  }

  #shopping-cart .sr-checkout-qty-stepper__control {
    flex-wrap: wrap;
    gap: 8px;
  }

  #checkout-cart .sr-checkout-qty-stepper__input {
    font-size: 15px !important;
  }

  #checkout-cart .sr-checkout-cart__clear-wrap {
    margin: 4px 0 12px !important;
  }

  #checkout-cart .sr-checkout-cart__btn-clear {
    font-size: 13px !important;
  }

  #checkout-cart .sr-checkout-cart__summary {
    padding: 14px !important;
    border-radius: 12px;
    min-width: 0;
  }

  /* Tabel totaluri: table-layout fixed ca rândul „Calculat pentru adresa
     implicită" (adresă lungă, colspan) să nu lățească sumarul peste ecran
     sub ~390px — altfel adresa rămâne pe un rând și sparge layout-ul. */
  #checkout-cart .sr-checkout-cart__totals {
    table-layout: fixed;
    width: 100%;
  }

  #checkout-cart .sr-checkout-cart__summary-title {
    font-size: 15px !important;
    margin-bottom: 10px !important;
  }

  #checkout-cart .sr-checkout-coupon__label {
    font-size: 11px !important;
  }

  #checkout-cart .sr-checkout-coupon__form {
    flex-direction: column;
    gap: 8px;
  }

  #checkout-cart .sr-checkout-coupon__input,
  #checkout-cart .sr-checkout-coupon__btn {
    width: 100%;
    font-size: 14px !important;
    height: 42px;
  }

  #checkout-cart .sr-checkout-cart__totals-label,
  #checkout-cart .sr-checkout-cart__totals-value {
    font-size: 14px !important;
    padding: 5px 0 !important;
  }

  /* Label-uri Subtotal/Total +1px — fără rândul „Transport", fără prețuri. */
  #checkout-cart .sr-checkout-cart__totals tr:not(.sr-checkout-cart__totals-row--shipping) .sr-checkout-cart__totals-label {
    font-size: 15px !important;
  }

  #checkout-cart .sr-checkout-cart__totals tr:last-child .sr-checkout-cart__totals-value {
    font-size: 15px !important;
  }

  #checkout-cart .sr-checkout-cart__totals tr:last-child .sr-checkout-cart__totals-label {
    font-size: 16px !important;
  }

  #checkout-cart .sr-checkout-page__footer {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin-top: 20px;
    padding-top: 16px;
  }

  #checkout-cart .sr-checkout-page__checkout {
    order: 1;
    width: 100%;
    margin-left: 0 !important;
    font-size: 15px !important;
    min-height: var(--sr-mobile-touch);
    text-align: center;
  }

  #checkout-cart .sr-checkout-page__continue {
    order: 2;
    width: 100%;
    font-size: 13px !important;
    min-height: auto !important;
    padding: 6px 4px !important;
    text-align: center;
  }

  #checkout-cart .sr-checkout-cart__empty {
    font-size: 15px !important;
    padding: 24px 16px !important;
  }
}

/* —— Modal confirmare ștergere din coș (mobil) — centrat pe ecran —— */
@media (max-width: 991px) {
  .sr-cart-remove-modal {
    align-items: center;
    justify-content: center;
    padding: max(16px, env(safe-area-inset-top, 0px)) 16px max(16px, env(safe-area-inset-bottom, 0px));
  }

  .sr-cart-remove-modal__dialog {
    width: min(400px, calc(100vw - 32px));
    max-width: 100%;
    max-height: min(88dvh, 640px);
    margin: 0 auto;
    padding: 16px 16px 18px;
    border-radius: 16px;
    box-shadow: 0 24px 48px rgba(17, 24, 39, 0.22);
  }

  .sr-cart-remove-modal__x {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    font-size: 20px;
  }

  .sr-cart-remove-modal__title {
    margin: 0 40px 6px 0;
    font-size: 1.0625rem !important;
    font-weight: 410 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.01em;
  }

  .sr-cart-remove-modal__lead {
    margin: 0 0 12px;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: var(--sr-mobile-muted);
  }

  .sr-cart-remove-modal__card {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    margin-bottom: 14px;
    border-radius: 12px;
    background: #f6f7f9;
  }

  .sr-cart-remove-modal__thumb {
    width: 64px !important;
    height: 64px !important;
    border-radius: 8px;
  }

  .sr-cart-remove-modal__thumb img {
    width: 100% !important;
    height: 100% !important;
  }

  .sr-cart-remove-modal__name {
    font-size: 13px !important;
    font-weight: 410 !important;
    line-height: 1.4 !important;
    margin-bottom: 4px;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .sr-cart-remove-modal__meta {
    font-size: 12px !important;
    line-height: 1.35 !important;
    margin-bottom: 2px;
    color: var(--sr-mobile-muted);
  }

  .sr-cart-remove-modal__price {
    margin-top: 6px;
    font-size: 14px !important;
    font-weight: 410 !important;
  }

  /* butoanele rămân pe același rând și pe mobil: important dreapta, celălalt stânga */
  .sr-cart-remove-modal__actions {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: flex-end;
  }

  .sr-cart-remove-modal__btn {
    width: auto;
    flex: 0 1 auto;
    min-width: 0;
    min-height: var(--sr-mobile-touch);
    padding: 10px 16px;
    font-size: 14px !important;
    font-weight: 410 !important;
    border-radius: 10px !important;
  }

  /* —— Contul meu —— */
  #account-account.sr-account-dash {
    width: 100%;
    overflow-x: hidden;
  }

  #account-account .sr-account-dash__container {
    width: 100%;
    max-width: 100%;
    padding-left: var(--sr-mobile-pad);
    padding-right: var(--sr-mobile-pad);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }

  #account-account .sr-account-dash__quick,
  #account-account .sr-account-dash__orders {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  #account-account .sr-account-dash__quick {
    padding: 16px var(--sr-mobile-pad);
    border-radius: 16px;
  }

  #account-account .sr-account-dash__orders {
    padding: 16px var(--sr-mobile-pad);
    border-radius: 16px;
  }

  #account-account .sr-account-dash__catalog--hero-demo {
    padding: 18px var(--sr-mobile-pad) 24px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    border-radius: 16px;
  }

  #account-account .sr-account-dash__hero-carousel {
    padding-left: 32px;
    padding-right: 32px;
    max-width: 100%;
    box-sizing: border-box;
  }

  #account-account .sr-account-dash__hero-carousel .sr-hero-carousel__nav--prev {
    left: 0;
  }

  #account-account .sr-account-dash__hero-carousel .sr-hero-carousel__nav--next {
    right: 0;
  }

  #account-account .sr-hero-card {
    --sr-hero-card-basis: min(280px, calc(100vw - 5rem));
  }

  #account-account .sr-hero-carousel__viewport {
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-padding-inline: 8px;
  }

  #account-account .sr-hero-card {
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }

  #account-account .sr-hero-card__body,
  #account-account .sr-hero-card__cta {
    box-shadow: none !important;
    filter: none !important;
  }

  /* —— Istoric comenzi (listă) —— */
  #account-order.sr-orders {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    padding-bottom: 24px;
  }

  #account-order .sr-orders__container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: var(--sr-mobile-pad, 16px) !important;
    padding-right: var(--sr-mobile-pad, 16px) !important;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  #account-order .sr-order-card {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    max-width: 100%;
    overflow: hidden;
  }

  #account-order .sr-order-card__btn {
    width: 100%;
    justify-content: center;
  }

  /* —— Detalii comandă —— */
  body[class*="order-info"],
  body.account-order-info {
    overflow-x: clip;
  }

  #account-order-info.sr-order-info {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    padding-top: 8px;
    padding-bottom: 24px;
  }

  #account-order-info .sr-order-info__container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: var(--sr-mobile-pad, 16px) !important;
    padding-right: var(--sr-mobile-pad, 16px) !important;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  #account-order-info .sr-order-info__meta-grid,
  #account-order-info .sr-order-info__addresses {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 16px;
    overflow: hidden !important;
  }

  #account-order-info .sr-order-info__panel,
  #account-order-info .sr-order-info__address {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    position: relative;
    z-index: 1;
  }

  #account-order-info .sr-order-info__title {
    font-size: calc(1.25rem + 2px) !important;
  }

  #account-order-info .sr-order-info__table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    font-size: 15px !important;
  }

  #account-order-info .sr-order-info__table th,
  #account-order-info .sr-order-info__table td {
    padding: 8px 10px !important;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  #account-order-info .sr-order-info__address-body {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  #account-order-info .sr-order-info__section-title {
    font-size: calc(1rem + 2px) !important;
  }

  #account-order-info .sr-order-info__product-card {
    padding: 12px;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
  }

  #account-order-info .sr-order-info__product-name {
    font-size: calc(0.875rem + 2px) !important;
  }

  #account-order-info .sr-order-info__product-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px;
    gap: 8px !important;
  }

  #account-order-info .sr-order-info__product-actions .sr-order-info__action-btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    font-size: calc(0.875rem + 2px) !important;
    border-radius: 10px !important;
    justify-content: center;
  }

  #account-order-info .sr-order-info__action-btn--return {
    margin-left: 0 !important;
  }

  #account-order-info .sr-order-info__nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #account-order-info .sr-order-info__nav-link {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #account-order-info .sr-order-info__nav-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    position: static !important;
    right: auto !important;
    left: auto !important;
  }

  #account-order-info .sr-order-info__nav-actions {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: stretch !important;
    gap: 8px !important;
  }

  #account-order-info .sr-order-info__nav-btn {
    flex: 1 1 calc(50% - 4px) !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 8px 10px !important;
    font-size: calc(0.8125rem + 2px) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    text-align: center;
    white-space: normal !important;
    line-height: 1.25 !important;
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    color: #374151 !important;
  }

  #account-order-info .sr-order-info__nav-btn:hover,
  #account-order-info .sr-order-info__nav-btn:focus-visible {
    background: #f9fafb !important;
    border-color: #9ca3af !important;
    color: #111827 !important;
  }

  #account-order-info .sr-order-info__continue {
    font-size: 14px !important;
    min-height: var(--sr-mobile-touch);
  }
}

/* —— Favorite (wishlist) — doar mobil/tablet ≤991px —— */
@media (max-width: 991px) {
  #account-wishlist.sr-wishlist {
    padding-bottom: 32px;
  }

  #account-wishlist .sr-wishlist__container {
    padding-left: var(--sr-mobile-pad);
    padding-right: var(--sr-mobile-pad);
  }

  #account-wishlist .sr-wishlist__head {
    margin-bottom: 14px;
    gap: 10px;
  }

  #account-wishlist .sr-wishlist__title {
    font-size: 1.25rem !important;
    margin-bottom: 4px;
  }

  #account-wishlist .sr-wishlist__lead {
    font-size: 0.8125rem !important;
    line-height: 1.4;
  }

  #account-wishlist .sr-wishlist__pill {
    font-size: 0.75rem;
    padding: 6px 10px;
  }

  #account-wishlist .sr-wishlist__grid,
  #account-account #sr-dash-panel-wishlist .sr-wishlist__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 20px;
  }

  #account-wishlist .sr-wishlist-card,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card {
    border-radius: var(--global-border-radius, 5px);
  }

  /* Imagine pătrată, mai mică — centrată în card */
  #account-wishlist .sr-wishlist-card__media,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__media {
    --sr-wishlist-img-box: 100px;
    width: min(100%, var(--sr-wishlist-img-box));
    max-width: var(--sr-wishlist-img-box);
    height: auto;
    min-height: 0;
    max-height: none;
    flex: 0 0 auto;
    margin: 10px auto 4px;
    aspect-ratio: 1 / 1;
    padding: 8px;
    background: #fff;
    box-sizing: border-box;
  }

  #account-wishlist .sr-wishlist-card__media img,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__media img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    object-position: center;
  }

  #account-wishlist .sr-wishlist-card__body,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__body {
    padding: 10px 12px 12px;
    gap: 4px;
  }

  #account-wishlist .sr-wishlist-card .sr-product-card__stock,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card .sr-product-card__stock {
    font-size: 12px !important;
  }

  #account-wishlist .sr-wishlist-card__name,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__name {
    font-size: 10px !important;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  #account-wishlist .sr-wishlist-card__name a,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__name a {
    font-size: inherit !important;
    line-height: inherit;
  }

  #account-wishlist .sr-wishlist-card__model,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__model {
    font-size: 0.625rem;
    line-height: 1.2;
  }

  #account-wishlist .sr-wishlist-card__price,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__price {
    margin-top: 2px;
    padding-top: 0;
  }

  #account-wishlist .sr-wishlist-card__price-current,
  #account-wishlist .sr-wishlist-card__price-special,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__price-current,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__price-special {
    font-size: 10px !important;
    font-weight: 410;
    line-height: 1.2;
  }

  #account-wishlist .sr-wishlist-card__price-old,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__price-old {
    display: block;
    margin-left: 0;
    font-size: 0.625rem;
  }

  #account-wishlist .sr-wishlist-card__actions,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__actions {
    margin-top: 6px;
  }

  #account-wishlist .sr-wishlist-card__form,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__form {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
  }

  #account-wishlist .sr-wishlist-card__btn-cart,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__btn-cart {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 30px !important;
    padding: 5px 8px !important;
    font-size: 0.625rem !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #account-wishlist .sr-wishlist-card__btn-remove,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__btn-remove {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    font-size: 0.6875rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
  }

  #account-wishlist .sr-wishlist-card__btn-remove .fa-solid,
  #account-account #sr-dash-panel-wishlist .sr-wishlist-card__btn-remove .fa-solid {
    font-size: 0.6875rem;
  }

  #account-wishlist .sr-wishlist__nav {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding-top: 12px;
  }

  #account-wishlist .sr-wishlist__nav-link {
    font-size: 0.875rem;
  }

  #account-wishlist .sr-wishlist__nav-btn {
    width: 100%;
    min-width: 0;
    min-height: var(--sr-mobile-touch) !important;
    font-size: 0.875rem !important;
  }

  #account-wishlist .sr-wishlist__empty,
  #account-account #sr-dash-panel-wishlist .sr-wishlist__empty {
    padding: 32px 16px;
    border-radius: 12px;
  }

  #account-wishlist .sr-wishlist__empty-title,
  #account-account #sr-dash-panel-wishlist .sr-wishlist__empty-title {
    font-size: 1.0625rem;
  }

  #account-wishlist .sr-wishlist__empty-lead,
  #account-account #sr-dash-panel-wishlist .sr-wishlist__empty-lead {
    font-size: 0.875rem;
  }
}

/* —— Adrese înregistrate — doar mobil ≤991px —— */
@media (max-width: 991px) {
  #account-address.sr-account-address-list,
  #account-address.sr-account-address-form-page {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 24px;
  }

  #account-address.sr-account-address-form-page {
    padding-top: 0 !important;
  }

  #account-address.sr-account-address-list .sr-account-address-list__container,
  #account-address.sr-account-address-form-page .sr-account-form-page__container {
    padding-left: var(--sr-mobile-pad, 16px) !important;
    padding-right: var(--sr-mobile-pad, 16px) !important;
  }

  #account-address .breadcrumb {
    font-size: 0.75rem;
    margin-bottom: 8px;
  }

  #account-address.sr-account-address-form-page .sr-account-form-page__breadcrumb {
    margin-bottom: 14px;
    padding-bottom: 0;
    position: relative;
    z-index: 2;
  }

  #account-address.sr-account-address-list .sr-account-address-list__title,
  #account-address.sr-account-address-form-page .sr-nl-settings__title {
    font-size: 1.0625rem !important;
    margin-bottom: 10px;
  }

  #account-address.sr-account-address-list .sr-account-address-list__table-wrap {
    border-radius: 12px;
    padding: 4px 8px;
  }

  #account-address #address .table {
    margin-bottom: 10px;
    font-size: 0.8125rem;
    border-radius: 10px;
    overflow: hidden;
  }

  #account-address #address table td {
    padding: 8px 10px !important;
    vertical-align: middle;
    line-height: 1.35;
  }

  #account-address #address table td.text-end {
    white-space: nowrap;
    width: 1%;
    padding-left: 6px !important;
  }

  #account-address #address .btn {
    min-height: 32px !important;
    min-width: 32px !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    font-size: 0.75rem !important;
    border-radius: 8px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }

  #account-address #address .btn + .btn {
    margin-left: 6px;
  }

  #account-address.sr-account-address-list .sr-account-address-list__actions {
    margin-top: 12px;
    gap: 8px;
  }

  #account-address.sr-account-address-list .sr-account-address-list__add {
    min-height: 38px !important;
    padding: 7px 12px !important;
    font-size: 0.75rem !important;
    border-radius: 8px !important;
  }

  #account-address #address p {
    font-size: 0.8125rem;
    margin-bottom: 10px;
  }

  /* Editare / adăugare adresă — formular compact */
  #account-address.sr-account-address-form-page .sr-account-form-panel {
    margin-top: 0 !important;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08);
    overflow: hidden;
  }

  #account-address.sr-account-address-form-page .sr-account-form-panel__body,
  #account-address.sr-account-address-form-page .sr-account-form-panel__body.sr-nl-settings {
    padding: 12px 16px 18px !important;
  }

  #account-address.sr-account-address-form-page .sr-nl-settings__head {
    margin-bottom: 10px;
  }

  #account-address.sr-account-address-form-page .sr-nl-settings__title {
    margin-bottom: 6px !important;
  }

  #account-address.sr-account-address-form-page .sr-nl-settings__lead {
    font-size: 0.8125rem;
    margin-bottom: 12px;
  }

  #account-address.sr-account-address-form-page .sr-account-form__fieldset + .sr-account-form__fieldset {
    margin-top: 14px;
    padding-top: 14px;
  }

  #account-address.sr-account-address-form-page .sr-account-form__legend {
    font-size: 0.6875rem;
    margin-bottom: 10px;
  }

  #account-address.sr-account-address-form-page #form-address .sr-nl-settings__field {
    margin-bottom: 16px !important;
  }

  #account-address.sr-account-address-form-page #form-address .sr-nl-settings__label {
    margin-bottom: 6px !important;
    font-size: 0.75rem;
    font-weight: 410;
    line-height: 1.3;
    color: #374151;
  }

  #account-address.sr-account-address-form-page #form-address .form-control,
  #account-address.sr-account-address-form-page #form-address .form-select {
    min-height: 38px !important;
    padding: 7px 10px !important;
    font-size: 0.875rem !important;
    line-height: 1.35;
    border-radius: 8px !important;
  }

  #account-address.sr-account-address-form-page #form-address .form-control::placeholder {
    color: #9ca3af;
    opacity: 1;
  }

  #account-address.sr-account-address-form-page #form-address textarea.form-control {
    min-height: 72px !important;
    padding-top: 8px !important;
  }

  #account-address.sr-account-address-form-page #form-address .form-check-inline {
    margin-right: 12px;
    font-size: 0.8125rem;
  }

  #account-address.sr-account-address-form-page #form-address .form-check-label {
    font-size: 0.8125rem;
  }

  #account-address.sr-account-address-form-page .sr-account-form__actions {
    margin-top: 12px;
    gap: 8px;
  }

  #account-address.sr-account-address-form-page .sr-nl-settings__submit {
    width: auto !important;
    min-height: 38px !important;
    padding: 8px 18px !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.04em !important;
    border-radius: 8px !important;
  }

  #account-address.sr-account-address-form-page .sr-account-form__fieldset--billing-type {
    margin-bottom: 4px;
  }

  #account-address.sr-account-address-form-page .sr-account-address-billing-type .sr-billing-type__switch {
    gap: 6px;
    padding: 4px;
    margin-bottom: 12px;
  }

  #account-address.sr-account-address-form-page .sr-account-address-billing-type .sr-billing-type__option span {
    min-height: 38px !important;
    padding: 8px 6px !important;
    font-size: 0.8125rem !important;
    border-radius: 8px !important;
  }

  #account-address.sr-account-address-form-page .sr-account-address-billing-type__pj .sr-account-form__region-row {
    display: block;
  }

  #account-address.sr-account-address-form-page .sr-account-address-billing-type__pj .sr-nl-settings__field {
    margin-bottom: 10px !important;
  }

  #account-address.sr-account-address-form-page #form-address .sr-account-form__name-row,
  #account-address.sr-account-address-form-page #form-address .sr-account-form__contact-row,
  #account-address.sr-account-address-form-page #form-address .sr-account-form__region-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  #account-address.sr-account-address-form-page #form-address .sr-account-form__name-row .sr-nl-settings__field,
  #account-address.sr-account-address-form-page #form-address .sr-account-form__contact-row .sr-nl-settings__field,
  #account-address.sr-account-address-form-page #form-address .sr-account-form__region-row .sr-nl-settings__field {
    margin-bottom: 0 !important;
  }

  #account-address.sr-account-address-form-page .sr-account-form__required-hint {
    margin: -4px 0 10px;
    font-size: 0.75rem;
  }

}

/* —— Asistență / contact — doar telefon & tabletă ≤991px, mai compact —— */
@media (max-width: 991px) {
  #information-contact.sr-contact.container {
    padding-left: var(--sr-mobile-pad, 16px) !important;
    padding-right: var(--sr-mobile-pad, 16px) !important;
  }

  #information-contact.sr-contact {
    padding-bottom: 24px;
  }

  #information-contact.sr-contact .breadcrumb {
    font-size: 0.75rem;
    margin-bottom: 8px;
  }

  #information-contact.sr-contact .sr-contact__title {
    font-size: 1.0625rem !important;
    margin-bottom: 10px;
  }

  #information-contact.sr-contact .sr-contact__inner {
    max-width: 100%;
    gap: 8px;
  }

  #information-contact.sr-contact .sr-contact-panel {
    padding: 10px 12px !important;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(17, 24, 39, 0.05);
  }

  #information-contact.sr-contact .sr-contact-panel--form {
    font-size: 0.8125rem !important;
    padding: 10px 12px 8px !important;
  }

  #information-contact.sr-contact .sr-contact-panel--store {
    font-size: 0.8125rem !important;
  }

  #information-contact.sr-contact .sr-contact-panel__title {
    font-size: 0.9375rem !important;
    margin-bottom: 5px;
    line-height: 1.3;
  }

  #information-contact.sr-contact .sr-contact-panel--form .sr-contact-panel__title {
    font-size: 0.9375rem !important;
    margin-bottom: 3px;
  }

  #information-contact.sr-contact .sr-contact-panel--store .sr-contact-panel__title {
    font-size: 0.9375rem !important;
  }

  #information-contact.sr-contact .sr-contact-panel__lead {
    font-size: 0.75rem !important;
    line-height: 1.4;
    margin-bottom: 8px;
  }

  #information-contact.sr-contact .sr-contact-details {
    margin-bottom: 6px;
    padding-bottom: 6px;
    font-size: 0.75rem;
  }

  #information-contact.sr-contact .sr-contact-details__row {
    margin-bottom: 3px;
    line-height: 1.3;
    gap: 0.15rem 0.35rem;
  }

  #information-contact.sr-contact .sr-contact-details dt {
    font-size: 0.75rem;
    font-weight: 410;
  }

  #information-contact.sr-contact .sr-contact-details dd {
    font-size: 0.75rem;
  }

  #information-contact.sr-contact .sr-contact-panel__address {
    font-size: 0.75rem;
    margin-bottom: 6px;
    line-height: 1.4;
  }

  #information-contact.sr-contact .sr-contact-panel__map,
  #information-contact.sr-contact .sr-contact-panel__map iframe {
    height: 130px !important;
    min-height: 130px !important;
    border-radius: 8px;
  }

  #information-contact.sr-contact .sr-contact-panel__map-btn.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    gap: 5px;
    width: auto;
    min-width: 0 !important;
    min-height: 0 !important;
    margin-top: 6px;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    border: 1px solid #e5e7eb !important;
    background: #f3f4f6 !important;
    background-image: none !important;
    color: #111827 !important;
    box-shadow: none !important;
  }

  #information-contact.sr-contact .sr-contact-panel__map-btn.btn:hover,
  #information-contact.sr-contact .sr-contact-panel__map-btn.btn:focus {
    background: #e5e7eb !important;
    border-color: #d1d5db !important;
    color: #111827 !important;
  }

  #information-contact.sr-contact .sr-contact-panel__map-btn i {
    font-size: 0.85em;
    color: #111827;
  }

  #information-contact.sr-contact .sr-contact-panel__note {
    font-size: 0.6875rem;
    margin-top: 6px;
    line-height: 1.4;
  }

  #information-contact.sr-contact .sr-contact-form .form-label {
    font-size: calc(0.75rem + 1px) !important;
    margin-bottom: 3px;
  }

  #information-contact.sr-contact .sr-contact-form .form-control {
    font-size: calc(0.8125rem + 3px) !important;
    min-height: 36px !important;
    padding: 0.35rem 0.6rem;
    border-radius: 8px;
  }

  #information-contact.sr-contact .sr-contact-form__fields .mb-3 {
    margin-bottom: 6px !important;
  }

  #information-contact.sr-contact .sr-contact-form__grow textarea,
  #information-contact.sr-contact .sr-contact-form__message textarea,
  #account-account .sr-account-dash__contact-embed .sr-contact-form__message textarea {
    min-height: clamp(104px, 22vh, 152px) !important;
    max-height: none !important;
    height: auto !important;
    font-size: calc(0.8125rem + 3px) !important;
  }

  #information-contact.sr-contact .sr-contact-form .form-select,
  #account-account .sr-account-dash__contact-embed .sr-contact-form .form-select {
    min-height: 36px !important;
    font-size: calc(0.8125rem + 1px) !important;
    padding: 0.35rem 1.75rem 0.35rem 0.6rem;
    border-radius: 8px;
  }

  #information-contact.sr-contact .sr-contact-form__actions {
    margin-top: 4px;
    justify-content: stretch;
  }

  #information-contact.sr-contact .sr-contact-form__actions .btn {
    min-width: 0 !important;
    width: 100%;
    min-height: 36px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.07em !important;
    padding: 6px 14px !important;
    border-radius: 8px !important;
  }

  #account-account .sr-account-dash__contact-embed .sr-contact-form__actions .btn {
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.07em !important;
  }

  #account-account .sr-account-dash__contact-embed .sr-contact-panel__map-btn {
    width: auto !important;
    align-self: center;
    padding: 5px 10px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
    border: 1px solid #e5e7eb !important;
    background: #f3f4f6 !important;
    color: #111827 !important;
  }

  #account-account .sr-account-dash__contact-embed .sr-contact__inner {
    max-width: 100%;
    gap: 8px;
  }

  #account-account .sr-account-dash__contact-embed .sr-contact-panel {
    padding: 10px 12px !important;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(17, 24, 39, 0.05);
  }

  #account-account .sr-account-dash__contact-embed .sr-contact-panel--form {
    font-size: 0.8125rem !important;
    padding: 10px 12px 8px !important;
  }

  #account-account .sr-account-dash__contact-embed .sr-contact-panel--store {
    font-size: 0.8125rem !important;
  }

  #account-account .sr-account-dash__contact-embed .sr-contact-panel__map,
  #account-account .sr-account-dash__contact-embed .sr-contact-panel__map iframe {
    height: 130px !important;
    min-height: 130px !important;
    border-radius: 8px;
  }
}

/* —— Finalizare comandă (checkout) — mobil: mai mic, mai clar —— */
@media (max-width: 991px) {
  body[class*="checkout-checkout"] .sr-checkout-steps {
    padding-top: 4px;
    padding-bottom: 80px;
  }

  body[class*="checkout-checkout"] .sr-checkout-steps__container {
    padding-left: var(--sr-mobile-pad, 16px);
    padding-right: var(--sr-mobile-pad, 16px);
  }

  body[class*="checkout-checkout"] .sr-checkout-steps__head {
    margin-bottom: 10px;
  }

  body[class*="checkout-checkout"] .sr-checkout-steps__title {
    font-size: 1.125rem !important;
    margin-bottom: 2px;
  }

  body[class*="checkout-checkout"] .sr-checkout-mobile-progress {
    margin-bottom: 10px;
    padding: 10px 12px;
    border-radius: 12px;
  }

  body[class*="checkout-checkout"] .sr-checkout-mobile-progress__count {
    font-size: 0.6875rem;
    letter-spacing: 0.04em;
  }

  body[class*="checkout-checkout"] .sr-checkout-mobile-progress__title {
    font-size: 0.875rem;
    font-weight: 410;
  }

  body[class*="checkout-checkout"] .sr-checkout-mobile-progress__track {
    height: 4px;
  }

  body[class*="checkout-checkout"] .sr-checkout-panel {
    padding: 12px !important;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(17, 24, 39, 0.05);
  }

  body[class*="checkout-checkout"] #sr-checkout-step-1 .sr-checkout-panel,
  body[class*="checkout-checkout"] #sr-checkout-step-2 .sr-checkout-panel--billing {
    padding: 12px !important;
    max-width: none;
  }

  /* Un singur titlu — fără kicker + legend duplicat */
  body[class*="checkout-checkout"] .sr-checkout-panel__kicker {
    display: none !important;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-1 fieldset > legend,
  body[class*="checkout-checkout"] #sr-checkout-step-2 fieldset > legend {
    display: none !important;
  }

  body[class*="checkout-checkout"] .sr-checkout-panel__header {
    margin-bottom: 8px;
  }

  body[class*="checkout-checkout"] .sr-checkout-panel__title {
    font-size: 1rem !important;
    line-height: 1.3;
  }

  body[class*="checkout-checkout"] #payment-addresses,
  body[class*="checkout-checkout"] #shipping-addresses {
    margin-bottom: 8px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #f9fafb;
  }

  body[class*="checkout-checkout"] #payment-addresses .form-check,
  body[class*="checkout-checkout"] #shipping-addresses .form-check {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin-bottom: 5px;
    padding-left: 0;
    min-height: 0;
  }

  body[class*="checkout-checkout"] #payment-addresses .form-check .form-check-input,
  body[class*="checkout-checkout"] #shipping-addresses .form-check .form-check-input {
    float: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.15em;
    flex-shrink: 0;
  }

  body[class*="checkout-checkout"] #payment-addresses .form-check .form-check-label,
  body[class*="checkout-checkout"] #shipping-addresses .form-check .form-check-label {
    flex: 1 1 auto;
    min-width: 0;
  }

  body[class*="checkout-checkout"] #payment-addresses .form-check:last-child,
  body[class*="checkout-checkout"] #shipping-addresses .form-check:last-child {
    margin-bottom: 0;
  }

  body[class*="checkout-checkout"] #payment-addresses .form-check-label,
  body[class*="checkout-checkout"] #shipping-addresses .form-check-label {
    font-size: 0.8125rem !important;
    font-weight: 410;
    line-height: 1.35;
  }

  body[class*="checkout-checkout"] #payment-existing,
  body[class*="checkout-checkout"] #shipping-existing {
    margin-top: 6px;
  }

  body[class*="checkout-checkout"] .sr-checkout-address-existing__actions .form-select {
    min-height: 40px !important;
    font-size: 0.8125rem !important;
    border-radius: 8px;
  }

  body[class*="checkout-checkout"] .form-label {
    font-size: 0.75rem !important;
    font-weight: 410;
    margin-bottom: 3px;
  }

  body[class*="checkout-checkout"] .form-control,
  body[class*="checkout-checkout"] .form-select {
    min-height: 40px !important;
    font-size: 0.875rem !important;
    border-radius: 8px;
    padding: 0.4rem 0.65rem;
  }

  body[class*="checkout-checkout"] .form-check-input {
    width: 0.95em;
    height: 0.95em;
    margin-top: 0.15em;
  }

  body[class*="checkout-checkout"] .sr-checkout-panel__body--stack > .sr-checkout-panel__block + .sr-checkout-panel__block {
    margin-top: 10px;
    padding-top: 10px;
  }

  body[class*="checkout-checkout"] .sr-billing-type__title {
    font-size: 0.875rem !important;
    margin-bottom: 8px;
  }

  body[class*="checkout-checkout"] .sr-billing-type__option span {
    min-height: auto !important;
    padding: 8px 10px !important;
    font-size: 0.8125rem !important;
  }

  body[class*="checkout-checkout"] .sr-delivery-address-mode {
    gap: 8px;
  }

  body[class*="checkout-checkout"] .sr-delivery-address-mode__btn {
    min-height: auto !important;
    padding: 10px !important;
    border-radius: 10px;
  }

  body[class*="checkout-checkout"] .sr-delivery-address-mode__title {
    font-size: 0.8125rem !important;
  }

  body[class*="checkout-checkout"] .sr-delivery-address-mode__hint {
    font-size: 0.6875rem !important;
    line-height: 1.35;
  }

  body[class*="checkout-checkout"] .sr-checkout-delivery-choice {
    padding: 8px 10px;
  }

  body[class*="checkout-checkout"] .sr-checkout-delivery-choice__toggle {
    font-size: 0.8125rem;
    gap: 8px;
  }

  body[class*="checkout-checkout"] .sr-checkout-wizard__btn-next,
  body[class*="checkout-checkout"] .sr-checkout-wizard__btn-back {
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    font-size: 0.8125rem !important;
    border-radius: 10px !important;
  }

  body[class*="checkout-checkout"] .sr-checkout-wizard__nav-wrap .sr-checkout-wizard__nav {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 8px var(--sr-mobile-pad, 16px) calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    padding-left: max(var(--sr-mobile-pad, 16px), env(safe-area-inset-left, 0px)) !important;
    padding-right: max(var(--sr-mobile-pad, 16px), env(safe-area-inset-right, 0px)) !important;
    gap: 8px;
  }

  /* Pasul 3 — plată, livrare, rezumat comandă */
  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-wizard__final-stack,
  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-wizard__final-grid {
    gap: 10px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-panel {
    margin-bottom: 10px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-panel--summary {
    box-shadow: 0 2px 10px rgba(17, 24, 39, 0.05) !important;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-delivery-block__title {
    font-size: 0.8125rem !important;
    font-weight: 410;
    margin: 0 0 4px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-delivery-billing-summary {
    margin-bottom: 8px;
    padding: 8px 10px;
    border-radius: 8px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-delivery-billing-summary__text {
    font-size: 0.8125rem;
    line-height: 1.4;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-delivery-block--method {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e7eb;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-delivery-block--address-summary > .sr-delivery-block--method .sr-delivery-block__head {
    margin-bottom: 6px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-method__section-lead,
  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-method__head {
    font-size: 0.8125rem !important;
    margin: 0 0 8px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-payment-options,
  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-shipping-options {
    gap: 8px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-payment-option__card,
  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-shipping-option__card {
    min-height: 0 !important;
    padding: 10px 12px !important;
    gap: 10px !important;
    border-radius: 10px !important;
    border-width: 1px !important;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-shipping-option__main {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-shipping-option__aside {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-shrink: 0;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-payment-option__icon,
  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-shipping-option__icon {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 1rem !important;
    border-radius: 8px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-payment-option__title,
  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-shipping-option__title {
    font-size: 0.875rem !important;
    font-weight: 410;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-payment-option__desc,
  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-shipping-option__desc {
    font-size: 0.75rem !important;
    margin-top: 2px;
    line-height: 1.35;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-payment-option__check,
  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-shipping-option__check {
    font-size: 1rem !important;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-shipping-option__price {
    font-size: 0.875rem !important;
    margin-top: 0;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-shipping-option--fan .sr-checkout-shipping-option__price {
    font-size: 0.875rem !important;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-shipping-option__badge {
    font-size: 0.625rem;
    padding: 1px 6px;
    margin-left: 4px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-quote-notice {
    margin-bottom: 8px;
    padding: 8px 10px;
    font-size: 0.8125rem;
    border-radius: 8px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-quote-notice strong {
    font-size: 0.875rem;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-shipping-tiers {
    margin-top: 8px;
    padding: 8px 10px;
    font-size: 0.75rem;
    border-radius: 8px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-confirm__row {
    padding: 5px 0;
    gap: 8px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-confirm__name {
    font-size: 0.8125rem !important;
    line-height: 1.35;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-confirm__name a {
    font-weight: 410;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-confirm__name small {
    font-size: 0.6875rem !important;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-confirm__total {
    font-size: 0.8125rem !important;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-confirm__totals {
    margin-top: 8px;
    padding-top: 6px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-confirm__total-row {
    padding: 3px 0;
    font-size: 0.8125rem !important;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-confirm__total-row--grand {
    font-size: 0.9375rem !important;
    padding-top: 8px;
    margin-top: 4px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-confirm__action {
    margin-top: 10px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-confirm__btn,
  body[class*="checkout-checkout"] #sr-checkout-step-3 #checkout-payment .btn-primary {
    min-height: 44px !important;
    font-size: 0.875rem !important;
    border-radius: 10px;
    padding: 8px 16px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-comment {
    margin-top: 10px;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-comment textarea.form-control {
    min-height: 68px !important;
    font-size: 0.875rem !important;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-agree .form-check-label {
    font-size: 0.75rem !important;
    line-height: 1.35;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-steps__pay-note {
    font-size: 0.6875rem;
    margin: 6px 0 0;
    padding: 0;
    line-height: 1.35;
  }
}

/* Confirmare comandă — compact pe mobil */
@media (max-width: 991px) {
  body[class*="checkout-success"] .sr-order-success,
  #checkout-success.sr-order-success {
    padding: 8px 0 24px;
  }

  body[class*="checkout-success"] .sr-order-success__breadcrumb {
    display: none;
  }

  body[class*="checkout-success"] .sr-order-success__container {
    padding-left: 12px;
    padding-right: 12px;
  }

  body[class*="checkout-success"] .sr-order-success__shell {
    border-radius: 14px;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
  }

  body[class*="checkout-success"] .sr-order-success__brand {
    padding: 14px 12px;
  }

  body[class*="checkout-success"] .sr-order-success__brand-inner {
    gap: 6px;
  }

  body[class*="checkout-success"] .sr-order-success__logo {
    max-height: 48px;
    max-width: 72%;
  }

  body[class*="checkout-success"] .sr-order-success__brand-name {
    font-size: 1rem;
  }

  body[class*="checkout-success"] .sr-order-success__brand-tag {
    font-size: 0.8125rem;
    line-height: 1.35;
    max-width: none;
  }

  body[class*="checkout-success"] .sr-order-success__panel {
    padding: 14px 12px 16px;
  }

  body[class*="checkout-success"] .sr-order-success__status {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: 10px;
    margin-bottom: 12px;
  }

  body[class*="checkout-success"] .sr-order-success__icon {
    width: 38px;
    height: 38px;
    font-size: 1.15rem;
  }

  body[class*="checkout-success"] .sr-order-success__badge {
    margin-bottom: 4px;
    padding: 2px 8px;
    font-size: 0.625rem;
    letter-spacing: 0.06em;
  }

  body[class*="checkout-success"] .sr-order-success__title {
    font-size: 1.0625rem !important;
    margin-bottom: 4px;
    line-height: 1.25;
  }

  body[class*="checkout-success"] .sr-order-success__subtitle {
    font-size: 0.8125rem;
    line-height: 1.4;
  }

  body[class*="checkout-success"] .sr-order-success__cards {
    gap: 8px;
    margin-bottom: 12px;
  }

  body[class*="checkout-success"] .sr-order-success__card {
    grid-template-columns: 32px 1fr;
    gap: 8px;
    padding: 9px 10px;
    border-radius: 10px;
  }

  body[class*="checkout-success"] .sr-order-success__card-icon {
    width: 32px;
    height: 32px;
    font-size: 0.85rem;
    border-radius: 8px;
  }

  body[class*="checkout-success"] .sr-order-success__card-title {
    font-size: 0.6875rem;
    margin-bottom: 2px;
    letter-spacing: 0.02em;
  }

  body[class*="checkout-success"] .sr-order-success__card-text {
    font-size: 0.8125rem;
    line-height: 1.35;
  }

  body[class*="checkout-success"] .sr-order-success__actions {
    gap: 8px;
  }

  body[class*="checkout-success"] .sr-order-success__btn-primary,
  body[class*="checkout-success"] .sr-order-success__actions .btn {
    width: 100%;
    min-width: 0;
    min-height: 42px !important;
    padding: 9px 14px !important;
    font-size: 0.875rem !important;
    border-radius: 10px !important;
  }
}

/* Back to top — mobil: dimensiuni + fără animație; poziția e setată din JS (visual viewport) */
@media (max-width: 991px) {
  html {
    overflow-x: clip;
  }

  a.top_button.sr-top-button,
  a.top_button {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden;
    animation: none !important;
    -webkit-animation: none !important;
    transition: opacity 0.2s ease !important;
    z-index: 9990;
    pointer-events: auto;
    touch-action: manipulation;
  }

  a.top_button::before {
    display: block;
    width: 100%;
    line-height: 40px;
  }

  a.top_button::after {
    display: none !important;
    animation: none !important;
    -webkit-animation: none !important;
  }
}

/* —— Telefoane foarte înguste (<326px): tipografie și butoane reduse —— */
@media (max-width: 325px) {
  :root {
    --sr-mobile-pad: 8px;
    --sr-mobile-touch: 36px;
  }

  body {
    font-size: 0.875rem;
  }

  .container,
  .container-fluid {
    padding-left: var(--sr-mobile-pad) !important;
    padding-right: var(--sr-mobile-pad) !important;
  }

  .btn,
  .sr-home__btn {
    min-height: 36px !important;
    padding: 7px 12px !important;
    font-size: 12px !important;
  }

  /* Header */
  #header .header_middle .btn,
  #header .header_middle .sr-mob-header-icon,
  #header .header_middle .myaccount > a.header_account,
  #header .header_middle #header-cart .sr-cart-widget__toggle {
    min-height: 34px !important;
    font-size: 11px !important;
  }

  /* Meniu mobil */
  .base-megamenu-active #remove-megamenu,
  #remove-megamenu {
    padding: 10px 14px !important;
    font-size: 18px !important;
  }

  #header .header_bottom .megamenu-pattern > .container,
  .responsive.megamenu-style-dev .megamenu-pattern > .container {
    padding: 0 14px 16px !important;
  }

  #header .header_bottom ul.megamenu > li > a,
  #header .header_bottom ul.megamenu > li:first-child > a,
  .responsive.megamenu-style-dev ul.megamenu > li > a {
    min-height: 36px !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
  }

  #header .header_bottom .responsive.megamenu-style-dev .sr-category-menu-title,
  .responsive.megamenu-style-dev .sr-category-menu-title {
    font-size: 12px !important;
  }

  #header .header_bottom .responsive.megamenu-style-dev .sr-category-menu-links a,
  #header .header_bottom .responsive.megamenu-style-dev .sr-category-menu-tree a,
  .responsive.megamenu-style-dev .sr-category-menu-links a,
  .responsive.megamenu-style-dev .sr-category-menu-tree a {
    padding: 5px 0 5px 10px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  /* Grilă produse — nume, preț, Adaugă în coș */
  #product-list .product-thumb .image {
    padding: 4px !important;
  }

  #product-list .product-thumb .description {
    padding: 6px 6px 8px !important;
  }

  body[class*="product-category"] #product-list .product-thumb .description h4,
  body[class*="product-category"] #product-list .product-thumb .description h4 a,
  #product-list .product-thumb .description h4,
  #product-list .product-thumb .description h4 a {
    font-size: 15px !important;
    line-height: 1.35 !important;
    margin-bottom: 1px !important;
  }

  #product-list .product-thumb .description .price,
  #product-list .product-thumb .description .price .price-new {
    font-size: 16px !important;
    font-weight: 410 !important;
    margin-bottom: 2px !important;
  }

  #product-list .product-thumb .description .price .price-old {
    font-size: 9px !important;
  }

  #product-list .product-thumb .description .product_cart_btn {
    padding-top: 2px;
  }

  /* Paginare (fig. 1) */
  #pagination-wrapper {
    padding: 4px 6px !important;
    border-radius: 6px !important;
  }

  #pagination-wrapper .page-result {
    font-size: 9px !important;
    line-height: 1.35 !important;
    padding: 2px 0 4px !important;
  }

  #pagination-wrapper .page-link .pagination {
    gap: 2px;
    justify-content: flex-start !important;
    flex-wrap: wrap;
  }

  #pagination-wrapper .page-link .pagination .page-item {
    margin-right: 3px !important;
    margin-bottom: 2px;
  }

  #pagination-wrapper .page-link .pagination .page-item .page-link {
    min-width: 24px !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
  }

  /* Toolbar listă */
  #display-control.sr-listing-toolbar > .col-12:first-child > .d-flex {
    gap: 5px;
  }

  #display-control .open-sidebar,
  #display-control .btn {
    font-size: 11px !important;
    padding: 6px 8px !important;
    min-height: 32px !important;
  }

  /* Homepage */
  h1.sr-hp-hero__title {
    font-size: 22px !important;
  }

  .sr-hp-catalog .sr-hp-head__title {
    font-size: 1.15rem !important;
  }

  .sr-hp-catalog .sr-hp-head__lead,
  .sr-hp-catalog .sr-account-dash__section-lead,
  .sr-hp-head__lead,
  .sr-hp-catalog .sr-hp-head__lead {
    font-size: 0.75rem !important;
  }

  body.common-home .sr-hero-card {
    --sr-hero-card-basis: min(260px, calc(100vw - 4.5rem));
  }

  body.common-home .sr-hero-card__text {
    font-size: 0.6875rem !important;
    line-height: 1.4 !important;
  }

  body.common-home .sr-hero-card__title {
    font-size: 0.8125rem !important;
  }

  body.common-home .sr-hero-card__price {
    font-size: 0.75rem !important;
  }

  .sr-hp-cta__title {
    font-size: 1rem !important;
  }

  /* PDP — Adaugă în coș */
  #product-info #button-cart,
  #product-info #button-cart.btn-block,
  #product-info .sr-pdp-sticky-buy__cart {
    min-height: 44px !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
  }

  #product-info .sr-pdp-sticky-buy.sr-pdp-buy-mobile,
  #product-info .product-right .sr-pdp-sticky-buy.sr-pdp-buy-mobile {
    padding: 8px var(--sr-mobile-pad) !important;
    padding-bottom: max(8px, env(safe-area-inset-bottom)) !important;
  }

  /* Coș — Plasează / continuă comandă */
  #checkout-cart .sr-checkout-page__checkout {
    font-size: 12px !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
  }

  #checkout-cart .sr-checkout-page__continue {
    font-size: 11px !important;
  }

  #shopping-cart .sr-checkout-cart-item__name {
    font-size: 11px !important;
  }

  #shopping-cart .sr-checkout-cart-item__total,
  #checkout-cart .sr-checkout-cart__totals-value {
    font-size: 11px !important;
  }

  /* Finalizare comandă */
  body[class*="checkout-checkout"] .sr-checkout-steps__title {
    font-size: 1rem !important;
  }

  body[class*="checkout-checkout"] .sr-checkout-mobile-progress__title {
    font-size: 0.75rem !important;
  }

  body[class*="checkout-checkout"] .sr-checkout-wizard__btn-next,
  body[class*="checkout-checkout"] .sr-checkout-wizard__btn-back {
    min-height: 36px !important;
    padding: 0 8px !important;
    font-size: 0.6875rem !important;
    border-radius: 8px !important;
  }

  body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-confirm__btn,
  body[class*="checkout-checkout"] #sr-checkout-step-3 #checkout-payment .btn-primary,
  body[class*="checkout-checkout"] #sr-checkout-step-3 #button-confirm {
    min-height: 38px !important;
    font-size: 0.75rem !important;
    padding: 6px 10px !important;
  }

  body[class*="checkout-checkout"] .form-label {
    font-size: 0.6875rem !important;
  }

  body[class*="checkout-checkout"] .form-control,
  body[class*="checkout-checkout"] .form-select {
    font-size: 0.75rem !important;
    min-height: 34px !important;
    padding: 6px 8px !important;
  }
}

/* Coș — tarif livrare calculat pentru adresă (icon i + text) */
@media (max-width: 991.98px) {
  #checkout-cart .sr-cart-shipping-detail,
  .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail {
    padding: 8px 10px !important;
  }

  #checkout-cart .sr-cart-shipping-detail__hint,
  #checkout-cart .sr-cart-shipping-detail__address,
  .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail__hint,
  .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail__address {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  #checkout-cart .sr-cart-shipping-detail__hint,
  .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail__hint {
    gap: 6px;
    margin-bottom: 4px;
  }

  #checkout-cart .sr-cart-shipping-detail__icon,
  .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail__icon {
    font-size: 12px !important;
    margin-top: 1px;
  }

  #checkout-cart .sr-cart-shipping-detail__address,
  .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail__address {
    padding-left: 18px;
  }

  #checkout-cart .sr-cart-shipping-detail__actions,
  .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail__actions {
    margin-top: 6px;
    padding-left: 18px;
  }

  .dropdown-menu.sr-cart-drawer .sr-cart-shipping-change-link,
  #checkout-cart .sr-cart-shipping-change-link {
    font-size: 12px !important;
  }
}

/* —— Sub 600px: ascundem complet blocul de contact (telefon) din header ——
   Trebuie să vină DUPĂ regulile de afișare din banda ≤991px (ordinea sursei). */
@media (max-width: 599.98px) {
  #header .position-header-middle:has(.header_contact),
  #header .header_middle .header_contact {
    display: none !important;
  }
}